/* AI-CLO PTITHCM V12.4.23 — application layout + shared sizing only. */
/* Header/sidebar/footer chrome and responsive behavior are owned by css/ui/shell.css. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app{width:100%;max-width:100%;min-width:0;min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.app>main{width:100%;max-width:100%;min-width:0;display:flex;min-height:100vh;flex-direction:column}
.app .content{width:100%;max-width:100%;min-width:0;flex:1;padding:26px;margin:auto}
.app>main>header{width:100%;max-width:100%;min-width:0}
@media(max-width:900px){
  .app{grid-template-columns:1fr;overflow-x:hidden}
  .app>main{overflow-x:hidden}
  .app .content{overflow-x:hidden;padding:16px}
}
@media(max-width:560px){.app .content{padding:14px 12px}}
/* Desktop app geometry belongs to the UI layout layer. */
@media(min-width:901px){.app{display:block;min-height:100vh}.app>aside{position:fixed;left:0;top:0;bottom:0;width:245px;z-index:20}.app>main{margin-left:245px;width:calc(100% - 245px);min-height:100vh}.app>main>header{left:245px}}

/* App boot visibility is a layout/runtime guard, not business-module CSS. */
.booting #auth,.booting #app{visibility:hidden}.booting{background:#f4f6f9}