/* KARKOUR NET — Mobile layout V4 */
@media (max-width: 1100px){
  html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden!important;box-sizing:border-box}
  body{position:relative;min-width:0!important}
  body *{box-sizing:border-box}
  .app,.standalone-app,.main,.standalone-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .standalone-main{padding:0 12px 28px!important}
  #karkourBackgroundLayer{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:-1!important}
  .lux-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(310px,84vw)!important;max-width:310px!important;height:100dvh!important;padding:18px 12px 14px!important;margin:0!important;transform:translate3d(105%,0,0)!important;transition:transform .25s ease!important;z-index:10020!important;overflow-y:auto!important;overflow-x:hidden!important;border-left:1px solid #5b4925!important;border-right:0!important;box-shadow:-22px 0 55px rgba(0,0,0,.7)!important}
  .lux-sidebar.open{transform:translate3d(0,0,0)!important}
  .lux-mobile-menu{display:grid!important;place-items:center!important;position:fixed!important;top:12px!important;right:12px!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;z-index:10030!important;border:1px solid #8c6a28!important;border-radius:12px!important;background:rgba(14,15,11,.96)!important;color:#f4d98e!important;box-shadow:0 8px 24px rgba(0,0,0,.45)!important}
  .lux-shade{display:none!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px)!important;z-index:10010!important}
  .lux-shade.show{display:block!important}
  .topbar{width:100%!important;max-width:100%!important;height:72px!important;margin:0!important;padding:10px 64px 10px 10px!important;position:sticky!important;top:0!important;z-index:100!important}
  .topbar>div:first-child{min-width:0!important;max-width:100%!important}
  .topbar h1{min-width:0!important;max-width:100%!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .top-actions{max-width:100%!important;overflow:hidden!important}
  .top-actions .account-pill,.top-actions .iconbtn{font-size:10px!important;padding:7px 8px!important}
  .dashboard{width:100%!important;max-width:100%!important;margin:0!important;padding:16px 0 0!important}
  .cards{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .card{width:100%!important;min-width:0!important;overflow:hidden!important}
  .lux-analytics{width:100%!important;grid-template-columns:1fr!important;gap:12px!important}
  .lux-chart-card{width:100%!important;min-width:0!important;overflow:hidden!important;padding:15px!important}
  .lux-chart-wrap{width:100%!important;min-width:0!important}
  .home-hero,.home-panel,.home-section-title{width:100%!important;max-width:100%!important}
  .home-hero{margin-left:0!important;margin-right:0!important}
}
@media (max-width:560px){
  .standalone-main{padding:0 9px 22px!important}
  .topbar{height:68px!important;padding-right:62px!important}
  .topbar h1 strong{font-size:16px!important}
  .lux-eyebrow{font-size:8px!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .card{min-height:102px!important;padding:12px!important;border-radius:14px!important}
  .card .value{font-size:24px!important}
  .lux-chart-wrap{flex-direction:column!important;height:auto!important;padding:14px 0!important}
  .lux-donut{width:126px!important;height:126px!important;flex:0 0 auto!important}
  .lux-legend{width:100%!important;min-width:0!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}
  .lux-legend div{grid-template-columns:8px 1fr!important;gap:4px!important;padding:7px!important;border:1px solid #2f281b!important;border-radius:9px!important;background:#0d0f0c!important}
  .lux-legend b{grid-column:2!important}
  .lux-bars{gap:7px!important;padding-left:3px!important;padding-right:3px!important}
  .lux-bar-labels{gap:7px!important;padding-left:3px!important;padding-right:3px!important}
}
@media(max-width:1100px){body.lux-drawer-open{overflow:hidden!important}.lux-sidebar,.lux-mobile-menu,.lux-shade{will-change:transform}.lux-sidebar a{flex-shrink:0}.lux-brand{flex-shrink:0}.lux-profile{flex-shrink:0}}