/* Opt-in DOM primitives. No app routes, membership, record or provider behavior. */
[data-workspace-layout="unified"] .fg-button {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  box-sizing:border-box; width:auto; max-width:100%; min-height:var(--fg-button-height);
  padding:var(--fg-button-padding-block) var(--fg-button-padding-inline);
  border:1px solid var(--fg-button-border); border-radius:var(--fg-button-radius);
  background:var(--fg-surface); color:var(--fg-ink); box-shadow:var(--fg-button-shadow);
  font:600 var(--fg-button-font-size)/1.3 var(--fg-font); text-align:center;
  text-decoration:none; white-space:normal; cursor:pointer;
}
[data-workspace-layout="unified"] .fg-button--primary {
  background:var(--fg-action); color:var(--fg-action-text); border-color:var(--fg-button-primary-border);
}
[data-workspace-layout="unified"] .fg-button:hover:not(:disabled):not([aria-disabled="true"]) { box-shadow:var(--fg-button-hover-shadow); }
[data-workspace-layout="unified"] .fg-button:focus-visible { outline:2px solid var(--fg-button-focus); outline-offset:3px; }
[data-workspace-layout="unified"] .fg-button:is(:disabled,[aria-disabled="true"]) {
  opacity:1; background:var(--fg-soft); color:var(--fg-muted); border-color:var(--fg-button-border);
  box-shadow:none; cursor:not-allowed;
}
@media(max-width:900px) { [data-workspace-layout="unified"] { --fg-button-height:44px; } }

[data-workspace-layout="unified"] :is(.fg-surface, .fg-notice) {
  border: 1px solid var(--fg-line);
  border-radius: var(--fg-radius);
  background: var(--fg-surface);
  color: var(--fg-ink);
}
[data-workspace-layout="unified"] .fg-section-nav {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--fg-line);
  margin: 0 0 24px;
  padding: 0;
  overflow-x: auto;
}
[data-workspace-layout="unified"] .fg-section-nav button {
  flex: none;
  min-height: 44px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--fg-muted);
  font: 500 13px/1.4 var(--fg-font);
  cursor: pointer;
}
[data-workspace-layout="unified"] .fg-section-nav button[aria-pressed="true"] {
  border-bottom-color: var(--fg-action);
  color: var(--fg-action);
}
[data-workspace-layout="unified"] .fg-notice {
  padding: 12px 15px;
  border-left: 3px solid var(--fg-action);
  background: var(--fg-soft);
  font-size: 13px;
}
[data-workspace-layout="unified"] .fg-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
[data-workspace-layout="unified"] .fg-table :is(th,td) {
  border-bottom: 1px solid var(--fg-line);
  padding: calc(14px * var(--fg-density)) 16px;
  vertical-align: middle;
}
[data-workspace-layout="unified"] .fg-table th {
  color: var(--fg-muted);
  background: var(--fg-canvas);
  font-size: 11px;
  font-weight: 600;
}
[data-workspace-layout="unified"] :is(.fg-section-nav button,.fg-surface button,.fg-surface input,.fg-surface select):focus-visible {
  outline: 2px solid var(--fg-action);
  outline-offset: 3px;
}