#panel-automations{max-width:60rem}#panel-automations form{display:grid;gap:.75rem;margin-block:1rem}#panel-automations article{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem;border-block-end:1px solid var(--line)}@media(max-width:520px){#panel-automations button,#panel-automations input,#panel-automations select,#panel-automations textarea{width:100%}}
#operations-studio-host{margin-block-start:2rem;border-block-start:1px solid var(--line);padding-block-start:1.5rem}#operations-studio-host section{margin-block:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:1rem}#operations-studio-host textarea{min-block-size:6rem}
.operations-cloud-ui { min-width:0; }
#panel-automations button { min-height:44px; padding:10px 14px; border:1px solid var(--border); border-radius:9px; background:var(--card); color:var(--text); font:inherit; }
#panel-automations button.primary { background:var(--green); color:var(--bg); font-weight:700; border-color:var(--green); }
#panel-automations button:disabled { opacity:.55; cursor:default; }
#panel-automations :is(button,input,select,textarea,summary):focus-visible { outline:2px solid var(--green); outline-offset:3px; }
#panel-automations input,#panel-automations select { min-height:44px; }
.operations-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.operations-section { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:18px; margin-block:20px; }
.operations-field { display:flex; min-width:0; flex-direction:column; gap:6px; }
.operations-field :is(input,select,textarea) { width:100%; min-width:0; box-sizing:border-box; min-height:44px; }
.operations-editor-row { display:grid; gap:12px; padding:14px; background:var(--row); border:1px solid var(--border); border-radius:10px; }
.operations-cloud-ui :is(button,summary) { min-height:44px; }
.operations-cloud-ui :is(article,p,strong,span) { overflow-wrap:anywhere; }
.operations-cloud-ui article { background:var(--row); border-radius:10px; margin-block:8px; }
.operations-cloud-ui article p { flex-basis:100%; }
.operations-notice { padding:12px; border-inline-start:3px solid var(--accent); background:var(--row); }
.operations-secret { background:var(--row); }
.operations-secret textarea { width:100%; box-sizing:border-box; font-family:monospace; }
@media(min-width:768px) { .operations-editor-row { grid-template-columns:repeat(2,minmax(0,1fr)); } }
#automations-reminders-host form label,
#operations-studio-host:not(.operations-cloud-ui) form label { display:grid; gap:.35rem; min-width:0; }
#automations-reminders-host :is(input,select,textarea),
#operations-studio-host:not(.operations-cloud-ui) form :is(input,select,textarea) { width:100%; min-width:0; box-sizing:border-box; }
#automations-reminders-host article p { flex-basis:100%; min-width:0; overflow-wrap:anywhere; }
#automations-reminders-host textarea { min-height:6rem; }

/* Proposed light resource dividers; notices keep their existing text and role. */
html[data-theme="light"] #panel-automations article {
  border-block-end: 1px solid var(--border);
}
html[data-theme="light"] #panel-automations #operations-studio-host {
  border-block-start: 1px solid var(--border);
}
html[data-theme="light"] #panel-automations #operations-studio-host section {
  border: 1px solid var(--border);
}
html[data-theme="light"] #panel-automations .operations-notice {
  border-inline-start: 3px solid currentColor;
}
@media (forced-colors: active) {
  html[data-theme="light"] #panel-automations article {
    border-block-end-color: CanvasText;
  }
  html[data-theme="light"] #panel-automations #operations-studio-host {
    border-block-start-color: CanvasText;
  }
  html[data-theme="light"] #panel-automations #operations-studio-host section {
    border-color: CanvasText;
  }
  html[data-theme="light"] #panel-automations .operations-notice {
    border-inline-start-color: CanvasText;
  }
}