.argus-page-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 4px 5px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(20, 43, 72, .08);
}

.argus-page-action {
  height: 38px;
  min-width: 38px;
  padding: 0 12px;
  border: 1px solid #dde5f0;
  border-radius: 10px;
  color: #496079;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 780;
  white-space: nowrap;
  cursor: pointer;
}

.argus-page-action:hover { border-color: #9cb5d4; color: #1f5fbf; background: #f7faff; }
.argus-page-action:focus-visible { outline: 2px solid #4b8df8; outline-offset: 2px; }
.argus-page-action svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.argus-page-action.icon-only { width: 38px; padding: 0; }
.argus-page-action.mail svg { color: #1199b7; }

.argus-page-profile {
  height: 38px;
  max-width: 185px;
  padding: 0 6px 0 11px;
  border-radius: 10px;
  background: #f6f9fd;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.argus-page-profile-copy { min-width: 0; }
.argus-page-profile-copy strong,
.argus-page-profile-copy span { display: block; max-width: 116px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.argus-page-profile-copy strong { color: #172a44; font-size: 11.5px; line-height: 1.15; }
.argus-page-profile-copy span { margin-top: 3px; color: #8090a5; font-size: 9px; line-height: 1.1; }
.argus-page-profile-avatar { width: 29px; height: 29px; flex: 0 0 29px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(140deg,#16c4ac,#2f9bff); font-size: 11px; font-weight: 900; }

@media (max-width: 1500px) {
  .argus-page-action span { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .argus-page-action { width: 38px; padding: 0; }
}

@media (max-width: 1220px) {
  .topbar:has(.argus-page-actions) { flex-wrap: wrap; }
  .argus-page-actions { margin-left: 0; }
}

@media (max-width: 720px) {
  .argus-page-profile-copy { display: none; }
  .argus-page-profile { width: 38px; padding: 0; justify-content: center; }
}