/* Restore the Journal crystal surfaces without changing its JavaScript bundle. */
.dark .journal-app .journal-panel,
.dark .journal-app .card-glass {
    background: rgba(255, 255, 255, .055) !important;
    background-image: none !important;
    border: 1px solid rgba(214, 232, 246, .105) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .085),
        inset 0 0 0 1px rgba(255, 255, 255, .018) !important;
    -webkit-backdrop-filter: blur(24px) saturate(125%) !important;
    backdrop-filter: blur(24px) saturate(125%) !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
    transform: none !important;
    overflow: clip !important;
    isolation: isolate !important;
    backface-visibility: hidden !important;
}

.dark .journal-app .journal-panel:hover,
.dark .journal-app .card-glass:hover {
    background: rgba(255, 255, 255, .055) !important;
    background-image: none !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .085),
        inset 0 0 0 1px rgba(255, 255, 255, .018) !important;
    transition: none !important;
}

/* Keep internal headers flowing into the glass while preserving the outer
   card boundary and the table's own structural rules. */
.dark .journal-app .journal-panel > .border-b,
.dark .journal-app .card-glass > .border-b {
    border-bottom-color: transparent !important;
}

.dark .journal-app .journal-panel .border-dashed,
.dark .journal-app .card-glass .border-dashed {
    border-color: rgba(255, 255, 255, .035) !important;
}