/* Theme controls and light palette are local to Strategy Notes. */
.notes-shell-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.notes-theme-toggle { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--line-bright); border-radius: 999px; background: transparent; color: var(--text); font: 750 11px/1 system-ui, sans-serif; letter-spacing: .04em; }
.notes-theme-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.notes-theme-moon { display: none; }
.notes-theme-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f5f4; --panel: #fff; --line: #d4dddf; --line-bright: #93a5ac;
  --text: #3e4a50; --muted: #596970;
  --fp-dim: #5c6d74;
  --theme-soft: #edf3f4; --theme-danger: #b02743; --theme-warn: #805315;
}
:root[data-theme="light"] body { background: url("./background-light-brush-v1.png") center / cover no-repeat fixed, var(--bg); }
:root[data-theme="light"] .notes-theme-sun { display: none; }
:root[data-theme="light"] .notes-theme-moon { display: block; }
:root[data-theme="light"] button:not(:disabled):hover { filter: none; box-shadow: 0 0 0 1px rgba(55,219,239,.25); }
:root[data-theme="light"] button:not(:disabled):active { filter: none; box-shadow: inset 0 2px 4px rgba(28,43,50,.12); }
:root[data-theme="light"] .vfp-shell-header { border-color: var(--line); background: rgba(255,255,255,.96); box-shadow: 0 4px 18px rgba(28,43,50,.05); }
:root[data-theme="light"] .vfp-shell-logo { box-shadow: 0 3px 8px rgba(28,43,50,.12); }
:root[data-theme="light"] .lang-pill { border-color: var(--line-bright); background: var(--panel); color: var(--muted); }
:root[data-theme="light"] .lang-pill span + span::before { color: var(--line-bright); }
:root[data-theme="light"][data-lang="jp"] .lang-pill span:first-child,
:root[data-theme="light"][data-lang="en"] .lang-pill span:last-child { color: var(--text); text-shadow: none; }
:root[data-theme="light"] .note-card { background: rgba(255,255,255,.92); }
:root[data-theme="light"] :is(.note-text, .note-matchup, .note-actions button, .edit-actions button, .note-backup-open, .strategy-notes-pairing-open, .annotation-close, .button, .strategy-notes-pairing-code, .strategy-notes-pairing-request p, .strategy-notes-device-management > h3, .note-signal-data-modal h2, .note-signal-data-modal dd) { color: var(--text); }
:root[data-theme="light"] :is(.note-date, .note-tool-caption, .pairing-view p, .note-backup-dialog p, .strategy-notes-pairing-status, .strategy-notes-pairing-qr-panel p, .strategy-notes-mobile-pairing > p, .strategy-notes-mobile-code-entry label, .strategy-notes-device-management > p, .note-conflict-help, .note-conflict-date, .note-signals-help, .note-signals-preview::before, .note-signal-data-modal dt, .fp-lead, .fp-rule-lead, .fp-rule-out) { color: var(--muted); }
:root[data-theme="light"] .strategy-notes-mobile-context-note { color: var(--muted) !important; }
:root[data-theme="light"] :is(.note-dialog, .note-backup-dialog, .strategy-notes-pairing-dialog, .note-conflict-dialog, .note-signal-data-modal, .fp-sheet) { border-color: var(--line-bright); background: var(--panel); color: var(--text); box-shadow: 0 22px 70px rgba(28,43,50,.2); }
:root[data-theme="light"] dialog::backdrop { background: rgba(28,43,50,.4); }
:root[data-theme="light"] :is(.search-field input, .note-tools select, .note-filters select, .note-editor textarea, .note-dialog textarea, .strategy-notes-mobile-code-entry input) { background-color: var(--panel); color: var(--text); }
:root[data-theme="light"] .search-field input::placeholder { color: var(--muted); }
:root[data-theme="light"] .note-signals-preview::before { color: var(--muted); }
:root[data-theme="light"] .note-toolbar select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2352666f' stroke-width='1.5'/%3E%3C/svg%3E"); }
:root[data-theme="light"] :is(.create-note, .fp-primary, .fp-rules-btn, #note-backup-export-json, #note-backup-restore, .note-conflict-actions button[data-choice="both"]) { background: var(--cyan); border-color: var(--cyan); color: #071116; }
:root[data-theme="light"] .create-note:hover { background: #73e9f6; border-color: #73e9f6; }
:root[data-theme="light"] :is(.note-scene, .edit-actions button:last-child, .note-actions button:active, .note-filters select[data-active="true"], .note-signal-data-modal header p, .note-signal-data-modal header code) { color: var(--text); }
:root[data-theme="light"] :is(.note-actions .delete-note, .strategy-notes-device-row button) { border-color: #bd7f8c; color: var(--theme-danger); }
:root[data-theme="light"] :is(.note-backup-dialog #note-backup-status.is-error, .note-result.is-loss, .fp-rule-row.is-no .fp-rule-arrow) { color: var(--theme-danger); }
:root[data-theme="light"] :is(.note-review-filter, .note-signals-toggle) { color: var(--muted); background: var(--panel); border-color: var(--line-bright); }
:root[data-theme="light"] :is(.note-review-filter[aria-pressed="true"], .note-signals-toggle[aria-pressed="true"]) { color: var(--text); border-color: var(--cyan); background: rgba(55,219,239,.12); }
:root[data-theme="light"] :is(.note-storage-content, .notice, .note-signals-preview, .note-conflict-version, .strategy-notes-device-row, .fp-preview, .fp-face-btn, .fp-menu-toggle, .fp-menu-panel) { background: var(--theme-soft); color: var(--text); border-color: var(--line); box-shadow: none; }
:root[data-theme="light"] :is(.note-storage-info summary, .note-storage-info summary:hover, .note-storage-info summary:active, .note-storage-info[open] summary) { color: var(--text); }
:root[data-theme="light"] :is(.note-storage[data-state="warning"] .note-storage-meter, .note-storage[data-state="failed"] .note-storage-meter, .note-storage [data-storage-warning], .note-conflict-status) { color: var(--theme-warn); }
:root[data-theme="light"] :is(.conflict-label, .note-save-recovery, .strategy-notes-conflict-notice, .note-conflict-changed) { border-color: #b98e51; background: #fff2dc; color: var(--theme-warn); box-shadow: none; }
:root[data-theme="light"] .note-signal-chip { background: #eaf0f1; color: var(--text); border-color: var(--line-bright); }
:root[data-theme="light"] .note-signal-chip:hover { background: #dcebef; border-color: var(--cyan); }
:root[data-theme="light"] .note-signal-data-modal :is(header button, dl, dl > div) { border-color: var(--line); }
:root[data-theme="light"] .note-signal-data-modal header button { color: var(--text); }
:root[data-theme="light"] .note-signal-mark.is-self { color: var(--text); text-decoration-color: var(--fp-self); }
:root[data-theme="light"] .note-signal-mark.is-opp { color: var(--text); text-decoration-color: var(--fp-opp); }
:root[data-theme="light"] .note-signal-mark.is-mark-self { color: #071116; background: var(--fp-self); }
:root[data-theme="light"] .note-signal-mark.is-mark-opp { color: #071116; background: var(--fp-opp); }
:root[data-theme="light"] .note-signal-chip.is-role-self { border-color: var(--fp-self); }
:root[data-theme="light"] .note-signal-chip.is-role-opp { border-color: var(--fp-opp); }
:root[data-theme="light"] .fp-chip:hover { background: #e4edef; }
:root[data-theme="light"] .fp-face-btn[aria-pressed="true"] { color: var(--text); border-color: var(--c); }
:root[data-theme="light"] .fp-rule { background: #f7f9f9; }
:root[data-theme="light"] .fp-menu-open .fp-menu-toggle { border-color: var(--cyan); background: #e4f2f4; }
:root[data-theme="light"] .fp-menu-panel { border-color: var(--cyan); }
:root[data-theme="light"] .fp-menu-summary { border-color: var(--cyan); background: rgba(55,219,239,.12); color: var(--text); }
:root[data-theme="light"] :is(.notes-heading p, .notes-heading-actions > strong, .eyebrow, .strategy-notes-pairing-qr-panel strong, .fp-any, .fp-new-label, .fp-menu-heading, .fp-menu-open .fp-menu-caret, .fp-menu-toggle.has-filter .fp-menu-icon, .sync-state, .note-result.is-win, .note-backup-download, .note-save-recovery a) { color: var(--text); }
:root[data-theme="light"] .fp-who:is(.is-self, .is-opp) { background: #0e1417; }
/* Keep the existing weights; soften the ink and give labels a quieter tone. */
:root[data-theme="light"] .notes-heading h1 { color: #34434b; }
:root[data-theme="light"] :is(.note-toolbar select, .note-toolbar input, .note-backup-open, .strategy-notes-pairing-open, .fp-main-btn, .note-review-filter) { color: #4d5b62; }
:root[data-theme="light"] :is(.notes-heading p, .notes-heading-actions > strong, .sync-state, .note-date, .note-tool-caption, .fp-menu-heading) { color: #63737a; }
:root[data-theme="light"] .fp-rules-btn { animation: none; }
:root[data-theme="light"] .fp-rules-btn:focus-visible { outline-color: var(--cyan); }
:root[data-theme="light"] .strategy-notes-sync-status { color: var(--muted); border-color: var(--line); }
:root[data-theme="light"] .strategy-notes-sync-status :is(strong, button) { color: var(--text); }
:root[data-theme="light"] .strategy-notes-sync-status [data-sync-last] { color: var(--muted); }
:root[data-theme="light"] .strategy-notes-sync-status:is([data-state="paused"], [data-state="failed"]) { background: #fff2dc; border-color: #b98e51; }
:root[data-theme="light"] .strategy-notes-sync-status:is([data-state="paused"], [data-state="failed"]) strong { color: var(--theme-warn); }
@media (max-width: 359px) {
  .notes-shell-actions { gap: 6px; }
  .notes-theme-toggle { width: 36px; justify-content: center; padding: 0; }
  .notes-theme-toggle [data-theme-label] { display: none; }
}