/* focus-workspace-preview.css, the rules scoped to the contracts page: loads with the first visit of that page (data-rattib-style="contracts" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
/* Contracts: the workbench shares Focus materials; authored paper remains white. */
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts { --tool-accent: var(--preview-accent); --tool-on-accent: var(--preview-action-ink); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header { min-block-size: 0; align-items: center; margin: 0 0 20px; padding: 0 0 20px; gap: 20px; border-color: var(--preview-line); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header h1 { font: 400 48px/1.15 var(--preview-display); letter-spacing: -.035em; color: var(--preview-ink); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header h1 { font: 500 34px/1.5 var(--preview-display); letter-spacing: 0; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header .contracts-caption { margin: 10px 0 0; font-size: 14px; color: var(--preview-ink); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(button,.contracts-output-link) { min-block-size: 44px; padding: 10px 14px; border: 1px solid var(--preview-line); border-radius: 12px; color: var(--preview-ink); background: var(--preview-field); font: 400 14px/1.6 var(--preview-ui); white-space: normal; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-primary:not(:disabled) { 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="contracts"]:not(#_) body.workspace-framed #panel-contracts #contracts-start-draft:not(:disabled) { background: var(--preview-field); color: var(--preview-ink); border-color: var(--preview-line); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-filters { grid-template-columns: minmax(0,1fr) 190px 190px; margin: 0 0 18px; padding: 20px; gap: 16px; border: 1px solid var(--preview-line); border-radius: 22px; background: var(--preview-surface); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-field { color: var(--preview-muted); font: 400 13px/1.6 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-field :is(input,select,textarea,.localized-control-input) { min-block-size: 44px; 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); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(.contracts-library,.contracts-detail) { padding: 22px; border: 1px solid var(--preview-line); border-radius: 24px; background: var(--preview-surface); box-shadow: var(--preview-shadow); backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-workspace { gap: 20px; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-row { border: 1px solid var(--preview-line); background: var(--preview-row); padding: 16px; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-row[aria-pressed="true"] { border-color: var(--preview-accent); background: var(--preview-row); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-row strong { color: var(--preview-ink); font-size: 14px; font-weight: 600; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-row :is(small,time) { color: var(--preview-muted); font-size: 12px; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(.contracts-properties,.contracts-history li,.contracts-caption,.contracts-eyebrow,.contracts-template-row) { font: 400 13px/1.7 var(--preview-ui); color: var(--preview-muted); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts > .contracts-caption { width: fit-content; max-inline-size: 100%; margin: 12px 0; padding: 8px 12px; border: 1px solid var(--preview-line); border-radius: 12px; background: var(--preview-dialog-surface); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-welcome { min-block-size: 280px; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-welcome-icon { background: var(--preview-row); color: var(--preview-muted); border-color: var(--preview-line); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-welcome h2 { font: 400 32px/1.3 var(--preview-display); color: var(--preview-ink); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-welcome h2 { font: 500 24px/1.5 var(--preview-display); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-detail > h2 { font: 400 32px/1.35 var(--preview-display); color: var(--preview-ink); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-detail > h2 { font: 500 24px/1.5 var(--preview-display); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(.contracts-dialog,.contracts-template-dialog) { padding: 24px; background: var(--preview-dialog-surface); border: 1px solid var(--preview-line); border-radius: 24px; box-shadow: var(--preview-shadow); backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(#contracts-editor-heading,#contracts-template-heading) { font: 400 32px/1.3 var(--preview-display); color: var(--preview-ink); }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(#contracts-editor-heading,#contracts-template-heading) { font: 500 24px/1.5 var(--preview-display); }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-block-fields { background: var(--preview-row); border-color: var(--preview-line); border-radius: 16px; margin-block: 12px; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts #contracts-form > .contracts-actions { background: var(--preview-dialog-solid,var(--preview-dialog-surface)); border-color: var(--preview-line); margin-inline: -24px; padding: 12px 24px; bottom: -24px; }
html[data-rattib-material="glass"]:is(:not([data-color-theme]),[data-color-theme="sarab"])[data-route-surface="contracts"]:not(#_) body.workspace-framed #contracts-dialog { --preview-dialog-solid: #16121f; }
html[data-rattib-material="glass"][data-theme="light"]:is(:not([data-color-theme]),[data-color-theme="sarab"])[data-route-surface="contracts"]:not(#_) body.workspace-framed #contracts-dialog { --preview-dialog-solid: #fdfdf9; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-paper { --text: #17211b; --muted: #45564b; --border: #c6d4cb; --card: #fff; --row: #fff; background: #fff; color: #17211b; }
html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-paper .contracts-document-title { color: #17211b; font: 650 28px/1.45 Georgia,"IBM Plex Sans Arabic",Tahoma,serif; }
@media(max-width:1100px) {
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-filters { grid-template-columns: minmax(0,1fr) 160px 150px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-authoring { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:700px) {
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header { align-items: stretch; gap: 14px; padding-bottom: 16px; margin-bottom: 16px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header h1 { font-size: 36px; }
  html[lang="ar"][data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-header h1 { font-size: 26px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(input,select,textarea,.localized-control-input) { font-size: 16px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-filters { padding: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts .contracts-filters > .contracts-field:first-child { grid-column: 1 / -1; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts :is(.contracts-library,.contracts-detail,.contracts-dialog,.contracts-template-dialog) { padding: 18px; border-radius: 22px; }
  html[data-rattib-material="glass"][data-route-surface="contracts"]:not(#_) body.workspace-framed #panel-contracts #contracts-form > .contracts-actions { margin-inline: -18px; padding-inline: 18px; bottom: -18px; }
}