/* Notes are text surfaces. Chat controls belong to chat cards. */
.card.plain-note .note-content { padding: 18px 22px 22px; }
.card.plain-note .plan-body { min-height: 32px; font-size: 16px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.plan-body:empty::before { content: attr(data-placeholder); color: var(--theme-muted, #92979e); pointer-events: none; }
.card.plain-note { min-height: 76px; }
.whiteboard-tools { display: flex; align-items: center; gap: 3px; }
#creation-dock .whiteboard-tools img { width: 21px; height: 21px; }
#creation-dock button[aria-pressed=true] { background: var(--theme-raised, #eceef1); color: var(--theme-ink, #252931); box-shadow: inset 0 1px 2px #20202008; }
.canvas-hand #board, .canvas-hand #board .card { cursor: grab; }
.canvas-hand.panning #board { cursor: grabbing; }
#selection-marquee { position: fixed; pointer-events: none; border: 1px solid #568be6; border-radius: 5px; background: #4b89f012; z-index: 19; }
#cards .card.board-selected { outline: 1.5px solid #739ee5; outline-offset: 5px; }
#cards .card.board-selected:has([contenteditable]:focus,textarea:focus) { outline: none; }
#empty-note { position: fixed; top: 44%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; gap: 12px; padding: 16px 19px; background: var(--theme-surface, #fff); border: 1px solid var(--theme-line, #e3e5e8); border-radius: 12px; box-shadow: 0 2px 4px #20202005; color: var(--theme-muted, #727780); font-size: 14px; z-index: 2; }
#empty-note .icon { width: 20px; height: 20px; }
#empty-note kbd { font: inherit; font-size: 10px; color: var(--theme-muted, #969ba3); border: 1px solid var(--theme-line, #e5e7ea); border-radius: 4px; padding: 2px 5px; }
@media (hover:hover) and (pointer:fine) {
 #empty-note:hover { background: var(--theme-raised, #f0f2f5); }
}
body:not(.account-mode) #fit { display: inline-flex; align-items: center; gap: 6px; width: auto; padding: 6px 9px; font-size: 12px; }
@media(min-width:900px) { #creation-dock button[data-dock=plan],#creation-dock button[data-dock=thread] { width: auto; display: flex; gap: 7px; padding: 0 12px; font-size: 12px; } }
.dock-label { display: none; }
@media(min-width:900px) { .dock-label { display: inline; } }
@media (prefers-contrast:more) { #cards .card.board-selected { outline-width: 2px; outline-color: #2458b3; } }
@media (max-width:600px) {
 #creation-dock { max-width: calc(100vw - 16px); gap: 0; padding: 4px; }
 #creation-dock button { width: 30px; height: 36px; padding: 6px; }
 #creation-dock .dock-divider { margin: 0 3px; }
 .whiteboard-tools { gap: 0; }
}

#selection-marquee[hidden], #empty-note[hidden] { display: none; }