.ypm-role-badge {
  border: 1px solid #9adfd8;
  background: #e8fbf8;
  color: #0b6f69;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 800;
}
.ypm-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ypm-lang-switch { min-width: 74px; }
.ypm-alerts-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--ypm-line);
  background: #f8fbff;
  color: #163b57;
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
}
.ypm-alerts-chip strong { font-size: 14px; font-weight: 800; }
.ypm-alerts-chip small { color: var(--ypm-muted); font-weight: 700; }
.ypm-alerts-chip.has-alerts {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
@media (max-width: 760px) {
  .ypm-toolbar {
    width: 100%;
    align-items: stretch;
  }
  .ypm-toolbar > * {
    flex: 1 1 100%;
  }
  .ypm-lang-switch,
  #ypm-logout-btn,
  #ypm-mobile-toggle {
    min-height: 44px;
  }
  .ypm-alerts-chip {
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .ypm-role-badge {
    width: 100%;
    text-align: center;
    padding: 10px 12px;
  }
}