/* Frontend utility surfaces. Loaded after component and mobile styles.
   Keep photos, album art, file previews and user-selected event colours intact. */
:is(#ntMusicModal, #phModal, .ph-edit-modal, #phViewer,
    #ndModal, .nd-pwd-modal, .ndpv-shell, .ndpv-note-dialog,
    .todo-calendar-modal, .todo-editor, .personal-links-modal,
    .nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal,
    .command-center-modal, .knowledge-modal, .recycle-modal, #lmModal, #svModal,
    #ntModal, #wpPanel, #navBoard, .music-library-dialog, .ph-context-menu) {
  --uw-bg: #fff;
  --uw-soft: #f8f8f8;
  --uw-hover: #f1f1f1;
  --uw-line: #e7e7e7;
  --uw-text: #282828;
  --uw-muted: #777;
  --uw-accent: #262626;
  --uw-shadow: 0 24px 80px rgb(0 0 0 / 18%);
  font-family: 'AI Noto Sans', 'Noto Sans SC', sans-serif;
  color-scheme: light;
  color: var(--uw-text);
  text-shadow: none;
}

/* Shared navigation surfaces should not switch back to the old glass theme
   when a user opens the full feature list or uses the mobile rail. */
.rail-more-panel {
  color: #333;
  background: #fff;
  border-color: #e7e7e7;
  box-shadow: 0 24px 80px rgb(0 0 0 / 18%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.rail-more-panel :is(.rail-more-head, .rail-more-section, .rail-more-grid) {
  color: #333;
}
.rail-more-panel :is(.rail-more-head span, .rail-more-section h3, .rail-more-head small) { color: #737373; }
.rail-more-panel :is(.rail-more-head strong, .rail-more-section strong) { color: #333; }
.rail-more-panel :is(.rail-more-head button, .rail-more-item) {
  color: #555;
  background: #fafafa;
  border-color: #e7e7e7;
  box-shadow: none;
}
.rail-more-panel :is(.rail-more-head button:hover, .rail-more-item:hover) {
  color: #222;
  background: #f1f1f1;
  border-color: #d8d8d8;
}
.rail-more-panel .rail-more-item.active { color: #333; background: #eee; border-color: #d7d7d7; }
.rail-more-panel .rail-more-body { scrollbar-color: #d5d5d5 transparent; }
.rail-more-panel .rail-more-grid > :is(button, a) { background: #fafafa; color: #555; border-color: #e7e7e7; }
.rail-more-panel .rail-more-grid > :is(button, a) :is(strong, small) { color: inherit; }
.rail-more-panel .rail-more-grid > :is(button, a) strong { color: #333; }
.rail-more-panel .rail-more-grid > :is(button, a) small { color: #737373; }
.rail-more-panel .rail-more-grid > :is(button, a) i { color: #666; background: #eee; }
.rail-more-panel .rail-more-grid > :is(button, a):hover { transform: none; }
.nt-mobile-nav {
  color: #555;
  background: #fff;
  border-color: #e7e7e7;
  box-shadow: 0 14px 38px rgb(0 0 0 / 14%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.nt-mobile-nav::before { display: none; }
.nt-mobile-nav-item { color: #777; }
.nt-mobile-nav-item.active { color: #333; background: #eee; box-shadow: inset 0 0 0 1px #e2e2e2; }
.nt-mobile-nav-primary > i { color: #fff; background: #262626; border-color: #262626; box-shadow: none; }
.nt-mobile-nav-badge { border-color: #fff; }
:is(#ntMusicModal, #phModal, .ph-edit-modal, #phViewer,
    #ndModal, .nd-pwd-modal, .ndpv-shell, .ndpv-note-dialog,
    .todo-calendar-modal, .todo-editor, .personal-links-modal,
    .nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal,
    .command-center-modal, .knowledge-modal, .recycle-modal) :is(button, input, select, textarea) {
  font-family: inherit;
  box-sizing: border-box;
  accent-color: #333;
}
:is(#ntMusicModal, #phModal, .ph-edit-modal, #phViewer,
    #ndModal, .nd-pwd-modal, .ndpv-shell, .ndpv-note-dialog,
    .todo-calendar-modal, .todo-editor, .personal-links-modal,
    .nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal,
    .command-center-modal, .knowledge-modal, .recycle-modal) :focus-visible {
  outline: 2px solid #777;
  outline-offset: 3px;
}
:is(#ntMusicModal, #phModal, .ph-edit-modal, #ndModal,
    .ndpv-shell, .todo-calendar-modal, .todo-editor, .personal-links-modal,
    .nt-notification-modal, .command-center-modal, .knowledge-modal, .recycle-modal) * {
  scrollbar-width: thin;
  scrollbar-color: #d5d5d5 transparent;
}
:is(#ntMusicOverlay, #phOverlay, #ndOverlay,
    .ph-edit-overlay, .nd-pwd-modal, .ndpv-overlay, .ndpv-note-overlay,
    .todo-calendar-overlay, .todo-editor-overlay, .personal-links-overlay,
    .nt-notification-overlay, .nt-device-pref-overlay, .nt-automation-overlay,
    .command-center-overlay, .knowledge-overlay, .recycle-overlay, #lmOverlay,
    #svOverlay, #ntOverlay) {
  background: rgb(20 24 29 / 34%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
:is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal) {
  width: min(1180px, calc(100vw - 48px));
  height: min(820px, calc(100dvh - 48px));
  border: 1px solid var(--uw-line);
  border-radius: 20px;
  background: var(--uw-bg);
  box-shadow: var(--uw-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(.ph-edit-modal, .nd-pwd-box, .ndpv-shell, .ndpv-note-dialog, .todo-editor,
    .personal-links-modal, .nt-notification-modal, .nt-device-pref-modal,
    .nt-automation-modal, .command-center-modal, .knowledge-modal, .recycle-modal,
    #lmModal, #svModal, #ntModal, #wpPanel, #navBoard) {
  background: var(--uw-bg, #fff);
  border: 1px solid var(--uw-line, #e7e7e7);
  border-radius: 20px;
  box-shadow: var(--uw-shadow, 0 24px 80px rgb(0 0 0 / 18%));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:is(#ntMusicModal, .todo-calendar-modal, .todo-calendar-overlay)::before,
.todo-calendar-overlay::after { display: none; }
:is(.ph-modal-head, .nd-head, .music-card-head, .todo-calendar-head) {
  box-sizing: border-box;
  min-height: 76px;
  padding: 18px 24px;
  background: #fff;
  border-bottom: 1px solid var(--uw-line);
}
:is(.ph-modal-htitle, .nd-title, .music-card-title) {
  color: var(--uw-text);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0;
}
:is(#phModal, #ndModal, #svModal) .app-back-btn {
  background: #fafafa; border-color: #ddd; color: #555;
}
:is(.ph-close, .nd-close, .ph-edit-close, .todo-calendar-close) {
  width: 34px; height: 34px; border-radius: 10px;
  background: transparent; border: 1px solid transparent; color: #737373;
}
:is(.ph-close, .nd-close, .ph-edit-close, .todo-calendar-close):hover {
  background: #f2f2f2; border-color: #e7e7e7; color: #222; transform: none;
}

/* Music — quiet navigation, generous song list, a separate listening column. */
#ntMusicModal .music-card-head { justify-content: space-between; }
#ntMusicModal .music-card-title { display: block; }
#ntMusicModal .music-main {
  grid-template-columns: 156px minmax(0, 1fr) 280px;
  grid-template-rows: minmax(0, 1fr);
  gap: 0; padding: 0; height: auto; min-height: 0;
}
#ntMusicModal .music-sidebar {
  grid-column: 1; grid-row: 1; display: block;
  padding: 22px 12px; border: 0; border-right: 1px solid var(--uw-line);
  background: #fafafa; backdrop-filter: none;
}
#ntMusicModal .music-nav { flex-direction: column; align-items: stretch; gap: 6px; }
#ntMusicModal .music-nav-item {
  justify-content: flex-start; min-height: 42px; padding: 10px 16px;
  background: transparent; border: 1px solid transparent; border-radius: 9px;
  font-size: 13px; font-weight: 400; color: #737373; box-shadow: none;
}
#ntMusicModal .music-nav-item:hover { background: #f1f1f1; color: #333; }
#ntMusicModal .music-nav-item.active { background: #ebebeb; color: #262626; font-weight: 600; }
#ntMusicModal .music-content {
  grid-column: 2; grid-row: 1; padding: 18px; height: 100%; box-sizing: border-box;
}
#ntMusicModal :is(.music-library-wrap, .music-mine-shell, .mc-search) {
  margin: 0; min-height: 0; max-height: 100%;
}
#ntMusicModal :is(.music-library-scroll, .music-search-scroll, .music-mine-content) {
  height: auto; min-height: 0; max-height: none; flex: 1; overflow-y: auto; padding-right: 3px;
}
#ntMusicModal :is(.music-library-row, .music-track-row, .music-list-item, .music-playlist-card) {
  background: #fff; color: #333; border: 1px solid transparent; border-radius: 10px;
  box-shadow: none; margin-bottom: 4px; padding: 11px 10px;
}
#ntMusicModal :is(.music-library-row, .music-track-row, .music-list-item, .music-playlist-card):hover,
#ntMusicModal :is(.music-library-row.active, .music-track-row.active, .music-list-item.active) {
  background: #f5f5f5; border-color: #eee; transform: none;
}
#ntMusicModal :is(.music-library-row-main b, .music-library-row-main strong, .music-track-name,
    .music-song, .music-playlist-card h3, .music-playlist-detail h3, .music-library-state strong) { color: #292929; }
#ntMusicModal :is(.music-library-row-main small, .music-library-row-main span, .music-library-row-extra,
    .music-library-count, .music-track-artist, .music-artist, .music-side-lyrics, .music-time,
    .music-library-state, .music-library-state p, .music-playlist-card p, .music-playlist-detail p,
    .music-form-field label, .music-panel-title, .music-track-time) { color: #737373; }
#ntMusicModal :is(.music-library-cover, .music-track-cover) { border-radius: 8px; box-shadow: none; background: #f0f0f0; }
#ntMusicModal :is(.music-library-tag, .music-track-index, .music-library-state-icon, .music-playlist-order) {
  background: #f2f2f2; color: #737373; border-color: #e5e5e5;
}
#ntMusicModal :is(.music-row-action, .music-current-favorite, .music-mine-tab, .music-library-secondary,
    .mc-btn, .music-action-btn, .music-resume-banner button) {
  background: #fff; border: 1px solid #e5e5e5; color: #666; box-shadow: none; border-radius: 9px;
}
#ntMusicModal :is(.music-row-action, .music-current-favorite, .music-mine-tab, .music-library-secondary, .mc-btn):hover {
  background: #f1f1f1; color: #222; border-color: #d9d9d9;
}
#ntMusicModal :is(.music-mine-tab.active, .music-row-action.active, .music-current-favorite.active) {
  background: #ececec; color: #222; border-color: #ddd;
}
#ntMusicModal :is(.music-library-primary, .music-action-btn.primary, .mc-play) {
  background: #262626; color: #fff; border-color: #262626; box-shadow: none;
}
#ntMusicModal :is(.music-library-primary, .music-action-btn.primary, .mc-play):hover { background: #444; color: #fff; }
#ntMusicModal .mc-play { border-radius: 50%; width: 48px; height: 48px; }
#ntMusicModal .music-card-head .mc-btn { width: 34px; height: 34px; border-color: transparent; }
#ntMusicModal :is(.music-form-card, .music-resume-banner) { background: #fafafa; border-color: #e7e7e7; border-radius: 12px; color: #555; }
#ntMusicModal :is(.mc-sinput, .mc-stype, .music-form-field input, .music-form-field select) {
  background: #fff; border: 1px solid #ddd; color: #333; border-radius: 9px;
}
#ntMusicModal input::placeholder, #ntMusicModal .mc-sinput::placeholder { color: #737373; }
#ntMusicModal option { background: #fff; color: #333; }
#ntMusicModal .music-sideplayer {
  grid-column: 3; grid-row: 1; align-self: stretch;
  height: auto; min-height: 0; max-height: none; margin: 0; padding: 28px 24px 20px;
  background: #fafafa; border: 0; border-left: 1px solid var(--uw-line); border-radius: 0; box-shadow: none;
}
#ntMusicModal .music-cover { width: 210px; height: 210px; max-width: 100%; border-radius: 14px; background: #eee; box-shadow: 0 10px 25px rgb(0 0 0 / 8%); }
#ntMusicModal .music-track-cover::before { display: none; }
#ntMusicModal .music-track-row.active .music-track-cover { border-color: #ccc; box-shadow: none; }
#ntMusicModal .music-track-cover > span { color: #737373; text-shadow: none; }
#ntMusicModal .music-playlist-card-info b { color: #333; }
#ntMusicModal .music-playlist-card-info small { color: #737373; }
#ntMusicModal .music-playlist-art { background: #eee; color: #737373; box-shadow: none; border-radius: 10px; }
#ntMusicModal .music-side-lyric-line { color: #737373; }
#ntMusicModal .music-side-lyric-line.is-current { color: #333; filter: none; font-weight: 600; animation: none; }
#ntMusicModal .music-side-lyric-line.is-current::before { background: #eee; border-color: #e7e7e7; box-shadow: none; }
#ntMusicModal .music-side-lyric-line.is-current::after { background: #888; box-shadow: none; }
#ntMusicModal .music-side-lyric-line.is-current > span { color: #333; background: none; text-shadow: none; }
#ntMusicModal .music-side-lyric-line.is-current > i { display: none; }
#ntMusicModal .music-song { font-size: 19px; font-weight: 600; }
#ntMusicModal .music-artist { font-size: 12px; margin-top: 6px; }
#ntMusicModal .music-side-lyrics { margin-top: 22px; font-size: 12px; line-height: 2.1; }
#ntMusicModal .music-info { padding-top: 22px; }
#ntMusicModal .music-controls { min-height: 60px; padding-top: 10px; }
#ntMusicModal .music-progress { height: 4px; background: #e3e3e3; }
#ntMusicModal .music-progress-bar { background: #333; }
#ntMusicModal .music-time { font-size: 10px; font-variant-numeric: tabular-nums; }
.music-library-dialog-wrap .music-library-dialog {
  background: #fff; border: 1px solid #e7e7e7; border-radius: 18px;
  color: #333; box-shadow: 0 24px 80px rgb(0 0 0 / 18%);
}
.music-library-dialog-wrap .music-library-dialog :is(h3, label, strong) { color: #333; }
.music-library-dialog-wrap .music-library-dialog :is(p, small, .music-library-dialog-note) { color: #737373; }
.music-library-dialog-wrap .music-library-dialog :is(input, textarea, select) { color: #333; background: #fff; border-color: #ddd; }
.music-library-dialog-wrap .music-library-dialog :is(button, .music-library-secondary) { color: #555; background: #f7f7f7; border-color: #ddd; box-shadow: none; }
.music-library-dialog-wrap .music-library-dialog .music-library-primary { background: #262626; color: #fff; border-color: #262626; }

#ntMusicModal .music-search-status { padding: 18px; color: #737373; font-size: 13px; }

.music-library-dialog-wrap .music-dialog-playlists :is(i, em) { background: #eee; color: #737373; }
.music-library-dialog-wrap .music-import-source button.active { background: #eee; color: #333; border-color: #ccc; }
.music-library-dialog-wrap .music-import-divider { color: #737373; }
.music-library-dialog-wrap .music-import-divider::before,
.music-library-dialog-wrap .music-import-divider::after { background: #e7e7e7; }
.music-library-dialog-wrap :is(.music-external-loading, .music-external-empty) { background: #f7f7f7; color: #737373; }
.music-library-dialog-wrap .music-external-lists em { color: #555; }
.music-library-dialog-wrap :is(.music-external-lists, .music-dialog-playlists) > button:hover { background: #eee; border-color: #ccc; }

/* Albums — image-led cards, without a tinted layer over the metadata. */
#phModal .ph-modal-body { padding: 24px; }
#phModal :is(.ph-album-grid, .ph-grid) { gap: 18px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
#phModal :is(.ph-album-card, .ph-thumb) { border: 1px solid #e7e7e7; background: #fff; border-radius: 13px; }
#phModal :is(.ph-album-card, .ph-thumb):hover { transform: translateY(-2px); border-color: #ccc; box-shadow: 0 6px 20px rgb(0 0 0 / 6%); }
#phModal :is(.ph-album-info, .ph-thumb-info, .ph-album-actions) { background: #fff; }
#phModal .ph-album-info { padding: 14px 14px 10px; }
#phModal :is(.ph-album-mosaic, .ph-album-cover, .ph-album-cover-empty) { height: 176px; background: #f1f1f1; color: #737373; }
#phModal .ph-album-mosaic { overflow: hidden; min-height: 0; }
#phModal .ph-album-mosaic img { min-height: 0; }
#phModal .ph-album-mosaic:has(img:nth-child(2):last-child) { grid-template-rows: 1fr; }
#phModal .ph-album-mosaic:has(img:nth-child(3):last-child) img:first-child { grid-row: span 2; }
#phModal .ph-album-mosaic > .ph-album-cover-empty { grid-column: 1 / -1; grid-row: 1 / -1; }
#phModal :is(.ph-album-name, .ph-thumb-name, .ph-empty-title) { color: #333; font-weight: 600; }
#phModal .ph-thumb-name-empty { color: #999; font-weight: 400; }
#phModal :is(.ph-album-meta, .ph-thumb-desc, .ph-thumb-meta, .ph-section-title, .ph-empty-desc) { color: #737373; }
#phModal .ph-section-title { font-size: 12px; letter-spacing: .04em; padding: 4px 0 12px; }
#phModal :is(.ph-album-manage, .ph-album-action, .ph-empty-upload, .ph-thumb-edit) {
  background: #fff; color: #666; border: 1px solid #ddd; border-radius: 8px; box-shadow: none;
}
#phModal :is(.ph-album-manage, .ph-album-action, .ph-empty-upload, .ph-thumb-edit):hover {
  color: #222; background: #f2f2f2; border-color: #ccc; transform: none;
}
#phModal .ph-upload { color: #fff; background: #262626; border-color: #262626; border-radius: 9px; box-shadow: none; }
#phModal .ph-upload:hover { background: #444; border-color: #444; transform: none; }
#phModal :is(.ph-empty-state, .ph-image-failed) { background: #fafafa; border-color: #e5e5e5; color: #737373; }
#phModal .ph-empty-icon { color: #737373; background: #eee; border-radius: 12px; }
#phModal .ph-upload-status { color: #666; background: #f8f8f8; border-color: #eee; }
#phModal .ph-upload-status.success { color: #26754a; background: #f1f8f3; }
#phModal .ph-upload-status.error { color: #bc3e3e; background: #fff3f3; }
.ph-edit-modal { max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; }
.ph-edit-modal :is(.ph-edit-title, .ph-edit-field > span) { color: #333; }
.ph-edit-modal :is(.ph-edit-kicker, .ph-edit-status) { color: #737373; }
.ph-edit-modal :is(input, textarea, select) { background: #fff; color: #333; border-color: #ddd; border-radius: 9px; }
.ph-edit-modal :is(input, textarea, select):focus { background: #fff; border-color: #737373; box-shadow: 0 0 0 3px #f0f0f0; }
.ph-edit-modal :is(input, textarea)::placeholder { color: #aaa; }
.ph-edit-modal .ph-edit-btn-cancel { background: #fff; color: #666; border-color: #ddd; }
.ph-edit-modal .ph-edit-btn-save { background: #262626; color: #fff; border-color: #262626; box-shadow: none; }
.ph-edit-modal .ph-edit-btn-save:hover { background: #444; transform: none; }
.ph-edit-modal .ph-edit-btn-danger, #phModal .ph-album-action.danger:hover { color: #bb3e3e; border-color: #f0cccc; background: #fff5f5; }
.ph-edit-modal .ph-edit-status.success { color: #26754a; }
.ph-edit-modal .ph-edit-status.error { color: #bb3e3e; }
#phViewer { background: #fafafa; backdrop-filter: none; }
#phViewer .ph-viewer-img { max-height: calc(100dvh - 160px); max-width: calc(100vw - 140px); border-radius: 4px; box-shadow: 0 8px 32px rgb(0 0 0 / 8%); }
#phViewer :is(.ph-viewer-close, .ph-viewer-prev, .ph-viewer-next, .ph-viewer-download, .ph-viewer-info) {
  color: #555; background: #fff; border: 1px solid #e2e2e2; box-shadow: 0 2px 10px rgb(0 0 0 / 3%);
}
#phViewer .ph-viewer-info { font-size: 12px; border-radius: 9px; }
.ph-context-menu { background: #fff; border-color: #ddd; box-shadow: 0 10px 32px rgb(0 0 0 / 12%); }
.ph-context-menu :is(.ctx-item, .ctx-item svg) { color: #555; }
.ph-context-menu .ctx-item:hover, .ph-context-menu .ctx-item:focus-visible { background: #f1f1f1; color: #222; box-shadow: none; }

/* Netdisk — consistent file grid, quieter quota meter and full child dialogs. */
#ndModal .nd-head { gap: 16px; flex-wrap: wrap; }
#ndModal .nd-head-title { min-width: 0; gap: 14px; }
#ndModal .nd-title { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ndModal .nd-head-actions { gap: 8px; }
#ndModal :is(.nd-folder-btn, .nd-upload-btn) { border-radius: 9px; background: #fff; color: #555; border: 1px solid #ddd; box-shadow: none; }
#ndModal .nd-upload-btn { background: #262626; color: #fff; border-color: #262626; }
#ndModal :is(.nd-folder-btn, .nd-upload-btn):hover { transform: none; filter: none; opacity: .8; }
#ndModal .nd-search { background: #fafafa; color: #333; border: 1px solid #e2e2e2; border-radius: 9px; height: 38px; width: 190px; }
#ndModal .nd-search::placeholder { color: #737373; }
#ndModal .nd-quota-chip { color: #737373; background: #f8f8f8; border-color: #e7e7e7; border-radius: 8px; box-shadow: none; }
#ndModal .nd-quota-chip span { color: #737373; }
#ndModal .nd-quota-chip > i { background: #e4e4e4; }
#ndModal #ndQuotaBar { background: #777; box-shadow: none; }
#ndModal .nd-body { padding: 24px; }
#ndModal .nd-file-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 14px; }
#ndModal .nd-folder-card { box-sizing: border-box; width: auto; min-width: 0; min-height: 128px; padding: 22px 12px 18px; border-radius: 12px; background: #fff; border-color: #e7e7e7; color: #555; }
#ndModal .nd-folder-card:hover { background: #f9f9f9; border-color: #bbb; transform: translateY(-1px); }
#ndModal .nd-folder-name { font-size: 13px; color: #333; margin-top: 14px; }
#ndModal .nd-folder-count { font-size: 11px; color: #737373; margin-top: 5px; }
#ndModal .nd-table { color: #333; border-collapse: collapse; }
#ndModal .nd-table th { background: #fafafa; border-color: #e7e7e7; color: #737373; font-weight: 500; }
#ndModal .nd-table td { border-color: #eee; padding: 14px 10px; }
#ndModal .nd-table tr:hover td { background: #f8f8f8; }
#ndModal .nd-fname { color: #333; }
#ndModal .nd-upload-queue { background: #fafafa; border-color: #e5e5e5; color: #555; }
#ndModal .nd-upload-queue header { border-color: #e5e5e5; background: #fafafa; }
#ndModal :is(.nd-upload-name, .nd-upload-title-row, .nd-upload-queue strong) { color: #333; }
#ndModal :is(.nd-upload-meta, .nd-upload-status, .nd-upload-percent, .nd-upload-resume-hint) { color: #737373; }
#ndModal :is(.nd-upload-item, .nd-upload-file-icon) { background: #fff; border-color: #e7e7e7; color: #666; }
#ndModal .nd-upload-queue button { background: #fff; color: #555; border-color: #ddd; }
#ndModal .nd-upload-progress { background: #e7e7e7; }
#ndModal .nd-upload-progress > i { background: #666; }
#ndModal .nd-upload-status.failed { color: #b93d3d; }
#ndModal .nd-upload-status.completed { color: #26754a; }
#ndModal :is(.nd-upload-status.paused, .nd-upload-status.waiting_file) { color: #9b701b; }
#ndModal .nd-upload-queue > header span { color: #737373; }
#ndModal.nd-upload-drop-active::after { background: rgb(255 255 255 / 95%); color: #555; border-color: #aaa; }
.nd-pwd-modal { padding: 16px; box-sizing: border-box; }
.nd-pwd-modal .nd-pwd-box { width: min(420px, 100%); box-sizing: border-box; padding: 26px; text-align: left; color: #333; }
.nd-pwd-modal .nd-child-title { justify-content: flex-start; margin-bottom: 22px; font-size: 17px; color: #333; }
.nd-pwd-modal .nd-child-title svg { stroke: #777; filter: none; }
.nd-pwd-modal :is(input:not([type=hidden]), select) { width: 100%; min-height: 42px; padding: 10px 12px; color: #333; border: 1px solid #ddd; border-radius: 9px; background: #fff; font-size: 13px; outline: none; }
.nd-pwd-modal option { background: #fff !important; color: #333; }
.nd-pwd-modal label { display: block; margin-bottom: 7px; font-size: 12px; color: #737373; }
.nd-pwd-modal .nd-btn { min-height: 38px; padding: 8px 20px; border-radius: 9px; color: #fff; border: 1px solid #262626; background: #262626; font-weight: 500; }
.nd-pwd-modal .nd-btn-sec { color: #666; border-color: #ddd; background: #fff; }
.nd-pwd-modal .nd-btn:hover { opacity: .8; }
.ndpv-shell .ndpv-head { color: #333; background: #fff; border-color: #e5e5e5; }
.ndpv-shell .ndpv-title strong { color: #333; }
.ndpv-shell :is(.ndpv-title span, .ndpv-version-meta, .ndpv-version-empty, .ndpv-empty, .ndpv-loading, .ndpv-code-meta) { color: #737373; }
.ndpv-shell :is(.ndpv-stage, .ndpv-versions, .ndpv-versions-inner, .ndpv-versions-head, .ndpv-code-wrap, .ndpv-archive, .ndpv-office) { background: #fafafa; color: #444; border-color: #e5e5e5; }
.ndpv-shell :is(.ndpv-back, .ndpv-btn) { background: #fff; border-color: #ddd; color: #555; box-shadow: none; }
.ndpv-shell .ndpv-btn.primary { background: #262626; border-color: #262626; color: #fff; }
.ndpv-shell :is(.ndpv-version, .ndpv-code-tools, .ndpv-archive-row, .ndpv-archive-head) { background: #fff; border-color: #e5e5e5; color: #555; }
.ndpv-shell .ndpv-version.current { border-color: #bbb; background: #f4f4f4; }
.ndpv-shell .ndpv-version-badge { background: #eee; color: #666; }
.ndpv-shell .ndpv-warning { background: #fff8eb; color: #8b681f; border-color: #eadaac; }
.ndpv-shell .ndpv-code { background: #fff; color: #333; }
.ndpv-shell .ndpv-code-line::before { color: #aaa; border-color: #eee; }
.ndpv-shell .ndpv-code-line.hit { background: #fff4ce; }
.ndpv-shell :is(input, select) { background: #fff; border-color: #ddd; color: #333; }
.ndpv-note-dialog { color: #333; }
.ndpv-note-dialog textarea { background: #fff; color: #333; border-color: #ddd; }
.ndpv-note-dialog button { background: #f5f5f5; color: #555; border-color: #ddd; }
.ndpv-note-dialog .primary { background: #262626; color: #fff; }
.ndpv-shell { box-sizing: border-box; height: calc(100dvh - 36px); }
.ndpv-shell .ndpv-head { flex-shrink: 0; }
.ndpv-shell .ndpv-layout { overflow: hidden; }
.ndpv-shell .ndpv-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.ndpv-shell .ndpv-btn:hover { background: #f1f1f1; border-color: #bbb; color: #333; }
.ndpv-shell .ndpv-btn.primary:hover { background: #444; border-color: #444; color: #fff; }
.ndpv-shell :is(.ndpv-loading, .ndpv-empty) { background: #fff; border-color: #ddd; }
.ndpv-shell .ndpv-document {
  box-sizing: border-box; flex: none; align-self: flex-start; margin: 0 auto;
  color: #333; background: #fff; border-color: #e5e5e5;
  border-radius: 12px; box-shadow: none; font-size: 14px; line-height: 1.75;
}
.ndpv-shell .ndpv-document :is(h1, h2, h3) { color: #282828; }
.ndpv-shell .ndpv-document h1 { font-size: 25px; }
.ndpv-shell .ndpv-document h2 { font-size: 20px; }
.ndpv-shell .ndpv-document h3 { font-size: 16px; }
.ndpv-shell .ndpv-document :is(ul, ol) { padding-left: 1.4em; margin: .75em 0; }
.ndpv-shell .ndpv-document li + li { margin-top: .25em; }
.ndpv-shell .ndpv-document a { color: #385d84; text-underline-offset: 3px; }
.ndpv-shell .ndpv-document blockquote { color: #666; border-color: #ccc; background: #f7f7f7; }
.ndpv-shell .ndpv-document :is(pre, code) { background: #f5f5f5; color: #444; }
.ndpv-shell .ndpv-document pre code { background: none; }
.ndpv-shell .ndpv-code-tools { flex-shrink: 0; }
.ndpv-shell .ndpv-code { min-width: 0; flex: 1; }
.ndpv-shell .ndpv-code-line { width: max-content; min-width: 100%; box-sizing: border-box; }
.ndpv-shell .ndpv-frame { min-height: 0; align-self: stretch; flex: 1; border-radius: 10px; }
.ndpv-shell .ndpv-media { box-shadow: 0 8px 28px rgb(0 0 0 / 10%); }
.ndpv-shell audio.ndpv-media { box-sizing: border-box; background: #fff; border: 1px solid #e5e5e5; box-shadow: none; }
.ndpv-shell .ndpv-archive { display: flex; flex-direction: column; max-height: 100%; }
.ndpv-shell .ndpv-archive-head { flex-shrink: 0; flex-wrap: wrap; }
.ndpv-shell .ndpv-archive-list { min-height: 0; max-height: none; flex: 1; }
.ndpv-shell .ndpv-archive-row span:first-child { color: #444; }
.ndpv-shell .ndpv-archive-row span:not(:first-child),
.ndpv-shell .ndpv-office p { color: #737373; }
.ndpv-shell .ndpv-office { box-sizing: border-box; }
.ndpv-shell .ndpv-office h2 { color: #333; font-size: 20px; }
.ndpv-shell .ndpv-version-top strong { color: #333; }
.ndpv-shell .ndpv-version p { color: #666; }
.ndpv-shell .ndpv-versions-head { flex-shrink: 0; }
.ndpv-shell .ndpv-version-actions { flex-wrap: wrap; }
.ndpv-shell .ndpv-version-actions button { background: #fff; color: #555; border-color: #ddd; }
.ndpv-shell .ndpv-version-actions button:hover { background: #eee; border-color: #bbb; }
.ndpv-shell .ndpv-version-actions button.danger { background: #fff5f5; color: #b44848; border-color: #f0d3d3; }
.ndpv-note-dialog { box-sizing: border-box; max-height: calc(100dvh - 36px); overflow-y: auto; }
.ndpv-note-dialog header :is(strong, small), .ndpv-note-dialog label { color: #444; }
.ndpv-note-dialog header small { color: #737373; }
.ndpv-note-dialog header button,
.ndpv-note-dialog footer button { background: #f7f7f7; color: #555; border-color: #ddd; }
.ndpv-note-dialog footer button.primary { background: #262626; color: #fff; border-color: #262626; }
.ndpv-note-dialog textarea:focus { border-color: #888; box-shadow: 0 0 0 3px rgb(0 0 0 / 5%); }

/* Schedule — a paper-like month pane and a clear, flexible agenda. */
.todo-calendar-overlay { padding: 24px; }
.todo-calendar-modal .todo-calendar-head { align-items: center; gap: 12px; }
.todo-calendar-modal .todo-calendar-head h2 { color: #282828; font-size: 20px; font-weight: 600; margin: 0; }
.todo-calendar-modal .todo-calendar-head > div > span { display: none; }
.todo-calendar-modal .todo-calendar-head p { color: #737373; margin-top: 6px; font-size: 12px; }
.todo-calendar-modal .todo-calendar-head-actions button { color: #666; background: #fff; border-color: #ddd; border-radius: 9px; backdrop-filter: none; }
.todo-calendar-modal .todo-calendar-summary { padding: 16px 24px; gap: 14px; background: #fff; border-bottom: 1px solid #eee; }
.todo-calendar-modal .todo-summary-card { padding: 12px 16px; border: 1px solid #e7e7e7; background: #fafafa; border-radius: 11px; box-shadow: none; backdrop-filter: none; }
.todo-calendar-modal .todo-summary-card::after { display: none; }
.todo-calendar-modal .todo-summary-card span { color: #737373; font-size: 11px; }
.todo-calendar-modal .todo-summary-card strong { color: #333; font-size: 23px; font-weight: 600; text-shadow: none; }
.todo-calendar-modal .todo-summary-card.overdue strong { color: #b2544c; }
.todo-calendar-modal .todo-calendar-workspace { grid-template-columns: 310px minmax(0, 1fr); }
.todo-calendar-modal .todo-calendar-side { background: #fafafa; border-color: #e7e7e7; padding: 22px 18px; }
.todo-calendar-modal .todo-month-head strong { color: #333; font-size: 14px; font-weight: 600; text-shadow: none; }
.todo-calendar-modal .todo-month-head button { color: #666; background: #fff; border-color: #ddd; border-radius: 8px; backdrop-filter: none; }
.todo-calendar-modal .todo-weekdays span { color: #737373; font-size: 11px; font-weight: 400; }
.todo-calendar-modal .todo-day { color: #444; background: transparent; border-color: transparent; border-radius: 8px; box-shadow: none; }
.todo-calendar-modal .todo-day-number { font-size: 12px; font-weight: 500; text-shadow: none; }
.todo-calendar-modal .todo-day small { color: #737373; font-size: 8px; }
.todo-calendar-modal .todo-day.outside, .todo-calendar-modal .todo-day.outside small { color: #c4c4c4; }
.todo-calendar-modal .todo-day:hover { background: #ededed; }
.todo-calendar-modal .todo-day.today { border-color: #737373; }
.todo-calendar-modal .todo-day.has-festival small { color: #9b7550; }
.todo-calendar-modal .todo-day.selected { background: #303030; border-color: #303030; color: #fff; box-shadow: none; }
.todo-calendar-modal .todo-day.selected small { color: #e2e2e2; }
.todo-calendar-modal .todo-calendar-legend { color: #737373; gap: 10px; }
.todo-calendar-modal .todo-calendar-legend .festival { background: #b79b7e; box-shadow: none; }
.todo-calendar-modal .todo-calendar-main { background: #fff; padding: 22px 24px 0; }
.todo-calendar-modal .todo-list-head h3 { color: #333; font-size: 20px; font-weight: 600; }
.todo-calendar-modal .todo-list-head > div span { color: #737373; }
.todo-calendar-modal .todo-selected-festival { color: #9b7550; }
.todo-calendar-modal .todo-add-main { color: #555; background: #fff; border-color: #ddd; border-radius: 9px; box-shadow: none; }
.todo-calendar-modal .todo-quick-add input { background: #fafafa; border-color: #e3e3e3; border-radius: 9px; color: #333; }
.todo-calendar-modal .todo-quick-add input::placeholder { color: #737373; }
.todo-calendar-modal .todo-quick-add input:focus { border-color: #aaa; box-shadow: none; }
.todo-calendar-modal .todo-quick-add button { background: #262626; border-radius: 9px; color: #fff; box-shadow: none; }
.todo-calendar-modal .todo-filter-row button { color: #737373; background: #fff; border-color: transparent; border-radius: 7px; backdrop-filter: none; }
.todo-calendar-modal .todo-filter-row button.active { color: #333; background: #eee; border-color: #e7e7e7; }
.todo-calendar-modal .todo-item { background: #fff; border-top-color: #e7e7e7; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; border-radius: 10px; padding: 14px; box-shadow: none; }
.todo-calendar-modal .todo-item:hover { background: #fafafa; transform: none; }
.todo-calendar-modal .todo-item-title { color: #333; font-size: 14px; font-weight: 500; }
.todo-calendar-modal .todo-item-description { color: #737373; font-size: 12px; }
.todo-calendar-modal .todo-item-meta span { background: #f5f5f5; color: #737373; font-size: 10px; }
.todo-calendar-modal .todo-item-meta :is(.urgent, .overdue) { color: #b2544c; background: #fff3f1; }
.todo-calendar-modal .todo-item-meta .high { color: #9b701b; background: #fcf7e9; }
.todo-calendar-modal .todo-check { background: #fff; border-color: #ccc; border-radius: 6px; }
.todo-calendar-modal .todo-check.checked { background: #6b8b72; border-color: #6b8b72; }
.todo-calendar-modal .todo-check.checked::after { border-color: #fff; }
.todo-calendar-modal .todo-item-actions button { background: #f6f6f6; color: #737373; border-radius: 7px; backdrop-filter: none; }
.todo-calendar-modal .todo-item-actions button:hover { background: #eee; color: #333; }
.todo-calendar-modal .todo-empty { color: #737373; }
.todo-calendar-modal .todo-empty strong { color: #555; font-weight: 500; }
.todo-editor { color: #333; padding: 24px; border-radius: 18px; }
.todo-editor header span { color: #737373; }
.todo-editor header h3 { font-size: 20px; font-weight: 600; }
.todo-editor header button { background: #f8f8f8; color: #737373; border-color: #eee; border-radius: 9px; }
.todo-editor :is(.todo-field > span, .todo-color-label > span, .todo-form-options label) { color: #737373; font-size: 12px; }
.todo-editor :is(.todo-field input, .todo-field select, .todo-field textarea) { color: #333; background: #fff; border-color: #ddd; border-radius: 9px; font-size: 13px; }
.todo-editor :is(.todo-field input, .todo-field select, .todo-field textarea):focus { border-color: #737373; }
.todo-editor .todo-form-cancel { background: #fff; border-color: #ddd; color: #666; }
.todo-editor .todo-form-save { background: #262626; color: #fff; box-shadow: none; }
.todo-editor footer button { border-radius: 9px; }
.todo-editor .todo-editor-error { color: #b34242; }

#ndPwdModal #ndPwdError { color: #b44848; font-size: 12px; margin: -4px 0 10px; text-align: left; }

/* Other utility windows: personal links, search, knowledge and recycle bin. */
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(header, footer,
    .personal-links-head, .personal-links-tabs, .personal-links-foot,
    .recycle-head, .recycle-tabs, .recycle-toolbar, .recycle-foot) { background: #fff; border-color: #e7e7e7; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(h2, h3, strong,
    .personal-link-title, .recycle-title, .knowledge-result a) { color: #333; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(header h2, .recycle-head h2) { font-size: 20px; font-weight: 600; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(header p, header span, p,
    .personal-link-sub, .personal-link-meta, .personal-links-toolbar, .personal-links-foot,
    .personal-summary-card span, .personal-summary-card em, .personal-links-empty, .personal-links-loading,
    .recycle-kicker, .recycle-sub, .recycle-meta, .recycle-toolbar, .recycle-foot, .recycle-expire,
    .knowledge-meta, .knowledge-empty, .knowledge-loading, .knowledge-detail) { color: #737373; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(button, .personal-link-action, .recycle-action) {
  color: #666; background: #fff; border: 1px solid #ddd; border-radius: 9px; box-shadow: none;
}
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(button:hover, button.active) { color: #333; background: #eee; border-color: #ddd; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(input, select, textarea) { color: #333; background: #fff; border-color: #ddd; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(input, textarea)::placeholder { color: #737373; }
:is(.personal-link-item, .personal-summary-card, .recycle-item, .knowledge-result) { color: #555; background: #fff; border: 1px solid #e7e7e7; border-radius: 12px; box-shadow: none; }
:is(.personal-link-item, .recycle-item, .knowledge-result):hover { color: #333; background: #fafafa; border-color: #ccc; transform: none; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(.personal-link-icon,
    .personal-link-meta b, .personal-links-tabs b, .personal-links-empty i,
    .recycle-icon, .recycle-type-badge, .recycle-empty-icon, .knowledge-kind) { color: #737373; background: #f4f4f4; border-color: #e7e7e7; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(.danger, .remove, .purge, .is-urgent) { color: #b44848; background: #fff5f5; border-color: #f0d3d3; }
:is(.personal-links-modal, .recycle-modal, .knowledge-modal) :is(.restore, form > button[type=submit]) { background: #262626; border-color: #262626; color: #fff; }
.command-center-modal :is(.command-center-search-row, .command-center-footer, .command-center-tabs) { background: #fff; border-color: #e7e7e7; }
.knowledge-modal > form { background: #fafafa; border-color: #e5e5e5; border-radius: 12px; }
.knowledge-modal > form > i { color: #737373; }
.knowledge-modal .knowledge-detail { background: #fff; border-left: 1px solid #e7e7e7; box-shadow: -12px 0 35px rgb(0 0 0 / 8%); }
.knowledge-modal .knowledge-detail article { background: #fafafa; border-color: #e7e7e7; }
.knowledge-modal :is(.knowledge-detail article span, .knowledge-result h4, .knowledge-empty i) { color: #666; }
.knowledge-modal .knowledge-detail article p { color: #555; }
.command-center-modal #ntCommandInput { color: #333; background: #fff; }
.command-center-modal #ntCommandInput::placeholder { color: #737373; }
.command-center-modal :is(.command-center-item, .command-center-item-title, .command-center-empty strong) { color: #333; }
.command-center-modal :is(.command-center-search-icon, .command-center-status, .command-center-group-title,
    .command-center-item-sub, .command-center-item-meta, .command-center-footer, .command-center-empty) { color: #737373; }
.command-center-modal :is(button, kbd, .command-center-esc, .command-center-item-icon, .command-center-empty-icon) { background: #f8f8f8; color: #737373; border-color: #e5e5e5; box-shadow: none; }
.command-center-modal :is(.command-center-item.active, .command-center-item:hover, .command-center-tabs button.active) { background: #eee; color: #333; border-color: #ddd; }

/* Notifications and their preference/rule dialogs. */
#ntNotificationOverlay .nt-notification-modal { border-radius: 0; }
#ntNotificationOverlay .nt-notification-modal > header h2 { font-size: 20px; font-weight: 600; }
#ntNotificationOverlay .nt-notification-modal > nav button.active { background: #eee; color: #333; border-color: #ddd; }
#ntNotificationOverlay .nt-notification-modal > nav button:last-child { color: #666; }
#ntNotificationOverlay .nt-pwa-card { background: #fafafa; border-color: #e7e7e7; color: #555; box-shadow: none; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) { background: #fff; color: #333; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(header, nav, footer, section, .nt-pref-event) { border-color: #e7e7e7; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(h2, h3, strong, label, .nt-notification-copy strong) { color: #333; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(p, small, time, header span, footer span, .nt-pref-columns, .nt-notification-empty) { color: #737373; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(button, input:not([type=checkbox]), select, textarea) { background: #fff; color: #555; border: 1px solid #ddd; border-radius: 9px; box-shadow: none; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(button.active, button:hover) { background: #eee; color: #333; border-color: #ddd; }
:is(.nt-notification-modal, .nt-device-pref-modal, .nt-automation-modal) :is(button[type=submit], .nt-pref-switch input:checked + b) { background: #262626; color: #fff; border-color: #262626; }
:is(.nt-notification-modal, .nt-device-pref-modal) :is(.nt-pref-summary > div, .nt-pref-summary i, .nt-notification-preferences section,
    .nt-notification-automation > header, .nt-automation-rule, .nt-device-pref-inherit, .nt-device-pref-toggles > label) { background: #fafafa; border-color: #e7e7e7; color: #555; }
.nt-notification-modal .nt-notification-automation { color: #333; }
.nt-notification-modal .nt-notification-copy a { color: #555; text-decoration: underline; text-underline-offset: 3px; }
.nt-notification-modal .nt-notification-copy button { color: #737373; background: transparent; border: 0; }
.nt-notification-modal .nt-notification-item { background: #fafafa; border-color: #e7e7e7; border-radius: 12px; }
.nt-notification-modal .nt-notification-item.error { background: #fff6f6; border-color: #eed6d6; }
.nt-notification-modal .nt-notification-item.warning { background: #fffaf0; border-color: #ede0c4; }
.nt-notification-modal .nt-notification-item.success { background: #f5faf6; border-color: #d8e7dc; }
.nt-notification-modal .nt-notification-dot { background: #888; box-shadow: none; }
.nt-device-pref-overlay { background: rgb(20 24 29 / 34%); backdrop-filter: blur(8px); }
.nt-device-pref-modal { color-scheme: light; font-family: 'AI Noto Sans', sans-serif; border: 1px solid #e7e7e7; border-radius: 18px; box-shadow: 0 24px 80px rgb(0 0 0 / 18%); }
#ntNotificationOverlay .nt-notification-preferences section :is(strong, small) { color: #555; }
#ntNotificationOverlay .nt-notification-preferences section small { color: #737373; }
#ntNotificationOverlay :is(.nt-pref-quiet label > span, .nt-pref-quiet em, .nt-pref-digest label > span) { color: #737373; }
#ntNotificationOverlay .nt-pref-switch input:checked + b { background: #333; }
#ntNotificationOverlay .nt-pref-switch input:focus-visible + b { outline: 2px solid #777; outline-offset: 3px; }
#ntNotificationOverlay .nt-pref-event input,
#ntNotificationOverlay .nt-pref-urgent > input,
.nt-device-pref-modal input[type=checkbox] { accent-color: #333; }
#ntNotificationOverlay .nt-notification-preferences > footer button,
.nt-device-pref-modal > footer button { background: #262626; color: #fff; border-color: #262626; }
.nt-device-pref-modal section :is(strong, small) { color: #555; }
.nt-device-pref-modal section small { color: #737373; }
.nt-device-pref-modal :is(.nt-device-pref-times label, .nt-device-pref-urgent) { color: #666; }

/* Common embedded windows, link editing and file context menus. */
:is(#ndContextMenu, #ndFolderContextMenu) { background: #fff; border-color: #ddd; box-shadow: 0 10px 32px rgb(0 0 0 / 12%); color: #333; }
:is(#ndContextMenu, #ndFolderContextMenu) .ctx-item { color: #555; }
:is(#ndContextMenu, #ndFolderContextMenu) .ctx-item:hover { color: #222; background: #f1f1f1; }
#ntModal .nt-modal-bar, #svModal .vd-head { color: #333; background: #fff; border-color: #e7e7e7; }
#ntModal .nt-modal-bar button, #svModal .vd-close { color: #666; background: #f8f8f8; border-color: #ddd; box-shadow: none; }
#svModal .vd-title { color: #333; }
#lmModal :is(h2, h3, label, .lm-title, .lm-label) { color: #333; }
#lmModal :is(input, select, textarea) { color: #333; background: #fff; border-color: #ddd; }
#lmModal :is(input, textarea)::placeholder { color: #737373; }
#lmModal button { color: #555; background: #f5f5f5; border-color: #ddd; box-shadow: none; }
#lmModal button[type=submit] { color: #fff; background: #262626; }
#wpPanel :is(.wp-head, .wp-tabs, .wp-footer), #navBoard :is(.nav-board-head, .nav-board-tabs) { background: #fff; border-color: #e7e7e7; }
#wpPanel :is(h2, h3, label, button, .wp-title, .wp-tab), #navBoard :is(h2, h3, button, .nav-board-title, .nav-board-tab) { color: #555; text-shadow: none; }
#wpPanel :is(input, select), #navBoard input { color: #333; background: #fafafa; border-color: #ddd; }
#navBoard .nav-board-link { color: #333; background: #fafafa; border-color: #e7e7e7; box-shadow: none; }
#navBoard .nav-board-link:hover { background: #eee; border-color: #ccc; }

#wpPanel { border-radius: 0; max-width: 100vw; height: 100dvh; }
#wpPanel .wp-panel-head { border-color: #e7e7e7; }
#wpPanel :is(.wp-gradient-title, .wp-gradient-field label) { color: #555; }
#wpPanel .wp-gradient-meta { color: #737373; }
#wpPanel .wp-gradient-editor { background: #fafafa; border-color: #e7e7e7; box-shadow: none; }
#wpPanel .wp-gradient-name-field input { height: 38px; border: 1px solid #ddd; border-radius: 9px; background: #fff; color: #333; padding: 0 12px; outline: none; }
#wpPanel .wp-gradient-name-field input::placeholder { color: #999; }
#wpPanel .wp-gradient-name-field input:focus { border-color: #888; box-shadow: 0 0 0 3px rgb(0 0 0 / 5%); }
#wpPanel .wp-thumb-label { background: #f6f6f6; color: #666; }
#wpPanel .wp-thumb.active { border-color: #666; box-shadow: 0 0 0 1px #ddd; }
#wpPanel .wp-gradient-btn { background: #262626; color: #fff; }
#wpPanel .wp-gradient-btn.secondary { background: #fff; color: #666; border-color: #ddd; }
#navBoard .nav-board-body { grid-template-columns: 180px minmax(0, 1fr); }
#navBoard .nav-board-panel { background: #fafafa; border-color: #e7e7e7; border-radius: 12px; }
#navBoard .nav-board-tab { background: #fff; border-color: transparent; border-radius: 9px; }
#navBoard .nav-board-tab.active, #navBoard .nav-board-tab:hover { background: #eee; border-color: #ddd; transform: none; }
#navBoard :is(.nav-board-count, .nav-board-tab-chevron, .nav-board-tab-branch) { color: #737373; }
#navBoard .nav-board-icon { background: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: none; }
#navBoard .nav-board-fallback-letter { color: #555; font-size: 22px; font-weight: 700; }
#navBoard .nav-board-link::after { border-color: transparent; box-shadow: none; }
#navBoard .nav-board-close { background: #f5f5f5; border-color: #eee; }

/* Global search and AI action confirmations are opened from many pages. */
.command-center-mobile-trigger { color: #555; background: #fff; border-color: #ddd; box-shadow: 0 10px 28px rgb(0 0 0 / 12%); backdrop-filter: none; -webkit-backdrop-filter: none; }
.command-center-mobile-trigger:hover { color: #222; background: #f4f4f4; }
.command-center-overlay, .ai-action-overlay { background: rgb(20 24 29 / 34%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.command-center-modal { color: #333; border-color: #e7e7e7; background: #fff; box-shadow: 0 24px 80px rgb(0 0 0 / 18%); backdrop-filter: none; -webkit-backdrop-filter: none; }
.command-center-modal::before { display: none; }
.command-center-search-row, .command-center-tabs, .command-center-footer { border-color: #e7e7e7; background: #fff; }
.command-center-search-icon { color: #666; filter: none; }
#ntCommandInput { color: #333; caret-color: #333; }
#ntCommandInput::placeholder { color: #999; }
.command-center-clear, .command-center-esc, .command-center-footer kbd { color: #666; border-color: #ddd; background: #f7f7f7; box-shadow: none; }
.command-center-tabs button { color: #737373; }
.command-center-tabs button:hover, .command-center-tabs button.active { color: #333; background: #eee; border-color: #ddd; box-shadow: none; }
.command-center-status, .command-center-group-title, .command-center-item-sub, .command-center-item-meta, .command-center-footer, .command-center-empty { color: #737373; }
.command-center-spinner { border-color: #ddd; border-top-color: #555; }
.command-center-item { color: #333; border-color: transparent; background: #fff; }
.command-center-item:hover, .command-center-item.active { color: #333; background: #f4f4f4; border-color: #e7e7e7; box-shadow: none; transform: none; }
.command-center-item-icon, .command-center-empty-icon { color: #666; background: #f1f1f1; border-color: #e7e7e7; box-shadow: none; }
.command-center-item-title, .command-center-empty strong { color: #333; }
.command-center-empty-icon { color: #737373; }

.ai-action-dialog { color: #333; border-color: #e7e7e7; background: #fff; box-shadow: 0 24px 80px rgb(0 0 0 / 18%); }
.ai-action-header, .ai-action-footer { border-color: #e7e7e7; background: #fff; }
.ai-action-kicker { color: #737373; }
.ai-action-header h2 { color: #333; }
.ai-action-header p, .ai-action-footer > span, .ai-action-loading { color: #737373; }
.ai-action-close, .ai-action-cancel { color: #666; border-color: #ddd; background: #f7f7f7; box-shadow: none; }
.ai-action-close:hover, .ai-action-cancel:hover { color: #333; background: #eee; }
.ai-action-notice { border-color: #dce8df; background: #f2faf4; color: #39704b; }
.ai-action-field > span, .ai-action-check { color: #666; }
.ai-action-field input, .ai-action-field textarea, .ai-action-field select { color: #333; border-color: #ddd; background: #fff; box-shadow: none; }
.ai-action-field input::placeholder, .ai-action-field textarea::placeholder { color: #999; }
.ai-action-field input:focus, .ai-action-field textarea:focus, .ai-action-field select:focus { border-color: #888; box-shadow: 0 0 0 3px rgb(0 0 0 / 5%); }
.ai-action-warning { border-color: #eee0be; background: #fffaf0; color: #8a6a2e; }
.ai-action-confirm { color: #fff; border-color: #262626; background: #262626; box-shadow: none; }
.ai-action-confirm:hover { background: #404040; }
.ai-action-toast { color: #fff; background: #262626; box-shadow: 0 14px 42px rgb(0 0 0 / 18%); }
.ai-action-toast.error { background: #a34848; }

/* PWA install and device surfaces use the same quiet paper treatment as the
   rest of the utility windows.  Keep the orange install mark as the only
   accent so the prompt remains easy to spot without bringing back glass UI. */
.nt-pwa-toast {
  box-sizing: border-box;
  width: min(520px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  min-width: 0;
  color: #333;
  border-color: #e5e5e5;
  background: #fff;
  box-shadow: 0 18px 52px rgb(0 0 0 / 14%), 0 2px 8px rgb(0 0 0 / 4%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.nt-pwa-toast > div { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .nt-pwa-toast { left: 14px; right: 14px; bottom: max(18px, env(safe-area-inset-bottom)); width: auto; max-width: none; transform: translateY(24px); }
  .nt-pwa-toast.open { transform: translateY(0); }
}
.nt-pwa-toast span { color: #737373; }
.nt-pwa-toast button { color: #555; border: 1px solid #ddd; background: #f7f7f7; }
.nt-pwa-toast button:hover { color: #333; background: #eee; border-color: #ccc; }
.nt-pwa-toast button.primary { color: #fff; border-color: #262626; background: #262626; }
.nt-pwa-manager {
  border-color: #e7e7e7;
  background: #fff;
}
.nt-pwa-manager-icon { border-color: #e7e7e7; background: #f4f4f4; color: #555; }
.nt-pwa-manager-copy strong { color: #333; }
.nt-pwa-manager-copy span { color: #737373; }
.nt-pwa-manager-actions button,
.nt-pwa-manager-actions button.primary {
  color: #555;
  border-color: #ddd;
  background: #fff;
}
.nt-pwa-manager-actions button:hover { color: #333; background: #f4f4f4; border-color: #ccc; }
.nt-pwa-manager-actions button.primary { color: #fff; border-color: #262626; background: #262626; }
.nt-pwa-manager-actions button.primary:hover { color: #fff; background: #404040; border-color: #404040; }
.nt-pwa-device { border-color: #e7e7e7; background: #fafafa; }
.nt-pwa-device span { color: #555; }
.nt-pwa-device button { color: #a34848; }
.nt-pwa-device button:hover { color: #7f2f2f; }
.nt-pwa-device-mode { color: #666; background: #f0f0f0; }

/* Keep the small mobile feature sheet and the device editor readable on
   narrow screens after the legacy dark module styles are loaded. */
.nt-mobile-sheet-overlay { background: rgb(20 24 29 / 34%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.nt-mobile-sheet { color: #333; border-color: #e7e7e7; background: #fff; box-shadow: 0 -18px 60px rgb(0 0 0 / 14%); }
.nt-mobile-sheet-handle { background: #d0d0d0; }
.nt-mobile-sheet-head { border-color: #e7e7e7; }
.nt-mobile-sheet-head span, .nt-mobile-sheet-head p { color: #888; }
.nt-mobile-sheet-head h2 { color: #333; }
.nt-mobile-sheet-head button { border-color: #ddd; background: #f7f7f7; color: #666; }
.nt-mobile-sheet-grid > button, .nt-mobile-sheet-grid > a { border-color: #e7e7e7; background: #fafafa; color: #555; box-shadow: none; }
.nt-mobile-sheet-grid > button:active, .nt-mobile-sheet-grid > a:active { background: #eee; }
.nt-mobile-sheet-grid i { background: #eee; color: #666; }
.nt-mobile-sheet-grid strong { color: #333; }
.nt-mobile-sheet-grid span { color: #888; }

@media (max-width: 640px) {
  .nt-device-pref-modal { box-sizing: border-box; width: 100%; min-width: 0; }
  .nt-device-pref-modal > header,
  .nt-device-pref-modal > footer,
  .nt-device-pref-body,
  .nt-device-pref-modal section,
  .nt-device-pref-modal section > header,
  .nt-device-pref-toggles,
  .nt-device-pref-times { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .nt-device-pref-modal > header,
  .nt-device-pref-modal > footer { flex-wrap: wrap; }
  .nt-device-pref-modal > header > div,
  .nt-device-pref-modal > footer > span,
  .nt-device-pref-modal section > header > div { min-width: 0; overflow-wrap: anywhere; }
  .nt-device-pref-times input,
  .nt-device-pref-times select { width: 100%; min-width: 0; }
}

/* Dynamic empty/loading states should inherit the surrounding paper surface. */
.nd-state-message { color: #888; text-align: center; padding: 40px; }
.nd-state-error { color: #a34848; text-align: center; padding: 40px; }
.wp-empty-state { grid-column: 1 / -1; color: #888; font-size: 12px; text-align: center; padding: 18px 0; }
#lmModal option { background: #fff; color: #333; }
#lmModal .lm-btn-submit { background: #262626; color: #fff; }
#lmModal .lm-btn-del { background: #fff5f5; color: #b44848; }
#lmModal { box-sizing: border-box; max-height: calc(100dvh - 32px); overflow-y: auto; }
#lmModal :is(input, select, textarea, button) { box-sizing: border-box; font-family: inherit; }
#lmModal .lm-head span { color: #737373; }
#lmModal .lm-share-notice { background: #f7f7f7; border-color: #ddd; color: #555; }
#lmModal .lm-share-notice :is(i, strong, span) { color: #555; }
#lmModal .lm-share-notice i { background: #eee; }
#lmModal .lm-error { color: #b44848; }
#lmModal .lm-btns { background: #fff; border-top: 1px solid #e7e7e7; }
#lmModal::before { background: #d5d5d5; }
#wpPanel #ntWeatherStatus { font-size: 11px; color: #737373; text-align: center; margin-bottom: 8px; padding: 4px; }
#svModal .sv-card { background: #fff; border-color: #e5e5e5; border-radius: 12px; box-shadow: none; backdrop-filter: none; }
#svModal .sv-card:hover { background: #fafafa; border-color: #ccc; box-shadow: none; transform: none; }
#svModal :is(.sv-card-title, .sv-metric-val, .sv-total-val) { color: #333; }
#svModal :is(.sv-card-sub, .sv-metric-label, .sv-total-sub, .sv-update, .sv-chart-label) { color: #737373; }
#svModal .sv-metric { background: #f7f7f7; box-shadow: none; }
#svModal .sv-error { color: #b44848; background: #fff5f5; border-color: #f0d3d3; }
#svModal .sv-status-dot { box-shadow: none; }
#svModal { box-sizing: border-box; width: min(1180px, calc(100vw - 48px)); height: min(820px, calc(100dvh - 48px)); }
#svModal > .vd-head { min-height: 76px; flex-shrink: 0; padding: 18px 24px; }
#svModal > .vd-head .vd-title { font-size: 19px; font-weight: 600; text-align: left; }
#svModal .sv-body { min-height: 0; padding: 20px 24px; gap: 18px; }
#svModal .sv-card { min-height: 240px; padding: 18px; }
#svModal .sv-card-title { text-align: left; }
#svModal .sv-card-radar { display: none; }
#svModal :is(.sv-card-left, .sv-card-left > div:last-child) { min-width: 0; }
#svModal .sv-metric { min-width: 0; border-color: #eee; }
#svModal .sv-metric-val { font-size: clamp(14px, 1.5vw, 18px); }
#svModal :is(.sv-metric-lbl, .home-monitor-empty) { color: #737373; }
#svModal .sv-total { background: #fafafa; border-color: #eee; flex-wrap: wrap; }
#svModal .sv-total-main { color: #444; }
#svModal .sv-total-sub { white-space: normal; }
#svModal .sv-expire.ok { color: #666; background: #f4f4f4; border-color: #e5e5e5; }
#svModal .sv-expire.warn { color: #996a24; background: #fff8eb; border-color: #efe1c5; }
#svModal .sv-expire.danger { color: #b44848; background: #fff5f5; border-color: #f0d3d3; }
#svModal .sv-card.is-offline { border-color: #e7caca; }
#svModal .sv-card.is-cpu-high .cpu-val { color: #b44848; }
#svModal .sv-empty-state { grid-column: 1 / -1; padding: 60px; text-align: center; color: #888; }
.ndpv-shell :is(.ndpv-empty strong, .ndpv-loading strong) { color: #555; }
.ndpv-shell .ndpv-btn.danger { background: #fff5f5; color: #b44848; border-color: #f0d3d3; }

/* Keep the same visual density on smaller laptops, phones and short screens. */
@media (max-width: 1050px) {
  #ntMusicModal .music-main { grid-template-columns: 130px minmax(0, 1fr) 240px; }
  #ntMusicModal .music-sideplayer { padding: 24px 18px 18px; }
  #ntMusicModal .music-cover { width: 180px; height: 180px; }
  #ndModal .nd-title { max-width: 240px; }
  #ndModal .nd-head-actions { flex-wrap: wrap; }
}
@media (max-width: 800px) {
  :is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal) {
    width: calc(100vw - 24px); height: calc(100dvh - 24px); border-radius: 16px;
  }
  :is(#phModal, #ndModal) { left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .todo-calendar-overlay { padding: 12px; }
  .todo-calendar-modal .todo-calendar-summary { padding: 12px; gap: 8px; }
  .todo-calendar-modal .todo-summary-card { padding: 10px 8px; }
  .todo-calendar-modal .todo-calendar-workspace { display: flex; flex-direction: column; overflow: auto; }
  .todo-calendar-modal .todo-calendar-side { padding: 14px 18px; }
  .todo-calendar-modal .todo-day { height: 43px; }
  .todo-calendar-modal .todo-calendar-main { padding: 18px 16px 12px; flex: 1 0 auto; min-height: 380px; }
  .todo-calendar-modal .todo-list { overflow: visible; flex: 1 0 auto; }
  .todo-calendar-modal .todo-day small { font-size: 8px; }
  #ntMusicModal .music-main { grid-template-columns: minmax(0, 1fr) 230px; grid-template-rows: auto minmax(0, 1fr); }
  #ntMusicModal .music-sidebar { grid-column: 1 / -1; grid-row: 1; border-right: 0; border-bottom: 1px solid #e7e7e7; padding: 10px 16px; }
  #ntMusicModal .music-nav { flex-direction: row; flex-wrap: nowrap; gap: 5px; }
  #ntMusicModal .music-nav-item { padding: 8px 12px; white-space: nowrap; min-height: 36px; }
  #ntMusicModal .music-content { grid-column: 1; grid-row: 2; }
  #ntMusicModal .music-sideplayer { grid-column: 2; grid-row: 2; }
  #ndModal .nd-head-title { flex: 1 1 auto; }
  #ndModal .nd-head-actions { width: 100%; }
  #ndModal .nd-search { flex: 1; min-width: 80px; width: auto; }
  #ndModal .nd-body, #phModal .ph-modal-body { padding: 16px; }
  #phModal :is(.ph-grid, .ph-album-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 760px) {
  #svModal { width: calc(100vw - 24px); height: calc(100dvh - 24px); }
  #svModal .sv-body { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 12px; }
  #svModal .sv-card { padding: 16px; }
  #lmModal { border-radius: 20px 20px 0 0; }
  #ndPreviewOverlay .ndpv-shell { height: 100dvh; border: 0; border-radius: 0; }
  .ndpv-shell .ndpv-layout,
  .ndpv-shell .ndpv-layout.show-versions { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  .ndpv-shell .ndpv-stage { height: 100%; box-sizing: border-box; }
  .ndpv-shell .ndpv-versions-inner { width: 100%; }
  .ndpv-shell .ndpv-document { padding: 20px 18px; }
  .ndpv-shell .ndpv-media { max-height: 100%; object-fit: contain; }
  .ndpv-note-dialog { max-height: calc(100dvh - 28px); }
}
@media (max-width: 560px) {
  #ntTodoOverlay { padding: 0 !important; }
  #ntTodoOverlay .todo-calendar-modal { position: fixed; inset: 0; width: 100vw !important; max-width: 100vw; height: 100dvh !important; max-height: 100dvh; margin: 0; box-sizing: border-box; }
  #svModal .sv-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #svModal .sv-metric-val { font-size: 18px; }
  :is(#ntMusicModal, #phModal, #ndModal) { width: 100vw; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
  :is(#phModal, #ndModal) { left: 0; top: 0; transform: none; }
  #navBoard .nav-board-body { grid-template-columns: 110px minmax(0, 1fr); gap: 10px; }
  :is(.ph-modal-head, .nd-head, .music-card-head, .todo-calendar-head) { min-height: 66px; padding: 14px 16px; }
  :is(.ph-modal-htitle, .nd-title, .music-card-title) { font-size: 18px; }
  #ntMusicModal .music-main { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(160px, 1fr) auto; max-height: none; min-height: 0; height: auto; overflow: hidden; padding: 0; }
  #ntMusicModal .music-sidebar { position: static; padding: 8px 12px; }
  #ntMusicModal .music-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #ntMusicModal .music-nav-item { justify-content: center; font-size: 12px; padding: 8px 3px; }
  #ntMusicModal .music-content { grid-row: 2; display: grid; padding: 10px; min-height: 0; height: 100%; overflow: hidden; }
  #ntMusicModal :is(.music-view, .music-library-wrap, .music-mine-shell, .mc-search) { min-height: 0; }
  #ntMusicModal .music-view.active { display: flex; height: 100%; overflow: hidden; min-height: 0; }
  #ntMusicModal :is(.music-library-scroll, .music-search-scroll, .music-mine-content) { overflow-y: auto; max-height: 100%; min-height: 0; height: auto; }
  #ntMusicModal .music-sideplayer { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 0 12px; padding: 12px 16px max(12px, env(safe-area-inset-bottom)); border-left: 0; border-top: 1px solid #e7e7e7; margin: 0; min-height: 0; height: auto; max-height: none; }
  #ntMusicModal .music-cover-wrap { padding: 0; }
  #ntMusicModal .music-cover { width: 48px; height: 48px; border-radius: 8px; box-shadow: none; }
  #ntMusicModal .music-info { padding: 2px 34px 0 0; text-align: left; }
  #ntMusicModal .music-song { font-size: 14px; padding: 0; }
  #ntMusicModal .music-artist { font-size: 11px; padding: 0; margin-top: 5px; }
  #ntMusicModal .music-side-lyrics { display: none; }
  #ntMusicModal .music-player-bottom { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 14px; padding-top: 8px; }
  #ntMusicModal .music-progress-wrap { grid-column: 1; grid-row: 1; align-self: end; }
  #ntMusicModal .music-time { grid-column: 1; grid-row: 2; padding-top: 5px; }
  #ntMusicModal .music-controls { grid-column: 2; grid-row: 1 / 3; padding: 0; gap: 7px; min-height: 40px; }
  #ntMusicModal .music-controls .mc-btn { width: 32px; height: 32px; }
  #ntMusicModal .music-controls .mc-play { width: 38px; height: 38px; }
  #ntMusicModal .music-mine-head { gap: 8px; }
  #ntMusicModal .music-form-card { padding: 12px; margin-right: 0; }
  #ntMusicModal .mc-search-bar { flex-wrap: wrap; padding-bottom: 0; }
  #ntMusicModal .mc-sinput { min-width: 100px; }
  #phModal :is(.ph-album-mosaic, .ph-album-cover, .ph-album-cover-empty) { height: 130px; }
  #phModal .ph-album-name { font-size: 13px; }
  #phModal .ph-album-actions { padding: 0 10px 10px; }
  #phModal .ph-thumb-info { padding: 10px 10px 40px; }
  #phModal .ph-thumb-edit { bottom: 8px; right: 8px; }
  #phViewer .ph-viewer-img { max-width: calc(100vw - 24px); max-height: calc(100dvh - 190px); }
  #phViewer :is(.ph-viewer-prev, .ph-viewer-next) { top: auto; bottom: 64px; transform: none; width: 36px; height: 36px; font-size: 24px; }
  #phViewer .ph-viewer-download { right: 50%; transform: translateX(50%); bottom: 64px; }
  #ndModal .nd-title { max-width: 160px; }
  #ndModal .nd-quota-chip { max-width: 280px; min-width: 0; }
  #ndModal .nd-quota-chip > i { flex: 0 0 64px; }
  #ndModal .nd-file-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #ndModal .nd-table { table-layout: fixed; width: 100%; }
  #ndModal .nd-table th:first-child { width: 52%; }
  #ndModal .nd-fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
  #ndModal .nd-table td { padding: 12px 6px; }
  .ndpv-shell .ndpv-head { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .ndpv-shell .ndpv-actions { width: 100%; justify-content: flex-start; gap: 6px; }
  .ndpv-shell .ndpv-stage { padding: 12px; }
  .ndpv-shell .ndpv-layout.show-versions { grid-template-columns: minmax(0, 1fr); }
  .todo-calendar-overlay { padding: 0; }
  #ntTodoOverlay .todo-calendar-modal { width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .todo-calendar-modal .todo-calendar-head { padding: 14px 16px; }
  .todo-calendar-modal .todo-summary-card strong { font-size: 21px; }
  .todo-calendar-modal .todo-item { padding: 12px 10px; }
  .todo-editor { padding: 20px 16px; max-height: 94dvh; }
  .nt-notification-modal > nav { overflow-x: auto; flex-shrink: 0; padding: 12px; gap: 6px; }
  .nt-notification-modal > nav button { white-space: nowrap; flex-shrink: 0; padding: 8px 10px; }
}
@media (max-height: 680px) and (min-width: 561px) {
  #ntMusicModal .music-cover { width: 132px; height: 132px; border-radius: 10px; }
  #ntMusicModal .music-sideplayer { padding-top: 18px; }
  #ntMusicModal .music-info { padding-top: 14px; }
  #ntMusicModal .music-side-lyrics { margin-top: 10px; line-height: 1.7; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.nt-notification-overlay, .nt-notification-modal, .nt-device-pref-overlay, .nt-device-pref-modal,
      .nt-automation-overlay, .nt-automation-modal, .personal-links-overlay, .personal-links-modal,
      .command-center-overlay, .command-center-modal, .knowledge-overlay, .knowledge-modal,
      .knowledge-detail, .recycle-overlay, .recycle-modal, .ndpv-layout, #wpPanel, #navBoard) { transition: none !important; animation: none !important; }
  :is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal, .todo-editor),
  :is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal, .todo-editor) *,
  :is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal, .todo-editor) *::before,
  :is(#ntMusicModal, #phModal, #ndModal, .todo-calendar-modal, .todo-editor) *::after { transition: none !important; animation: none !important; }
}