/* Shared fidelity layer for the six non-Pollo replicas (v22): the injected project / session switcher as a small chip. */
details[data-production-workspace-menu][data-fidelity-place="status"] {
  position: relative; display: inline-block; margin: 0 10px 0 0; vertical-align: middle; font-size: 12px; z-index: 30;
}
details[data-production-workspace-menu][data-fidelity-place="corner"] {
  position: fixed; top: 10px; right: 260px; z-index: 60; font-size: 12px;
}
details[data-production-workspace-menu][data-fidelity-place] > summary {
  height: 26px; padding: 0 10px; border-radius: 7px; display: inline-flex; align-items: center; gap: 4px; list-style: none; cursor: pointer;
  background: color-mix(in srgb, currentColor 8%, transparent); border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis;
}
details[data-production-workspace-menu][data-fidelity-place] > summary::-webkit-details-marker { display: none; }
details[data-production-workspace-menu][data-fidelity-place="status"] > :not(summary) { position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 70; }
[data-production-chat-context]:has(> details[data-fidelity-place]) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
/* status line: one small, evenly spaced row. The runtime sets inline `font: inherit` and puts the caption and the
   "open chat" button side by side without a gap, so these need !important / a flex row. */
[data-production-chat-context]:has(> details[data-fidelity-place]) { gap: 8px !important; font-size: 12px !important; line-height: 1.4; }
[data-production-chat-context]:has(> details[data-fidelity-place]) [data-production-native-status] {
  display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 12px !important;
}
[data-production-chat-context]:has(> details[data-fidelity-place]) [data-production-native-status] :is(span, button) { font-size: 12px !important; }
[data-production-chat-context]:has(> details[data-fidelity-place]) [data-production-native-owned="actions"] { display: inline-flex; gap: 6px; }
details[data-production-workspace-menu][data-fidelity-place] > summary { font-size: 12px !important; font-weight: 500; }
details[data-production-workspace-menu][data-fidelity-place="host"] { position: relative; display: inline-block; font-size: 12px; z-index: 30; }
details[data-production-workspace-menu][data-fidelity-place="host"] > :not(summary) { position: absolute; top: calc(100% + 6px); right: 0; z-index: 70; }

/* new project / chat dialog: the runtime gives its footer buttons the brand's primary class (on LibTV that is the wide
   "+" tile of the home page), so the two buttons stacked as tiles. One row, Close as a text button, Create filled. */
dialog[data-production-workspace-dialog] footer { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; margin-top: 16px !important; }
dialog[data-production-workspace-dialog] footer > button { all: unset; box-sizing: border-box; height: 36px; padding: 0 18px; border-radius: 8px; font: 500 14px/36px -apple-system, "PingFang SC", "Segoe UI", sans-serif; cursor: pointer; text-align: center; }
dialog[data-production-workspace-dialog] footer > button[type="button"] { order: 0; color: inherit; opacity: .7; }
dialog[data-production-workspace-dialog] footer > button[type="button"]:hover { opacity: 1; background: color-mix(in srgb, currentColor 8%, transparent); }
dialog[data-production-workspace-dialog] footer > button[type="submit"] { order: 1; background: #fff; color: #111; }
body:has([data-production-brand-surface="creatok"]) dialog[data-production-workspace-dialog] footer > button[type="submit"] { background: #111; color: #fff; }
body:has([data-production-brand-surface="creatify"]) dialog[data-production-workspace-dialog] footer > button[type="submit"] { background: #6b5cff; color: #fff; }
body:has([data-production-brand-surface="pollo"]) dialog[data-production-workspace-dialog] footer > button[type="submit"] { background: #ff5c1a; color: #fff; }
dialog[data-production-workspace-dialog] footer > button.fid-new-project { order: 1; background: #fff; color: #111; opacity: 1; }
body:has([data-production-brand-surface="creatok"]) dialog[data-production-workspace-dialog] footer > button.fid-new-project { background: #111; color: #fff; }