.collaboration-editor{color:var(--text,#172e3b);background:var(--surface,#fff);border:1px solid var(--line,#d1dce3);border-radius:14px;margin-block:12px;overflow:hidden;font-family:inherit}
.collaboration-editor>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 14px;cursor:pointer;list-style:none;font-size:14px}
.collaboration-editor>summary::-webkit-details-marker{display:none}.collaboration-editor>summary::after{content:'⌄';margin-left:auto;font-size:18px;color:var(--muted,#607481)}.collaboration-editor[open]>summary::after{transform:rotate(180deg)}
.ce-presence{width:7px;height:7px;border-radius:50%;background:#148a7e;flex:none}.ce-access{font-size:11px;color:var(--muted,#607481);font-weight:500}.ce-body{padding:0 14px 14px}.ce-intro,.ce-footnote,.ce-checkpoint,.ce-status{font-size:12px;line-height:1.5;margin:8px 0}.ce-intro,.ce-footnote,.ce-checkpoint{color:var(--muted,#607481)}.ce-checkpoint{font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}
.ce-tools{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.collaboration-editor button{min-height:36px;padding:7px 11px;border-radius:9px;border:1px solid var(--line,#d1dce3);background:var(--surface2,#f0f5f6);color:inherit;font-size:12px;line-height:1.25;font-weight:600;cursor:pointer}.collaboration-editor button.ce-primary{background:var(--accent,#126d69);color:#fff;border-color:transparent}.collaboration-editor button:disabled{opacity:.55;cursor:wait}.collaboration-editor :focus-visible{outline:2px solid #35a79b;outline-offset:3px}
.collaboration-editor form{display:grid;gap:8px}.collaboration-editor label{display:grid;gap:5px;font-size:12px;font-weight:600}.collaboration-editor input,.collaboration-editor textarea{box-sizing:border-box;width:100%;border:1px solid var(--line,#d1dce3);border-radius:8px;padding:8px 10px;background:var(--surface2,#f7f9fa);color:inherit;font:inherit;font-size:14px;min-width:0}.collaboration-editor textarea{resize:vertical;min-height:86px}.ce-reply{font-size:12px;padding:7px 10px;border-left:2px solid #148a7e;background:var(--surface2,#f0f5f6);overflow-wrap:anywhere}.ce-status.ce-error{color:#b44735}.ce-journal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;border-top:1px solid var(--line,#d1dce3);padding-top:10px;margin-top:12px}.ce-journal{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px;max-height:380px;overflow:auto;overscroll-behavior:contain}.ce-note{padding:10px;border:1px solid var(--line,#d1dce3);border-radius:10px}.ce-note-meta{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;margin:0;color:var(--muted,#607481);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.ce-note-text{margin:7px 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.ce-note-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.ce-note-state{font-size:10px;flex:1;color:var(--muted,#607481)}.ce-note-actions button{min-height:30px;padding:5px 9px;font-size:11px}.ce-empty{color:var(--muted,#607481);font-size:12px;line-height:1.5;padding:10px 0}
[data-theme=dark] .collaboration-editor{--line:#314451;--surface:#13232d;--surface2:#192d37;--text:#e5edf2;--muted:#a4b6c3}[data-theme=dark] .ce-status.ce-error{color:#ffb5a8}
@media(pointer:coarse){.collaboration-editor button{min-height:44px}.collaboration-editor input,.collaboration-editor textarea{font-size:16px;min-height:44px}.ce-note-actions button{min-height:44px}.collaboration-editor>summary{min-height:48px}}
@media(max-width:430px){.ce-body{padding-inline:12px}.ce-access{font-size:10px}.ce-journal{max-height:300px}.ce-journal-heading{gap:5px}}
@media(prefers-reduced-motion:reduce){.collaboration-editor *{scroll-behavior:auto!important;transition:none!important}}
.ce-manage{margin-top:7px;font-size:11px}.ce-manage>summary{min-height:28px;cursor:pointer;color:var(--muted,#607481)}.ce-manage-fields{display:flex;flex-wrap:wrap;gap:6px;padding-top:5px}.ce-manage-fields select{min-width:0;max-width:100%;background:var(--surface2,#f0f5f6);color:inherit;border:1px solid var(--line,#d1dce3);padding:7px;border-radius:7px;font-size:12px}.ce-journal-heading>.ce-tools{margin:0;justify-content:flex-end}.ce-journal-heading>.ce-tools button{font-size:11px}
@media(pointer:coarse){.ce-manage>summary,.ce-manage-fields select{min-height:44px}.ce-manage-fields select{font-size:16px}}
