/* Scoped to the note monitor; existing comment panels keep their own styles. */
#note-monitor { --nm-border: var(--wb-border); --nm-muted: var(--wb-muted); }
#note-monitor .nm-heading,
#note-monitor .nm-results-heading,
#note-monitor .nm-status-line { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
#note-monitor .nm-heading { align-items: flex-start; }
#note-monitor h2 { margin: 0 0 8px; font-size: 23px; }
#note-monitor h3 { margin: 0; font-size: 18px; }
#note-monitor p { line-height: 1.7; }
#note-monitor .nm-muted { margin: 0; color: var(--nm-muted); }
#note-monitor .nm-destination { flex-shrink: 0; padding: 8px 11px; border: 1px solid var(--nm-border); border-radius: 6px; background: var(--wb-surface); font-size: 12px; color: var(--wb-muted); }
#note-monitor .nm-notice { margin: 18px 0; padding: 13px 16px; border-left: 3px solid var(--wb-warning); background: var(--wb-warning-bg); color: var(--wb-warning); border-radius: 0 6px 6px 0; font-size: 13px; }
#note-monitor .nm-controls { border: 1px solid var(--nm-border); border-radius: 10px; background: var(--wb-surface); padding: 20px; }
#note-monitor fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
#note-monitor legend { padding: 0; margin-bottom: 14px; font-weight: 650; }
#note-monitor .nm-filter-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; gap: 18px; }
#note-monitor .nm-field { display: flex; flex-direction: column; gap: 8px; margin: 0; min-width: 0; }
#note-monitor .nm-label { font-size: 13px; font-weight: 600; }
#note-monitor .nm-help { color: var(--nm-muted); font-size: 12px; line-height: 1.65; }
#note-monitor select,
#note-monitor input,
#note-monitor textarea { width: 100%; font: inherit; padding: 9px 10px; color: var(--wb-text); border: 1px solid var(--wb-border); border-radius: 6px; background: var(--wb-surface); }
#note-monitor select { min-height: 38px; }
#note-monitor textarea { margin: 0; resize: vertical; font: 13px/1.5 Consolas, 'Microsoft YaHei', monospace; }
#note-monitor :is(input, select, textarea, button, a):focus-visible { outline: 3px solid var(--wb-primary); outline-offset: 2px; }
#note-monitor :is(input, select, textarea):disabled { background: var(--wb-subtle); color: var(--wb-muted); }
#note-monitor .nm-date-range { display: grid; grid-template-columns: repeat(2, minmax(0, 240px)); gap: 18px; margin-top: 18px; }
#note-monitor .nm-serial-field { margin-top: 18px; }
#note-monitor [hidden] { display: none !important; }
#note-monitor .nm-inventory-actions { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
#note-monitor .nm-inventory-actions button { flex-shrink: 0; }
#note-monitor .nm-inventory { display: flex; flex-wrap: wrap; gap: 6px; }
#note-monitor .nm-inventory:not(:empty) { padding-top: 12px; }
#note-monitor .nm-device-choice { font-size: 12px; text-align: left; overflow-wrap: anywhere; }
#note-monitor .nm-actions { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 19px; margin-top: 18px; border-top: 1px solid var(--wb-border); }
#note-monitor .nm-feedback { margin: 16px 0; padding: 11px 14px; background: var(--wb-selected); border-radius: 6px; color: var(--wb-muted); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
#note-monitor .nm-feedback.nm-error { color: var(--wb-danger); background: var(--wb-danger-bg); }
#note-monitor .nm-progress { border: 1px solid var(--nm-border); border-radius: 9px; padding: 16px; background: var(--wb-surface); }
#note-monitor .nm-running { color: var(--wb-success); }
#note-monitor .nm-counts { display: flex; gap: 8px; flex-wrap: wrap; }
#note-monitor .nm-count { background: var(--wb-subtle); border-radius: 5px; padding: 5px 9px; font-size: 12px; }
#note-monitor .nm-device-progress { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#note-monitor .nm-device-progress:not(:empty) { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--wb-border); }
#note-monitor .nm-device { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 11px; border-radius: 6px; background: var(--wb-subtle); overflow-wrap: anywhere; }
#note-monitor .nm-device strong { font-size: 13px; }
#note-monitor .nm-extra-issues { width: 100%; font-size: 12px; color: var(--wb-danger); margin-top: 4px; }
#note-monitor .nm-extra-issues summary { cursor: pointer; padding: 4px 0; }
#note-monitor .nm-extra-issues ul { margin: 6px 0; padding-left: 19px; line-height: 1.7; }
#note-monitor .nm-results-heading { margin-top: 28px; }
#note-monitor .nm-export-actions { display: flex; gap: 7px; flex-wrap: wrap; }
#note-monitor .nm-export-actions button { padding: 8px 11px; font-size: 12px; }
#note-monitor .nm-local-save { margin-top: 14px; padding: 15px; border: 1px solid var(--wb-border); border-radius: 8px; background: var(--wb-subtle); }
#note-monitor .nm-local-save-status { margin: 0; color: var(--wb-muted); font-size: 13px; }
#note-monitor .nm-local-save-status.nm-error { color: var(--wb-danger); }
#note-monitor .nm-local-file:not(:empty) { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--wb-border); }
#note-monitor .nm-local-file strong { font-size: 12px; color: var(--wb-muted); }
#note-monitor .nm-file-path { width: 100%; font: 12px/1.7 Consolas, 'Microsoft YaHei', monospace; color: var(--wb-text); overflow-wrap: anywhere; white-space: pre-wrap; user-select: all; }
#note-monitor .nm-local-download { font-size: 13px; color: var(--wb-link); text-underline-offset: 3px; }
#note-monitor .nm-table-wrap { overflow-x: auto; border: 1px solid var(--nm-border); border-radius: 9px; background: var(--wb-surface); margin-top: 14px; }
#note-monitor .nm-table { border-collapse: collapse; width: 100%; min-width: 1200px; text-align: left; font-size: 13px; }
#note-monitor .nm-table caption { text-align: left; padding: 12px 15px; font-size: 12px; color: var(--nm-muted); border-bottom: 1px solid var(--wb-border); }
#note-monitor .nm-table th { padding: 13px 12px; background: var(--wb-subtle); font-weight: 600; color: var(--wb-muted); white-space: nowrap; }
#note-monitor .nm-table td { padding: 15px 12px; vertical-align: top; border-top: 1px solid var(--wb-border); line-height: 1.65; overflow-wrap: anywhere; }
#note-monitor .nm-table tbody tr:hover { background: var(--wb-hover); }
#note-monitor .nm-table td:first-child { width: 120px; }
#note-monitor .nm-table td:nth-child(2) { min-width: 220px; max-width: 310px; }
#note-monitor .nm-table td:nth-child(3) { min-width: 90px; }
#note-monitor .nm-table a { color: var(--wb-link); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
#note-monitor .nm-note-title { font-weight: 550; white-space: pre-wrap; }
#note-monitor .nm-pill { display: inline-block; margin-top: 7px; padding: 2px 6px; border-radius: 4px; font-size: 11px; line-height: 1.7; }
#note-monitor .nm-pill.nm-neutral { background: var(--wb-subtle); color: var(--wb-muted); }
#note-monitor .nm-pill.nm-success { background: var(--wb-success-bg); color: var(--wb-success); }
#note-monitor .nm-pill.nm-warning { background: var(--wb-warning-bg); color: var(--wb-warning); }
#note-monitor .nm-pill.nm-error { background: var(--wb-danger-bg); color: var(--wb-danger); }
#note-monitor .nm-number { min-width: 82px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#note-monitor .nm-negative { color: var(--wb-warning); }
#note-monitor .nm-time { width: 137px; color: var(--wb-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
#note-monitor .nm-row-error { display: block; margin-top: 4px; color: var(--wb-danger); font-size: 11px; overflow-wrap: anywhere; }
#note-monitor .nm-row-warning { display: block; margin-top: 6px; color: var(--wb-warning); font-size: 11px; line-height: 1.7; }
#note-monitor .nm-platform-time { min-width: 165px; max-width: 230px; font-size: 12px; }
#note-monitor .nm-platform-time-line { line-height: 1.6; }
#note-monitor .nm-platform-time-line + .nm-platform-time-line { margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--wb-border); }
#note-monitor .nm-platform-time-line small { display: block; overflow-wrap: anywhere; }
#note-monitor .nm-feishu { margin-top: 20px; padding: 18px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-surface); }
#note-monitor .nm-feishu-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#note-monitor .nm-feishu-heading button { font-size: 12px; padding: 7px 10px; }
#note-monitor .nm-target-summary { margin: 13px 0 7px; padding: 12px; border-radius: 6px; background: var(--wb-subtle); overflow-wrap: anywhere; }
#note-monitor .nm-target-summary a { color: var(--wb-link); text-underline-offset: 3px; }
#note-monitor .nm-feishu-settings { margin-top: 12px; padding: 12px 0; border-top: 1px solid var(--wb-border); border-bottom: 1px solid var(--wb-border); }
#note-monitor .nm-feishu summary { cursor: pointer; color: var(--wb-link); }
#note-monitor .nm-feishu-settings > summary { font-weight: 600; }
#note-monitor .nm-feishu-settings > fieldset { margin-top: 17px; }
#note-monitor .nm-credentials { margin: 14px 0; padding: 12px; border: 1px solid var(--wb-border); border-radius: 6px; background: var(--wb-subtle); }
#note-monitor .nm-credential-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#note-monitor .nm-mapping-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; margin: 13px 0 18px; }
#note-monitor .nm-feishu h4 { font-size: 14px; margin: 22px 0 8px; }
#note-monitor .nm-advanced-mapping { padding: 12px; border: 1px dashed var(--wb-border); border-radius: 6px; margin-bottom: 15px; }
#note-monitor .nm-feishu-feedback { color: var(--wb-muted); font-size: 13px; padding: 9px 11px; margin: 14px 0; background: var(--wb-subtle); border-radius: 6px; overflow-wrap: anywhere; }
#note-monitor .nm-feishu-feedback.nm-error { background: var(--wb-danger-bg); color: var(--wb-danger); }
#note-monitor .nm-feishu-actions { display: flex; flex-wrap: wrap; gap: 9px; }
#note-monitor .nm-feishu-preview { margin-top: 18px; padding: 13px; border: 1px solid var(--wb-border); border-radius: 8px; background: var(--wb-subtle); }
#note-monitor .nm-preview-stale { border-color: var(--wb-warning); background: var(--wb-warning-bg); }
#note-monitor .nm-preview-summary { display: flex; flex-wrap: wrap; gap: 8px; }
#note-monitor .nm-preview-count { padding: 7px 10px; background: var(--wb-subtle); border-radius: 5px; color: var(--wb-muted); font-size: 13px; }
#note-monitor .nm-preview-table { overflow-x: auto; background: var(--wb-surface); border: 1px solid var(--wb-border); border-radius: 6px; }
#note-monitor .nm-plan-table { width: 100%; min-width: 640px; border-collapse: collapse; text-align: left; font-size: 12px; }
#note-monitor .nm-plan-table th { padding: 9px; color: var(--wb-muted); background: var(--wb-subtle); }
#note-monitor .nm-plan-table td { padding: 10px 9px; border-top: 1px solid var(--wb-border); vertical-align: top; overflow-wrap: anywhere; }
#note-monitor .nm-plan-table td:first-child { width: 96px; }
#note-monitor .nm-plan-table td:nth-child(2) { width: 210px; }
#note-monitor .nm-plan-table td:last-child { max-width: 190px; }
#note-monitor .nm-plan-table details ul { padding-left: 18px; margin: 7px 0; line-height: 1.7; }
#note-monitor .nm-preview-pagination { display: flex; align-items: center; gap: 12px; margin-top: 11px; }
#note-monitor .nm-preview-pagination button { flex-shrink: 0; padding: 6px 9px; font-size: 12px; }
#note-monitor .nm-sync-result:not(:empty) { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; padding: 13px; border-radius: 7px; background: var(--wb-subtle); }
#note-monitor .nm-sync-result p { flex-basis: 100%; margin: 0; }
#note-monitor .nm-table .nm-empty { padding: 44px 20px; color: var(--nm-muted); text-align: center; font-size: 13px; }
#note-monitor .nm-filter-grid { grid-template-columns: 1fr 1fr; }
#note-monitor .nm-table-date-controls { display: grid; position: relative; grid-template-columns: 1.2fr 1fr 1fr; gap: 18px; padding: 16px 0 18px; }
#note-monitor .nm-date-shortcuts { grid-column: 1 / -1; display: flex; gap: 8px; flex-wrap: wrap; }
#note-monitor .nm-date-shortcuts button { padding: 7px 11px; }
#note-monitor .nm-date-summary { grid-column: 1 / -1; margin: 0; }
#note-monitor .nm-table-date-controls input[readonly] { cursor: pointer; background: var(--wb-subtle); }
#note-monitor .nm-calendar { position: absolute; z-index: 20; left: 0; top: calc(100% - 10px); width: min(100%, 390px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; scroll-margin-block: 16px; box-sizing: border-box; padding: 18px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-surface); box-shadow: 0 14px 36px var(--wb-shadow); }
#note-monitor .nm-calendar-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#note-monitor .nm-calendar-header h4 { font-size: 17px; margin: 0; }
#note-monitor .nm-calendar-header button { font-size: 22px; line-height: 1; min-width: 34px; padding: 5px 9px; }
#note-monitor .nm-calendar-selects { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 12px 0; }
#note-monitor .nm-calendar-selects select { width: 100%; }
#note-monitor .nm-calendar-week, #note-monitor .nm-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; text-align: center; }
#note-monitor .nm-calendar-week { color: var(--wb-muted); font-size: 12px; margin: 14px 0 7px; }
#note-monitor .nm-calendar-grid .nm-calendar-day { min-width: 0; min-height: 36px; padding: 7px 0; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--wb-text); font-size: 13px; }
#note-monitor .nm-calendar-grid .nm-calendar-day:hover { background: var(--wb-hover); }
#note-monitor .nm-calendar-grid .is-in-range { background: var(--wb-selected); }
#note-monitor .nm-calendar-grid .is-today { border-color: var(--wb-primary); }
#note-monitor .nm-calendar-grid .is-selected { background: var(--wb-primary); color: var(--wb-on-primary); }
#note-monitor .nm-calendar-grid .is-selected:hover { background: var(--wb-primary-hover); }
#note-monitor .nm-calendar button:focus-visible { outline: 2px solid var(--wb-primary); outline-offset: 2px; }
#note-monitor .nm-calendar .nm-help { margin: 12px 0 0; line-height: 1.6; }
#note-monitor .nm-table-date-controls:disabled .nm-calendar { opacity: .6; }
#note-monitor .nm-source-targets { overflow: auto; max-height: 440px; border: 1px solid var(--wb-border); border-radius: 7px; margin: 16px 0; width: 100%; background: var(--wb-surface); }
#note-monitor .nm-source-targets:empty { display: none; }
#note-monitor .nm-source-targets .nm-plan-table { min-width: 600px; }
#note-monitor .nm-source-targets .nm-plan-table th { position: sticky; top: 0; }
#note-monitor .nm-source-targets .nm-plan-table td:first-child { width: 140px; }
#note-monitor .nm-source-targets .nm-plan-table td:nth-child(2) { width: 280px; }
#note-monitor .nm-source-targets a { color: var(--wb-link); text-underline-offset: 3px; }
#note-monitor .nm-run-targets { width: 100%; }
#note-monitor .nm-dashboard { margin: 22px 0; padding: 22px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-subtle); }
#note-monitor .nm-dashboard h3 { margin: 0; font-size: 21px; }
#note-monitor .nm-dashboard-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
#note-monitor .nm-stat-card { display: flex; flex-direction: column; gap: 8px; padding: 15px; background: var(--wb-surface); border: 1px solid var(--wb-border); border-radius: 8px; }
#note-monitor .nm-stat-card span { color: var(--wb-muted); font-size: 12px; }
#note-monitor .nm-stat-card strong { color: var(--wb-text); font-size: 24px; }
#note-monitor .nm-dashboard-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#note-monitor .nm-growth-row { padding: 14px; border: 1px solid var(--wb-border); background: var(--wb-surface); border-radius: 7px; }
#note-monitor .nm-growth-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
#note-monitor .nm-growth-heading a { color: var(--wb-link); font-weight: 600; text-underline-offset: 3px; }
#note-monitor .nm-growth-delta { color: var(--wb-success); white-space: nowrap; font-size: 19px; }
#note-monitor .nm-growth-row .nm-help { margin: 6px 0 0; }
#note-monitor .nm-account-directory { padding: 18px; margin: 20px 0 0; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-surface); }
#note-monitor .nm-account-directory h3 { margin: 0; font-size: 21px; }
#note-monitor .nm-directory-columns { display: grid; grid-template-columns: minmax(140px, .7fr) minmax(175px, .95fr) minmax(0, 2.4fr); gap: 14px; margin-top: 15px; align-items: start; }
#note-monitor .nm-directory-column { min-width: 0; }
#note-monitor .nm-directory-search-controls { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(140px, 1fr) minmax(120px, .9fr) auto; gap: 12px; align-items: end; margin: 17px 0 6px; }
#note-monitor .nm-directory-search-controls button { min-height: 38px; }
#note-monitor .nm-directory-column > h4 { margin: 0 0 10px; font-size: 13px; color: var(--wb-muted); }
#note-monitor .nm-directory-accounts, #note-monitor .nm-directory-notes { max-height: 440px; overflow-y: auto; padding: 7px; border: 1px solid var(--wb-border); border-radius: 8px; scrollbar-gutter: stable; }
#note-monitor .nm-directory-choice { display: flex; flex-direction: column; gap: 6px; width: 100%; text-align: left; padding: 12px; margin: 0 0 7px; background: var(--wb-subtle); border: 1px solid var(--wb-border); }
#note-monitor .nm-directory-choice span { font-size: 12px; color: var(--wb-muted); line-height: 1.5; }
#note-monitor .nm-directory-choice[aria-expanded="true"] { border-color: var(--wb-primary); background: var(--wb-selected); }
#note-monitor .nm-directory-notes h4 { margin: 3px 0 12px; }
#note-monitor .nm-directory-daily { min-width: 0; padding: 16px; border: 1px solid var(--wb-border); border-radius: 8px; background: var(--wb-surface); }
#note-monitor .nm-directory-daily > h4 { margin: 5px 0 10px; font-size: 16px; line-height: 1.55; }
#note-monitor .nm-chart-account { margin: 0; font-size: 12px; color: var(--wb-muted); }
#note-monitor .nm-chart-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 8px; }
#note-monitor .nm-chart-controls select { padding: 8px; font-size: 12px; }
#note-monitor .nm-chart-zone { font-size: 12px; color: var(--wb-muted); padding: 6px 10px; border: 1px solid var(--wb-border); border-radius: 20px; }
#note-monitor .nm-directory-details { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--wb-border); }
#note-monitor .nm-directory-details > summary { cursor: pointer; font-size: 12px; color: var(--wb-link); }
#note-monitor .nm-high-growth { margin: 22px 0; padding: 22px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-subtle); }
#note-monitor .nm-high-growth h3 { margin: 0; font-size: 21px; }
#note-monitor .nm-growth-controls { margin: 16px 0; max-width: 280px; }
#note-monitor .nm-growth-account { font-size: 15px; }
#note-monitor .nm-growth-row > a { display: inline-block; color: var(--wb-link); margin: 9px 0 3px; text-underline-offset: 3px; line-height: 1.5; }
#note-monitor .nm-directory-daily a { color: var(--wb-link); }
#note-monitor .nm-directory-daily .nm-plan-table { min-width: 900px; }
#note-monitor .nm-schedule { border-top: 3px solid var(--wb-primary); }
#note-monitor .nm-schedule-controls { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 18px; margin: 20px 0; }
#note-monitor .nm-schedule-controls input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--wb-primary); }
#note-monitor .nm-daily { border-top: 3px solid var(--wb-primary); }
#note-monitor .nm-flow-card { margin-top: 28px; padding: 24px; }
#note-monitor .nm-flow-label { color: var(--wb-muted); font-size: 12px; letter-spacing: 1px; margin: 0 0 9px; }
#note-monitor .nm-today { border-top: 4px solid var(--wb-primary); background: var(--wb-subtle); }
#note-monitor .nm-today h3, #note-monitor .nm-daily h3 { font-size: 22px; }
#note-monitor .nm-today .nm-filter-grid { margin-top: 20px; }
#note-monitor .nm-daily .nm-controls { margin-bottom: 18px; padding: 16px; background: var(--wb-subtle); }
#note-monitor .nm-today .nm-sync-result { background: var(--wb-hover); }
#note-monitor .nm-today-device { width: 100%; padding: 12px; border: 1px solid var(--wb-border); border-radius: 6px; background: var(--wb-surface); }
#note-monitor .nm-today-device p { margin: 5px 0 0; }
#note-monitor .nm-history { margin: 25px 0 0; padding: 18px; border: 1px solid var(--wb-border); border-radius: 10px; }
#note-monitor .nm-history > summary { cursor: pointer; font-size: 14px; color: var(--wb-link); }
#note-monitor .nm-collapsible > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 14px; list-style: none; cursor: pointer; color: var(--wb-text); }
#note-monitor .nm-collapsible > summary::-webkit-details-marker { display: none; }
#note-monitor .nm-collapsible > summary::before { content: '›'; font-size: 23px; line-height: 1; transition: transform .15s; }
#note-monitor .nm-collapsible[open] > summary::before { transform: rotate(90deg); }
#note-monitor .nm-collapsible > summary > strong { font-size: 18px; }
#note-monitor .nm-collapse-label { margin-left: auto; font-size: 12px; font-weight: normal; color: var(--wb-muted); order: 2; }
#note-monitor .nm-collapse-status { font-size: 12px; color: var(--wb-muted); }
#note-monitor .nm-collapse-toolbar { display: flex; justify-content: flex-end; margin-top: 14px; }
#note-monitor .nm-results-disclosure { padding: 15px; margin-top: 18px; border: 1px solid var(--wb-border); border-radius: 8px; background: var(--wb-subtle); }
#note-monitor .nm-results-disclosure > summary > strong { font-size: 14px; }
#note-monitor .nm-collapsible > summary:focus-visible { outline: 3px solid var(--wb-primary); outline-offset: 5px; border-radius: 3px; }
@media (max-width: 950px) {
  #note-monitor .nm-directory-search-controls { grid-template-columns: 1fr 1fr; }
  #note-monitor .nm-directory-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
  #note-monitor .nm-directory-daily { grid-column: 1 / -1; }
  #note-monitor .nm-directory-accounts, #note-monitor .nm-directory-notes { max-height: 200px; }
  #note-monitor .nm-heading { flex-direction: column; gap: 12px; }
  #note-monitor .nm-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  #note-monitor .nm-directory-search-controls { grid-template-columns: 1fr; }
  #note-monitor .nm-dashboard-rows { grid-template-columns: 1fr; }
  #note-monitor .nm-high-growth { padding: 15px; }
  #note-monitor .nm-controls { padding: 15px; }
  #note-monitor .nm-filter-grid,
  #note-monitor .nm-date-range,
  #note-monitor .nm-device-progress,
  #note-monitor .nm-credential-grid,
  #note-monitor .nm-mapping-grid { grid-template-columns: 1fr; }
  #note-monitor .nm-table-date-controls { grid-template-columns: 1fr; }
  #note-monitor .nm-schedule-controls { grid-template-columns: 1fr; }
  #note-monitor .nm-dashboard-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #note-monitor .nm-dashboard { padding: 15px; }
  #note-monitor .nm-directory-columns { grid-template-columns: 1fr; }
  #note-monitor .nm-account-directory { padding: 15px; }
  #note-monitor .nm-heading h2 { font-size: 21px; }
  #note-monitor .nm-destination { max-width: 100%; white-space: normal; }
  #note-monitor .nm-status-line,
  #note-monitor .nm-inventory-actions,
  #note-monitor .nm-results-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  #note-monitor .nm-actions button { flex: 1 1 auto; }
  #note-monitor .nm-export-actions { width: 100%; }
  #note-monitor .nm-feishu { padding: 14px; }
  #note-monitor .nm-feishu-heading { align-items: flex-start; }
  #note-monitor .nm-preview-pagination { flex-wrap: wrap; }
}