/* AMI VISION v2.9.505 — unified shared workspace top bar, presentation only. */
body.ami-saas485 #app.app{min-width:0;max-width:100%;width:100%}
body.ami-saas485 #app .main{width:100%;min-width:0;max-width:100%;overflow-x:clip}
body.ami-saas485 #app .main>.topbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%;box-sizing:border-box!important;column-gap:10px!important;padding:10px 16px!important}
body.ami-saas485 #app .topbar .ami485-location{flex:0 1 180px!important;min-width:110px!important;max-width:200px!important;overflow:hidden!important}
body.ami-saas485 #app .topbar .ami485-location :is(small,strong){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ami-saas485 #app .topbar .top-search-wrap{flex:1 1 300px!important;min-width:140px!important;max-width:440px!important;width:auto!important;position:relative}
body.ami-saas485 #app .topbar .top-search{width:100%;max-width:100%;box-sizing:border-box;font-size:13px!important}
body.ami-saas485 #app .topbar .top-spacer{flex:1 1 5px;min-width:0}
body.ami-saas485 #app .topbar :is(#top-add-btn,#notify-btn,#pwa-install-top,.ami504-tab-toggle){flex-shrink:0!important;white-space:nowrap}
body.ami-saas485 #app .topbar .top-clock-wrap{flex:0 0 auto!important;min-width:0;max-width:175px;overflow:hidden}
body.ami-saas485 #app .topbar .top-clock-wrap :is(b,small){white-space:nowrap}
body.ami-saas485 #app .content{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:16px clamp(10px,1.4vw,22px) 30px!important}
body.ami-saas485 #app .content :is(.ami21-workbar,.ami21-workbar-inner,.ami491-page,.ami491-panel,.table-wrap){max-width:100%;box-sizing:border-box}
body.ami-saas485 #app .content .ami21-workbar{min-width:0!important;overflow:hidden}
body.ami-saas485 #app .content .ami21-crumb{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.ami-saas485 #app .content .ami21-crumb :is(b,span){max-width:100%;text-overflow:ellipsis}
body.ami-saas485 #app .content :is(.card,.panel,.ami491-panel){min-width:0;max-width:100%}
@media(max-width:1250px){body.ami-saas485 #app .topbar .ami485-location{flex-basis:145px!important}body.ami-saas485 #app .topbar .top-clock-wrap{max-width:150px}}
@media(max-width:1050px){body.ami-saas485 #app .topbar .top-clock-wrap{display:none!important}body.ami-saas485 #app .topbar .ami485-location{min-width:90px!important;flex-basis:125px!important}body.ami-saas485 #app .topbar .ami504-tab-toggle{padding-inline:7px}}
@media(max-width:760px){body.ami-saas485 #app .main>.topbar{gap:7px!important;padding:8px 10px!important}body.ami-saas485 #app .topbar .ami485-location{display:none!important}body.ami-saas485 #app .topbar .top-search-wrap{flex:1 1 auto!important;min-width:70px!important}body.ami-saas485 #app .topbar .top-search{min-height:36px!important}body.ami-saas485 #app .topbar .top-spacer{display:none!important}body.ami-saas485 #app .content{padding:12px 9px 24px!important}}
@media(max-width:470px){body.ami-saas485 #app .topbar #pwa-install-top{display:none!important}body.ami-saas485 #app .topbar .top-search{font-size:12px!important}body.ami-saas485 #app .topbar :is(#top-add-btn,#notify-btn){min-width:34px!important;width:34px!important;height:34px!important}}
@media print{body.ami-saas485 #app .main>.topbar{display:none!important}body.ami-saas485 #app .content{padding:0!important}}