/* GS Nexus native mobile design v2. This asset is injected by the Android app only. */
html.gsnexus-app-v2,
html.gsnexus-app-v2 body{
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;overflow-x:hidden!important;background:#f5f7fc!important;
  color:#101426!important;font-family:Inter,"Plus Jakarta Sans",system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
html.gsnexus-app-v2 body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle at 90% 0,rgba(54,181,255,.14),transparent 28%),radial-gradient(circle at 8% 30%,rgba(129,76,255,.12),transparent 30%),linear-gradient(180deg,#f7f9ff,#f3f5fb 62%,#eef2fa);
}
html.gsnexus-app-v2 body.native-app .sidebar{display:none!important}
html.gsnexus-app-v2 body.native-app main{
  width:100%!important;max-width:100%!important;margin:0!important;
  padding:12px 14px calc(96px + env(safe-area-inset-bottom,0px))!important;
}

/* App header */
html.gsnexus-app-v2 body.native-app header{
  position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;
  gap:10px!important;align-items:center!important;margin:0 0 14px!important;padding:18px!important;
  min-height:116px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,246,255,.88))!important;
  box-shadow:0 18px 45px rgba(40,57,110,.11),inset 0 1px #fff!important;overflow:hidden!important;
}
html.gsnexus-app-v2 body.native-app header:before{
  content:"";position:absolute;right:-44px;top:-62px;width:180px;height:180px;border-radius:50%;
  background:linear-gradient(145deg,rgba(46,169,255,.18),rgba(128,69,255,.12));filter:blur(2px);
}
html.gsnexus-app-v2 body.native-app header h1,
html.gsnexus-app-v2 body.native-app header h2{font-size:clamp(25px,7.5vw,34px)!important;line-height:1.04!important;letter-spacing:-1.2px!important;margin:0!important}
html.gsnexus-app-v2 body.native-app header p{font-size:11px!important;line-height:1.4!important;margin:6px 0 0!important;color:#70788d!important}
html.gsnexus-app-v2 body.native-app .header-actions{position:relative!important;top:auto!important;right:auto!important;width:auto!important}
html.gsnexus-app-v2 body.native-app .header-actions>:not(.admin-profile-chip){display:none!important}
html.gsnexus-app-v2 body.native-app .admin-profile-chip{
  width:46px!important;min-width:46px!important;height:46px!important;padding:4px!important;border-radius:16px!important;
  border:1px solid rgba(117,104,235,.14)!important;background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 24px rgba(70,61,146,.14)!important;
}

/* Cards and mobile information hierarchy */
html.gsnexus-app-v2 body.native-app .panel,
html.gsnexus-app-v2 body.native-app .content-card,
html.gsnexus-app-v2 body.native-app .daily-card,
html.gsnexus-app-v2 body.native-app .form-live-card,
html.gsnexus-app-v2 body.native-app .client-admin-card{
  border:1px solid rgba(109,120,162,.12)!important;border-radius:22px!important;
  background:rgba(255,255,255,.9)!important;box-shadow:0 14px 36px rgba(37,50,96,.08)!important;
}
html.gsnexus-app-v2 body.native-app .stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin:0 0 14px!important;
}
html.gsnexus-app-v2 body.native-app .stats article{
  min-width:0!important;min-height:132px!important;padding:15px!important;border:1px solid rgba(109,120,162,.12)!important;
  border-radius:22px!important;background:linear-gradient(150deg,#fff,#f7f9ff)!important;
  box-shadow:0 14px 32px rgba(41,57,108,.08)!important;overflow:hidden!important;
}
html.gsnexus-app-v2 body.native-app .stats article:before{height:3px!important;border-radius:999px!important}
html.gsnexus-app-v2 body.native-app .stats strong{font-size:36px!important;line-height:1!important;letter-spacing:-1.5px!important;margin:24px 0 7px!important}
html.gsnexus-app-v2 body.native-app .stats small{font-size:9px!important;line-height:1.35!important}
html.gsnexus-app-v2 body.native-app .daily-overview,
html.gsnexus-app-v2 body.native-app .dashboard-grid,
html.gsnexus-app-v2 body.native-app .client-admin-grid,
html.gsnexus-app-v2 body.native-app .invoice-workbench{grid-template-columns:1fr!important;gap:12px!important}
html.gsnexus-app-v2 body.native-app .dashboard-api-strip{
  display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;padding:16px!important;margin:0 0 14px!important;
  border-radius:22px!important;background:linear-gradient(135deg,#111b39,#312064)!important;box-shadow:0 18px 38px rgba(30,24,70,.22)!important;
}
html.gsnexus-app-v2 body.native-app .dashboard-api-strip button{grid-column:1/-1!important;width:100%!important;min-height:44px!important;border-radius:14px!important}

/* Forms */
html.gsnexus-app-v2 body.native-app input,
html.gsnexus-app-v2 body.native-app select,
html.gsnexus-app-v2 body.native-app textarea{
  width:100%!important;min-width:0!important;min-height:52px!important;padding:13px 15px!important;
  border:1px solid #dde2ef!important;border-radius:16px!important;background:#fff!important;color:#151a2b!important;
  font-size:16px!important;box-shadow:0 6px 16px rgba(37,48,84,.04)!important;outline:none!important;
}
html.gsnexus-app-v2 body.native-app input:focus,
html.gsnexus-app-v2 body.native-app select:focus,
html.gsnexus-app-v2 body.native-app textarea:focus{border-color:#7964f4!important;box-shadow:0 0 0 4px rgba(121,100,244,.11)!important}
html.gsnexus-app-v2 body.native-app button{min-height:44px;border-radius:14px!important;touch-action:manipulation!important}
html.gsnexus-app-v2 body.native-app .content-head,
html.gsnexus-app-v2 body.native-app .panel-head{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:16px!important}
html.gsnexus-app-v2 body.native-app .table-scroll{max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}

/* True mobile bottom navigation */
html.gsnexus-app-v2 body.native-app .app-dock,
html.gsnexus-app-v2 body.native-app.dashboard-view:not(.client-mode) .app-dock{
  position:fixed!important;z-index:1200!important;left:10px!important;right:10px!important;top:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;
  height:72px!important;min-height:72px!important;margin:0!important;padding:7px!important;border-radius:24px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:3px!important;
  overflow:visible!important;background:rgba(16,19,37,.94)!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 48px rgba(15,18,39,.32),inset 0 1px rgba(255,255,255,.12)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;transform:none!important;
}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item{
  display:none!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;
  padding:7px 2px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#929bb4!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-shadow:none!important;
}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item[data-go="dashboard"],
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-whatsapp,
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-inbox,
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item[data-go="contacts"],
html.gsnexus-app-v2 body.native-app .app-dock #openAppMore{display:flex!important}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item.active{
  background:linear-gradient(145deg,#2e9cff,#7655f5)!important;color:#fff!important;box-shadow:0 9px 20px rgba(82,94,238,.34)!important;
}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item i,
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item i svg{width:21px!important;height:21px!important;font-size:21px!important;fill:currentColor!important}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item span{display:block!important;max-width:100%!important;font-size:8px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important}
html.gsnexus-app-v2 body.native-app .app-dock #openAppMore span{display:block!important}
html.gsnexus-app-v2 body.native-app .app-dock .app-dock-inbox b{position:absolute!important;top:2px!important;right:7px!important;font-size:0!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#35d893!important}

/* Menu and dialogs become app sheets */
html.gsnexus-app-v2 body.native-app .app-more-panel,
html.gsnexus-app-v2 body.native-app .profile-editor-modal,
html.gsnexus-app-v2 body.native-app .modal{
  position:fixed!important;inset:0!important;z-index:1300!important;align-items:flex-end!important;padding:14px!important;
  background:rgba(10,13,27,.46)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
html.gsnexus-app-v2 body.native-app .app-more-panel.open,
html.gsnexus-app-v2 body.native-app .app-more-panel[aria-hidden="false"]{display:flex!important}

/* Never allow the legacy APK stylesheet to turn the dock into a left rail. */
html.gsnexus-native-app.gsnexus-app-v2 body.native-app .app-dock.open,
html.gsnexus-native-app.gsnexus-app-v2 body.native-app.dashboard-view:not(.client-mode) .app-dock.open{
  position:fixed!important;left:10px!important;right:10px!important;top:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;
  height:72px!important;min-height:72px!important;max-height:72px!important;padding:7px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;
  border-radius:24px!important;overflow:visible!important;transform:none!important;
}
html.gsnexus-app-v2 body.native-app .app-more-sheet,
html.gsnexus-app-v2 body.native-app .profile-editor-card,
html.gsnexus-app-v2 body.native-app .modal-card{
  width:100%!important;max-width:520px!important;max-height:86dvh!important;margin:0 auto!important;padding:18px!important;
  border:1px solid rgba(255,255,255,.8)!important;border-radius:28px!important;background:#f9faff!important;
  box-shadow:0 28px 70px rgba(12,18,43,.28)!important;overflow:auto!important;
}
html.gsnexus-app-v2 body.native-app .app-more-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  margin:0 0 14px!important;padding:2px 2px 12px!important;border-bottom:1px solid #e8eaf3!important;
}
html.gsnexus-app-v2 body.native-app .app-more-head b{
  display:block!important;color:#111827!important;font-size:18px!important;line-height:1.2!important;font-weight:850!important;
}
html.gsnexus-app-v2 body.native-app .app-more-head button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:72px!important;min-height:38px!important;
  padding:8px 13px!important;border:0!important;border-radius:12px!important;background:#eef0f8!important;color:#596176!important;
  font-size:12px!important;font-weight:800!important;
}
html.gsnexus-app-v2 body.native-app .app-more-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html.gsnexus-app-v2 body.native-app .app-more-grid button{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  align-items:center!important;column-gap:11px!important;row-gap:3px!important;min-height:108px!important;padding:14px!important;
  border-radius:20px!important;background:#fff!important;border:1px solid #e3e6f1!important;color:#151a2d!important;text-align:left!important;
  box-shadow:0 8px 22px rgba(40,48,91,.06)!important;
}
html.gsnexus-app-v2 body.native-app .app-more-grid button i{
  display:grid!important;grid-row:1 / 3!important;place-items:center!important;width:42px!important;height:42px!important;
  margin:0!important;border-radius:14px!important;background:linear-gradient(145deg,#edf5ff,#f1e9ff)!important;color:#8254ee!important;
}
html.gsnexus-app-v2 body.native-app .app-more-grid button i svg{display:block!important;width:21px!important;height:21px!important;fill:currentColor!important}
html.gsnexus-app-v2 body.native-app .app-more-grid button span{
  display:block!important;align-self:end!important;color:#171c2f!important;font-size:13px!important;line-height:1.15!important;font-weight:850!important;
}
html.gsnexus-app-v2 body.native-app .app-more-grid button small{
  display:block!important;align-self:start!important;color:#7b8296!important;font-size:10px!important;line-height:1.3!important;font-weight:600!important;
}
html.gsnexus-app-v2 body.native-app .app-more-logout{
  display:flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  width:100%!important;min-height:52px!important;margin:14px 0 0!important;padding:12px 16px!important;
  border:1px solid rgba(239,68,68,.18)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;color:#d52d45!important;
  font-size:14px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(225,45,73,.1)!important;
}
html.gsnexus-app-v2 body.native-app .app-more-logout span{
  display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;
  background:#ef4760!important;color:#fff!important;font-size:17px!important;
}

/* Login inside the app */
html.gsnexus-app-v2 body .login-visual{display:none!important}
html.gsnexus-app-v2 body .login-shell{display:block!important;min-height:100dvh!important;padding:14px!important;background:transparent!important}
html.gsnexus-app-v2 body .login-form-wrap{display:flex!important;align-items:center!important;min-height:calc(100dvh - 28px)!important;padding:0!important;background:transparent!important}
html.gsnexus-app-v2 body .auth-card{width:100%!important;max-width:440px!important;margin:auto!important;padding:24px 18px!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 60px rgba(45,50,103,.16)!important}
html.gsnexus-app-v2 body .login-card-brand{display:grid!important;margin-bottom:20px!important}
html.gsnexus-app-v2 body .auth-tabs{border-radius:18px!important;padding:5px!important}
html.gsnexus-app-v2 body .auth-tabs button{min-height:48px!important;border-radius:14px!important}
html.gsnexus-app-v2 body .login-button{min-height:54px!important;border-radius:16px!important}

/* Compact login — the Android toolbar already carries the brand. */
html.gsnexus-app-v2 body .login-card-brand,
html.gsnexus-app-v2 body .mobile-brand.login-card-brand{display:none!important}
html.gsnexus-app-v2 body .login-shell{padding:10px 12px 14px!important}
html.gsnexus-app-v2 body .login-form-wrap{min-height:0!important;display:block!important;padding:0!important}
html.gsnexus-app-v2 body .auth-card{
  width:100%!important;max-width:410px!important;min-height:0!important;max-height:none!important;
  margin:0 auto!important;padding:16px!important;border-radius:24px!important;overflow:visible!important;
}
html.gsnexus-app-v2 body .auth-tabs{min-height:0!important;margin:0 0 14px!important;padding:4px!important;border-radius:15px!important}
html.gsnexus-app-v2 body .auth-tabs button{min-height:42px!important;padding:9px 6px!important;border-radius:12px!important;font-size:13px!important}
html.gsnexus-app-v2 body .login-form-wrap form{width:100%!important;padding:4px 0 0!important}
html.gsnexus-app-v2 body .eyebrow{margin:2px 0 7px!important;font-size:8px!important;letter-spacing:2.2px!important}
html.gsnexus-app-v2 body .login-form-wrap h2{margin:0 0 4px!important;font-size:29px!important;line-height:1.04!important;letter-spacing:-.8px!important}
html.gsnexus-app-v2 body .auth-subtitle{margin:0 0 10px!important;font-size:12px!important;line-height:1.3!important}
html.gsnexus-app-v2 body .login-form-wrap label{margin-top:10px!important;gap:6px!important;font-size:12px!important;line-height:1.15!important}
html.gsnexus-app-v2 body .auth-input-field,
html.gsnexus-app-v2 body .password-field{position:relative!important;display:block!important;width:100%!important;min-height:0!important}
html.gsnexus-app-v2 body .auth-input-field input,
html.gsnexus-app-v2 body .password-field input{
  display:block!important;width:100%!important;height:48px!important;min-height:48px!important;
  padding:0 48px!important;border-radius:15px!important;font-size:15px!important;line-height:48px!important;
}
html.gsnexus-app-v2 body .password-field input{padding-right:58px!important}
html.gsnexus-app-v2 body .auth-input-icon{
  position:absolute!important;z-index:3!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;
  display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin:0!important;pointer-events:none!important;
}
html.gsnexus-app-v2 body .auth-input-icon svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:#7c4df1!important;stroke-width:2!important}
html.gsnexus-app-v2 body .password-field button{
  position:absolute!important;z-index:4!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:12px!important;
}
html.gsnexus-app-v2 body .login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:12px 0!important}
html.gsnexus-app-v2 body .remember-me{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:11px!important;white-space:nowrap!important}
html.gsnexus-app-v2 body .remember-me input{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;border-radius:5px!important;box-shadow:none!important}
html.gsnexus-app-v2 body .forgot-link{font-size:11px!important;white-space:nowrap!important}
html.gsnexus-app-v2 body .login-button{height:52px!important;min-height:52px!important;margin-top:4px!important;padding:0 54px 0 18px!important;font-size:15px!important}
html.gsnexus-app-v2 body .login-divider{display:none!important}
html.gsnexus-app-v2 body .login-secure-foot{margin:14px 0 0!important;padding:10px!important;font-size:10px!important;line-height:1.25!important}
html.gsnexus-app-v2 body .login-secure-foot>span{width:28px!important;height:28px!important;min-width:28px!important}

@media(max-width:370px){
  html.gsnexus-app-v2 body.native-app main{padding-inline:10px!important}
  html.gsnexus-app-v2 body.native-app .app-dock{left:6px!important;right:6px!important}
  html.gsnexus-app-v2 body.native-app .app-dock .app-dock-item span{font-size:7.3px!important}
}
@media(prefers-reduced-motion:reduce){html.gsnexus-app-v2 *,html.gsnexus-app-v2 *:before,html.gsnexus-app-v2 *:after{animation:none!important;transition:none!important}}