/* Final application UI layer. Generated artwork and iframe documents keep their own typography. */
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"]{
  --vynny-ui-title:1.75rem;--vynny-ui-body:.875rem;--vynny-ui-table:.8125rem;--vynny-ui-detail:.75rem;
  font-size:var(--vynny-ui-body)!important;line-height:1.5!important;
}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(.page-head h1,.finance-ops-head h1,.r4-head h1,.vynny-magic-r30-title,.setup-page h1,.hero h1){
  font-size:var(--vynny-ui-title)!important;line-height:1.25!important;font-weight:700!important;margin:0!important;
}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] > header h1,
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(.shell,#setupShell) > header h1,
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #vynnyInternalHumanStudioOverlay .internal-human-studio-header h1{
  font-size:var(--vynny-ui-title)!important;line-height:1.25!important;
}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(.card-head h2,.panel-head h2,.modal-head h2,.card > h2,.panel > h2){font-size:1.25rem!important;line-height:1.3!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(.page-head p,.card > p,.panel > p,.muted,.info-box,.bubble,input,select,textarea){font-size:var(--vynny-ui-body)!important;line-height:1.5!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(button,.btn,summary,label,th,td){font-size:var(--vynny-ui-table)!important;line-height:1.45!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(small,.status,.kpi-label){font-size:var(--vynny-ui-detail)!important;line-height:1.5!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(.btn,button,select,input:not([type=checkbox]):not([type=radio]):not([type=range])){min-height:44px!important;max-width:100%;box-sizing:border-box}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) .page-head{gap:16px!important;flex-wrap:wrap!important;align-items:flex-start!important;margin-bottom:20px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) .page-actions{gap:8px!important;flex-wrap:wrap!important;max-width:100%}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] [data-vynny-menu-bar]{display:flex!important;flex:0 0 auto;gap:8px;margin:0 0 16px!important;padding:0!important;position:relative;z-index:1}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] [data-vynny-menu-bar] .vynny-menu-return{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px!important;padding:10px 16px!important;border:1px solid #46515b!important;border-radius:10px!important;background:#151b21!important;color:#f1f5f9!important;font-family:inherit!important;font-size:.8125rem!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;box-shadow:none!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] .vynny-menu-return:focus-visible{outline:3px solid #e56b98!important;outline-offset:3px}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] .vynny-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-menu-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px!important;text-align:left;white-space:normal!important;text-transform:none!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-menu-card strong{font-size:1rem!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace [data-c8-partial]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px!important;margin:0 0 20px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace [data-c8-partial] p{margin:0!important;flex:1 1 320px}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-compose:has(> #voiceButton){grid-template-columns:auto minmax(0,1fr) auto!important}
/* The chat size uses remaining workspace height, including menu and warning. */
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .assistant-layout.vynny-assistant-simple-r30{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,28%)!important;height:auto!important;min-height:0!important;gap:16px!important;align-items:start!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 > *{min-width:0!important;min-height:0!important;margin:0!important;padding:20px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-card{display:flex!important;flex-direction:column!important;height:var(--vynny-chat-height, min(60dvh,600px))!important;min-height:300px!important;box-sizing:border-box;overflow:hidden}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-stream{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto!important;overscroll-behavior:contain;overflow-wrap:anywhere}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-compose{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;flex:0 0 auto!important;min-height:0!important;padding-top:12px!important;align-items:end!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-compose :is(button,textarea){width:auto!important;min-width:0!important;min-height:44px!important;height:44px!important;padding:10px 12px!important;box-sizing:border-box}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 #chatInput{resize:vertical;max-height:100px;overflow:auto}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .voice-button b{font-size:var(--vynny-ui-table)!important;letter-spacing:normal!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-inline-controls{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;margin-top:8px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-orb{width:128px!important;height:128px!important;margin:4px auto 12px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-orb img{width:100%!important;height:100%!important;object-fit:contain}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-status{padding:12px 0!important;margin:0!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-status strong{font-size:1.25rem!important;line-height:1.3!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .jarvis-status small:empty{display:none!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .voice-advanced{margin:0!important;padding:12px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 summary{font-size:var(--vynny-ui-body)!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #vynnyInternalHumanStudioOverlay > [data-vynny-menu-bar]{margin:16px 20px!important}
@media(max-width:1100px){
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .assistant-layout.vynny-assistant-simple-r30{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:680px){
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"]{--vynny-ui-title:1.5rem}
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] :is(#workspace,.shell,#setupShell,#vynnyInternalHumanStudioOverlay,main) :is(input,select,textarea){font-size:1rem!important}
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 > *{padding:12px!important}
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-compose:has(> #voiceButton),
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 .chat-compose{grid-template-columns:1fr auto!important}
  html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #workspace .vynny-assistant-simple-r30 #chatInput{grid-column:1 / -1!important;grid-row:1!important}
}

html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #setupShell .setup-main > [data-vynny-menu-bar]{margin:16px 28px!important}
@media(max-width:680px){html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #setupShell .setup-main > [data-vynny-menu-bar]{margin:12px 14px!important}}

/* Voice belongs to the header flow. Its idle button cannot float over content. */
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar .vynny-area-picker{display:flex!important;flex:0 1 230px;flex-direction:column;gap:3px;min-width:160px;max-width:100%;margin:0!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar .vynny-area-picker > span{font-size:12px!important;line-height:1.2!important;color:var(--muted,#aeb8c4);letter-spacing:normal!important;text-transform:none!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar #vynnyAreaSelect{width:100%!important;min-width:0!important;min-height:44px!important;max-width:100%!important;padding:8px 28px 8px 10px!important;border:1px solid var(--line,#303944);border-radius:10px;background-color:var(--surface,#10161d);color:var(--text,#f1f5f9);font-family:inherit!important;font-size:13px!important;line-height:1.4!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar :is(button,select):focus-visible{outline:2px solid #ed7298!important;outline-offset:3px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell.app-shell{grid-template-rows:auto minmax(0,1fr)!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar{height:auto!important;min-height:64px!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 20px!important;box-sizing:border-box;align-content:center}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar .search-box{flex:1 1 180px!important;width:auto!important;min-width:120px!important;max-width:440px!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice{position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;display:flex!important;flex:0 1 auto!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%!important;min-width:0!important;margin:0!important;pointer-events:auto!important;visibility:visible!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice .r18-global-voice-button{position:static!important;order:0;min-width:0!important;min-height:44px!important;height:auto!important;max-width:100%!important;padding:8px 12px!important;border-radius:10px!important;font-size:13px!important;line-height:1.4!important;box-shadow:none!important;white-space:normal!important;transform:none!important;flex:0 0 auto}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice .r18-global-voice-icon{width:24px!important;height:24px!important;flex:0 0 24px}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice #r18GlobalVoiceLabel{display:inline!important;font-size:13px!important;white-space:normal!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice .r18-global-voice-popover{position:static!important;order:1;display:block!important;width:auto!important;max-width:320px!important;max-height:none!important;padding:8px 12px!important;box-shadow:none!important;white-space:normal!important}
html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice[data-stage="ready"] .r18-global-voice-popover{display:none!important}
@media(max-width:760px){
 html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell.app-shell{grid-template-rows:auto minmax(0,1fr) 64px!important}
 html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar{padding:8px 12px!important}
 html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar > #r18GlobalVoice{flex-basis:100%!important;order:10;justify-content:flex-start!important}
 html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar .vynny-area-picker{flex:1 1 190px}
 html:root[data-vynny-dark="c8"] body[data-vynny-ui="r3"] #appShell > .topbar #vynnyAreaSelect{font-size:16px!important}
}