.client-version-notice {
  position: fixed;
  z-index: 1200;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: calc(100vw - 40px);
  padding: 16px 20px;
  border: 1px solid #deded9;
  border-radius: 6px;
  background: #fff;
  color: #20231f;
  font: 400 14px/1.5 RobotoRealOS, Arial, sans-serif;
  box-shadow: 0 6px 24px #20231f14;
}
.client-version-notice button {
  flex-shrink: 0;
  padding: 9px 12px;
  border: 1px solid #20231f;
  border-radius: 3px;
  background: #20231f;
  color: #fff;
  font: 500 14px/1.3 RobotoRealOS, Arial, sans-serif;
  cursor: pointer;
}
.client-version-notice button:focus-visible { outline: 2px solid #69b9b1; outline-offset: 3px; }
@media (max-width: 480px) {
  .client-version-notice { right: 12px; bottom: 12px; max-width: calc(100vw - 24px); flex-wrap: wrap; }
}