@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Charts/DashboardChart.razor.rz.scp.css */
[b-hmn3b8xskd] mud-paper {
    background-color: #FBFAEC;
}

[b-hmn3b8xskd] mud-elevation-1 {
    box-shadow: none;
    /* Line Chart Visual */
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-tcblxol42x] {
    position: relative;
    display: flex;
}

main[b-tcblxol42x] {
    flex: 1;
}

.sidebar[b-tcblxol42x] {
    background-color: #ebe4cd;
}

.app-main-content[b-tcblxol42x] {
    background: #fbf7ea;
    min-height: 100vh;
}

/* /Layout/NavMenu.razor.rz.scp.css */
[b-vng05ewe69] .mud-drawer, .app-sidebar[b-vng05ewe69], aside[b-vng05ewe69], .sidebar-shell[b-vng05ewe69] {
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: #E4E4D1;
    width: 250px;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 32px 24px;
    transition: width 0.2s ease, padding 0.2s ease;
}

.sidebar-shell--collapsed[b-vng05ewe69] {
    width: 92px;
    max-width: 92px;
    padding: 24px 12px;
    align-items: center;
}

.sidebar-top[b-vng05ewe69],
.sidebar-actions[b-vng05ewe69],
.sidebar-cta-wrap[b-vng05ewe69],
.sidebar-nav[b-vng05ewe69],
.sidebar-footer[b-vng05ewe69] {
    position: relative;
    z-index: 1;
}

.sidebar-top[b-vng05ewe69] {
    display: flex;
    flex-direction: column;
    gap:32px;
}

.sidebar-header[b-vng05ewe69] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar-shell--collapsed .sidebar-header[b-vng05ewe69] {
    justify-content: center;
}

.sidebar-toggle-btn[b-vng05ewe69] {
    border: none;
    background: rgba(255, 255, 255, 0.35);
    color: #3f402f;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.sidebar-toggle-btn:hover[b-vng05ewe69] {
    background: rgba(255, 255, 255, 0.55);
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(55, 57, 44, 0.08);
}

.sidebar-toggle-btn svg[b-vng05ewe69] {
    width: 20px;
    height: 20px;
}

.sidebar-quick-create[b-vng05ewe69] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.sidebar-shell-collapsed .primary-btn[b-vng05ewe69]{
    min-width: 0;
}

.sidebar-shell--collapsed .text[b-vng05ewe69]{
    display: none;
}

.sidebar-label[b-vng05ewe69] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.sidebar-shell--collapsed .sidebar-label[b-vng05ewe69] {
    display: none;
}

.brand-copy[b-vng05ewe69] {
    display: flex;
    flex-direction: column;
}


.sidebar-nav[b-vng05ewe69] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-nav-link[b-vng05ewe69] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 10px;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.sidebar-shell--collapsed .sidebar-nav-link[b-vng05ewe69] {
    justify-content: center;
    gap: 0;
    padding: 12px;
    width: 48px;
    margin: 0 auto;
}

    .sidebar-nav-link:hover[b-vng05ewe69] {
        font-weight: 500;
        transform: translateX(2px);
    }

.sidebar-shell--collapsed .sidebar-nav-link:hover[b-vng05ewe69] {
    transform: translateY(-1px);
}

.sidebar-nav-link.active[b-vng05ewe69] {
    font-weight: 500;
}


.sidebar-session-btn[b-vng05ewe69] {
    width: 100%;
}

.sidebar-shell--collapsed .sidebar-session-btn[b-vng05ewe69] {
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    margin: 0 auto;
}

.sidebar-account-card[b-vng05ewe69] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 10px;
}

