.mobile-bottom{display:none}@media(max-width:800px){body .shell{display:block}body .sidebar{display:none}body main{margin:0;width:100%;min-width:0}body .content{padding:16px 12px 90px}body .topbar{padding:12px;height:auto}body .page-heading{display:block;margin:12px 0}body .page-heading h1{font-size:26px}body .heading-actions{margin-top:12px;gap:8px;flex-wrap:wrap}body .heading-actions .button{font-size:11px}body .toolbar{flex-wrap:wrap;gap:12px}body .period-form{flex-wrap:wrap}body .detail-grid,body .charts-grid,body .overview-grid{grid-template-columns:1fr}body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}body input,body select,body textarea{font-size:16px}body .card{min-width:0}body svg{max-width:100%}body .mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8000;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid #e9e3f1;padding:13px 8px calc(13px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom a{color:#5c437e;text-decoration:none;font-size:13px;padding:5px 8px}.chat-workspace{height:calc(100dvh - 280px)}body .top-actions .platform,body footer{display:none}.tenant-tabs{overflow-x:auto;flex-wrap:nowrap}body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .login-panel{display:none}body .login-main{padding:30px 20px}}

.mobile-section-nav{display:none}@media(max-width:800px){body .mobile-section-nav{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px;white-space:nowrap}.mobile-section-nav a{font-size:12px;text-decoration:none;color:#665377;background:#fff;border:1px solid #e5dfec;border-radius:8px;padding:9px 12px}.mobile-section-nav a.active{background:#eee6fb;color:#604099}}

.mobile-app-brand,.chat-controls-toggle{display:none}
@media(max-width:800px){
  :root{--bottom-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}
  body{min-width:0;overflow-wrap:anywhere}
  body .topbar{gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}
  body .breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px}
  body .breadcrumb>span{margin:0 2px}
  body .mobile-app-brand{display:inline-flex;flex:none;margin-right:3px}
  .mobile-app-brand img{border-radius:8px}
  body .top-actions{gap:6px;min-width:0}.top-actions .separator{display:none}
  body .env-indicator{font-size:9px;padding:6px;white-space:normal}
  body .content{padding:12px 12px calc(var(--bottom-nav-height) + 18px)}
  body .mobile-bottom{height:var(--bottom-nav-height);box-sizing:border-box;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));align-items:center}
  body .mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;font-size:12px;border-radius:10px}
  body .mobile-bottom a[aria-current="page"]{background:#eee8fc;color:#6035ca;font-weight:650}
  body input:not([type="checkbox"]):not([type="radio"]),body select,body textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
  body button,body .button,body select{min-height:42px}
  body .page-heading{padding:18px 16px}.page-heading>div{min-width:0}
  body .page-heading h1{overflow-wrap:anywhere}
  body .period-form{gap:8px}body .period-form .check{flex-basis:100%;font-size:12px}
  body .period-form select{flex:1;min-width:0}
  body .detail-tabs,body .tenant-sections{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:10px}
  body .detail-tabs a,body .tenant-sections a{flex:none;white-space:nowrap}
  body .chart-tabs a,body .mobile-section-nav a{padding:12px;font-size:12px}
  body .infra-side-details{display:grid;grid-template-columns:minmax(0,1fr)}
  body .infra-chart-stats{flex-wrap:wrap;gap:16px}
  body .infra-utilization{grid-template-columns:minmax(0,1fr)}
  body .infra-section-title,body .section-heading{flex-wrap:wrap}
  body .login-main{min-height:100dvh;box-sizing:border-box;padding:calc(28px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px))}
  body .login-card{width:100%;max-width:420px;box-sizing:border-box}
  body.support-page .page-heading{padding:16px;margin-top:0}
  body.support-page .page-heading .eyebrow,body.support-page .page-heading>div>p{display:none}
  body.support-page .page-heading h1{font-size:23px;margin:0}
  .support-page .chat-top-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;width:100%}
  .support-page .chat-availability-control>div{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .support-page .chat-push-control{grid-template-columns:1fr auto;align-items:center}.support-page .chat-push-control small{grid-column:1;grid-row:2}.support-page .chat-switch{grid-column:2;grid-row:1 / 3}
  body.support-page .chat-workspace{height:auto;min-height:240px;grid-template-columns:minmax(0,1fr)}
  .support-page .chat-inbox{overflow:visible}.support-page .chat-inbox-head{padding:14px;gap:10px}
  .support-page .chat-conversation{padding:16px}.support-page .chat-conversation strong{font-size:14px}
  body.support-page:has(.thread-open){overflow:hidden}
  body.support-page:has(.thread-open) .content{position:fixed;left:0;right:0;top:calc(var(--app-top,0px) + env(safe-area-inset-top,0px));height:calc(var(--app-height,100dvh) - var(--bottom-nav-height) - env(safe-area-inset-top,0px));box-sizing:border-box;padding:8px}
  body.support-page:has(.thread-open) .demo-banner{display:none}
  body.support-page:has(.thread-open) #modilo-support{height:100%;display:flex;flex-direction:column;min-height:0}
  body.support-page .chat-workspace.thread-open{height:0;min-height:0;flex:1}
  body.support-page .chat-notice{flex-shrink:0}
  .support-page .chat-thread>*{flex-shrink:0}.support-page .chat-thread .chat-messages{flex:1;min-height:0}
  .support-page .chat-message{flex-shrink:0}
  .support-page .chat-thread-head{gap:8px;padding:10px}.support-page .chat-thread-head>div{min-width:0;flex:1}.support-page .chat-thread-head h2{font-size:13px;line-height:1.4}
  .support-page .chat-thread-head .button{padding:8px;white-space:nowrap;font-size:12px}
  .support-page .chat-controls-toggle{display:block;align-self:flex-start;margin:0 10px 6px;background:transparent;border:0;font-size:12px;color:#756481;min-height:34px}
  body.support-page .chat-controls{display:none;grid-template-columns:minmax(0,1fr);padding:8px 10px;gap:8px}
  body.support-page .chat-controls.mobile-expanded{display:grid}
  body.support-page .chat-controls select{width:100%;max-width:100%;min-width:0}
  .support-page .chat-compose{padding:10px;gap:8px}.support-page .chat-compose textarea{height:64px;min-height:54px;max-height:100px}
  .support-page .chat-typing{min-height:16px}.support-page .chat-note-switch{font-size:11px}
  #modilo-support #chat-filename:empty{display:none}
  #modilo-support #chat-filename:not(:empty){order:3;flex-basis:100%;max-width:100%}
  #modilo-support .chat-files{padding:10px;font-size:13px}
  body.support-page.mobile-keyboard{--bottom-nav-height:0px}
  body.support-page.mobile-keyboard .mobile-bottom{display:none}
  body.support-page.mobile-keyboard .chat-compose{padding-bottom:12px}
  body #chat-settings{max-height:calc(var(--app-height,100dvh) - 32px);overflow-y:auto;padding:20px;margin:auto}
}
@media(max-width:360px){body .topbar .breadcrumb{font-size:0}.breadcrumb .mobile-app-brand{font-size:14px}body .top-actions{margin-left:auto}.chat-push-control{font-size:11px}}

.mobile-primary{display:none}
@media(max-width:800px){
  body{--bottom-nav-height:0px;--primary-nav-height:60px}
  body .mobile-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:sticky;top:0;z-index:8000;height:var(--primary-nav-height);box-sizing:border-box;padding:8px 10px;gap:4px;background:#faf9fc;border-bottom:1px solid #e8e2ef}
  .mobile-primary a{display:flex;align-items:center;justify-content:center;min-width:0;gap:4px;color:#756483;text-decoration:none;font-size:12px;border-radius:10px;white-space:nowrap}
  .mobile-primary a[aria-current="page"]{background:#eee7fb;color:#623ad0;font-weight:650}
  body .content{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  body .mobile-section-nav{gap:0;border-bottom:1px solid #e3ddec;padding:0;margin-bottom:16px}
  .mobile-section-nav a{background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;padding:12px 14px;font-size:12px}
  .mobile-section-nav a.active{background:transparent;color:#623ad0;border-bottom-color:#623ad0;font-weight:650}
  body.support-page:has(.thread-open) .mobile-primary{position:fixed;left:0;right:0;top:calc(var(--app-top,0px) + env(safe-area-inset-top,0px))}
  body.support-page:has(.thread-open) .content{top:calc(var(--app-top,0px) + env(safe-area-inset-top,0px) + var(--primary-nav-height));height:calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--primary-nav-height))}
  body.support-page.mobile-keyboard{--primary-nav-height:0px}
  body.support-page.mobile-keyboard .mobile-primary{display:none}
}
@media(max-width:360px){.mobile-primary a{font-size:11px}}

@media(max-width:800px){
  body .global-environment select{max-width:128px;font-size:16px!important}
  body.support-page:has(.thread-open){--environment-header-height:58px}
  body.support-page:has(.thread-open) .topbar{display:flex;position:fixed;left:0;right:0;top:var(--app-top,0px);height:calc(var(--environment-header-height) + env(safe-area-inset-top,0px));box-sizing:border-box;z-index:8001;background:#faf9fc}
  body.support-page:has(.thread-open) .mobile-primary{top:calc(var(--app-top,0px) + env(safe-area-inset-top,0px) + var(--environment-header-height))}
  body.support-page:has(.thread-open) .content{top:calc(var(--app-top,0px) + env(safe-area-inset-top,0px) + var(--environment-header-height) + var(--primary-nav-height));height:calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--environment-header-height) - var(--primary-nav-height))}
}