.office-theme, .office-game {
  --office-ink: #17365c;
  --office-accent: #1558d1;
  --office-line: #cbd9e9;
  --office-muted: #516781;
  --office-canvas: #e6efea;
  --office-field: #f8fbff;
}
.office-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 64px;
  padding: 8px 20px;
  background: #fffffff2;
  border-bottom: 1px solid #d8e3ee;
}
.office-bar img { display: block; width: auto; height: 44px; }
.office-panel {
  min-width: 0;
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid var(--office-line);
  border-radius: 18px;
  background: white;
  box-shadow: 0 5px 22px #17365c1f;
}
@media (max-width: 700px) {
  .office-bar { height: 62px; padding: 8px 16px; }
  .office-bar img { height: 39px; }
}