.profile-avatar[b-vng05ewe69] {
    width: 62px;
    height: 62px;
    border-radius: 999px;
    background: linear-gradient(180deg, #304960 0%, #1f3145 100%);
    color: #fff4dd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: 1.6rem;
    font-weight: 700;
    box-shadow: 0 10px 30px rgba(55, 57, 44, 0.06);
}

.profile-copy[b-vng05ewe69] {
    min-width: 0;
}

.profile-name[b-vng05ewe69] {
    font-family: Manrope, 'Segoe UI', sans-serif;
    font-weight: 700;
    font-size: 1.08rem;
    color: #3f402f;
}

.profile-role[b-vng05ewe69] {
    font-family: Manrope, 'Segoe UI', sans-serif;
    font-size: 0.82rem;
    line-height: 1.35;
    letter-spacing: 0.14em;
    color: #827c68;
    text-transform: uppercase;
    word-break: break-word;
}

@media (max-width: 1100px) {
    .app-sidebar .mud-drawer-paper[b-vng05ewe69] {
        width: 286px;
    }

    .sidebar-shell[b-vng05ewe69] {
        padding: 38px 24px 24px 30px;
    }

    .brand-name[b-vng05ewe69] {
        font-size: 2.7rem;
    }
}

@media (max-width: 768px) {
    .sidebar-shell[b-vng05ewe69],
    .sidebar-shell--collapsed[b-vng05ewe69] {
        width: 100%;
        max-width: none;
        padding: 24px 18px;
        align-items: stretch;
    }

    .sidebar-shell--collapsed .sidebar-header[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-quick-create[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-nav[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-footer[b-vng05ewe69] {
        align-items: stretch;
    }

    .sidebar-shell--collapsed .sidebar-nav-link[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-create-btn[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-create-note-btn[b-vng05ewe69],
    .sidebar-shell--collapsed .sidebar-session-btn[b-vng05ewe69] {
        width: 100%;
        margin: 0;
    }
}

/* /Pages/AuthPage.razor.rz.scp.css */
.auth-page[b-l88x9e8rwf] {
    display: flex;
    min-height: 100dvh;
    background-color: #E4E4D1;
}
/* /Pages/Calendar.razor.rz.scp.css */
.calendar-page[b-h05liem5in] {
    --calendar-bg: #fbf7ea;
    --calendar-panel: #fdfaf1;
    --calendar-side: #f5f4e5;
    --calendar-border: rgba(112, 101, 61, 0.12);
    --calendar-border-strong: rgba(112, 101, 61, 0.2);
    --calendar-text: #3f402f;
    --calendar-muted: #aca58c;
    --calendar-task: #504bef;
    --calendar-task-bg: rgba(80, 75, 239, 0.2);
    --calendar-phase-task: #FFB249;
    --calendar-phase-task-bg: rgba(255, 178, 73, 0.2);
    --calendar-reminder: #f67adf;
    --calendar-reminder-bg: rgba(246, 122, 223, 0.2);
    --calendar-note: #69663c;
    --calendar-note-bg: rgba(105, 102, 60, 0.2);
    --calendar-project-bg: #f2e8bf;
    display: grid;
    grid-template-columns: minmax(0, 2.6fr) minmax(320px, 0.95fr);
    align-items: start;
    color: var(--calendar-text);
}

.calendar-panel[b-h05liem5in] {
    border: 1px solid rgba(112, 101, 61, 0.08);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.feed-panel[b-h05liem5in] {
    background: var(--calendar-side);
    min-height: calc(100vh - 4rem);
    height: 100%;
    padding: 2.25rem 2rem;
    border-left: 1px solid rgba(112, 101, 61, 0.08);
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.calendar-panel-header[b-h05liem5in] {
    margin-bottom: 1.75rem;
}

/* ------------------- CHIPS ---------------------------------------------------------------------------- */

.chip[b-h05liem5in] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 04px 12px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.chip-dot[b-h05liem5in] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: currentColor;
}

.chip-task[b-h05liem5in] {
    color: var(--calendar-task);
    background: var(--calendar-task-bg);
    border-color: rgba(80, 75, 239, 0.2);
}

.chip-phase-task[b-h05liem5in] {
    color: var(--calendar-phase-task);
    background: var(--calendar-phase-task-bg);
    border-color: rgba(255, 178, 73, 0.2);
}

.chip-reminder[b-h05liem5in] {
    color: var(--calendar-reminder);
    background: var(--calendar-reminder-bg);
    border-color: rgba(246, 122, 223, 0.2);
}

.chip-note[b-h05liem5in] {
    color: var(--calendar-note);
    background: var(--calendar-note-bg);
    border-color: rgba(105, 102, 60, 0.2);
}

.chip-project[b-h05liem5in] {
    color: #8c7f39;
    background: #f7efc7;
    border-color: rgba(140, 127, 57, 0.2);
}

/* ------------------- CALENDAR GRID ----------------------------------------------------------------------- */

.calendar-board[b-h05liem5in] {
    border: 1px solid rgba(112, 101, 61, 0.08);
    overflow: hidden;
    background: rgba(255, 253, 247, 0.72);
}

.calendar-grid[b-h05liem5in] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.weekday[b-h05liem5in] {
    min-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--calendar-muted);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    border-bottom: 1px solid rgba(112, 101, 61, 0.08);
    background: rgba(255, 251, 242, 0.72);
}

.date-cell[b-h05liem5in] {
    min-height: 150px;
    padding: 0.95rem 0.75rem 0.9rem;
    background: rgba(255, 255, 255, 0.46);
    border-right: 1px solid rgba(112, 101, 61, 0.07);
    border-bottom: 1px solid rgba(112, 101, 61, 0.07);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.date-cell:hover[b-h05liem5in] {
    background: rgba(220, 215, 215, 0.72);
    font-weight: 800;
}

.date-cell-muted[b-h05liem5in] {
    background: rgba(250, 245, 227, 0.55);
}

.date-cell-today[b-h05liem5in] {
    background: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 0 0 1px rgba(112, 101, 61, 0.18);
}


.date-number[b-h05liem5in] {
    font-size: 18px;
    font-weight: 400;
    color: #646557;
    line-height: 28px;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
}

.date-cell-muted .date-number[b-h05liem5in] {
    color: #c7c0ab;
    font-style: italic;
}

.today-pill[b-h05liem5in] {
    border-radius: 999px;
    padding: 4px;
    color: white;
    background: #6f6847;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
}

.date-event-list[b-h05liem5in] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.event-pill[b-h05liem5in] {
    display: block;
    width: 100%;
    border: none;
    border-left: 3px solid currentColor;
    border-radius: 8px;
    padding: 0.5rem 0.6rem 0.48rem 0.68rem;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: none;
}

button.event-pill[b-h05liem5in] {
    cursor: pointer;
}

.event-pill-task[b-h05liem5in] {
    color: var(--calendar-task);
    background: var(--calendar-task-bg);
}

.event-pill-reminder[b-h05liem5in] {
    color: var(--calendar-reminder);
    background: var(--calendar-reminder-bg);
}

.event-pill-phase-task[b-h05liem5in] {
    color: var(--calendar-phase-task);
    background: var(--calendar-phase-task-bg);
}

.event-pill-note[b-h05liem5in] {
    color: var(--calendar-note);
    background: var(--calendar-note-bg);
}

.event-pill-more[b-h05liem5in] {
    color: #8f8867;
    background: transparent;
    border-left-color: rgba(143, 136, 103, 0.35);
    font-weight: 600;
}

.feed-list[b-h05liem5in] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.feed-day-header[b-h05liem5in] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.9rem;
    align-items: center;
}

.feed-rule[b-h05liem5in] {
    height: 1px;
    background: rgba(112, 101, 61, 0.14);
}

.feed-item[b-h05liem5in] {
    display: flex;
    gap: 0.9rem;
    background-color: white;
    border-radius: 12px;
    padding: 16px;
    box-sizing: border-box;

    /* Auto layout */
    border: 1px solid rgba(186, 186, 169, 0.1);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.02);
    border-radius: 12px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}

.feed-item-icon[b-h05liem5in] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    margin-top: 0.5rem;
    background: currentColor;
}


.feed-item.event-pill-task[b-h05liem5in] {
    color: var(--calendar-task);
}

.feed-item.event-pill-reminder[b-h05liem5in] {
    color: var(--calendar-reminder);
}

.feed-item.event-pill-note[b-h05liem5in] {
    color: var(--calendar-note);
    background: rgba(105, 102, 60, 0.14);
    border: 1px dashed rgba(105, 102, 60, 0.28);
    box-shadow: none;
}

@media (max-width: 1280px) {
    .calendar-page[b-h05liem5in] {
        grid-template-columns: 1fr;
    }

    .feed-panel[b-h05liem5in] {
        min-height: 0;
        border-radius: 28px;
        border-left: none;
    }
}

@media (max-width: 860px) {
    .calendar-panel[b-h05liem5in],
    .feed-panel[b-h05liem5in] {
        padding: 1.35rem;
    }

    .calendar-grid[b-h05liem5in] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .weekday[b-h05liem5in] {
        display: none;
    }

    .date-cell[b-h05liem5in] {
        min-height: 150px;
    }
}

@media (max-width: 560px) {
    .calendar-page[b-h05liem5in] {
        gap: 1rem;
    }

    .calendar-grid[b-h05liem5in] {
        grid-template-columns: 1fr;
    }

    .calendar-panel-header[b-h05liem5in] {
        flex-direction: column;
    }

    .feed-day-header[b-h05liem5in] {
        grid-template-columns: auto 1fr;
    }

}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-g0cy28fbju] {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 24px;
}

.recent-notes-panel[b-g0cy28fbju]{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Main Grid: This Week + Today's Agenda */

.week-chart[b-g0cy28fbju] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.chart-placeholder[b-g0cy28fbju] {
    min-height: 160px;
    background: linear-gradient(180deg, #F6F2F9 0%, #FDFBFF 100%);
    border-radius: 24px;
    border: 1px solid rgba(167, 140, 251, 0.08);
}

.week-days[b-g0cy28fbju] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1rem;
    text-align: center;
}

.week-day-label[b-g0cy28fbju] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    border-radius: 16px;
    background: #F6F2F9;
    transition: background 0.2s ease;
}

.week-day-label:hover[b-g0cy28fbju] {
    background: rgba(167, 140, 251, 0.08);
}

.week-day-today[b-g0cy28fbju] {
    background: rgba(167, 140, 251, 0.18);
}


/* Secondary Grid: Recent Notes + Scratch Pad */
.dashboard-grid-secondary[b-g0cy28fbju] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.reminder[b-g0cy28fbju]{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 11px;
    gap: 5px;

    width: 390px;
    height: 55px;

    background: rgba(246, 122, 223, 0.25);
    border-left: 3px solid #F67ADF;
    border-radius: 0px 25px 25px 0px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}

.task[b-g0cy28fbju]{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 11px;
    gap: 5px;

    width: 390px;
    height: 55px;

    background: rgba(80, 75, 239, 0.25);
    border-left: 3px solid #504BEF;
    border-radius: 0px 25px 25px 0px;

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}


/* ---------------------- Scratch Pad ----------------------- */
.scratch-input[b-g0cy28fbju] {
    width: 100%;
    min-height: 250px;
    padding: 40px;
    border-radius: 12px;
    background: #F6F2F9;
    resize: vertical;
    transition: border-color 0.2s ease, background 0.2s ease;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}


.scratch-input:focus[b-g0cy28fbju] {
    outline: none;
    border-color: rgba(167, 140, 251, 0.35);
   
}

.scratch-input[b-g0cy28fbju]::placeholder {
    color: var(--secondary-blue);
    opacity: 0.6;
}

/* ---------------------- Quick Access Section ----------------------- */

/* Responsive */
@media (max-width: 1200px) {
    .dashboard-grid-main[b-g0cy28fbju] {
        grid-template-columns: 1fr;
    }

    .dashboard-grid-secondary[b-g0cy28fbju] {
        grid-template-columns: 1fr;
    }

    .notes-grid[b-g0cy28fbju] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-g0cy28fbju] {
        gap: 1.5rem;
        padding: 1.5rem 0;
    }

    .this-week-panel[b-g0cy28fbju],
    .todays-agenda-panel[b-g0cy28fbju],
    .recent-notes-panel[b-g0cy28fbju],
    .scratch-pad-panel[b-g0cy28fbju],
    .quick-access-section[b-g0cy28fbju] {
        padding: 1.5rem;
    }

    .folders-grid[b-g0cy28fbju] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Directory.razor.rz.scp.css */
/* =========================================================
   Directory Page — Scoped Styles
   Design tokens: surface=#fefcf1, primary=#69663c, on_primary_container=#37392c
   ========================================================= */

.directory-page[b-9uylkvf5fv] {
    --dir-bg: #fbf7ea;
    --dir-sidebar-bg: linear-gradient(180deg, #efe8d4 0%, #ece5cf 100%);
    --dir-panel-bg: rgba(255, 251, 242, 0.72);
    --dir-text: #37392c;
    --dir-muted: #8f896c;
    --dir-heading: #474226;
    --dir-primary: #69663c;
    --dir-tree-active-bg: #E9E9D7;
    display: grid;
    grid-template-columns: minmax(260px, 310px) minmax(0, 1fr);
    min-height: calc(100vh - 3.2rem);
    color: var(--dir-text);
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.76), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0)),
        var(--dir-bg);
    overflow: hidden;
}

/* ── Sidebar ──────────────────────────────────────────── */
.directory-sidebar[b-9uylkvf5fv] {
    background: var(--dir-sidebar-bg);
    padding: 2rem 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.directory-sidebar-header[b-9uylkvf5fv] {
    display: grid;
    gap: 0.3rem;
    padding: 0 1.4rem;
}

.directory-sidebar-header h1[b-9uylkvf5fv] {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--dir-heading);
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
}

.directory-status[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 1rem;
    margin: 0 1.4rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.7);
    color: #726a47;
    font-size: 0.85rem;
    font-family: 'Manrope', 'Inter', sans-serif;
}

