
.handout-modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:100%}
.handout-modal>header .handout-new-tab,.handout-modal>header .handout-return-workspace{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;height:auto;padding:8px 12px;border:1px solid var(--handout-border);border-radius:10px;background:var(--handout-surface);color:var(--handout-text);font:inherit;font-size:14px;line-height:1.6;text-align:center;text-decoration:none}
.handout-modal>header .handout-new-tab:hover,.handout-modal>header .handout-return-workspace:hover{background:var(--handout-soft)}
.handout-modal>header :is(.handout-new-tab,.handout-return-workspace):focus-visible{outline:3px solid var(--handout-accent);outline-offset:3px}
.handout-modal>header .handout-return-workspace:disabled{cursor:wait;opacity:.6}
.handout-modal-overlay.handout-standalone-page{position:relative;inset:auto;z-index:auto;width:100%;height:100%;min-height:0;padding:0;background:transparent}
.handout-standalone-page>.handout-modal{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
.handout-standalone-page>.handout-modal>header h1{font-size:18px;margin:0}
.handout-standalone-page>.handout-modal>.handout-bank{min-height:0}
@media(max-width:700px){.handout-modal>header:has(.handout-new-tab),.handout-standalone-page>.handout-modal>header{flex-wrap:wrap}.handout-modal>header .handout-modal-actions{margin-inline-start:auto}.handout-modal>header .handout-new-tab,.handout-modal>header .handout-return-workspace{font-size:13px;padding:8px 10px}.handout-standalone-page>.handout-modal>header h1{font-size:16px}}

.ws-crm.is-standalone { position: relative; inset: auto; z-index: auto; width: 100%; height: 100%; overflow: hidden; }
.ws-crm-new-tab:focus-visible { outline: 3px solid #9ed6ff; outline-offset: 2px; }
.ws-crm-heading :is(h1,h2) { font-size: 19px; margin: 2px 0 0; }
.ws-crm-header-actions button,
.ws-crm-header-actions .ws-crm-new-tab,
.ws-crm-toolbar button,
.ws-crm-empty button,
.ws-crm-finder footer button,
.ws-crm-dialog footer button {
  align-items: center;
  background: rgba(114, 157, 230, .13);
  border: 1px solid rgba(139, 181, 249, .3);
  border-radius: 10px;
  color: var(--crm-text);
  cursor: pointer;
  display: inline-flex;
  gap: 7px;
  justify-content: center;
  min-height: 38px;
  padding: 7px 12px;
}
.ws-crm-header-actions .ws-crm-new-tab { font: inherit; text-decoration: none; text-align: center; }
.ws-crm-header-actions .ws-crm-new-tab:hover { background: rgba(112, 166, 255, .23); }
.ws-crm-header-actions .ws-crm-return-workspace:disabled { opacity: .6; cursor: default; }
.ws-crm.is-standalone .ws-crm-header,
.ws-crm-header:has(.ws-crm-new-tab) { flex-wrap: wrap; gap: 10px; }
.ws-crm.is-standalone .ws-crm-header-actions,
.ws-crm-header-actions:has(.ws-crm-new-tab) { flex-wrap: wrap; max-width: 100%; }
@media (max-width: 900px) {
  .ws-crm-header-actions .ws-crm-return-workspace span { display: inline; }
  .ws-crm.is-standalone .ws-crm-header-actions,
  .ws-crm-header-actions:has(.ws-crm-new-tab) { margin-inline-start: auto; gap: 6px; }
  .ws-crm-header-actions .ws-crm-new-tab,
  .ws-crm-header-actions .ws-crm-return-workspace { min-height: 44px; font-size: 12px; }
}
@media (max-width: 560px) {
  .ws-crm.is-standalone .ws-crm-filter-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#workspace-root .ws-ae-center .ws-ae-open-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #858585;
  border-radius: 10px;
  background: #fff;
  color: #790003;
  -webkit-text-fill-color: currentColor;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
#workspace-root .ws-ae-center .ws-ae-open-tab:hover { background: #f2f2f2; border-color: #960004; }
#workspace-root .ws-ae-center .ws-ae-open-tab:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#workspace-root .ws-ae-center .ws-ae-open-tab svg { flex: 0 0 18px; }
@media (max-width: 680px) {
  #workspace-root .ws-ae-center .ws-ae-open-tab { min-width: 38px; padding: 8px; }
  #workspace-root .ws-ae-center .ws-ae-open-tab span { display: none; }
}

/* The separate page uses the same editor without a modal backdrop or focus trap. */
#workspace-root .ws-ae-standalone {
  width: 100%;
  min-width: 0;
  height: 100dvh;
  overflow: hidden;
}
#workspace-root .ws-ae-center.is-standalone {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#workspace-root .ws-ae-center.is-standalone .ws-ae-head-actions > .ws-ae-return-workspace {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 40px;
  padding-inline: 10px;
  gap: 6px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
#workspace-root .ws-ae-center.is-standalone.is-focus-mode > nav { padding-left: 500px; }
@media (max-width: 680px) {
  #workspace-root .ws-ae-center.is-standalone .ws-ae-head { flex-wrap: wrap; gap: 8px; }
  #workspace-root .ws-ae-center.is-standalone .ws-ae-head-actions { margin-inline-start: auto; }
  #workspace-root .ws-ae-center.is-standalone .ws-ae-return-workspace > span { display: none; }
  #workspace-root .ws-ae-center.is-standalone.is-focus-mode > nav { padding-left: 136px; }
}
