/* Shared Workspace appearance; aliases preserve public recipient behavior. */
:root {
  --bg: var(--ws-bg);
  --surface: var(--ws-panel);
  --inset: var(--ws-panel2);
  --ink: var(--ws-bright);
  --body: var(--ws-text);
  --muted: var(--ws-dim);
  --muted-2: var(--ws-dim2);
  --line: var(--ws-line);
  --line-soft: var(--ws-line);
  --info: var(--ws-info);
  --warn: var(--ws-warn);
  --danger: var(--ws-crit);
  --r-card: 12px;
  --r-chip: 6px;
  --glow-cta: none;
  --glow-dot: none;
  --glow-card: none;
}
body {
  background-image: none;
  font-family: var(--ws-sans);
}
.app-header {
  background: var(--surface);
  gap: 18px;
}
.brand-title {
  color: var(--ink);
  font-family: var(--ws-sans);
  letter-spacing: normal;
}
.brand-kicker {
  color: var(--muted);
  letter-spacing: normal;
  text-transform: none;
}
.zk-pill,
.tag:not(.danger),
.slider-val {
  color: var(--ws-ok);
}
h1,
h2,
h3,
.btn,
label,
.tab {
  font-family: var(--ws-sans);
  text-transform: none;
  letter-spacing: normal;
}
.btn {
  border-radius: 7px;
  min-height: 38px;
  box-shadow: none;
}
.btn-primary {
  color: var(--ws-acc-ink);
}
a:not(.btn) {
  color: var(--ws-info);
}
input,
select,
textarea {
  border-radius: 7px;
}
.workspace-theme {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--muted);
}
.workspace-theme select {
  width: auto;
  font-size: 12px;
  padding: 7px;
  background: var(--surface);
  color: var(--body);
  border: 1px solid var(--line);
}
.workspace-hub {
  font-size: 12px;
}
.card {
  padding: 24px;
}
.stat-value,
.metric-value {
  font-family: var(--ws-sans);
}
@media (max-width: 600px) {
  .app-header {
    flex-wrap: wrap;
  }
  .workspace-theme {
    margin-left: 0;
  }
  .zk-pill {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

:focus-visible {
  outline: 2px solid var(--ws-info);
  outline-offset: 3px;
}