@layer workspace {
  .workspace-tools { display:flex; flex-wrap:wrap; gap:8px 24px; margin-block-start:12px; }
  .workspace-tools .text-link { font-size:14px; }
  #detail-dialog.workspace-dialog { inline-size:min(800px,calc(100% - 32px)); }
  .workspace-view { color:var(--ink); }
  .workspace-view p { margin-block:12px; }
  .workspace-view h3 { font:600 18px/1.35 var(--display); margin-block:26px 12px; }
  .workspace-view label { display:block; margin-block:16px 6px; font-size:15px; color:var(--ink); }
  .workspace-view input:not([type=checkbox]),.workspace-view textarea,.workspace-view select { display:block; inline-size:100%; min-inline-size:0; min-block-size:44px; padding:10px 12px; border:1px solid #a9b19f; border-radius:3px; background:#fafaf5; color:var(--ink); font:400 16px/1.5 var(--sans); }
  .workspace-view textarea { min-block-size:110px; resize:vertical; }
  .workspace-view input[type=checkbox] { inline-size:18px; block-size:18px; accent-color:#58654c; }
  .workspace-view .ws-actions { display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; margin-block:20px; }
  .workspace-view .ws-meta { font-size:14px; color:#59634f; }
  .workspace-view .ws-error { color:#913b2c; font-size:15px; }
  .workspace-view .ws-message { font-size:15px; }
  .workspace-view .ws-record { padding-block:12px 24px; }
  .workspace-view .ws-record h3 { margin-block:4px 8px; }
  .workspace-view .ws-select { display:flex; align-items:center; gap:12px; margin-block:6px; }
  .workspace-view .ws-select span { overflow-wrap:anywhere; }
  .workspace-view .ws-table { inline-size:100%; border-collapse:collapse; font-size:15px; }
  .workspace-view th,.workspace-view td { text-align:start; vertical-align:top; padding:12px 14px 12px 0; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .workspace-view th { font-weight:600; }
  .workspace-view .ws-table-wrap { max-inline-size:100%; overflow:auto; }
  .workspace-view .ws-table caption { text-align:start; font-size:14px; margin-block:12px; color:#59634f; }
  .workspace-view .ws-source { display:block; text-decoration:underline; text-underline-offset:3px; min-block-size:36px; }
  .workspace-view fieldset { border:0; padding:0; min-inline-size:0; margin-block:22px; }
  .workspace-view legend { font:600 17px/1.4 var(--display); }
  .workspace-view [aria-invalid=true] { border-color:#913b2c; }
  .workspace-view .ws-discard { background:#e8dfc8; padding:14px; margin-block:16px; }
  @media(max-width:760px) {
    .workspace-view th,.workspace-view td { padding-inline-end:10px; font-size:14px; }
    .workspace-view .ws-actions { gap:8px 18px; }
    .workspace-view .ws-record { padding-block:10px 20px; }
  }
}