/* ── Tree Panel ───────────────────────────────────────── */
.directory-tree-panel[b-9uylkvf5fv] {
    flex: 1;
    overflow-y: auto;
    padding: 0.25rem 0;
}

.directory-tree[b-9uylkvf5fv] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0.5rem;
}

/* ── Tree Node Row ────────────────────────────────────── */
.tree-node-row[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 2px;
    border-radius: 8px;
    min-height: 28px;
}

.tree-node-row:hover[b-9uylkvf5fv] {
    background: rgba(233, 233, 215, 0.4);
}

/* Chevron toggle button */
.tree-node-chevron-btn[b-9uylkvf5fv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    color: var(--dir-primary);
}

.tree-node-chevron-btn:hover[b-9uylkvf5fv] {
    background: rgba(105, 102, 60, 0.1);
}

/* Folder/note label button */
.tree-node[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    padding: 4px 6px;
    border-radius: 6px;
    cursor: pointer;
    text-align: left;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--dir-text);
    line-height: 1.4;
    transition: background 0.12s ease;
}

.tree-node:hover[b-9uylkvf5fv] {
    background: rgba(233, 233, 215, 0.6);
}

.tree-node-active[b-9uylkvf5fv] {
    background: var(--dir-tree-active-bg) !important;
    font-weight: 700;
}

