/* MOB365 R5 — structural layout repair. This file is loaded last intentionally.
   Only presentation/layout rules; no changes to authentication, API or data. */
:root{--mob5-accent:#087f8c;--mob5-line:#dbe4ed;--mob5-text:#172c43;--mob5-bg:#f5f7fa}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;max-width:100%;min-height:100%;font-family:'Segoe UI',Arial,sans-serif;color:var(--mob5-text)}
/* Fixed-width grid track prevents the sidebar from overlapping page content. */
.bc-layout{display:grid!important;grid-template-columns:232px minmax(0,1fr)!important;align-items:stretch!important;min-height:100dvh!important;width:100%!important;overflow:visible!important;background:var(--mob5-bg)!important}
.bc-layout>.bc-sidebar{position:relative!important;inset:auto!important;transform:none!important;float:none!important;grid-column:1!important;grid-row:1!important;width:232px!important;min-width:0!important;max-width:232px!important;height:auto!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border-right:1px solid var(--mob5-line)!important;box-shadow:none!important;z-index:2!important}
.bc-layout>.bc-sidebar>.bc-shell-nav{position:sticky!important;top:0!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100dvh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px!important;margin:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;color:var(--mob5-text)!important}
.bc-layout>.bc-main{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important;background:var(--mob5-bg)!important}
.bc-main>.bc365-commandbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:1!important;flex-shrink:0!important;min-height:54px!important;height:54px!important;width:100%!important;padding:0 22px!important;background:#fff!important;border-bottom:1px solid var(--mob5-line)!important}
.bc-main>.bc-content{display:block!important;position:relative!important;flex:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:24px!important;overflow:visible!important}
.bc-sidebar .bc-brand,.bc-sidebar .bc-brand-title,.bc-sidebar .bc-company-name{color:#172c43!important}
.bc-sidebar .bc-brand-sub,.bc-sidebar .bc-company-code,.bc-sidebar .bc-company-label{color:#64778c!important}
.bc-sidebar .bc-company-box{background:#f7f9fb!important;border:1px solid var(--mob5-line)!important;border-radius:5px!important;box-shadow:none!important}
.bc-sidebar .bc-menu-item{color:#33475d!important;background:transparent!important;border-radius:4px!important;min-height:36px!important}
.bc-sidebar .bc-menu-item:hover{color:#075c67!important;background:#eef6f7!important}
.bc-sidebar .bc-menu-item.active{color:#075c67!important;background:#e6f4f5!important;border-left:3px solid var(--mob5-accent)!important}
.bc-sidebar .bc-menu-section{color:#64778c!important}
/* Never let the old collapsed variant draw a floating dark overlay. */
.bc-sidebar .bc-shell-nav.collapsed{width:100%!important;min-width:0!important;max-width:100%!important;position:sticky!important;transform:none!important}
/* Login form: restore complete borders and avoid old pseudo-element overlays. */
.mob-login-page{display:flex!important;justify-content:center!important;align-items:center!important;min-height:100dvh!important;padding:24px!important;background:#f5f7fa!important}
.mob-login-wrapper{display:block!important;width:min(400px,100%)!important;min-width:0!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--mob5-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 12px 30px rgba(18,45,70,.09)!important}
.mob-login-panel,.mob-login-card{width:100%!important;max-width:100%!important;min-width:0!important;background:#fff!important}
.mob-login-card{padding:28px!important}
.mob-login-form .mob-input-wrapper{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;border:1px solid #c7d6e3!important;border-radius:5px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
.mob-login-form .mob-input-wrapper:focus-within{border-color:var(--mob5-accent)!important;outline:2px solid #b7e5e7!important;outline-offset:0!important}
.mob-login-form .mob-input-wrapper::before,.mob-login-form .mob-input-wrapper::after{display:none!important}
.mob-login-form .mob-input-wrapper input{position:relative!important;flex:1!important;min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}
.mob-login-form .mob-input-wrapper input:focus{outline:none!important;box-shadow:none!important}
.mob-login-form .mob-input-wrapper button{flex-shrink:0!important;position:relative!important;margin:0 6px!important}
/* Dense, consistent ERP surfaces, without overriding page-specific behavior. */
.bc-content .dash-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.bc-content .dash-kpi-card{min-width:0!important;border-radius:6px!important;border:1px solid var(--mob5-line)!important;background:#fff!important}
.bc-content table{max-width:100%}
@media(max-width:1100px){.bc-content .dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.bc-layout{display:flex!important;flex-direction:column!important}.bc-layout>.bc-sidebar{width:100%!important;max-width:100%!important;min-height:0!important;border-right:0!important;border-bottom:1px solid var(--mob5-line)!important}.bc-layout>.bc-sidebar>.bc-shell-nav{position:relative!important;height:auto!important;max-height:none!important}.bc-layout>.bc-main{width:100%!important}.bc-main>.bc-content{padding:14px!important}.bc-content .dash-kpi-grid{grid-template-columns:1fr!important}}