/* focus-workspace-preview.css, the rules scoped to the collaboration page: loads with the first visit of that page (data-rattib-style="collaboration" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
/* Collaboration keeps local labels, native revision controls and delivery notices. */
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration.active { max-inline-size: none; display: grid; gap: 20px; align-content: start; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 { margin: 0; color: var(--preview-ink); font: 400 48px/1.15 var(--preview-display); letter-spacing: -.035em; }
html[lang="ar"][data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 { font: 500 34px/1.5 var(--preview-display); letter-spacing: 0; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 + p { margin: 0; padding: 12px 16px; border: 1px solid var(--preview-line); border-radius: 16px; background: var(--preview-surface); color: var(--preview-muted); font: 400 13px/1.7 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-layout { grid-template-columns: minmax(260px,.34fr) minmax(0,.66fr); gap: 20px; align-items: start; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(.collaboration-library,.collaboration-thread), html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > :is(form,section) { min-inline-size: 0; margin: 0; 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="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library > h2 { margin: 0 0 16px; color: var(--preview-ink); font: 500 20px/1.5 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-thread { display: grid; align-content: start; gap: 16px; min-block-size: 260px; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-thread > h3, html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > section > h3 { margin: 0; padding: 0 0 12px; border-block-end: 1px solid var(--preview-line); color: var(--preview-ink); font: 500 19px/1.5 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(input,select,textarea,button,.localized-control-input) { min-block-size: 44px; min-inline-size: 0; padding: 10px 12px; 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); box-shadow: none; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(input,textarea)::placeholder { color: var(--preview-muted); opacity: 1; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration button { border-color: var(--preview-line); white-space: normal; overflow-wrap: anywhere; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(.collaboration-create,.collaboration-compose) { margin: 0; display: flex; flex-wrap: wrap; gap: 12px; padding: 0; border: 0; order: 0; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration label { display: grid; gap: 6px; color: var(--preview-muted); font: 400 13px/1.7 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-create label { flex: 1 0 100%; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(.collaboration-create,.collaboration-compose) > button[type="submit"]:not(:disabled),
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > form:has(textarea) > 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="collaboration"]:not(#_) body.workspace-framed #panel-collaboration:has(.collaboration-compose) .collaboration-create > button[type="submit"]:not(:disabled) { background: var(--preview-field); border-color: var(--preview-line); color: var(--preview-ink); font-weight: 400; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration textarea { min-block-size: 110px; inline-size: 100%; resize: vertical; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration select[multiple] { min-block-size: 110px; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav { display: grid; gap: 8px; margin: 18px 0 0; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav button { border: 1px solid var(--preview-line); border-radius: 12px; background: var(--preview-row); color: var(--preview-ink); font-size: 13px; text-align: start; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav button[aria-current="true"] { border-color: var(--preview-accent); background: var(--preview-row); box-shadow: inset 3px 0 0 var(--preview-accent); font-weight: 600; }
html[dir="rtl"][data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav button[aria-current="true"] { box-shadow: inset -3px 0 0 var(--preview-accent); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-comment { display: flex; gap: 10px; margin: 0; padding: 16px; border: 1px solid var(--preview-line); border-radius: 16px; background: var(--preview-row); color: var(--preview-ink); box-shadow: none; backdrop-filter: none; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-comment > p { margin: 0; font: 400 14px/1.8 var(--preview-ui); white-space: pre-wrap; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-comment :is(small,ol) { color: var(--preview-muted); font: 400 12px/1.7 var(--preview-ui); overflow-wrap: anywhere; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(.collaboration-library,.collaboration-thread) > p { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--preview-muted); font: 400 13px/1.75 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration [role="alert"]:not(:empty) { padding: 12px 14px; background: var(--preview-surface); color: var(--danger); border: 1px solid var(--preview-line); border-inline-start: 3px solid var(--danger); border-radius: 12px; font: 400 13px/1.7 var(--preview-ui); }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(button,input,textarea,select):focus-visible { outline: 3px solid var(--preview-accent); outline-offset: 3px; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed .workspace-navigation-sidebar .tab:focus-visible { outline-offset: -4px !important; }
html[data-rattib-material="glass"][data-route-surface="collaboration"]: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="collaboration"]:not(#_) body.workspace-framed .foot { inline-size: fit-content; padding: 6px 12px; border: 1px solid var(--preview-line); border-radius: 10px; }
@media (max-width: 1000px) {
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-layout { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 700px) {
  html[data-rattib-material="glass"][data-route-surface="collaboration"]: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="collaboration"]: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="collaboration"]:not(#_) body.workspace-framed #panel-collaboration.active { gap: 14px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 { font-size: 36px; }
  html[lang="ar"][data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 { font-size: 25px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > h1 + p { padding: 10px 12px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-layout { gap: 14px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(.collaboration-library,.collaboration-thread), html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration > :is(form,section) { padding: 16px; border-radius: 20px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library > h2 { margin-bottom: 10px; font-size: 18px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-create { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 8px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-create [role="alert"] { grid-column: 1 / -1; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 12px; gap: 8px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-library nav button { padding: 8px 10px; font-size: 12px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration :is(input,textarea,select,.localized-control-input) { font-size: 16px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-thread { gap: 14px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-comment { padding: 14px; }
  html[data-rattib-material="glass"][data-route-surface="collaboration"]:not(#_) body.workspace-framed #panel-collaboration .collaboration-thread > h3 { font-size: 17px; }
}