/* workspace-interiors.css, the rules scoped to the automations page: loads with the first visit of that page (data-rattib-style="automations" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
/* 19 Automations: reminders beside the rule workspace. */
html[data-rattib-material="glass"] .workspace-framed #panel-automations #automations-reminders-host { padding: 22px; border-radius: 14px; align-self: start; }
html[data-rattib-material="glass"] .workspace-framed #panel-automations #operations-studio-host { padding: 24px; border-radius: 14px; min-inline-size: 0; }
html[data-rattib-material="glass"] .workspace-framed #panel-automations :is(#automations-reminders-host,#operations-studio-host) > h2 { font-family: var(--font); font-size: 24px; font-weight: 600; margin-block: 0 12px; }
html[data-rattib-material="glass"] .workspace-framed #panel-automations #automations-reminders-host > form { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
html[data-rattib-material="glass"] .workspace-framed #panel-automations #operations-studio-host > form { padding: 20px; background: var(--row); border-radius: 12px; margin-block: 20px; }
html[data-rattib-material="glass"] .workspace-framed #panel-automations .operations-secondary { padding-block: 8px; margin-block-start: 12px; border-block-start: 1px solid var(--border); }
html[data-rattib-material="glass"] .workspace-framed #panel-automations .operations-secondary > summary { font-weight: 600; font-size: 14px; }
@media (min-width: 1400px) {
  html[data-rattib-material="glass"] .workspace-framed #panel-automations.active { display: grid; grid-template-columns: minmax(260px,320px) minmax(0,1fr); gap: 24px; align-items: start; }
}
@media (max-width: 700px) {
  html[data-rattib-material="glass"] .workspace-framed #panel-automations :is(#automations-reminders-host,#operations-studio-host) { padding: 20px; }
}