/* Notea 7.8.3.0 — Current Notea UI, themes and mobile maintenance.
   This file preserves cascade order from the consolidated legacy stylesheet. */
/* CURRENT UI — interface logic polish */
.bottom-nav-svg,.portal-bottom-nav .bottom-nav-svg,.notes-bottom-nav .bottom-nav-svg{width:20px;height:20px;display:grid;place-items:center;line-height:0}
.bottom-nav-svg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.portal-bottom-nav button:nth-child(4)>span.bottom-nav-svg,.notes-bottom-nav button:nth-child(4)>span.bottom-nav-svg{width:20px!important;height:20px!important;font-size:0!important}
.paper-select-hidden{display:none!important}
.more-menu{width:220px!important}
.more-menu-divider{height:1px;background:color-mix(in srgb,var(--line) 78%,transparent);margin:6px 4px}
.more-menu-group{display:grid;gap:2px;padding:2px 0}
.more-menu-label{padding:2px 10px 4px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.more-menu [data-paper-choice].is-active{background:var(--accent-soft)!important;color:var(--accent)!important}
.page-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.page-meta-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-meta .page-reminder-button{width:32px;height:32px;min-width:32px;padding:0;display:grid;place-items:center;border-radius:999px!important;background:color-mix(in srgb,var(--paper) 80%,var(--panel-2))!important;color:var(--muted)!important;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important}
.page-meta .page-reminder-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-meta .page-reminder-button:hover,.page-meta .page-reminder-button:focus-visible{background:var(--accent-soft)!important;color:var(--accent)!important}
.paper-footer{justify-content:flex-start!important}
.paper-footer span:last-child:not(:first-child){display:none!important}
.outline-empty,.quick-notes-empty{display:block;line-height:1.5}
.quick-notes-empty-action{margin-top:10px;border:0;border-radius:999px;padding:8px 12px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.quick-notes-empty-action:hover{filter:brightness(.98)}
.loose-pages.always-visible{border:1px dashed color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:14px;padding-bottom:4px;background:color-mix(in srgb,var(--paper) 82%,transparent)}
.loose-pages.always-visible .loose-title{display:flex;align-items:center;justify-content:space-between}
.loose-pages-count{font-size:10px;color:var(--muted);letter-spacing:0;text-transform:none}
.loose-empty-hint,.mobile-loose-drop-hint{display:block;padding:0 10px 10px;color:var(--muted);font-size:10px;line-height:1.45}
.folder-head{position:relative;gap:4px;padding:7px 8px}
.folder-head .folder-visual-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:var(--folder-soft);color:var(--folder-color)}
.folder-head .folder-visual-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.folder-toggle{gap:8px;padding:6px 4px}
.folder-toggle strong{font-size:12px}
.folder-head .folder-count{margin-left:auto;font-size:10px;color:var(--muted);padding-right:4px}
.folder-add-button{border-radius:999px!important}
.folder-more-button{width:32px!important;height:32px!important;flex:0 0 32px;border:0;border-radius:10px;background:transparent!important;color:var(--muted)!important;display:grid;place-items:center;padding:0;transition:.15s ease}
.folder-more-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.folder-more-button:hover,.folder-more-button:focus-visible{background:var(--folder-soft)!important;color:var(--folder-color)!important}
.folder-more-menu{position:absolute;top:calc(100% + 6px);right:8px;width:188px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);display:grid;gap:2px;z-index:30}
.folder-more-menu button{border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;font-size:10px;color:var(--text)}
.folder-more-menu button:hover{background:var(--panel-2)}
.folder-more-menu .danger{color:var(--danger)}
.folder-more-menu .folder-menu-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:4px 4px 6px}
.folder-more-menu .folder-color-swatch{width:22px;height:22px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);display:grid;place-items:center;background:transparent}
.folder-more-menu .folder-color-swatch i{width:12px;height:12px;border-radius:999px;background:var(--folder-swatch)}
.folder-more-menu .folder-color-swatch[data-color="blue"]{--folder-swatch:#6f78ff}
.folder-more-menu .folder-color-swatch[data-color="purple"]{--folder-swatch:#9b7cff}
.folder-more-menu .folder-color-swatch[data-color="rose"]{--folder-swatch:#ef7fa7}
.folder-more-menu .folder-color-swatch[data-color="green"]{--folder-swatch:#4fb987}
.folder-more-menu .folder-color-swatch[data-color="amber"]{--folder-swatch:#f2b35d}
.folder-more-menu .folder-color-swatch[data-color="teal"]{--folder-swatch:#42b8b1}
.folder-more-menu .folder-color-swatch.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
.folder-color-button,.folder-rename-button,.folder-remove-button{display:none!important}
@media(max-width:760px){
  .folder-more-button{width:36px!important;height:36px!important;flex-basis:36px}
  .folder-head .folder-visual-icon{width:32px;height:32px;flex-basis:32px}
  .folder-head .folder-count{font-size:10px}
  .page-meta{align-items:flex-start}
  .page-meta-actions{width:100%}
  .page-meta [data-tags-open]{flex:1 1 auto;justify-content:center}
}
/* CURRENT UI — one reminder, one place */
.reminder-compact{display:none!important}
.reminder-popover{
  position:fixed!important;
  z-index:120!important;
  width:min(300px,calc(100vw - 24px))!important;
  padding:12px!important;
  border:1px solid var(--c-line,var(--line))!important;
  border-radius:14px!important;
  background:var(--c-paper,var(--paper))!important;
  color:var(--c-ink,var(--text))!important;
  box-shadow:0 18px 50px rgba(38,40,55,.16)!important;
}
.reminder-popover[hidden]{display:none!important}
.reminder-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.reminder-popover-header>span{display:grid;gap:3px;min-width:0}
.reminder-popover-header strong{font:750 13px/1.2 var(--ui,Inter,system-ui,sans-serif);color:var(--c-ink,var(--text))}
.reminder-popover-header small{font:500 9px/1.4 var(--ui,Inter,system-ui,sans-serif);color:var(--c-muted,var(--muted))}
.reminder-popover-close{width:28px;height:28px;min-width:28px;border:0;border-radius:9px;background:transparent;color:var(--c-muted,var(--muted));font-size:18px;line-height:1;display:grid;place-items:center}
.reminder-popover-close:hover{background:var(--c-accent-soft,var(--accent-soft));color:var(--c-accent-deep,var(--accent))}
.reminder-popover-date{display:grid;gap:6px;color:var(--c-muted,var(--muted));font-size:9px;font-weight:650}
.reminder-popover-date input[type="date"]{width:100%;height:38px;border:1px solid var(--c-line,var(--line));border-radius:10px;background:var(--c-paper-2,var(--panel-2));color:var(--c-ink,var(--text));padding:0 10px;outline:0;font:600 12px/1 var(--ui,Inter,system-ui,sans-serif)}
.reminder-popover-date input[type="date"]:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.reminder-popover .reminder-clear-text{display:block;width:auto!important;margin:9px 0 0 auto!important;padding:5px 2px!important;border:0!important;background:transparent!important;color:var(--c-muted,var(--muted))!important;font:650 9px/1 var(--ui,Inter,system-ui,sans-serif)!important}
.reminder-popover .reminder-clear-text[hidden]{display:none!important}
.reminder-popover .reminder-clear-text:hover{color:var(--danger)!important}
.page-meta .page-reminder-button.has-reminder{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important}
.page-meta .page-reminder-button.has-reminder::after{content:"";position:absolute;width:6px;height:6px;border-radius:999px;background:var(--accent);right:2px;top:2px;box-shadow:0 0 0 2px var(--paper)}
.page-meta .page-reminder-button{position:relative}
@media(max-width:760px){
  .reminder-popover{width:min(340px,calc(100vw - 24px))!important}
}
/* =========================================================
   NOTEA — THREE REFERENCE-DRIVEN DARK THEMES
   Eclipse Menta  ·  Carbón Durazno  ·  Índigo Aurora
   Shared across desktop, tablet and phone.
   ========================================================= */
/* Base / phone-safe variables. */
html[data-theme="eclipse"]{
  color-scheme:dark;
  --bg:#141a1c;--paper:#1d2426;--panel:#192023;--panel-2:#263034;
  --text:#edf4f2;--muted:#9aa9a7;--line:#334044;
  --accent:#69d9ad;--accent-soft:#223c34;--danger:#ff817d;--ok:#64d0a2;
  --shadow:0 26px 80px rgba(0,0,0,.40);--accent-2:#8be6c3;--accent-3:#78b9a7;
}
html[data-theme="peachcoal"]{
  color-scheme:dark;
  --bg:#181716;--paper:#211f1e;--panel:#1d1b1a;--panel-2:#2c2825;
  --text:#f6f0eb;--muted:#aaa09a;--line:#3b3531;
  --accent:#f1a176;--accent-soft:#3c2d26;--danger:#ef756d;--ok:#82bd7c;
  --shadow:0 26px 80px rgba(0,0,0,.42);--accent-2:#ffb58f;--accent-3:#b77c91;
}
html[data-theme="aurora"]{
  color-scheme:dark;
  --bg:#0d1530;--paper:#121c3b;--panel:#101936;--panel-2:#1a2850;
  --text:#f3f6ff;--muted:#99a6c8;--line:#2b3b69;
  --accent:#2bd3e1;--accent-soft:#123b51;--danger:#ff7b83;--ok:#57d5b3;
  --shadow:0 28px 86px rgba(2,7,28,.52);--accent-2:#6a8cff;--accent-3:#a16ee8;
}
/* Soft ambient backgrounds inspired by the three references. */
html[data-theme="eclipse"] body,
html[data-theme="eclipse"] .portal,
html[data-theme="eclipse"] .app{
  background:
    radial-gradient(circle at 64% -8%,rgba(105,217,173,.10),transparent 32%),
    linear-gradient(145deg,#151c1f,#101618)!important;
}
html[data-theme="peachcoal"] body,
html[data-theme="peachcoal"] .portal,
html[data-theme="peachcoal"] .app{
  background:
    radial-gradient(circle at 96% 4%,rgba(241,161,118,.13),transparent 29%),
    radial-gradient(circle at 5% 95%,rgba(126,87,76,.10),transparent 30%),
    linear-gradient(145deg,#191817,#121211)!important;
}
html[data-theme="aurora"] body,
html[data-theme="aurora"] .portal,
html[data-theme="aurora"] .app{
  background:
    radial-gradient(circle at 52% -12%,rgba(43,211,225,.15),transparent 31%),
    radial-gradient(circle at 105% 28%,rgba(132,82,221,.16),transparent 38%),
    radial-gradient(circle at -8% 78%,rgba(69,112,229,.14),transparent 34%),
    linear-gradient(150deg,#0d1530,#091027)!important;
}
/* Desktop + tablet visual system. */
@media (min-width:761px){
  html[data-theme="eclipse"]{
    --c-bg:#151b1e;--c-bg-2:#101619;--c-paper:#1e2629;--c-paper-2:#192124;
    --c-ink:#edf4f2;--c-muted:#9ca9a8;--c-line:#344145;
    --c-accent:#69d9ad;--c-accent-deep:#85e8c1;--c-accent-soft:#223c34;
    --c-lav:#83aaa2;--c-lav-soft:#293a37;--c-gold:#d3aa75;--c-gold-soft:#3b3328;
    --c-blue:#6fa7b2;--c-blue-soft:#24373b;--c-stone:#778486;
    --c-shadow:0 22px 60px rgba(0,0,0,.34);--c-shadow-soft:0 12px 32px rgba(0,0,0,.24);
    --c-nav-start:#20292c;--c-nav-end:#151c1f;--c-nav-active:#69d9ad;--c-nav-ink:#eff6f4;
    --c-hero-glow:rgba(105,217,173,.12);
    --c-card-notes-1:#202b2d;--c-card-notes-2:#263436;--c-card-notes-border:#35484a;
    --c-card-revisits-1:#232b2d;--c-card-revisits-2:#293335;--c-card-revisits-border:#394649;
    --c-card-ministry-1:#272c28;--c-card-ministry-2:#2f352d;--c-card-ministry-border:#41483d;
    --c-card-icon-bg:#273235;--c-card-arrow-bg:rgba(39,50,53,.92);
    --desktop-nav-start:#283437;--desktop-nav-mid:#1c2629;--desktop-nav-end:#12191b;
    --desktop-nav-glow:rgba(105,217,173,.18);--desktop-nav-shadow:rgba(0,0,0,.34);
  }

  html[data-theme="peachcoal"]{
    --c-bg:#191817;--c-bg-2:#121211;--c-paper:#211f1e;--c-paper-2:#1b1a19;
    --c-ink:#f6f0eb;--c-muted:#aaa09a;--c-line:#3c3632;
    --c-accent:#f1a176;--c-accent-deep:#ffb58f;--c-accent-soft:#3c2d26;
    --c-lav:#b487a0;--c-lav-soft:#382d33;--c-gold:#e0ad72;--c-gold-soft:#3d3125;
    --c-blue:#9d8f8a;--c-blue-soft:#302b29;--c-stone:#8c817c;
    --c-shadow:0 22px 62px rgba(0,0,0,.36);--c-shadow-soft:0 12px 32px rgba(0,0,0,.25);
    --c-nav-start:#292725;--c-nav-end:#181716;--c-nav-active:#f1a176;--c-nav-ink:#f7f1ec;
    --c-hero-glow:rgba(241,161,118,.13);
    --c-card-notes-1:#272320;--c-card-notes-2:#302925;--c-card-notes-border:#443832;
    --c-card-revisits-1:#252122;--c-card-revisits-2:#30272b;--c-card-revisits-border:#42363b;
    --c-card-ministry-1:#29251f;--c-card-ministry-2:#342c22;--c-card-ministry-border:#463a2c;
    --c-card-icon-bg:#302a27;--c-card-arrow-bg:rgba(48,42,39,.92);
    --desktop-nav-start:#302c29;--desktop-nav-mid:#221f1d;--desktop-nav-end:#151412;
    --desktop-nav-glow:rgba(255,177,138,.18);--desktop-nav-shadow:rgba(0,0,0,.36);
  }

  html[data-theme="aurora"]{
    --c-bg:#0d1530;--c-bg-2:#091027;--c-paper:#121c3b;--c-paper-2:#101936;
    --c-ink:#f3f6ff;--c-muted:#9da8c8;--c-line:#2b3a68;
    --c-accent:#2bd3e1;--c-accent-deep:#60e5ed;--c-accent-soft:#123b51;
    --c-lav:#a277e5;--c-lav-soft:#2a2455;--c-gold:#f0a071;--c-gold-soft:#412d35;
    --c-blue:#5788ef;--c-blue-soft:#172d60;--c-stone:#7383ad;
    --c-shadow:0 24px 66px rgba(1,6,28,.44);--c-shadow-soft:0 12px 34px rgba(1,6,28,.30);
    --c-nav-start:#101b3d;--c-nav-end:#0a122a;--c-nav-active:#2bd3e1;--c-nav-ink:#f3f6ff;
    --c-hero-glow:rgba(43,211,225,.14);
    --c-card-notes-1:#14234a;--c-card-notes-2:#172a56;--c-card-notes-border:#294172;
    --c-card-revisits-1:#181f4b;--c-card-revisits-2:#242455;--c-card-revisits-border:#39366f;
    --c-card-ministry-1:#1d2142;--c-card-ministry-2:#34263f;--c-card-ministry-border:#4a3550;
    --c-card-icon-bg:#182952;--c-card-arrow-bg:rgba(24,41,82,.93);
    --desktop-nav-start:#14244b;--desktop-nav-mid:#101a38;--desktop-nav-end:#091126;
    --desktop-nav-glow:rgba(43,211,225,.20);--desktop-nav-shadow:rgba(1,6,28,.42);
  }

  html[data-theme="eclipse"] .workspace-scroll,
  html[data-theme="peachcoal"] .workspace-scroll,
  html[data-theme="aurora"] .workspace-scroll{
    background:
      radial-gradient(circle at 56% -10%,var(--c-hero-glow),transparent 34%),
      linear-gradient(145deg,var(--c-bg),var(--c-bg-2))!important;
  }
  html[data-theme="aurora"] .workspace-scroll{
    background:
      radial-gradient(circle at 48% -9%,rgba(43,211,225,.13),transparent 31%),
      radial-gradient(circle at 103% 28%,rgba(149,91,232,.12),transparent 38%),
      linear-gradient(145deg,var(--c-bg),var(--c-bg-2))!important;
  }

  /* Keep the writing canvas dark, not a floating white sheet. */
  html[data-theme="eclipse"] .paper,
  html[data-theme="peachcoal"] .paper,
  html[data-theme="aurora"] .paper{
    background:color-mix(in srgb,var(--c-paper) 96%,transparent)!important;
    border-color:color-mix(in srgb,var(--c-line) 86%,transparent)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
  }
}
/* Phone palette: same identity, slightly brighter controls for touch contrast. */
@media (max-width:760px){
  html[data-theme="eclipse"]{
    --m-bg:#141a1c;--m-surface:#1d2426;--m-surface-2:#252e31;--m-text:#edf4f2;--m-muted:#9aa9a7;--m-line:#354246;
    --m-accent:#69d9ad;--m-accent-soft:#223c34;--m-shadow:0 12px 30px rgba(0,0,0,.32);
    --m-card-notes:#202a2d;--m-band-notes:#273538;--m-notes-accent:#79e1b9;
    --m-card-revisits:#222b2d;--m-band-revisits:#2a3436;--m-revisits-accent:#8cbdb4;
    --m-card-ministry:#252a26;--m-band-ministry:#30362f;--m-ministry-accent:#d0aa78;
    --m-nav-bg:#192023;--m-nav-active-bg:#243b34;--m-nav-active:#79e1b9;--m-nav-ink:#a2b0ae;
    --bg:var(--m-bg);--paper:var(--m-surface);--panel:var(--m-surface);--panel-2:var(--m-surface-2);
    --text:var(--m-text);--muted:var(--m-muted);--line:var(--m-line);--accent:var(--m-accent);--accent-soft:var(--m-accent-soft);
  }
  html[data-theme="peachcoal"]{
    --m-bg:#181716;--m-surface:#211f1e;--m-surface-2:#2b2825;--m-text:#f6f0eb;--m-muted:#aaa09a;--m-line:#3c3632;
    --m-accent:#f1a176;--m-accent-soft:#3c2d26;--m-shadow:0 12px 30px rgba(0,0,0,.34);
    --m-card-notes:#272320;--m-band-notes:#302925;--m-notes-accent:#ffb58f;
    --m-card-revisits:#252122;--m-band-revisits:#30272b;--m-revisits-accent:#c493a8;
    --m-card-ministry:#29251f;--m-band-ministry:#342c22;--m-ministry-accent:#dfad73;
    --m-nav-bg:#1d1b1a;--m-nav-active-bg:#3c2d26;--m-nav-active:#ffb58f;--m-nav-ink:#aaa09a;
    --bg:var(--m-bg);--paper:var(--m-surface);--panel:var(--m-surface);--panel-2:var(--m-surface-2);
    --text:var(--m-text);--muted:var(--m-muted);--line:var(--m-line);--accent:var(--m-accent);--accent-soft:var(--m-accent-soft);
  }
  html[data-theme="aurora"]{
    --m-bg:#0d1530;--m-surface:#121c3b;--m-surface-2:#19264c;--m-text:#f3f6ff;--m-muted:#99a6c8;--m-line:#2b3b69;
    --m-accent:#2bd3e1;--m-accent-soft:#123b51;--m-shadow:0 14px 34px rgba(1,6,28,.44);
    --m-card-notes:#14234a;--m-band-notes:#172a56;--m-notes-accent:#42ddeb;
    --m-card-revisits:#181f4b;--m-band-revisits:#242455;--m-revisits-accent:#a277e5;
    --m-card-ministry:#1d2142;--m-band-ministry:#34263f;--m-ministry-accent:#f0a071;
    --m-nav-bg:#0f1835;--m-nav-active-bg:#153b52;--m-nav-active:#42ddeb;--m-nav-ink:#9da8c8;
    --bg:var(--m-bg);--paper:var(--m-surface);--panel:var(--m-surface);--panel-2:var(--m-surface-2);
    --text:var(--m-text);--muted:var(--m-muted);--line:var(--m-line);--accent:var(--m-accent);--accent-soft:var(--m-accent-soft);
  }
}
/* Theme selector previews. */
.theme-palette button[data-theme-choice="eclipse"] i{
  background:radial-gradient(circle at 28% 27%,#95ebc9 0%,transparent 52%),radial-gradient(circle at 72% 30%,#5cc89f 0%,transparent 54%),radial-gradient(circle at 52% 80%,#26383a 0%,transparent 63%),#141a1c!important
}
.theme-palette button[data-theme-choice="peachcoal"] i{
  background:radial-gradient(circle at 28% 27%,#ffc09c 0%,transparent 52%),radial-gradient(circle at 72% 30%,#ee936a 0%,transparent 54%),radial-gradient(circle at 52% 80%,#3c2d26 0%,transparent 63%),#181716!important
}
.theme-palette button[data-theme-choice="aurora"] i{
  background:radial-gradient(circle at 28% 27%,#41ddea 0%,transparent 49%),radial-gradient(circle at 76% 24%,#765ee5 0%,transparent 52%),radial-gradient(circle at 52% 82%,#214d8b 0%,transparent 62%),#0d1530!important
}
.theme-palette button[data-theme-choice="eclipse"]:hover i{box-shadow:0 0 0 1px var(--line),0 8px 20px -4px rgba(105,217,173,.48)}
.theme-palette button[data-theme-choice="peachcoal"]:hover i{box-shadow:0 0 0 1px var(--line),0 8px 20px -4px rgba(241,161,118,.48)}
.theme-palette button[data-theme-choice="aurora"]:hover i{box-shadow:0 0 0 1px var(--line),0 8px 20px -4px rgba(43,211,225,.50)}
/* =========================================================
   NOTEA — MOBILE OPAQUE DARK-SURFACE HARDFIX
   Prevents the dark themes from becoming glassy/transparent
   on phones. Desktop/tablet are intentionally untouched.
   ========================================================= */
@media (max-width:760px){
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) body,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .app,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal-main,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .workspace,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .workspace-scroll{
    background-color:var(--m-bg)!important;
    color:var(--m-text)!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal-header,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .sidebar,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .sidebar-header,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .topbar{
    background:var(--m-surface)!important;
    border-color:var(--m-line)!important;
    color:var(--m-text)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .portal-header,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .portal-main{
    background:var(--m-bg)!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal-bottom-nav,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .notes-bottom-nav,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .portal-bottom-nav{
    background:var(--m-nav-bg)!important;
    border-color:var(--m-line)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .paper,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .empty-workspace,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .toolbar,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .more-menu,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .folder-more-menu,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .tags-popover,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .reminder-popover,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) body > .editor-color-palette{
    background:var(--m-surface)!important;
    border-color:var(--m-line)!important;
    color:var(--m-text)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .hub-search,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .premium-summary,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .premium-summary .summary-grid>div,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .module-search,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .segmented,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .record-group,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .person-group,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .people-records-panel,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .goal-card,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .ministry-timer-hero,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .ministry-profile-card,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .ministry-recent-panel,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .service-year-card,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .ministry-calendar-card,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .report-card,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .settings-group,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .settings-control,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .settings-action,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .module-form,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) dialog form{
    background:var(--m-surface)!important;
    border-color:var(--m-line)!important;
    color:var(--m-text)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .revisits-metrics article{
    border-color:var(--m-line)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .premium-hub-grid .hub-card-icon,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .portal[data-active-module="hub"] .premium-hub-grid .hub-card-arrow{
    background:var(--m-surface-2)!important;
    border-color:var(--m-line)!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .folder-block,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .loose-pages.always-visible{
    background:var(--m-surface)!important;
    border-color:var(--m-line)!important;
  }

  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .page-reminder-button,
  :is(html[data-theme="dark"],html[data-theme="eclipse"],html[data-theme="peachcoal"],html[data-theme="aurora"]) .page-meta [data-tags-open]{
    background:var(--m-surface-2)!important;
    border-color:var(--m-line)!important;
  }
}
/* =========================================================
   NOTEA — MOBILE NOTES ACTIONS + BOTTOM SHEETS
   Mobile only. Desktop/tablet layout remains unchanged.
   ========================================================= */
@media (max-width:760px){
  /* Tags should be compact, not a full-width bar. */
  .page-meta-actions{
    width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .page-meta [data-tags-open]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    height:46px!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .page-meta .page-reminder-button{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
  }

  /* Mobile note More menu: a concise list; desktop menu is untouched. */
  .more-menu .mobile-more-action{
    min-height:42px!important;
    align-items:center!important;
    font-size:12px!important;
    font-weight:650!important;
  }

  /* Folder dots no longer rely on a clipped popover. */
  .folder-more-menu{display:none!important}

  dialog.mobile-action-sheet[open]{
    position:fixed!important;
    inset:auto 0 0 0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:88dvh!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
  }
  .mobile-action-sheet::backdrop{
    background:rgba(13,17,22,.46)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  .mobile-action-sheet-card{
    width:100%!important;
    max-width:none!important;
    max-height:88dvh!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:9px 18px calc(22px + env(safe-area-inset-bottom))!important;
    border:1px solid var(--line)!important;
    border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    background:var(--paper)!important;
    color:var(--text)!important;
    box-shadow:0 -22px 55px rgba(0,0,0,.20)!important;
  }
  .mobile-sheet-grabber{
    width:42px;height:5px;border-radius:999px;
    background:color-mix(in srgb,var(--muted) 38%,transparent);
    margin:2px auto 12px;
  }
  .mobile-sheet-header{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);
  }
  .mobile-sheet-header>div:first-child{display:grid;gap:2px}
  .mobile-sheet-header small{
    color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.14em;
  }
  .mobile-sheet-header h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.035em}
  .mobile-sheet-header-actions{display:flex;align-items:center;gap:7px}
  .mobile-sheet-close,.mobile-sheet-add{
    width:40px;height:40px;border:1px solid var(--line);border-radius:999px;
    display:grid;place-items:center;background:var(--panel-2);color:var(--text);
    font-size:23px;line-height:1;
  }
  .mobile-sheet-add{color:var(--accent);font-size:24px}

  .mobile-sheet-actions{display:grid;gap:8px}
  .mobile-sheet-actions>button{
    width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;
    padding:0 14px;display:flex;align-items:center;gap:12px;
    background:var(--panel-2);color:var(--text);text-align:left;
  }
  .mobile-sheet-actions>button>span{
    width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
    background:var(--accent-soft);color:var(--accent);font-size:16px;
  }
  .mobile-sheet-actions>button b{font-size:13px}
  .mobile-sheet-actions>button.danger{color:var(--danger)}
  .mobile-sheet-actions>button.danger>span{
    background:color-mix(in srgb,var(--danger) 12%,var(--paper));color:var(--danger)
  }
  .mobile-folder-color-section{
    border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel-2)
  }
  .mobile-folder-color-section>small{
    display:block;margin-bottom:10px;color:var(--muted);font-size:10px;font-weight:750
  }
  .mobile-folder-swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .mobile-folder-swatches button{
    --mobile-folder-color:#6f78ff;
    width:36px;height:36px;border-radius:999px;border:1px solid var(--line);
    padding:0;display:grid;place-items:center;background:var(--paper)
  }
  .mobile-folder-swatches button i{
    width:20px;height:20px;border-radius:999px;background:var(--mobile-folder-color)
  }
  .mobile-folder-swatches button[data-mobile-folder-color="blue"]{--mobile-folder-color:#6f78ff}
  .mobile-folder-swatches button[data-mobile-folder-color="purple"]{--mobile-folder-color:#9b7cff}
  .mobile-folder-swatches button[data-mobile-folder-color="rose"]{--mobile-folder-color:#ef7fa7}
  .mobile-folder-swatches button[data-mobile-folder-color="green"]{--mobile-folder-color:#4fb987}
  .mobile-folder-swatches button[data-mobile-folder-color="amber"]{--mobile-folder-color:#f2b35d}
  .mobile-folder-swatches button[data-mobile-folder-color="teal"]{--mobile-folder-color:#42b8b1}
  .mobile-folder-swatches button.is-active{
    border-color:var(--accent)!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)
  }

  .mobile-outline-list{display:grid;gap:4px;padding-bottom:6px}
  .mobile-outline-item{
    width:100%;min-height:46px;border:0;border-radius:12px;padding:0 13px;
    background:transparent;color:var(--text);text-align:left;font-size:13px;font-weight:650
  }
  .mobile-outline-item.level-2{padding-left:30px;color:var(--muted);font-weight:550}
  .mobile-outline-item:active{background:var(--accent-soft);color:var(--accent)}
  .mobile-sheet-empty{
    margin:4px 0 8px;padding:18px;border:1px dashed var(--line);border-radius:14px;
    color:var(--muted);font-size:12px;line-height:1.5
  }

  .mobile-quick-composer{
    margin-bottom:12px;padding:12px;border:1px solid var(--line);
    border-radius:15px;background:var(--panel-2)
  }
  .mobile-quick-composer textarea{
    width:100%;min-height:96px;resize:none;border:1px solid var(--line);
    border-radius:12px;padding:11px;background:var(--paper);color:var(--text);
    outline:none;font:inherit
  }
  .mobile-quick-composer>div{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
  .mobile-quick-composer button{
    min-height:38px;border:1px solid var(--line);border-radius:11px;
    padding:0 13px;background:var(--paper);color:var(--text);font-weight:700
  }
  .mobile-quick-composer button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
  .mobile-quick-list{display:grid;gap:9px;padding-bottom:4px}
  .mobile-quick-card{
    border:1px solid var(--line);border-radius:15px;padding:13px;background:var(--panel-2)
  }
  .mobile-quick-card p{margin:0;color:var(--text);font-size:13px;line-height:1.5;white-space:pre-wrap}
  .mobile-quick-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
  .mobile-quick-card footer small{color:var(--muted);font-size:9px}
  .mobile-quick-card footer button{
    width:30px;height:30px;border:0;border-radius:999px;background:var(--paper);
    color:var(--muted);font-size:18px
  }
  .mobile-quick-empty{display:grid;gap:5px}
  .mobile-quick-empty strong{color:var(--text);font-size:13px}
  .mobile-quick-empty small{color:var(--muted);font-size:11px;line-height:1.5}
}
@media (min-width:761px){
  .mobile-action-sheet{display:none!important}
}
/* CURRENT UI — mobile subfolder + truly compact note metadata */
@media (max-width:760px){
  .page-meta-actions{
    width:auto!important;
    max-width:100%!important;
    gap:7px!important;
    align-items:center!important;
  }
  .page-meta [data-tags-open]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:650!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .page-meta .page-reminder-button{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .page-meta .page-reminder-button svg{
    width:15px!important;
    height:15px!important;
  }
  .mobile-sheet-actions [data-mobile-folder-subfolder][hidden]{
    display:none!important;
  }
}
/* =========================================================
   NOTEA — MOBILE SUBFOLDER TREE + STABLE NAV ICONS
   ========================================================= */
@media (max-width:760px){
  .mobile-root-folder-node{
    overflow:hidden!important;
  }

  .mobile-subfolder-list{
    display:grid!important;
    gap:7px!important;
    padding:2px 8px 9px 20px!important;
    position:relative!important;
  }

  .mobile-subfolder-list::before{
    content:""!important;
    position:absolute!important;
    left:13px!important;
    top:4px!important;
    bottom:13px!important;
    width:2px!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--folder-color) 28%,var(--line))!important;
  }

  .folder-block.mobile-subfolder-node{
    margin:0!important;
    border-radius:12px!important;
    border:1px solid color-mix(in srgb,var(--folder-color) 24%,var(--line))!important;
    background:color-mix(in srgb,var(--folder-soft) 48%,var(--paper))!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .mobile-subfolder-node .folder-head{
    min-height:58px!important;
    padding:7px 7px!important;
  }

  .mobile-subfolder-node .folder-visual-icon{
    width:29px!important;
    height:29px!important;
    flex-basis:29px!important;
    border-radius:9px!important;
  }

  .mobile-subfolder-node .folder-toggle strong{
    font-size:11.5px!important;
    font-weight:700!important;
  }

  .mobile-subfolder-node .folder-count{
    font-size:9.5px!important;
  }

  .mobile-subfolder-node .folder-add-button,
  .mobile-subfolder-node .folder-more-button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
  }

  .mobile-subfolder-node>.page-row{
    margin-inline:7px!important;
  }

  /* Notes uses exactly the same icon language as Home/Revisits/Ministry/Settings. */
  .notes-bottom-nav .bottom-nav-svg{
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }

  .notes-bottom-nav .bottom-nav-svg svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}
/* =========================================================
   NOTEA — MOBILE NESTED FOLDER ALIGNMENT
   Keeps nested folder/page cards inside their visual bounds.
   ========================================================= */
@media (max-width:760px){
  .mobile-subfolder-list{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:2px 10px 10px 22px!important;
  }

  .folder-block.mobile-subfolder-node{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .mobile-subfolder-node .folder-head{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* page-row is globally width:100%; adding horizontal margins made it
     physically wider than the subfolder. Subtract those margins explicitly. */
  .mobile-subfolder-node>.page-row{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin:2px 7px 7px!important;
    box-sizing:border-box!important;
  }

  .mobile-subfolder-node>.page-row .page-open{
    min-width:0!important;
  }

  .mobile-subfolder-node>.page-row .page-open strong,
  .mobile-subfolder-node>.page-row .page-open small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* =========================================================
   NOTEA 7.8.3.3 — OPTIONAL NOTES LIBRARY RESIZE
   Invisible by default; does not consume layout space.
   ========================================================= */
@media (min-width:761px){
  .app>.sidebar{position:relative!important}
  .notes-library-resizer{
    position:absolute!important;z-index:180!important;top:0!important;right:0!important;bottom:0!important;
    width:8px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;cursor:col-resize!important;touch-action:none!important;user-select:none!important;
    outline:none!important
  }
  .notes-library-resizer::after{
    content:"";position:absolute;top:0;bottom:0;right:0;width:2px;
    background:var(--c-accent-deep,var(--accent));opacity:0;transition:opacity .12s ease;pointer-events:none
  }
  .notes-library-resizer:hover::after,
  .notes-library-resizer:focus-visible::after,
  .notes-library-resizer.is-dragging::after{opacity:.45}
  .app.sidebar-collapsed .notes-library-resizer,
  .app.focus-mode .notes-library-resizer{display:none!important}
  body.notea-library-resizing,body.notea-library-resizing *{cursor:col-resize!important}
  body.notea-library-resizing{user-select:none!important;-webkit-user-select:none!important}
  body.notea-library-resizing .app{transition:none!important}
}
@media (max-width:760px){.notes-library-resizer{display:none!important}}