/* Mandoub / sales_rep home inspired by classic Daily Sales app layout. */
body.mandoub-home-active{background:#27b777!important;overflow:hidden}
body.mandoub-home-active .topbar{display:none!important}
body.mandoub-home-active .workspace{margin:0!important;width:100%!important;max-width:none!important;background:#27b777!important}
body.mandoub-home-active .content{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:100dvh!important;background:#27b777!important;overflow:hidden!important}
body.mandoub-home-active .content>:not(.mandoub-dashboard){display:none!important}
body.mandoub-home-active .sidebar{position:fixed!important;z-index:1000!important}
body.mandoub-home-active .sidebar.open{display:flex!important}
body.mandoub-home-active .scrim.show{z-index:999!important}

.mandoub-dashboard{width:100%;height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#26bd79 0%,#25b673 100%);color:#fff;overflow:hidden;font-family:inherit}
.mandoub-appbar{min-height:88px;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid rgba(0,0,0,.10);box-shadow:0 2px 5px rgba(0,0,0,.08);background:#28b979}
.mandoub-heading{min-width:0;text-align:start}.mandoub-heading strong{display:block;font-size:21px;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mandoub-heading small{display:block;margin-top:4px;color:rgba(255,255,255,.78);font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mandoub-menu,.mandoub-gps,.mandoub-refresh{border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mandoub-menu{width:46px;height:46px;padding:9px}.mandoub-menu span{display:block;width:26px;height:3px;margin:2.5px 0;border-radius:4px;background:#fff}
.mandoub-app-actions{display:flex;align-items:center;gap:3px}.mandoub-gps{width:40px;height:40px;border:3px solid #fff;border-radius:50%;font-size:24px;font-weight:900;line-height:1}.mandoub-refresh{width:42px;height:42px;font-size:36px;font-family:Arial,sans-serif;font-weight:300;line-height:1}

.mandoub-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:12px max(18px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#28b979}
.mandoub-tile{position:relative;min-width:0;min-height:0;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .08s ease}
.mandoub-tile:nth-child(odd){border-inline-end:1px solid rgba(255,255,255,.88)}
.mandoub-tile:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.88)}
.mandoub-tile:active{background:rgba(255,255,255,.12);transform:scale(.985)}
.mandoub-icon{width:min(45%,108px);aspect-ratio:1;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 1px rgba(0,0,0,.04))}.mandoub-icon svg{width:100%;height:100%;fill:currentColor;overflow:visible}
.mandoub-tile b{display:block;max-width:100%;font-size:18px;line-height:1.3;font-weight:900;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.04)}

@media(min-width:760px){
  body.mandoub-home-active{display:flex;justify-content:center;background:#eef1f3!important}
  body.mandoub-home-active .app{width:min(650px,100%);min-height:100dvh;box-shadow:0 0 42px rgba(0,0,0,.18)}
  body.mandoub-home-active .workspace{width:100%!important}
  .mandoub-dashboard{height:100dvh;max-height:1000px;min-height:720px}
  .mandoub-appbar{min-height:92px}.mandoub-heading strong{font-size:24px}.mandoub-grid{padding-inline:26px}.mandoub-tile b{font-size:20px}.mandoub-icon{width:min(43%,120px)}
}

@media(max-height:640px){
  .mandoub-appbar{min-height:68px;padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:7px}.mandoub-heading strong{font-size:18px}.mandoub-heading small{font-size:8px}.mandoub-tile{gap:5px;padding:7px}.mandoub-icon{width:min(38%,78px)}.mandoub-tile b{font-size:14px}
}