/* Workspace settings: editable controls share one save area. */
body[data-settings-page] .settings-clarity-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
  gap: 22px;
  align-items: start;
}
body[data-settings-page] .settings-workspace-fields { grid-template-columns: minmax(0, 1fr); }
body[data-settings-page] .settings-readonly-label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  margin-left: 8px;
  text-transform: none;
  letter-spacing: 0;
}
body[data-settings-page] input[readonly] { background: var(--bg); color: var(--muted); }
body[data-settings-page] .settings-editable-section {
  margin: 0 20px;
  padding: 22px 0;
  border-top: 1px solid var(--line);
}
body[data-settings-page] .settings-editable-section .lfw-note { margin: 0; }
body[data-settings-page] .settings-workspace-foot { justify-content: space-between; gap: 14px; }
body[data-settings-page] .settings-workspace-foot .api-msg { margin: 0; }
body[data-settings-page] .settings-workspace-foot .btn { margin-left: auto; flex-shrink: 0; }
body[data-settings-page] .settings-context { display: grid; gap: 20px; min-width: 0; }
body[data-settings-page] .settings-context .lfw-defs > div { flex-direction: column; align-items: flex-start; gap: 5px; }
body[data-settings-page] .settings-context .lfw-defs .v { text-align: left; }
body[data-settings-page] .settings-delete-details { border-top: 1px solid var(--line); padding-top: 18px; }
body[data-settings-page] .settings-delete-details > summary { color: var(--fail-fg); cursor: pointer; font-size: 13px; }
body[data-settings-page] .settings-delete-details > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
body[data-settings-page] .settings-delete-details .lfw-danger { margin-top: 16px; }
@media (max-width: 1050px) {
  body[data-settings-page] .settings-clarity-columns { grid-template-columns: minmax(0, 1fr); }
  body[data-settings-page] .settings-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body[data-settings-page] .settings-context { grid-template-columns: minmax(0, 1fr); }
  body[data-settings-page] .settings-workspace-foot { flex-wrap: wrap; }
  body[data-settings-page] .settings-workspace-foot .api-msg { flex-basis: 100%; }
}