.admin-pwa-connectivity{
  min-height:38px;
  padding:8px 14px;
  position:fixed;
  top:10px;
  left:50%;
  z-index:9000;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#fff;
  background:#991b1b;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  box-shadow:0 14px 34px rgba(2,6,23,.24);
  font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  transform:translateX(-50%);
}

.admin-pwa-connectivity[hidden],
.admin-mobile-tabbar[hidden],
.admin-mobile-more-layer[hidden]{display:none!important}

.admin-mobile-tabbar,
.admin-mobile-more-layer{display:none}

@media(max-width:760px){
  body.pwa-mobile-nav-ready .admin-global-nav{display:none}

  body.pwa-mobile-nav-ready.admin-page > .container,
  body.pwa-mobile-nav-ready.admin-page > main.container{
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }

  .admin-mobile-tabbar{
    height:calc(70px + env(safe-area-inset-bottom));
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:6500;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:3px;
    color:#cbd5e1;
    background:rgba(2,6,23,.97);
    border-top:1px solid rgba(148,163,184,.18);
    box-shadow:0 -15px 35px rgba(2,6,23,.18);
    backdrop-filter:blur(16px);
    font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  }

  .admin-mobile-tabbar a,
  .admin-mobile-tabbar button{
    min-width:0;
    min-height:52px;
    padding:5px 3px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    color:#cbd5e1;
    background:transparent;
    border:0;
    border-radius:12px;
    box-shadow:none;
    font-family:inherit;
    font-size:9px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
  }

  .admin-mobile-tabbar a:hover,
  .admin-mobile-tabbar button:hover{color:#fff;background:rgba(255,255,255,.07);transform:none}

  .admin-mobile-tabbar a[aria-current="page"]{
    color:#86efac;
    background:rgba(34,197,94,.12);
  }

  .admin-mobile-tab-icon{
    display:block;
    font-size:18px;
    line-height:1;
  }

  .admin-mobile-tabbar .admin-mobile-new-invoice{
    width:56px;
    height:56px;
    min-height:56px;
    margin:-17px auto 0;
    align-self:start;
    color:#052e16;
    background:linear-gradient(135deg,#4ade80,#22c55e);
    border:4px solid #020617;
    border-radius:18px;
    box-shadow:0 10px 24px rgba(34,197,94,.3);
    font-size:22px;
  }

  .admin-mobile-new-invoice .admin-mobile-tab-icon{font-size:24px}
  .admin-mobile-new-invoice .admin-mobile-tab-label{
    width:1px;
    height:1px;
    position:absolute;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
  }

  .admin-mobile-more-layer{
    position:fixed;
    inset:0;
    z-index:6800;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(7px);
  }

  .admin-mobile-more-sheet{
    width:100%;
    max-height:84vh;
    padding:18px 14px calc(20px + env(safe-area-inset-bottom));
    overflow:auto;
    color:#0f172a;
    background:#fff;
    border-radius:24px 24px 0 0;
    box-shadow:0 -25px 70px rgba(2,6,23,.3);
    font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  }

  .admin-mobile-more-head{
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .admin-mobile-more-head h2{margin:0;font-size:18px}
  .admin-mobile-more-close{
    width:42px;
    min-height:42px;
    padding:0;
    color:#334155;
    background:#e2e8f0;
    border:0;
    border-radius:12px;
    font:inherit;
    font-size:20px;
    cursor:pointer;
  }

  .admin-mobile-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .admin-mobile-more-links a{
    min-height:55px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:9px;
    color:#334155;
    background:#f8fafc;
    border:1px solid #dfe7f1;
    border-radius:14px;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
  }

  .admin-mobile-more-links a:last-child{color:#991b1b;background:#fff1f2;border-color:#fecdd3}
  .admin-mobile-more-links [hidden]{display:none!important}

  .admin-pwa-connectivity{
    top:auto;
    right:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    left:12px;
    width:auto;
    transform:none;
  }
}

@media(max-width:390px){
  .admin-mobile-tabbar{padding-inline:4px}
  .admin-mobile-tabbar a,.admin-mobile-tabbar button{font-size:8px}
  .admin-mobile-more-links{grid-template-columns:1fr}
}

@media(display-mode:standalone){
  body{padding-top:env(safe-area-inset-top)}
}

@media(prefers-reduced-motion:reduce){
  .admin-mobile-tabbar *,
  .admin-mobile-more-layer *,
  .admin-pwa-connectivity{transition:none!important;animation:none!important}
}