.team-notes-dialog { box-sizing:border-box; width:min(720px,calc(100vw - 2rem)); max-width:calc(100vw - 2rem); max-height:calc(100dvh - 2rem); padding:0; border:1px solid #42658f; border-radius:16px; background:#111c30; color:#e5edf8; box-shadow:0 24px 80px #0009; overflow:hidden; }
.team-notes-dialog[open] { display:flex; flex-direction:column; }
.team-notes-dialog::backdrop { background:#030918b8; backdrop-filter:blur(3px); }
.team-notes-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.2rem 1.3rem; border-bottom:1px solid #2b3d57; flex-shrink:0; }
.team-notes-header > div { min-width:0; }
.team-notes-header h2 { font-size:1.18rem; line-height:1.3; margin:.2rem 0 .35rem; overflow-wrap:anywhere; }
.team-notes-header p { margin:0; font-size:.8rem; }
.team-notes-header .eyebrow { color:#7dd3fc; font-size:.68rem; }
.team-notes-close { flex-shrink:0; width:2rem; height:2rem; padding:0; font-size:1.35rem; line-height:1; }
.team-notes-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:1.1rem 1.3rem; scrollbar-color:#526987 #111c30; }
.team-notes-list { display:grid; gap:.75rem; }
.team-note { padding:1rem; border:1px solid #2d405d; border-radius:10px; background:#0d1728; min-width:0; }
.team-note-copy { margin:0 0 .7rem; font-size:.92rem; font-weight:400; line-height:1.6; overflow-wrap:anywhere; }
.team-note-meta { font-size:.73rem; color:#9fb0c8; line-height:1.5; overflow-wrap:anywhere; }
.team-note-meta span { display:block; margin-top:.15rem; }
.team-note-meta strong { font-weight:600; color:#cbd5e1; }
.team-note-edit { margin-top:.8rem; }
.team-note-edit summary { width:fit-content; color:#7dd3fc; cursor:pointer; font-size:.78rem; font-weight:650; }
.team-notes-dialog label { margin:0 0 .5rem; font-size:.88rem; }
.team-note-edit form { padding-top:.8rem; }
.team-notes-compose { margin:1.1rem 0 0; padding-top:1.1rem; border-top:1px solid #2b3d57; }
.team-notes-dialog textarea { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:100px; max-height:min(280px,35dvh); padding:.8rem .9rem; margin:0; resize:vertical; overflow:auto; border:1px solid #3a526f; border-radius:10px; background:#0b1424; color:#e5edf8; font:inherit; font-size:.9rem; line-height:1.55; }
.team-notes-dialog textarea::placeholder { color:#8194b0; }
.team-notes-dialog textarea:focus { outline:2px solid #60a5fa; outline-offset:2px; border-color:#60a5fa; }
.team-notes-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.5rem; margin-top:.85rem; }
.team-notes-actions button { font-size:.8rem; }
.team-notes-actions .team-note-delete { color:#fecaca; margin-right:auto; order:-1; }
.team-notes-empty { text-align:center; padding:1.2rem .5rem; border:1px dashed #354863; border-radius:10px; }
.team-notes-empty p { font-size:.85rem; margin:.4rem 0 0; }
html:has(.team-notes-dialog[open]) { overflow:hidden; }
@media(max-width:600px) { .team-notes-dialog { width:calc(100vw - 1rem); max-width:calc(100vw - 1rem); max-height:calc(100dvh - 1rem); border-radius:12px; }.team-notes-header { padding:1rem; }.team-notes-body { padding:1rem; }.team-note { padding:.85rem; }.team-notes-dialog textarea { min-height:90px; } }

.shared-notes .note-preview { display:grid; gap:.35rem; }
.shared-notes .note-preview > strong { display:block; font-size:.9rem; line-height:1.5; overflow-wrap:anywhere; }
.shared-notes .note-preview > small { display:block; font-size:.75rem; line-height:1.4; overflow-wrap:anywhere; }

/* Keep preview Notes beside the identity, independently of the launch links. */
#client-preview .preview-heading { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:.75rem; }
#client-preview .preview-identity { min-width:0; }
#client-preview .preview-identity h2 { overflow-wrap:anywhere; }
#client-preview .preview-heading > .preview-notes-control { position:static; transform:none; grid-column:2; align-self:start; margin-top:.12rem; }
#client-preview .preview-heading > .preview-header-action-group { grid-column:3; align-self:start; }
#client-preview .preview-notes-control .notes-trigger { display:inline-flex; align-items:center; justify-content:center; min-height:2rem; box-sizing:border-box; padding:.4rem .7rem; border:1px solid #4f9ac2; border-radius:9px; background:#173b53; color:#e8f7ff; font-size:.78rem; line-height:1.2; white-space:nowrap; box-shadow:0 2px 6px #0002; }
#client-preview .preview-notes-control .notes-trigger:hover { background:#24516c; border-color:#77c5ee; }
#client-preview .preview-notes-control .notes-trigger:focus-visible { outline:2px solid #7dd3fc; outline-offset:3px; }
@media(max-width:1180px) { #client-preview .preview-heading { grid-template-columns:minmax(0,1fr) auto; } #client-preview .preview-heading > .preview-header-action-group { grid-column:1 / -1; justify-content:flex-start; } #client-preview .preview-header-action-group .preview-header-actions { justify-content:flex-start; } }