.tree-node-icon[b-9uylkvf5fv] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.tree-node-label[b-9uylkvf5fv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
    color: var(--dir-text);
}

/* Children container (indented) */
.tree-node-children[b-9uylkvf5fv] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tree-node-group[b-9uylkvf5fv] {
    display: flex;
    flex-direction: column;
}

/* ── Folder Studio ────────────────────────────────────── */
.folder-studio[b-9uylkvf5fv] {
    margin: 0 0.9rem;
    background:
        radial-gradient(circle at top center, rgba(255, 255, 255, 0.72), transparent 55%),
        rgba(255, 251, 242, 0.72);
    border: 1px solid rgba(117, 108, 71, 0.08);
    border-radius: 24px;
    padding: 1.2rem;
    box-shadow: 0 20px 40px rgba(92, 84, 52, 0.05);
    display: grid;
    gap: 0.9rem;
}

.folder-studio h2[b-9uylkvf5fv] {
    margin: 0;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: 1.65rem;
    color: var(--dir-heading);
}

.studio-field[b-9uylkvf5fv] {
    display: grid;
    gap: 0.4rem;
}

.studio-field label[b-9uylkvf5fv],
.studio-toggle[b-9uylkvf5fv] {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: #6d6847;
}

.studio-input[b-9uylkvf5fv] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(117, 108, 71, 0.14);
    background: rgba(255, 255, 255, 0.8);
    padding: 0.75rem 0.9rem;
    color: #504b31;
    outline: none;
    box-shadow: none;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
}

