/* glass-materials.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 > :is(.forms-notice,.forms-layout) { grid-column: 1 / -1; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-library > button:first-child { background: var(--glass-action); color: var(--glass-action-text); border-color: var(--glass-action); }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-record[aria-current="true"] { background: var(--glass-active); border-color: var(--green); border-inline-start-width: 3px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-record > span { font-size: 15px; font-weight: 600; line-height: 1.5; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-settings > summary { border: 0; padding: 14px 16px; border-radius: 12px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-settings > .forms-control { margin: 16px; }
html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-editor > .forms-actions [data-action="save"]:not(:disabled) { background: var(--glass-action); color: var(--glass-action-text); border-color: var(--glass-action); }
@media (max-width: 1100px) {
  html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-records { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px, 48%); overflow-x: auto; padding: 4px 4px 8px; scrollbar-width: thin; }
}
@media (max-width: 700px) {
  html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-add-field > button { width: 100%; }
  html[data-rattib-material="glass"] .workspace-framed #panel-forms .forms-editor > .forms-actions > button { flex: 1 1 100px; }
}