/* focus-workspace-preview.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. */
/* Reminders and local simulation work: native queues, drafts and provider
   notices stay explicit while the workspace uses the shared Focus materials. */
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations.active { max-inline-size: none; display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 24px; align-items: start; --tool-accent: var(--preview-accent); --tool-on-accent: var(--preview-action-ink); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(#automations-reminders-host,#operations-studio-host) { padding: 0; margin: 0; background: none; background-image: none; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; min-inline-size: 0; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > h1 { margin: 0 0 14px; color: var(--preview-ink); font: 400 44px/1.15 var(--preview-display); letter-spacing: -.035em; }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > h1 { font: 500 30px/1.5 var(--preview-display); letter-spacing: 0; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host > h2 { margin: 0 0 14px; color: var(--preview-ink); font: 400 36px/1.25 var(--preview-display); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host > h2 { font: 500 27px/1.5 var(--preview-display); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed :is(#automations-reminders-host,#operations-studio-host) > p { margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--preview-line); border-radius: 14px; background: var(--preview-dialog-surface); color: var(--preview-muted); font: 400 13px/1.7 var(--preview-ui); overflow-wrap: anywhere; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(form,section,.operations-secondary) { padding: 20px; margin: 0 0 18px; border: 1px solid var(--preview-line); border-radius: 22px; background: var(--preview-surface); color: var(--preview-ink); box-shadow: var(--preview-shadow); backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > form > label:nth-of-type(3),
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host > form > label:nth-of-type(4) { grid-column: 1 / -1; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations label { color: var(--preview-muted); font: 400 13px/1.6 var(--preview-ui); gap: 6px; min-inline-size: 0; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(input:not([type="checkbox"]),select,textarea,.localized-control-input) { min-block-size: 44px; min-inline-size: 0; inline-size: 100%; max-inline-size: 100%; padding: 10px 12px; border: 1px solid var(--preview-control-line); border-radius: 12px; background: var(--preview-field); color: var(--preview-ink); font: 400 14px/1.6 var(--preview-ui); box-sizing: border-box; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations textarea { min-block-size: 96px; resize: vertical; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(input,textarea)::placeholder { color: var(--preview-muted); opacity: 1; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations button { min-block-size: 44px; min-inline-size: 44px; inline-size: auto; margin: 0; padding: 10px 14px; border: 1px solid var(--preview-line); border-radius: 12px; background: var(--preview-field); color: var(--preview-ink); font: 400 14px/1.6 var(--preview-ui); white-space: normal; overflow-wrap: anywhere; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations form > button[type="submit"]:not(:disabled) { background: var(--preview-action); border-color: var(--preview-action); color: var(--preview-action-ink); font-weight: 600; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(button,input,select,textarea):disabled { opacity: 1; color: var(--preview-muted); background: var(--preview-row); border-style: dashed; cursor: default; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > button { margin: 0 0 16px; inline-size: 100%; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article { margin: 0 0 12px; padding: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; border: 1px solid var(--preview-line); border-radius: 18px; background: var(--preview-dialog-surface); background-image: none; color: var(--preview-ink); box-shadow: none; backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article :is(p,strong,span,time) { margin: 0; color: var(--preview-ink); font: 400 13px/1.7 var(--preview-ui); overflow-wrap: anywhere; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article strong { font-weight: 600; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article p { flex-basis: 100%; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article time { color: var(--preview-muted); font-size: 12px; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host :is(section,.operations-secondary) > h3 { margin: 0 0 14px; color: var(--preview-ink); font: 500 16px/1.6 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host :is(section,.operations-secondary) > p { color: var(--preview-muted); font: 400 13px/1.7 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host summary { min-block-size: 44px; padding-block: 10px; box-sizing: border-box; color: var(--preview-ink); font: 500 14px/1.7 var(--preview-ui); display: list-item; list-style-position: inside; cursor: pointer; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-header h2 { margin: 0; color: var(--preview-ink); font: 400 36px/1.25 var(--preview-display); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-header h2 { font: 500 27px/1.5 var(--preview-display); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-cloud-ui,
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host.operations-cloud-ui { min-inline-size: 0; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host.operations-cloud-ui form > :is(h4,.operations-editor-row) { grid-column: 1 / -1; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host.operations-cloud-ui h4 { margin: 8px 0 0; color: var(--preview-ink); font: 500 15px/1.7 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-editor-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; min-inline-size: 0; padding: 14px; border: 1px solid var(--preview-line); border-radius: 16px; background: var(--preview-row); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-editor-row > button { grid-column: 1 / -1; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-secondary > form { padding: 16px 0; margin: 0; box-shadow: none; border: 0; background: none; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations [role="alert"]:not([hidden]) { color: var(--danger); border-inline-start: 3px solid var(--danger); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed :is(#panel-automations,.localized-picker[open]) :is(button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--preview-accent); outline-offset: 3px; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed .workspace-navigation-sidebar .tab:focus-visible { outline-offset: -4px !important; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed :is(.localized-picker[open],.foot) { background: var(--preview-dialog-surface); color: var(--preview-ink); border-color: var(--preview-line); box-shadow: var(--preview-shadow); backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed .foot { inline-size: fit-content; padding: 6px 12px; border: 1px solid var(--preview-line); border-radius: 10px; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog { background: var(--preview-dialog-surface); background-image: none; color: var(--preview-ink); color-scheme: inherit; border: 1px solid var(--preview-line); border-radius: 24px; box-shadow: var(--preview-shadow); backdrop-filter: none; font-family: var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog :is(h2,h3) { color: var(--preview-ink); font-family: var(--preview-display); line-height: 1.4; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog :is(p,.rattib-reminders__times label) { font-size: 13px; color: var(--preview-muted); line-height: 1.7; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog :is(.rattib-reminders__note,.rattib-reminders__card) { background: var(--preview-row); background-image: none; color: var(--preview-ink); border-color: var(--preview-line); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog :is(button,input:not([type="checkbox"])) { min-block-size: 44px; border: 1px solid var(--preview-control-line); border-radius: 12px; color: var(--preview-ink); background: var(--preview-field); font: 400 14px/1.6 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog .rattib-reminders__allow { background: var(--preview-action); color: var(--preview-action-ink); border-color: var(--preview-action); font-weight: 600; }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog .rattib-reminders__switch { min-block-size: 44px; font-size: 14px; color: var(--preview-ink); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog .rattib-reminders__switch input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: var(--preview-accent); }
html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog :is(button,input):focus-visible { outline: 3px solid var(--preview-accent); outline-offset: 3px; }
@media (max-width: 1000px) {
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations.active { grid-template-columns: minmax(0,1fr); gap: 24px; }
}
@media (max-width: 700px) {
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed .top > .workspace-context { grid-column: 1 / -1; grid-row: 2; max-inline-size: calc(100% - 108px); min-inline-size: 0; }
  html[data-rattib-material="glass"][data-preview-data="synthetic"][data-route-surface="automations"]:not(#_) body.workspace-framed .workspace-context::after { display: block; margin: 2px 0 0; padding: 0 !important; white-space: normal; font-size: 9px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > h1 { font-size: 36px; margin-bottom: 10px; }
  html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > h1 { font-size: 25px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host > h2 { font-size: 32px; }
  html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host > h2 { font-size: 25px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-header h2 { font-size: 32px; }
  html[lang="ar"][data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-header h2 { font-size: 25px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-editor-row { grid-template-columns: minmax(0,1fr); }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #operations-studio-host .operations-field:has(input[type="datetime-local"]) { grid-column: 1 / -1; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed :is(#automations-reminders-host,#operations-studio-host) > p { padding: 10px 12px; margin-bottom: 12px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(form,section,.operations-secondary) { padding: 16px; gap: 10px; margin-bottom: 12px; border-radius: 20px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #automations-reminders-host > form > label:is(:nth-of-type(1),:nth-of-type(2)) { grid-column: 1 / -1; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations :is(input:not([type="checkbox"]),select,textarea,.localized-control-input),
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog input:not([type="checkbox"]) { font-size: 16px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article { padding: 14px; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #panel-automations article button { flex: 1 1 auto; }
  html[data-rattib-material="glass"][data-route-surface="automations"]:not(#_) body.workspace-framed #rattib-reminders-dialog { width: calc(100vw - 36px); max-block-size: calc(100dvh - 28px); }
}