/* V30: the same five application tabs and visual language at every width. */
:root{--jarvis-page-width:1040px;--jarvis-chat-width:820px;--jarvis-nav-height:84px}
.shell{display:block!important;min-width:0}
.shell>.sidebar{display:none!important}
#mobilebar.mobilebar{display:flex!important;position:fixed;inset:auto 0 0;z-index:99!important;justify-content:center;align-items:stretch;gap:0!important;width:100%;max-width:none;min-height:var(--jarvis-nav-height);padding:8px max(8px,calc((100vw - 860px)/2)) max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid #e2eaf7!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px);box-shadow:0 -4px 22px #1a5baf0c!important}
#mobilebar.mobilebar>button{flex:1 1 0;max-width:172px;min-width:0;min-height:60px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;border:0;border-radius:14px;background:transparent;color:#7186a5!important;font-size:12px;font-weight:550!important;line-height:1.25}
#mobilebar.mobilebar>button.active{background:#edf5ff!important;color:#1477f5!important;font-weight:750!important}
#mobilebar.mobilebar>button .i{display:block;flex:0 0 auto;width:24px!important;height:24px!important}
#mobilebar.mobilebar>button.ai-tab .i{width:28px!important;height:28px!important;background:#e9f4ff;padding:4px;border-radius:9px}
#mobilebar.mobilebar>button span{line-height:1.25;white-space:nowrap}
#mobilebar.mobilebar>button:focus-visible{outline:3px solid #99c8ff;outline-offset:-3px}
/* Explicit icon bounds prevent unstyled SVGs from taking the browser default size. */
#view svg.i,#overlay svg.i{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.workspace>.top .tools svg{display:block;width:20px!important;height:20px!important;flex:0 0 20px}
@media(min-width:741px){
 .shell>.workspace{width:100%!important;max-width:var(--jarvis-page-width)!important;margin:0 auto!important;padding:0 28px calc(110px + env(safe-area-inset-bottom))!important}
 .workspace>.top{width:calc(100% + 56px)!important;margin:0 -28px 20px!important;padding:20px 28px!important;min-height:94px;gap:16px;border-radius:0!important;background:#fff!important;box-shadow:none!important;border-left:0;border-right:0}
 .workspace>.top .company-brand strong{font-size:28px!important;line-height:1.2}
 .workspace>.top .company-brand small{font-size:13px;line-height:1.5}
 .workspace>.top .tools{max-width:none;gap:8px}
 .workspace>.top .quick-connect{min-height:42px;width:auto;padding:9px 12px!important}
 .workspace>.top .quick-connect span{display:inline!important}
 .workspace>.top .quick-bell{width:42px;min-height:42px}
 .workspace>.top .top-plus{width:42px;min-width:42px;height:42px;padding:8px;border-radius:13px!important;font-size:25px}
 #view .grid{gap:18px}
 #view .grid.cols{grid-template-columns:minmax(0,1fr)!important}
 #view .grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #view :is(.v11-overview-grid,.v11-measure-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 #view .cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view .card{padding:22px!important}
 #view .v11-menu-list>button{min-height:58px;padding:13px 4px}
 #view .v11-menu-list b{font-size:14px}
 #view .v11-menu-list svg{width:20px;height:20px}
 #view .knowledge-page{max-width:860px;margin:0 auto}
 #view .knowledge-page>.grid.cols2{grid-template-columns:minmax(0,1fr)!important}
 .workspace:has(.jarvis-conversation){padding-bottom:calc(var(--jarvis-nav-height) + 12px + env(safe-area-inset-bottom))!important}
 .workspace:has(.jarvis-conversation)>.top{margin-bottom:8px!important}
 .toast{bottom:calc(var(--jarvis-nav-height) + 12px + env(safe-area-inset-bottom))!important}
}
.knowledge-upload-help{margin:18px 0;padding:14px;border:1px solid #dce7f5;border-radius:14px;background:#f5f9ff;color:#526c90}
.knowledge-upload-help p{font-size:13px;line-height:1.6;margin:0 0 10px}
.knowledge-upload-help p:last-child{margin:10px 0 0}
@media(max-width:740px){
 #mobilebar.mobilebar>button{font-size:10px;min-height:57px}
 #mobilebar.mobilebar>button .i{width:22px!important;height:22px!important}
 .knowledge-upload-help{padding:12px}
}
@media(min-width:741px) and (max-width:900px){
 .workspace>.top .campaign-mini{display:none}
}