/* Original VPN lockups from ZARDO brand kit v2; keep their aspect ratio. */
.brand.brand-logo-link {
  gap: 0;
  min-width: 0;
  min-height: 44px;
  background: none;
  transform: none;
}
.brand-logo-link picture {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
}
.brand-logo-link .brand-logo {
  display: block;
  width: 156px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.compact-shell .sidebar .brand-logo-link { margin-left: 0; }
.zardo-app-shortcut { display:flex; align-items:center; gap:12px; padding:14px 16px; margin-bottom:14px; color:var(--text); text-decoration:none; }
.zardo-app-shortcut img { border-radius:9px; flex-shrink:0; }
.zardo-app-shortcut>span:nth-child(2) { flex:1; min-width:0; display:grid; gap:4px; }
.zardo-app-shortcut strong { font-size:14px; }
.zardo-app-shortcut small { font-size:11px; color:var(--muted); }
.android-app-page .auth-card { max-width:520px; }
.android-app-page .button { margin-top:16px; }
.android-setup-steps { padding-left:22px; margin:22px 0; font-size:14px; line-height:1.65; }
.android-setup-steps li { padding-left:4px; margin:12px 0; }
.brand-logo-link.auth-brand { margin-bottom: 24px; }
.brand-logo-link.auth-brand .brand-logo {
  width: 230px;
  max-width: min(100%, 76vw);
}
@media (max-width: 980px) {
  .compact-shell .sidebar .brand-logo { width: 140px; }
}
@media (max-width: 600px) {
  .compact-shell .sidebar .brand-logo { width: 128px; }
}
@media (max-width: 370px) {
  .compact-shell .sidebar .brand-logo { width: 118px; }
  .brand-logo-link.auth-brand .brand-logo { width: 210px; }
}

/* The Android shell supplies its own header and one bottom navigation bar.
   Only the app's UA marker opts into this layout; ordinary browsers keep theirs. */
body.native-app .compact-shell { display: block; min-height: 100dvh; }
body.native-app .compact-shell .sidebar,
body.native-app .compact-shell .mobile-navigation,
body.native-app .compact-shell .page-heading > div,
body.native-app .zardo-app-shortcut { display: none; }
body.native-app .compact-shell .page-heading { display: contents; }
/* Keep the owner's only Create customer action while removing duplicate titles. */
body.native-app .compact-shell .page-heading [data-create-action] {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 10px;
}
body.native-app .compact-shell .page-heading [data-create-action]:has(button[hidden]) { display: none; }
body.native-app .compact-shell .main {
  max-width: 1000px;
  margin: 0 auto;
  padding: 12px 14px 18px;
}
body.native-app .compact-shell [data-rules-view]:not([hidden]) > .policy-footer { bottom: 8px; }
body.native-app .compact-shell .footer { margin-top: 16px; padding-bottom: 0; }
body.native-app .auth-page { padding: 18px 14px; }
body.native-app .auth-brand { display: none; }
@media (max-width: 370px) {
  body.native-app .compact-shell .main { padding: 10px 10px 16px; }
}