/* CryptoMax Bot Beta 0.1.0 */
.cmx-pwa-button {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:none;min-height:38px;padding:8px 12px;border:1px solid #3c6e80;
  border-radius:8px;background:#12303e;color:#a4eaff;
  font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;
  white-space:nowrap;cursor:pointer;box-shadow:none;
}
.cmx-pwa-button:hover{background:#1a4151;border-color:#6ed3eb;color:#e3faff}
.cmx-pwa-button:disabled{opacity:.65;cursor:wait}
.cmx-pwa-button[hidden],.cmx-pwa-help [hidden]{display:none!important}
.cmx-pwa-fullscreen{min-width:38px;padding:6px;background:transparent;border-color:#34515f;font-size:20px;font-weight:400;color:#a2b2bd}
.cmx-pwa-login{width:100%;margin-top:12px}
.cmx-pwa-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.brand-mark:has(.cmx-pwa-logo),.cmx-audit .brandMark:has(.cmx-pwa-logo){background:#0b1018!important;overflow:hidden}
.cmx-pwa-gate-logo{display:block;width:64px;height:64px;margin-bottom:18px;border:1px solid #34515f;border-radius:16px}
.cmx-pwa-help {
  box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding:24px;border:1px solid #34515f;border-radius:16px;margin:auto;
  background:#0c151e;color:#e3edf2;box-shadow:0 24px 80px #0007;
  font:14px/1.7 Inter,Arial,sans-serif;overflow:auto;
}
.cmx-pwa-help::backdrop{background:#02070cb8;backdrop-filter:blur(5px)}
.cmx-pwa-help-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cmx-pwa-help h2{margin:0;font:600 19px/1.4 Inter,Arial,sans-serif;letter-spacing:-.02em;color:#e3edf2}
.cmx-pwa-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #34515f;border-radius:8px;background:transparent;color:#a2b2bd;font:24px/1 Inter,Arial,sans-serif;cursor:pointer}
.cmx-pwa-help p{font:14px/1.7 Inter,Arial,sans-serif;margin:16px 0;color:#c0d0d9}
.cmx-pwa-help ol{padding-left:22px;margin:16px 0}.cmx-pwa-help li{padding-left:4px;margin:10px 0}
.cmx-pwa-help .cmx-pwa-note{margin-bottom:0;padding-top:14px;border-top:1px solid #233440;color:#91a6b4;font-size:12px}
.cmx-pwa-button:focus-visible,.cmx-pwa-close:focus-visible{outline:2px solid #6ed3eb;outline-offset:3px}
.top-controls,.cmx-audit .commandTopright{flex-wrap:wrap;gap:9px!important}
.cmx-app-window body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
.cmx-app-window .topbar{padding-top:calc(16px + env(safe-area-inset-top))!important}
.cmx-app-window .gate,.cmx-app-window #gate{padding-top:calc(24px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;overflow:auto}
@media(max-width:720px){
  .top-controls{width:100%;justify-content:flex-end;margin-left:auto}
  .top-controls .mode{margin-right:auto}
  .cmx-audit .commandTopright{width:100%;justify-content:flex-end;flex-wrap:wrap!important}
  .cmx-audit .commandRefresh{margin-right:auto}
  .cmx-pwa-help{padding:20px}
  .cmx-app-window .topbar{padding-top:calc(15px + env(safe-area-inset-top))!important}
}