/* Tác vụ — Ghi chú (kiểu Apple Notes) và Lịch & nhắc việc. Presentation only; chỉ dùng token --bms-*. */

/* ---------- Ghi chú ---------- */
.task-notes-layout { display:grid; grid-template-columns:220px 300px minmax(0,1fr); min-height:640px; overflow:hidden; border:1px solid var(--bms-border); border-radius:var(--bms-radius-3); background:var(--bms-surface); box-shadow:var(--bms-shadow-1); }
.task-notes-folders { display:flex; flex-direction:column; gap:var(--bms-space-2); padding:var(--bms-space-3); border-right:1px solid var(--bms-border); background:var(--bms-surface-subtle); }
.task-notes-folders > header, .task-notes-list > header { display:flex; align-items:center; justify-content:space-between; gap:var(--bms-space-2); }
.task-notes-folders > header strong { color:var(--bms-text-muted); font:750 11px/1 var(--bms-font-ui); letter-spacing:.06em; text-transform:uppercase; }
.task-notes-folders > header button, .task-notes-compose { display:grid; width:32px; height:32px; place-items:center; padding:0; border:0; border-radius:var(--bms-radius-2); color:var(--bms-text-muted); background:transparent; cursor:pointer; }
.task-notes-folders > header button:hover, .task-notes-compose:hover { color:var(--bms-primary); background:var(--bms-primary-soft); }
.task-notes-folder { position:relative; display:flex; align-items:center; border-radius:var(--bms-radius-2); }
.task-notes-folder > button { display:grid; flex:1; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--bms-space-2); min-height:36px; padding:0 var(--bms-space-2); border:0; border-radius:var(--bms-radius-2); color:var(--bms-text); background:transparent; text-align:left; cursor:pointer; }
.task-notes-folder > button strong { overflow:hidden; font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.task-notes-folder > button small { color:var(--bms-text-muted); font:600 11px/1 var(--bms-font-data); }
.task-notes-folder.active > button { color:var(--bms-primary); background:var(--bms-primary-soft); }
.task-notes-folder.active > button small { color:var(--bms-primary); }
.task-notes-folder-actions { position:absolute; right:32px; display:none; gap:2px; }
.task-notes-folder:hover .task-notes-folder-actions, .task-notes-folder:focus-within .task-notes-folder-actions { display:flex; }
.task-notes-folder-actions button { display:grid; width:22px; height:22px; place-items:center; padding:0; border:0; border-radius:var(--bms-radius-1); color:var(--bms-text-muted); background:var(--bms-surface); cursor:pointer; }
.task-notes-list { display:flex; min-width:0; flex-direction:column; border-right:1px solid var(--bms-border); }
.task-notes-list > header { padding:var(--bms-space-3) var(--bms-space-3) var(--bms-space-2); }
.task-notes-list > header > div { min-width:0; flex:1; }
.task-notes-list > header strong { display:block; overflow:hidden; color:var(--bms-text); font:750 18px/1.2 var(--bms-font-display); text-overflow:ellipsis; white-space:nowrap; }
.task-notes-list > header small { color:var(--bms-text-muted); font-size:11px; }
.task-notes-search { padding:0 var(--bms-space-3) var(--bms-space-2); }
.task-notes-search input { width:100%; min-height:34px; padding:0 var(--bms-space-3); border:1px solid var(--bms-border); border-radius:var(--bms-radius-2); background:var(--bms-surface-subtle); }
.task-notes-items { flex:1; overflow:auto; padding:0 var(--bms-space-2) var(--bms-space-3); }
.task-notes-items h4 { margin:var(--bms-space-3) var(--bms-space-2) var(--bms-space-1); color:var(--bms-text-muted); font:750 11px/1 var(--bms-font-ui); }
.task-notes-item { display:grid; width:100%; gap:3px; padding:var(--bms-space-2) var(--bms-space-3); border:0; border-bottom:1px solid var(--bms-border); border-radius:var(--bms-radius-2); color:var(--bms-text); background:transparent; text-align:left; cursor:pointer; }
.task-notes-item:hover { background:var(--bms-surface-subtle); }
.task-notes-item.active { border-color:transparent; background:var(--bms-surface-selected); box-shadow:inset 3px 0 var(--bms-primary); }
.task-notes-item strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.task-notes-item span { overflow:hidden; color:var(--bms-text-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.task-notes-item time { margin-right:var(--bms-space-1); color:var(--bms-text); font-weight:600; }
.task-notes-item small { display:flex; gap:var(--bms-space-1); color:var(--bms-text-subtle); font-size:11px; }
.task-notes-item small em { padding:1px 6px; border-radius:var(--bms-radius-round); color:var(--bms-text-muted); background:var(--bms-surface-subtle); box-shadow:inset 0 0 0 1px var(--bms-border); font:600 10px/1.5 var(--bms-font-ui); font-style:normal; }
.task-notes-none { padding:var(--bms-space-8) var(--bms-space-4); color:var(--bms-text-muted); text-align:center; }
.task-notes-editor { position:relative; display:flex; min-width:0; flex-direction:column; background:var(--bms-surface); }
.task-notes-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:var(--bms-space-1); padding:var(--bms-space-2) var(--bms-space-3); border-bottom:1px solid var(--bms-border); }
.task-notes-toolbar[hidden] { display:none; }
.task-notes-toolbar button, .task-notes-toolbar select { min-width:32px; height:32px; padding:0 var(--bms-space-2); border:0; border-radius:var(--bms-radius-2); color:var(--bms-text-muted); background:transparent; font:600 13px/1 var(--bms-font-ui); cursor:pointer; }
.task-notes-toolbar select { border:1px solid var(--bms-border); background:var(--bms-surface); }
.task-notes-toolbar button:hover:not(:disabled) { color:var(--bms-text); background:var(--bms-surface-subtle); }
.task-notes-toolbar button.active { color:var(--bms-primary); background:var(--bms-primary-soft); }
.task-notes-toolbar button:disabled, .task-notes-toolbar select:disabled { opacity:.45; cursor:default; }
.task-notes-tool-group { display:inline-flex; padding-left:var(--bms-space-1); border-left:1px solid var(--bms-border); }
.task-notes-text-btn { color:var(--bms-primary) !important; }
.task-notes-status { margin-left:auto; color:var(--bms-text-subtle); font-size:11px; }
.task-notes-banner { display:flex; flex-wrap:wrap; align-items:center; gap:var(--bms-space-2) var(--bms-space-3); padding:var(--bms-space-2) var(--bms-space-5); border-bottom:1px solid var(--bms-border); color:var(--bms-text-muted); background:var(--bms-surface-subtle); font-size:12px; }
.task-notes-banner[hidden] { display:none; }
.task-notes-banner button { padding:4px 10px; border:1px solid var(--bms-border); border-radius:var(--bms-radius-round); color:var(--bms-primary); background:var(--bms-surface); font-weight:700; cursor:pointer; }
.task-notes-meeting strong { color:var(--bms-text); }
.task-notes-meta { margin:var(--bms-space-3) 0 0; color:var(--bms-text-subtle); font-size:11px; text-align:center; }
.task-notes-page { flex:1; min-height:480px; overflow:auto; padding:var(--bms-space-4) var(--bms-space-8) var(--bms-space-10); color:var(--bms-text); font:400 15px/1.6 var(--bms-font-ui); outline:0; caret-color:var(--bms-primary); }
.task-notes-page[hidden] { display:none; }
.task-notes-page h1 { margin:0 0 var(--bms-space-3); font:750 26px/1.25 var(--bms-font-display); letter-spacing:-.02em; }
.task-notes-page h2 { margin:var(--bms-space-4) 0 var(--bms-space-2); font:700 19px/1.3 var(--bms-font-display); }
.task-notes-page h3 { margin:var(--bms-space-3) 0 var(--bms-space-1); font:700 16px/1.35 var(--bms-font-ui); }
.task-notes-page p { margin:0 0 var(--bms-space-1); }
.task-notes-page ul, .task-notes-page ol { margin:0 0 var(--bms-space-2); padding-left:26px; }
.task-notes-page .note-checklist { padding-left:0; list-style:none; }
.task-notes-page .note-checklist > li { position:relative; min-height:26px; padding:1px 0 1px 30px; }
.task-notes-page .note-checklist > li::before { content:""; position:absolute; top:4px; left:2px; width:18px; height:18px; box-sizing:border-box; border:1.5px solid var(--bms-border-strong); border-radius:var(--bms-radius-round); background:var(--bms-surface); cursor:pointer; }
.task-notes-page .note-checklist > li[data-checked="true"] { color:var(--bms-text-muted); text-decoration:line-through; }
.task-notes-page .note-checklist > li[data-checked="true"]::before { content:"✓"; display:grid; place-items:center; border-color:var(--bms-primary); color:var(--bms-surface); background:var(--bms-primary); font:800 11px/1 var(--bms-font-ui); text-decoration:none; }
.task-notes-page .note-checklist > li[data-task-id]::after { content:"Đã giao việc"; display:inline-block; margin-left:var(--bms-space-2); padding:1px 8px; border-radius:var(--bms-radius-round); color:var(--bms-primary); background:var(--bms-primary-soft); font:700 10px/1.6 var(--bms-font-ui); text-decoration:none; vertical-align:middle; }
.task-notes-page[contenteditable="false"] { caret-color:transparent; }
.task-notes-empty { display:grid; flex:1; place-content:center; gap:var(--bms-space-3); color:var(--bms-text-muted); text-align:center; }
.task-notes-empty[hidden] { display:none; }
.task-notes-back { display:none !important; }
.task-notes-dialog { width:min(560px,calc(100vw - 32px)); }
.task-notes-dialog input[type="search"] { width:100%; margin:0 0 var(--bms-space-2); }
.task-notes-share-list { display:grid; max-height:360px; overflow:auto; border:1px solid var(--bms-border); border-radius:var(--bms-radius-2); }
.task-notes-share-row { display:flex; align-items:center; justify-content:space-between; gap:var(--bms-space-3); padding:var(--bms-space-2) var(--bms-space-3); border-bottom:1px solid var(--bms-border); }
.task-notes-share-row[hidden] { display:none; }
.task-notes-share-row span { display:grid; min-width:0; }
.task-notes-share-row small { color:var(--bms-text-muted); font-size:11px; }
.task-notes-share-row select { width:140px; }

/* ---------- Lịch ---------- */
.task-calendar-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:var(--bms-space-4); align-items:start; }
.task-calendar-main, .task-calendar-card { min-width:0; border:1px solid var(--bms-border); border-radius:var(--bms-radius-3); background:var(--bms-surface); box-shadow:var(--bms-shadow-1); }
.task-calendar-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--bms-space-3); padding:var(--bms-space-3) var(--bms-space-4); border-bottom:1px solid var(--bms-border); }
.task-calendar-nav { display:flex; align-items:center; gap:var(--bms-space-1); }
.task-calendar-nav button, .task-calendar-views button { min-height:34px; padding:0 var(--bms-space-3); border:1px solid var(--bms-border); border-radius:var(--bms-radius-2); color:var(--bms-text); background:var(--bms-surface); font-weight:700; cursor:pointer; }
.task-calendar-nav h3 { margin:0 0 0 var(--bms-space-2); color:var(--bms-text); font:750 18px/1.2 var(--bms-font-display); text-transform:capitalize; }
.task-calendar-views { display:inline-flex; gap:2px; padding:2px; border-radius:var(--bms-radius-2); background:var(--bms-surface-subtle); }
.task-calendar-views button { border-color:transparent; color:var(--bms-text-muted); background:transparent; }
.task-calendar-views button.active { color:var(--bms-primary); background:var(--bms-surface); box-shadow:var(--bms-shadow-1); }
.task-calendar-legend { display:flex; flex-wrap:wrap; gap:var(--bms-space-4); padding:var(--bms-space-2) var(--bms-space-4); color:var(--bms-text-muted); font-size:11px; }
.task-calendar-legend span::before { content:""; display:inline-block; width:9px; height:9px; margin-right:6px; border-radius:var(--bms-radius-round); background:var(--bms-primary); vertical-align:middle; }
.task-calendar-legend .teams::before { background:var(--bms-review); }
.task-calendar-legend .task::before { background:var(--bms-warning); }
.task-calendar-weekdays, .task-calendar-body.month .task-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.task-calendar-weekdays span { padding:var(--bms-space-2); border-top:1px solid var(--bms-border); color:var(--bms-text-muted); font:700 11px/1 var(--bms-font-ui); text-align:center; text-transform:capitalize; }
.task-calendar-body.week .task-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.task-calendar-cell { display:flex; min-width:0; min-height:118px; flex-direction:column; gap:3px; padding:var(--bms-space-1); border-top:1px solid var(--bms-border); border-left:1px solid var(--bms-border); }
.task-calendar-body.week .task-calendar-cell { min-height:420px; }
.task-calendar-cell:nth-child(7n+1) { border-left:0; }
.task-calendar-cell.outside { background:var(--bms-surface-subtle); }
.task-calendar-cell.outside .task-calendar-date { color:var(--bms-text-subtle); }
.task-calendar-date { align-self:flex-end; min-width:26px; height:26px; padding:0 6px; border:0; border-radius:var(--bms-radius-round); color:var(--bms-text); background:transparent; font:700 12px/1 var(--bms-font-data); cursor:pointer; text-transform:capitalize; }
.task-calendar-date:hover { background:var(--bms-surface-subtle); }
.task-calendar-cell.today .task-calendar-date { color:var(--bms-surface); background:var(--bms-danger); }
.task-calendar-chip { display:flex; width:100%; min-width:0; flex-wrap:wrap; align-items:center; gap:4px; padding:3px 6px; border:0; border-left:3px solid var(--bms-primary); border-radius:var(--bms-radius-1); color:var(--bms-text); background:var(--bms-primary-soft); font-size:11px; text-align:left; cursor:pointer; }
.task-calendar-chip span { min-width:0; flex:1; overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.task-calendar-chip time { color:var(--bms-text-muted); font:600 10px/1 var(--bms-font-data); }
.task-calendar-chip i { font-style:normal; }
.task-calendar-chip small { flex-basis:100%; color:var(--bms-text-muted); }
.task-calendar-chip.teams { border-left-color:var(--bms-review); background:var(--bms-review-soft); }
.task-calendar-chip.task { border-left-color:var(--bms-warning); background:var(--bms-warning-soft); }
.task-calendar-chip.task.overdue { border-left-color:var(--bms-danger); background:var(--bms-danger-soft); }
.task-calendar-chip.task.done span, .task-calendar-chip.cancelled span { color:var(--bms-text-muted); text-decoration:line-through; }
.task-calendar-more { padding:2px 6px; border:0; color:var(--bms-text-muted); background:transparent; font-size:11px; font-weight:700; text-align:left; cursor:pointer; }
.task-calendar-body.agenda { display:grid; gap:var(--bms-space-3); padding:var(--bms-space-3) var(--bms-space-4) var(--bms-space-4); }
.task-calendar-agenda-day { display:grid; gap:var(--bms-space-1); }
.task-calendar-agenda-day header { display:flex; align-items:baseline; gap:var(--bms-space-2); padding-bottom:var(--bms-space-1); border-bottom:1px solid var(--bms-border); }
.task-calendar-agenda-day header strong { text-transform:capitalize; }
.task-calendar-agenda-day header span { color:var(--bms-text-muted); font-size:12px; }
.task-calendar-agenda-day.today header strong { color:var(--bms-danger); }
.task-calendar-agenda-day .task-calendar-chip, .task-calendar-upcoming-row .task-calendar-chip { padding:var(--bms-space-2); font-size:12px; }
.task-calendar-aside { display:grid; gap:var(--bms-space-4); }
.task-calendar-card { display:grid; gap:var(--bms-space-3); padding:var(--bms-space-4); }
.task-calendar-card h4 { display:flex; align-items:center; gap:var(--bms-space-2); margin:0; color:var(--bms-text); font:750 14px/1.2 var(--bms-font-ui); }
.task-calendar-teams-mark { display:grid; width:24px; height:24px; place-items:center; border-radius:var(--bms-radius-1); color:var(--bms-surface); background:var(--bms-review); font:800 13px/1 var(--bms-font-ui); }
.task-calendar-muted { margin:0; color:var(--bms-text-muted); font-size:12px; line-height:1.5; }
.task-calendar-account { display:grid; margin:0; }
.task-calendar-account small, .task-calendar-sync small { color:var(--bms-text-muted); font-size:11px; }
.task-calendar-sync { display:flex; flex-wrap:wrap; align-items:center; gap:var(--bms-space-2); margin:0; }
.task-calendar-sync span { padding:3px 8px; border-radius:var(--bms-radius-round); color:var(--bms-success); background:var(--bms-success-soft); font:700 11px/1.3 var(--bms-font-ui); }
.task-calendar-sync.warn span { color:var(--bms-warning); background:var(--bms-warning-soft); }
.task-calendar-sync.error span { color:var(--bms-danger); background:var(--bms-danger-soft); }
.task-calendar-card-actions { display:flex; flex-wrap:wrap; gap:var(--bms-space-2); }
.task-calendar-upcoming-row { display:grid; gap:3px; }
.task-calendar-upcoming-row > small { color:var(--bms-text-muted); font-size:10px; font-weight:700; text-transform:capitalize; }
.task-calendar-dialog { width:min(620px,calc(100vw - 32px)); }
.task-calendar-dialog footer { display:flex; flex-wrap:wrap; align-items:center; gap:var(--bms-space-2); }
.task-calendar-dialog footer > span { flex:1; }
.task-calendar-check { display:flex !important; align-items:center; gap:var(--bms-space-2); }
.task-calendar-details { display:grid; grid-template-columns:120px minmax(0,1fr); gap:var(--bms-space-2) var(--bms-space-3); margin:0; font-size:13px; }
.task-calendar-details dt { color:var(--bms-text-muted); font-weight:700; }
.task-calendar-details dd { margin:0; color:var(--bms-text); }
.task-calendar-preview { white-space:pre-wrap; }
.btn.danger { color:var(--bms-danger); }

@media (max-width: 1180px) {
  .task-notes-layout { grid-template-columns:200px 260px minmax(0,1fr); }
  .task-calendar-layout { grid-template-columns:minmax(0,1fr); }
  .task-calendar-aside { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
}
@media (max-width: 899px) {
  .task-notes-layout { grid-template-columns:minmax(0,1fr); min-height:560px; }
  .task-notes-layout > .task-notes-folders, .task-notes-layout > .task-notes-list, .task-notes-layout > .task-notes-editor { display:none; border-right:0; }
  .task-notes-layout[data-mobile-view="folders"] > .task-notes-folders, .task-notes-layout[data-mobile-view="list"] > .task-notes-list, .task-notes-layout[data-mobile-view="editor"] > .task-notes-editor { display:flex; }
  .task-notes-back { display:inline-grid !important; place-items:center; min-width:var(--bms-control-touch); height:var(--bms-control-touch); padding:0; border:0; color:var(--bms-text-muted); background:transparent; }
  .task-notes-page { padding:var(--bms-space-3) var(--bms-space-4) var(--bms-space-8); }
  .task-notes-toolbar { position:sticky; top:0; z-index:var(--bms-z-sticky); background:var(--bms-surface); }
}
@media (max-width: 760px) {
  .task-calendar-toolbar { align-items:stretch; }
  .task-calendar-nav { width:100%; }
  .task-calendar-nav h3 { flex:1; font-size:16px; }
  .task-calendar-views { flex:1; }
  .task-calendar-views button { flex:1; min-height:var(--bms-control-touch); }
  .task-calendar-cell { min-height:72px; padding:2px; }
  .task-calendar-body.month .task-calendar-chip span, .task-calendar-body.month .task-calendar-chip time { display:none; }
  .task-calendar-body.month .task-calendar-chip { height:6px; padding:0; border-left-width:0; }
  .task-calendar-body.week .task-calendar-grid { grid-template-columns:minmax(0,1fr); }
  .task-calendar-body.week .task-calendar-cell { min-height:0; border-left:0; }
  .task-calendar-details { grid-template-columns:minmax(0,1fr); }
}

/* Ghi đè quy tắc input/select toàn cục (độ ưu tiên rất cao) cho các điều khiển gọn trong thanh công cụ. */
.task-notes-toolbar select { width:auto !important; min-height:32px !important; height:32px !important; padding:0 28px 0 var(--bms-space-2) !important; }
.task-notes-search input, .task-notes-dialog input[type="search"] { min-height:34px !important; }
.task-notes-share-row select { width:140px !important; min-height:32px !important; }
.task-calendar-check { justify-content:flex-start; }
.task-calendar-check input[type="checkbox"] { width:auto !important; min-height:0 !important; margin:0; }
.task-notes-page h1, .task-notes-page h2, .task-notes-page h3 { color:var(--bms-text); }
.task-notes-toolbar [hidden], .task-notes-layout [hidden] { display:none !important; }
@media (max-width: 899px) { .task-notes-toolbar #noteFolderMove { max-width:150px; } }

.task-notes-icon { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.task-notes-folder-actions .task-notes-icon { width:14px; height:14px; }
.task-notes-toolbar button { display:inline-grid; place-items:center; }
.task-calendar-icon { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.task-calendar-chip i { display:inline-grid; color:var(--bms-text-muted); }
.task-calendar-chip.task > .task-calendar-icon { color:var(--bms-warning); }
.task-calendar-nav button .task-calendar-icon { width:16px; height:16px; }
.task-calendar-nav button { display:inline-grid; place-items:center; }

/* Ảnh và video YouTube chèn trong ghi chú */
.task-notes-page .note-media { position:relative; margin:var(--bms-space-2) 0 var(--bms-space-3); max-width:720px; border-radius:var(--bms-radius-2); overflow:hidden; background:var(--bms-surface-subtle); user-select:none; }
.task-notes-page .note-media-img { width:fit-content; }
.task-notes-page .note-media img { display:block; max-width:100%; max-height:560px; height:auto; margin:0 auto; cursor:zoom-in; }
.task-notes-page .note-media-video { aspect-ratio:16 / 9; }
.task-notes-page .note-media-video iframe { display:block; width:100%; height:100%; border:0; }
.task-notes-page .note-media.is-broken { min-height:72px; display:grid; place-items:center; color:var(--bms-text-muted); font:600 12px/1.4 var(--bms-font-ui); }
.task-notes-page .note-media.is-broken img { display:none; }
.task-notes-page .note-media.is-broken::before { content:"Không tải được ảnh"; }
.task-notes-page .note-media-remove { position:absolute; top:var(--bms-space-2); right:var(--bms-space-2); display:grid; place-items:center; width:28px; height:28px; padding:0; border:1px solid var(--bms-border); border-radius:var(--bms-radius-round); color:var(--bms-text); background:var(--bms-surface); opacity:0; cursor:pointer; transition:opacity .15s ease; }
.task-notes-page .note-media:hover .note-media-remove, .task-notes-page .note-media-remove:focus-visible { opacity:1; }
.task-notes-page .note-media-remove .task-notes-icon { width:16px; height:16px; }
.task-notes-page[contenteditable="false"] .note-media-remove { display:none; }
@media (hover:none) { .task-notes-page .note-media-remove { opacity:1; } }

/* Nhắc đến đồng nghiệp (@tên) trong ghi chú */
.task-notes-page .note-mention { display:inline-block; padding:0 6px; border-radius:var(--bms-radius-round); color:var(--bms-primary); background:var(--bms-primary-soft); font-weight:650; line-height:1.45; white-space:nowrap; user-select:all; }
.task-notes-mention-menu { position:fixed; z-index:calc(var(--bms-z-sticky) + 20); max-height:232px; overflow:auto; padding:var(--bms-space-1); border:1px solid var(--bms-border); border-radius:var(--bms-radius-2); background:var(--bms-surface-raised); box-shadow:0 12px 32px -12px var(--bms-border-strong); }
.task-notes-mention-menu[hidden] { display:none; }
.task-notes-mention-menu button { display:flex; width:100%; flex-direction:column; align-items:flex-start; gap:1px; padding:6px var(--bms-space-2); border:0; border-radius:var(--bms-radius-1); color:var(--bms-text); background:transparent; text-align:left; cursor:pointer; }
.task-notes-mention-menu button small { color:var(--bms-text-muted); font-size:11px; }
.task-notes-mention-menu button.active, .task-notes-mention-menu button:hover { background:var(--bms-surface-selected); }