/* Workspace actions and non-interactive artwork. Shared surfaces live in skin-system.css. */
:root[data-theme] .workspace-page .page-heading { position: relative; }
:root[data-theme] .workspace-page .page-heading::after {
  content: ""; position: absolute; right: 8px; top: 50%;
  width: 210px; height: 134px; transform: translateY(-50%);
  background: var(--skin-art, none) center / contain no-repeat;
  pointer-events: none;
}
:root:is([data-theme="comic"], [data-theme="candy"], [data-theme="petal"]) .workspace-page .voice-portrait > svg { visibility: hidden; }
:root:is([data-theme="comic"], [data-theme="candy"], [data-theme="petal"]) .workspace-page .voice-portrait::after {
  content: ""; position: absolute; inset: -10px;
  background: var(--skin-art) center / contain no-repeat; pointer-events: none;
}
:root[data-theme="candy"] .workspace-page .page-heading h1 em { text-decoration: underline wavy #ed709f 2px; text-underline-offset: 7px; }
:root:is([data-theme="candy"], [data-theme="petal"], [data-theme="business"], [data-theme="forest"], [data-theme="amber"]) .workspace-page {
  --action-fill: linear-gradient(135deg, var(--accent), var(--accent-hover));
}
:root[data-theme="executive"] .workspace-page {
  --action-fill: var(--audio-accent); --action-hover: var(--audio-hover);
  --action-shadow: 0 4px 12px #c62f3e18;
}
:root[data-theme="comic"] .workspace-page { --action-shadow: 3px 3px 0 var(--decor); }
:root[data-theme] .workspace-page :is(.primary-button, #read-translation) {
  color: var(--on-accent); background: var(--action-fill, var(--accent));
  box-shadow: var(--action-shadow, 0 5px 14px var(--shadow));
  font-weight: 600; transition: background .18s, transform .18s, box-shadow .18s;
}
:root[data-theme] .workspace-page :is(.primary-button, #read-translation):hover:not(:disabled) {
  color: var(--on-accent); background: var(--action-hover, var(--accent-hover));
}
:root[data-theme] .workspace-page :is(.primary-button, #read-translation):active:not(:disabled) { transform: translateY(0); }
:root[data-theme] .workspace-page :is(.primary-button, #read-translation):focus-visible {
  outline: 3px solid var(--action-hover, var(--accent)); outline-offset: 4px;
}
:root[data-theme] .workspace-page :is(.primary-button, #read-translation):disabled {
  opacity: .65; cursor: not-allowed; box-shadow: none; transform: none;
}
:root[data-theme="executive"] .workspace-page .sound-art.playing i { background: var(--accent); }
:root[data-theme="executive"] .workspace-page .sound-art.playing i:nth-child(6) { background: var(--audio-accent); }
:root[data-theme="executive"] .workspace-page input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--audio-accent) var(--progress), var(--line) var(--progress)); }
:root[data-theme="executive"] .workspace-page input[type="range"]::-moz-range-progress { background: var(--audio-accent); }
:root[data-theme="executive"] .workspace-page input[type="range"]::-webkit-slider-thumb { background: var(--audio-accent); }
:root[data-theme="executive"] .workspace-page input[type="range"]::-moz-range-thumb { background: var(--audio-accent); }