/* workspace-interiors.css, the rules scoped to the forms page: loads with the first visit of that page (data-rattib-style="forms" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-builder > h2 {
  font-family: var(--font); font-size: clamp(26px, 1.75vw, 32px); font-weight: 700; line-height: 1.3; letter-spacing: var(--interior-heading-spacing); margin-block: 0 8px;
}
/* 14 Forms: metadata, question count, and individual field actions. */
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-layout { grid-template-columns: minmax(210px,250px) minmax(0,1fr); gap: 24px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-library { padding: 18px 14px; border-radius: 14px; background: var(--rail); }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-editor { padding: 28px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-identity { padding-block: 4px 18px; border-block-end: 1px solid var(--border); }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-identity input { font-size: 18px; font-weight: 600; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-fields-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-block: 24px 16px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-fields-heading h3 { margin: 0; font-family: var(--font); font-size: 18px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field-count { display: inline-grid; place-items: center; min-inline-size: 28px; block-size: 28px; border-radius: 8px; color: var(--green); background: var(--tool-surface); font-size: 13px; font-variant-numeric: tabular-nums; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field { padding: 20px; margin-block: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--card); }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field h4 { font-family: var(--font); font-size: 14px; color: var(--green); font-weight: 600; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field-actions { padding-block-start: 12px; border-block-start: 1px solid var(--border); margin-block: 12px 0; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field-actions [data-action="remove-field"] { margin-inline-start: auto; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-editor > .forms-actions { padding-block-start: 20px; border-block-start: 1px solid var(--border); }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-local-preview { margin-block-start: 28px; border-radius: 14px; }
@media (max-width: 1000px) {
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-layout { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 700px) {
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-editor { padding: 20px; }
  html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-field { padding: 16px; }
}