@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ============================================================
   PIONEER POHAE — v1, ported from the design team's reference
   "Pioneer Pohae (standalone) (1).html" (2026-07-29). Built directly
   with everything Pravarine_BASE had to learn the hard way, instead
   of repeating those mistakes:
   - view-root selectors compounded directly onto the real class
     (.markdown-source-view.mod-cm6.poh-page, not a 3-part descendant
     chain that can never match — see pravarine-dashboard.css's own
     header comment for the full story of that bug).
   - cqw instead of the reference's vw from the very first port, so
     there's no separate "squeeze when the sidebar is open" bug to
     find later.
   ============================================================ */
.markdown-source-view.mod-cm6.poh-page,
.markdown-preview-view.poh-page,
.markdown-source-view.mod-cm6.poh-page .cm-content,
.markdown-source-view.mod-cm6.poh-page .cm-sizer,
.markdown-source-view.mod-cm6.poh-page .cm-scroller,
.markdown-preview-view.poh-page .markdown-preview-sizer {
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.markdown-source-view.mod-cm6.poh-page .inline-title,
.markdown-preview-view.poh-page .inline-title,
.markdown-preview-view.poh-page .markdown-preview-sizer > .mod-header { display: none; }

/* Per-code-block wrapper override — same second, independent width cap
   Obsidian applies to the auto-generated wrapper around the rendered
   code block, fixed the same way (compounded, not assumed ancestor). */
.markdown-preview-view.poh-page div:has(> .block-language-dataviewjs) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
.markdown-source-view.mod-cm6.poh-page .cm-preview-code-block:has(> .block-language-dataviewjs) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* 2026-10-30: the black fills the whole pane, whatever the list length.
   The gradient lives on the scrolling view itself (not on the note's own
   outer div), so it never shrinks with a short list or grows with a long one. */
.markdown-preview-view.poh-page,
.markdown-source-view.mod-cm6.poh-page .cm-scroller {
  background: radial-gradient(1100px 640px at 62% -12%, #1d1d1d 0%, #101010 52%, #0c0c0c 100%) #0c0c0c !important;
}

.poh, .poh * { box-sizing: border-box; }
.poh {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  color: #eeefef;
  -webkit-font-smoothing: antialiased;
  /* same reasoning as .cyb in pravarine-dashboard.css: turns this element
     into the query context so cqw measures against the pane itself,
     not the whole Obsidian window. */
  container-type: inline-size;
}
.poh input, .poh textarea { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }
.poh input::placeholder, .poh textarea::placeholder { color: rgba(255,255,255,.4); }
.poh a { color: #5adbbf; text-decoration: none; }
.poh a:hover { color: #91eeda; }

@keyframes poh-scan { 0% { transform: translateY(-100%); } 100% { transform: translateY(900%); } }
@keyframes poh-pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes poh-sheen { 0% { transform: translateX(-40%); } 100% { transform: translateX(140%); } }

/* the reference's style-hover attributes, ported as real :hover rules */
.poh-close:hover { color: #7ee7cc !important; }
.poh-save-btn:hover { background: linear-gradient(160deg,#7ee7cc,#23937b) !important; }

/* v2: pen/edit icon button on an expanded draft, and the clickable
   date/time label (both collapsed rows and the expanded card). */
.poh-edit-btn:hover { background: rgba(126,231,204,.28) !important; color: #eeefef !important; }
.poh-time-toggle:hover { color: #7ee7cc !important; }

/* v7: trash icon on the active draft row (Recycle Bin feature). */
.poh-trash-btn:hover { background: rgba(196,46,76,.32) !important; color: #ffdce3 !important; }

/* v8: recover icon on a selected Recycle Bin row. */
.poh-recover-btn:hover { background: rgba(126,231,204,.3) !important; color: #eeefef !important; }
/* v8: the square icon on every Recycle Bin row — always clickable, permanent delete. */
.poh-bin-delete:hover { filter: brightness(1.2); box-shadow: 0 0 0 2px rgba(196,46,76,.5) !important; }

@media (prefers-reduced-motion: reduce) {
  .poh * { animation: none !important; transition: none !important; }
}