/* AMI VISION v2.9.485 - shared SaaS shell. Scoped, does not change business forms. */
body.ami-saas485{--ami-shell-bg:#f5f7fb;--ami-shell-line:#e2e8f0;--ami-shell-ink:#172b4d;--ami-shell-accent:#2563eb;background:var(--ami-shell-bg)}
body.ami-saas485 #app.app{grid-template-columns:250px minmax(0,1fr);min-width:0;background:var(--ami-shell-bg)}
body.ami-saas485 #sidebar.sidebar{width:250px;max-width:250px;background:#fff!important;color:#334155!important;border-right:1px solid var(--ami-shell-line);box-shadow:none!important;padding:10px 9px!important}
body.ami-saas485 #sidebar .side-brand{border-bottom:1px solid #eef2f7;margin-bottom:7px;padding:9px 10px 14px}
body.ami-saas485 #sidebar .side-brand-copy b{color:#162c4d}body.ami-saas485 #sidebar .side-brand-copy small{color:#64748b}
body.ami-saas485 #sidebar nav{min-height:0;scrollbar-color:#cbd5e1 transparent}
body.ami-saas485 #sidebar nav .nav-group{color:#94a3b8;letter-spacing:.08em;font-size:10px;padding-top:14px}
body.ami-saas485 #sidebar nav .nav-btn{color:#475569!important;border-radius:9px;min-height:36px;padding:8px 10px;font-weight:650;transition:background .13s,color .13s;transform:none!important}
body.ami-saas485 #sidebar nav .nav-btn:hover{background:#f1f5f9!important;color:#1d4ed8!important}
body.ami-saas485 #sidebar nav .nav-btn.active,body.ami-saas485 #sidebar nav .nav-btn[aria-current=page]{background:#eaf2ff!important;color:#1d4ed8!important;box-shadow:inset 3px 0 #2563eb}
body.ami-saas485 #sidebar .side-user{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px}
body.ami-saas485 #sidebar .side-user b{color:#1e293b}body.ami-saas485 #sidebar .side-user small{color:#64748b}
body.ami-saas485 #sidebar .ami293-sidebar-footer{color:#94a3b8!important;border-top-color:#edf2f7}
body.ami-saas485 .main{min-width:0;overflow-x:clip;background:var(--ami-shell-bg)}
body.ami-saas485 .main>.topbar{min-height:64px;height:auto;padding:10px 20px;gap:12px;background:#fff!important;border-bottom:1px solid var(--ami-shell-line);box-shadow:0 2px 10px rgba(15,23,42,.025)}
body.ami-saas485 .ami485-location{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:120px;max-width:280px;flex:0 1 210px;overflow:hidden}
body.ami-saas485 .ami485-location small{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.07em;color:#94a3b8;text-transform:uppercase}
body.ami-saas485 .ami485-location strong{font-size:14px;color:#1e293b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.ami-saas485 .topbar .top-search-wrap{min-width:130px;max-width:410px;flex:1 1 210px}
body.ami-saas485 .topbar .top-search{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;min-height:38px}
body.ami-saas485 .topbar #top-add-btn,body.ami-saas485 .topbar #notify-btn{border:1px solid #e2e8f0!important;background:#fff!important;border-radius:10px!important;box-shadow:none!important}
body.ami-saas485 .content{width:100%;max-width:none;min-width:0;padding:18px 20px 30px}
body.ami-saas485 .content>*{max-width:100%}body.ami-saas485 .content .table-wrap{max-width:100%;overflow-x:auto}
body.ami-saas485 .content :is(.page-head,.report-page-head,.ami21-workbar){min-width:0}
body.ami-saas485 .content :is(.card,.panel){border-color:#e2e8f0;box-shadow:0 2px 10px rgba(15,23,42,.035)}
body.ami-saas485 .content :is(button,input,select,textarea):focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
@media(max-width:1100px){body.ami-saas485 .ami485-location{flex-basis:140px}body.ami-saas485 .topbar .top-clock-wrap{display:none}}
@media(max-width:800px){body.ami-saas485 #app.app{grid-template-columns:minmax(0,1fr)}body.ami-saas485 #sidebar.sidebar{width:min(286px,87vw)!important;max-width:87vw;position:fixed}body.ami-saas485 .main>.topbar{padding:8px 12px;gap:8px}body.ami-saas485 .ami485-location{min-width:75px;flex:0 1 120px}body.ami-saas485 .ami485-location small{display:none}body.ami-saas485 .ami485-location strong{font-size:12px}body.ami-saas485 .topbar .top-search-wrap{flex:1 1 120px;min-width:85px}body.ami-saas485 .content{padding:12px 10px 24px}}
@media(max-width:520px){body.ami-saas485 .ami485-location{display:none}body.ami-saas485 .topbar .top-search-wrap{min-width:100px}body.ami-saas485 .content :is(.toolbar,.report-page-actions){gap:6px}}
@media print{body.ami-saas485 .ami485-location{display:none}body.ami-saas485 .content{padding:0}}