.studio-input:focus[b-9uylkvf5fv] {
    border-color: rgba(117, 108, 71, 0.28);
    background: rgba(255, 255, 255, 0.95);
}

.studio-textarea[b-9uylkvf5fv] {
    resize: vertical;
    min-height: 90px;
}

.studio-toggle[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.studio-actions[b-9uylkvf5fv] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.studio-primary[b-9uylkvf5fv],
.studio-secondary[b-9uylkvf5fv] {
    min-height: 42px;
    padding: 0.6rem 1.1rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.studio-primary[b-9uylkvf5fv] {
    background: #777141;
    color: #fffdf4;
}

.studio-primary:hover[b-9uylkvf5fv] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(92, 84, 52, 0.15);
}

.studio-secondary[b-9uylkvf5fv] {
    background: rgba(255, 255, 255, 0.72);
    color: #6a6544;
    border-color: rgba(117, 108, 71, 0.12);
}

.studio-secondary:hover[b-9uylkvf5fv] {
    background: rgba(255, 255, 255, 0.9);
}


/* ── Topbar ───────────────────────────────────────────── */

.directory-breadcrumbs[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    padding-top: 0.35rem;
}

.breadcrumb-separator[b-9uylkvf5fv] {
    color: #aaa17f;
    font-size: 1.1rem;
}

.breadcrumb-link[b-9uylkvf5fv] {
    border: none;
    background: transparent;
    padding: 0;
    color: #7f7860;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
}

.breadcrumb-link-active[b-9uylkvf5fv] {
    color: #5b5433;
    font-weight: 700;
}

.top-action-button[b-9uylkvf5fv],
.toolbar-icon-button[b-9uylkvf5fv] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 999px;
    border: 1.5px solid currentColor;
    background: rgba(255, 255, 255, 0.62);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.top-action-button:hover[b-9uylkvf5fv],
.toolbar-icon-button:hover[b-9uylkvf5fv] {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(92, 84, 52, 0.08);
}

.top-action-note[b-9uylkvf5fv] {
    color: #5c59f0;
}

.top-action-folder[b-9uylkvf5fv] {
    color: #f67adf;
}

.toolbar-icon-button[b-9uylkvf5fv] {
    color: #6e6846;
}

.directory-search[b-9uylkvf5fv] {
    min-width: min(100%, 280px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.1rem 0.3rem 0.1rem 1rem;
    border-radius: 999px;
    background: rgba(255, 252, 245, 0.78);
    border: 1px solid rgba(117, 108, 71, 0.05);
}

.directory-search input[b-9uylkvf5fv] {
    border: none;
    outline: none;
    background: transparent;
    color: #80785d;
    padding: 0.65rem 0;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: 0.95rem;
    font-style: italic;
}

.directory-search input[b-9uylkvf5fv]::placeholder {
    color: #968e72;
}

.search-icon[b-9uylkvf5fv] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #746d4b;
}

/* ── Section ──────────────────────────────────────────── */
.directory-section[b-9uylkvf5fv] {
    display: grid;
    gap: 1.4rem;
}

.notes-section[b-9uylkvf5fv] {
    gap: 1.2rem;
}

.section-header[b-9uylkvf5fv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.section-header h2[b-9uylkvf5fv] {
    margin: 0.15rem 0 0;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: clamp(1.9rem, 2.8vw, 2.8rem);
    line-height: 1;
    color: var(--dir-heading);
}

.section-link[b-9uylkvf5fv] {
    border: none;
    background: transparent;
    padding: 0;
    color: #6c6743;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 0.55rem;
}

/* ── Folder Cards ─────────────────────────────────────── */
.folder-card-grid[b-9uylkvf5fv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.folder-card[b-9uylkvf5fv] {
    position: relative;
    border-radius: 24px;
    padding: 1.2rem 1.3rem 1.3rem;
    box-shadow: 0 22px 40px rgba(216, 202, 150, 0.18);
    min-height: 190px;
}

.folder-card-top[b-9uylkvf5fv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.folder-card-icon[b-9uylkvf5fv] {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6f6848;
    background: rgba(255, 255, 255, 0.34);
}

.folder-card-tools[b-9uylkvf5fv] {
    display: flex;
    gap: 0.35rem;
}

.folder-card-title[b-9uylkvf5fv] {
    display: block;
    margin-top: 1.3rem;
    border: none;
    background: transparent;
    padding: 0;
    color: #4b4729;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: 1.75rem;
    line-height: 0.95;
    text-align: left;
    cursor: pointer;
}

.folder-card-meta[b-9uylkvf5fv],
.note-meta[b-9uylkvf5fv] {
    margin-top: 0.7rem;
    color: #8f8668;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.folder-card p[b-9uylkvf5fv],
.note-card p[b-9uylkvf5fv] {
    margin: 0.75rem 0 0;
    color: #746d54;
    line-height: 1.55;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
}

.folder-card-gold[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #f8f0c8 0%, #f5ebbb 100%);
}

.folder-card-sage[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #ecead5 0%, #e7e4ce 100%);
}

.folder-card-stone[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #efeddd 0%, #e8e5d2 100%);
}

.folder-card-rose[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #f6e9eb 0%, #f3e1e6 100%);
}

.card-icon-button[b-9uylkvf5fv] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    border: 1px solid rgba(117, 108, 71, 0.12);
    background: rgba(255, 255, 255, 0.66);
    color: #6e6846;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card-icon-button:hover[b-9uylkvf5fv] {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(92, 84, 52, 0.1);
}

.card-icon-button-danger[b-9uylkvf5fv] {
    color: #a06b72;
}

/* ── Note Cards ───────────────────────────────────────── */
.note-card-grid[b-9uylkvf5fv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 1.3rem;
    align-items: start;
    max-width: 820px;
}

.note-card[b-9uylkvf5fv] {
    position: relative;
    border-radius: 24px;
    padding: 1.7rem 1.3rem 1.3rem;
    box-shadow: 0 22px 40px rgba(216, 202, 150, 0.18);
    min-height: 300px;
}

.note-card-clickable[b-9uylkvf5fv] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.note-card-clickable:hover[b-9uylkvf5fv] {
    transform: translateY(-2px);
    box-shadow: 0 30px 50px rgba(92, 84, 52, 0.1);
}

.note-card-gold[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #f5ebaa 0%, #f4e79a 100%);
}

.note-card-rose[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #f2d8e3 0%, #f0cfdb 100%);
}

.note-card-ivory[b-9uylkvf5fv] {
    background: linear-gradient(180deg, #f6f0dc 0%, #efe4bc 100%);
}

.note-tab[b-9uylkvf5fv] {
    position: absolute;
    top: -13px;
    left: 50%;
    width: 50px;
    height: 17px;
    transform: translateX(-50%);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.22);
}

.note-card h3[b-9uylkvf5fv] {
    margin: 0;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    color: #534d30;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    line-height: 1.05;
}

/* ── Note View Panel (inline editor) ─────────────────── */
.note-view-panel[b-9uylkvf5fv] {
    display: grid;
    gap: 1.2rem;
}

.note-view-topbar[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.note-view-back[b-9uylkvf5fv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid rgba(117, 108, 71, 0.14);
    background: rgba(255, 255, 255, 0.72);
    border-radius: 999px;
    padding: 0.45rem 1rem;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--dir-primary);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}

.note-view-back:hover[b-9uylkvf5fv] {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(92, 84, 52, 0.1);
}

.note-view-title[b-9uylkvf5fv] {
    margin: 0;
    font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    color: var(--dir-heading);
    line-height: 1;
}

/* ── Empty States ─────────────────────────────────────── */
.empty-panel[b-9uylkvf5fv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 20px;
    border: 1px dashed rgba(117, 108, 71, 0.18);
    padding: 1.2rem;
    color: #92886a;
    background: rgba(255, 255, 255, 0.42);
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
}

.empty-panel strong[b-9uylkvf5fv],
.empty-panel span[b-9uylkvf5fv] {
    display: block;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 13px;
}

.empty-panel strong[b-9uylkvf5fv] {
    color: #575131;
    font-weight: 700;
}

.empty-panel span[b-9uylkvf5fv] {
    margin-top: 0.2rem;
    color: #92886a;
}

/* ── MudIcon size overrides ───────────────────────────── */
[b-9uylkvf5fv] .mud-icon-root {
    font-size: 1.3rem;
}

.top-action-button[b-9uylkvf5fv]  .mud-icon-root,
.folder-card-icon[b-9uylkvf5fv]  .mud-icon-root {
    font-size: 1.5rem;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 1380px) {
    .folder-card-grid[b-9uylkvf5fv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .directory-page[b-9uylkvf5fv] {
        grid-template-columns: 1fr;
    }

    .directory-sidebar[b-9uylkvf5fv] {
        padding-bottom: 1rem;
    }
}

@media (max-width: 860px) {
    .directory-main[b-9uylkvf5fv] {
        padding: 1.4rem;
    }

    .directory-topbar[b-9uylkvf5fv],
    .section-header[b-9uylkvf5fv] {
        flex-direction: column;
    }

    .directory-toolbar[b-9uylkvf5fv] {
        width: 100%;
        justify-content: flex-start;
    }

    .directory-search[b-9uylkvf5fv] {
        min-width: 0;
        width: 100%;
    }

    .folder-card-grid[b-9uylkvf5fv],
    .note-card-grid[b-9uylkvf5fv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Habits.razor.rz.scp.css */
/* /Pages/Journal.razor.rz.scp.css */
.journal-page[b-edzvg2yxbi] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background-color: #FEFCF1;
    justify-content: center;
    /* overflow: hidden; */
}

.date-scroll[b-edzvg2yxbi] {
    display: flex;
    background: #FBFAEC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
    padding: 8px 16px;
    cursor: pointer;
    height: 80px;
    width: 418.99px;
}

.date-item[b-edzvg2yxbi] { 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 12px;
}

    .date-item.selected[b-edzvg2yxbi] {
        background: #EAE4B1;
        border-radius: 16px;
        font-weight: bold;
    }

/* Editor area fills remaining height */
.note-editor[b-edzvg2yxbi] {
    flex: 1;
    min-height: fit-content;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Stretch the TiptapEditor wrapper and ProseMirror host to fill */
[b-edzvg2yxbi] .editor-wrapper {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

[b-edzvg2yxbi] .editor-host {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

[b-edzvg2yxbi] .editor-host > .tiptap {
    flex: 1;
}

[b-edzvg2yxbi] .ProseMirror {
    flex: 1;
    min-height: 100%;
}


/* /Pages/Library.razor.rz.scp.css */
.library-page[b-i8wxpfnphs]{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.tree-view[b-i8wxpfnphs]{
    max-width: 300px;
    min-width: 200px;
    border: 1px solid #ccc;
    background-color: #FBFAEC;
    padding: 10px;
    height: 100vh;
}

.content-area[b-i8wxpfnphs]{
    flex: 1;
}

.selected[b-i8wxpfnphs]{
    background-color: #E9E9D7;
    border-radius: 8px;
    font-weight: 800;
}

.tree-folder-item[b-i8wxpfnphs], .tree-note-item[b-i8wxpfnphs]{
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tree-folder-item:hover[b-i8wxpfnphs], .tree-note-item:hover[b-i8wxpfnphs]{
    background-color: #e0e0e0;
}

.tree-subfolder[b-i8wxpfnphs] {
    margin-left: 20px;
}

.tree-subfolder-folder[b-i8wxpfnphs]{
    margin-left: 30px;
}
/* /Pages/Payments.razor.rz.scp.css */
/* /Pages/Projects.razor.rz.scp.css */
.projects-page[b-gz5jejxkhj]{
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
}
/* /Pages/ProjectX.razor.rz.scp.css */
.projectx-page[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    position: relative;
}

.projectx-header[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.projectx-empty-state[b-jweeuiktfa] {
    padding: 24px;
    border: 1px solid rgba(78, 62, 32, 0.1);
    border-radius: 24px;
    background: linear-gradient(180deg, #fbfaec 0%, #f6f0de 100%);
    color: #5b5139;
}

.timeline-view-switcher[b-jweeuiktfa] {
    display: inline-flex;
    gap: 8px;
    align-self: flex-start;
    padding: 6px;
    border-radius: 999px;
    background: #f2ead4;
    box-shadow: inset 0 0 0 1px rgba(109, 91, 55, 0.14);
}

.timeline-view-button[b-jweeuiktfa] {
    border: none;
    background: transparent;
    color: #7f704f;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.timeline-view-button.is-active[b-jweeuiktfa] {
    background: #fffdf5;
    color: #5d4f30;
    box-shadow: 0 6px 14px rgba(79, 67, 38, 0.08);
}

.timeline-board[b-jweeuiktfa] {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 82px;
    box-shadow: 0 18px 50px rgba(91, 74, 39, 0.08);
}

.timeline-floating-nav[b-jweeuiktfa] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    gap: 10px;
    z-index: 12;
}

.timeline-floating-nav-btn[b-jweeuiktfa] {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fffdf6;
    color: #5d4f30;
    box-shadow: 0 10px 20px rgba(79, 67, 38, 0.22), inset 0 0 0 1px rgba(109, 91, 55, 0.18);
}

.timeline-layout[b-jweeuiktfa] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    width: 100%;
}

.timeline-left-panel[b-jweeuiktfa] {
    border-right: 1px solid rgba(109, 91, 55, 0.12);
    background: linear-gradient(180deg, #fbfaec 0%, #f8f1de 100%);
}

.timeline-side-header[b-jweeuiktfa],
.timeline-phase-meta[b-jweeuiktfa] {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    padding: 20px 18px;
    background: transparent;
}

.timeline-side-header[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 70px;
}

.timeline-side-title[b-jweeuiktfa] {
    font-family: "Newsreader", serif;
    font-size: 1.6rem;
    line-height: 1;
    color: #4f4326;
}

.timeline-side-subtitle[b-jweeuiktfa] {
    color: #8a7b5b;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.timeline-scroll-region[b-jweeuiktfa] {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.timeline-header-track[b-jweeuiktfa] {
    display: flex;
    min-height: 70px;
    background: #FBFAEC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
}

.timeline-header-unit[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-right: 1px solid rgba(137, 120, 81, 0.1);
    color: #8b7c58;
    padding: 0 4px;
}

.timeline-unit-primary[b-jweeuiktfa],
.timeline-unit-secondary[b-jweeuiktfa] {
    font-size: 0.62rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timeline-unit-primary[b-jweeuiktfa] {
    font-family: "Newsreader", serif;
    font-size: 1.2rem;
    line-height: 1;
    color: #5b4d2f;
}

.timeline-header-unit.is-today[b-jweeuiktfa] {
    background: rgba(227, 215, 151, 0.76);
    border-radius: 0 0 18px 18px;
}

.timeline-phase-meta[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(137, 120, 81, 0.08);
}

.timeline-phase-overview[b-jweeuiktfa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.timeline-phase-overview h5[b-jweeuiktfa] {
    margin: 2px 0 0;
    font-family: "Newsreader", serif;
    font-size: 2rem;
    line-height: 1;
    color: #5d4f30;
}

.timeline-phase-kicker[b-jweeuiktfa] {
    color: #8a7b5b;
    font-size: 0.85rem;
}

.timeline-phase-progress[b-jweeuiktfa] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.83rem;
    font-weight: 600;
}

.timeline-phase-description[b-jweeuiktfa],
.timeline-phase-range[b-jweeuiktfa],
.timeline-task-dates[b-jweeuiktfa] {
    color: #8a7b5b;
    font-size: 0.8rem;
}

.timeline-phase-actions[b-jweeuiktfa] {
    display: flex;
    gap: 8px;
}

.timeline-action-button[b-jweeuiktfa] {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fffdf6;
    color: #5d4f30;
    box-shadow: inset 0 0 0 1px rgba(109, 91, 55, 0.16);
}

.timeline-task-meta[b-jweeuiktfa] {
    padding-top: 10px;
    border-top: 1px solid rgba(137, 120, 81, 0.08);
}

.timeline-task-empty[b-jweeuiktfa] {
    display: flex;
    align-items: center;
}

.timeline-task-title-row[b-jweeuiktfa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.timeline-task-title[b-jweeuiktfa] {
    font-size: 0.96rem;
    color: #5b4d2f;
    line-height: 1.2;
}

.timeline-task-status[b-jweeuiktfa] {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.timeline-task-status.is-completed[b-jweeuiktfa] {
    color: #0f8b58;
    background: rgba(15, 139, 88, 0.12);
}

.timeline-task-status.is-in-progress[b-jweeuiktfa] {
    color: #d97706;
    background: rgba(245, 158, 11, 0.18);
}

.timeline-task-status.is-not-started[b-jweeuiktfa] {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.12);
}

.timeline-track-shell[b-jweeuiktfa] {
    position: relative;
    border-top: 1px solid rgba(137, 120, 81, 0.08);
}

.timeline-track-canvas[b-jweeuiktfa] {
    position: relative;
    background-image: linear-gradient(to right, rgba(137, 120, 81, 0.12) 1px, transparent 1px);
    background-size: var(--day-width) 100%;
}

.timeline-track-canvas[b-jweeuiktfa]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.timeline-today-marker[b-jweeuiktfa] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(54, 128, 92, 0.7);
    z-index: 1;
}

.phase-bar[b-jweeuiktfa] {
    position: absolute;
    border-radius: 999px;
    z-index: 2;
}

.task-bar[b-jweeuiktfa] {
    position: absolute;
    height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    color: #fffef6;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(79, 67, 38, 0.16);
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 3;
}

.task-bar.is-completed[b-jweeuiktfa] {
    filter: saturate(0.82) brightness(0.92);
}

.task-bar.is-not-started[b-jweeuiktfa] {
    opacity: 0.92;
}

@media (max-width: 900px) {
    .timeline-layout[b-jweeuiktfa] {
        grid-template-columns: 272px minmax(0, 1fr);
    }

    .timeline-side-header[b-jweeuiktfa],
    .timeline-phase-meta[b-jweeuiktfa] {
        width: 272px;
        min-width: 272px;
        max-width: 272px;
    }

    .timeline-phase-overview h5[b-jweeuiktfa] {
        font-size: 1.6rem;
    }

    .timeline-floating-nav[b-jweeuiktfa] {
        right: 12px;
        bottom: 12px;
    }

    .timeline-floating-nav-btn[b-jweeuiktfa] {
        width: 40px;
        height: 40px;
    }
}
/* /Pages/TaskBoard.razor.rz.scp.css */
.hour-indicator[b-rjz6hoi4gm] {
    background-color: var(--light-green);
    padding: 0.5rem;
    border-radius: 5px;
}

.day-header-wrapper[b-rjz6hoi4gm] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
}

.day-header[b-rjz6hoi4gm] {
    color: var(--light-green);
    background-color: var(--secondary-green);
    width: 100%;
    padding: 2px 2px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.time-row[b-rjz6hoi4gm] {
    min-height: 75px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
}

.calendar[b-rjz6hoi4gm] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.time-col[b-rjz6hoi4gm] {
    width: fit-content;
    height: fit-content;
    background: var(--light-green);
    border-radius: 5px;
    padding: 2px;
    font-size: 24px;
}

.calendar-cell[b-rjz6hoi4gm] {
    position: relative;
    background-color: var(--light-green);
    min-height: 150px;
}