/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-147oa62ucd],
.components-reconnect-repeated-attempt-visible[b-147oa62ucd],
.components-reconnect-failed-visible[b-147oa62ucd],
.components-pause-visible[b-147oa62ucd],
.components-resume-failed-visible[b-147oa62ucd],
.components-rejoining-animation[b-147oa62ucd] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-retrying[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-failed[b-147oa62ucd],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-147oa62ucd] {
    display: block;
}


#components-reconnect-modal[b-147oa62ucd] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-147oa62ucd 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-147oa62ucd 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-147oa62ucd 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-147oa62ucd]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-147oa62ucd 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-147oa62ucd {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-147oa62ucd {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-147oa62ucd {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-147oa62ucd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-147oa62ucd] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-147oa62ucd] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-147oa62ucd] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-147oa62ucd] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-147oa62ucd] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-147oa62ucd] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-147oa62ucd 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-147oa62ucd] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-147oa62ucd {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Notifications/NotificationList.razor.rz.scp.css */
.nday[b-kdwfa80jh9] { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); padding: 12px var(--pad-card) 6px; border-top: 1px solid var(--line); background: var(--bg-2); }
.nday:first-child[b-kdwfa80jh9] { border-top: 0; }
.nrow[b-kdwfa80jh9] { position: relative; }
.nrow .body p[b-kdwfa80jh9] { font-size: .9rem; }
.nrow .body p b[b-kdwfa80jh9] { font-weight: 500; }
.nrow:not(.unread) .body p b[b-kdwfa80jh9] { font-weight: 400; color: var(--text-2); }
.ntext[b-kdwfa80jh9] { font-size: .86rem; color: var(--text-2); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nmerged[b-kdwfa80jh9] { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 6px; }
.nmerged a[b-kdwfa80jh9] { color: var(--primary-fg); }
.nacts[b-kdwfa80jh9] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.ntools[b-kdwfa80jh9] { display: flex; gap: 2px; opacity: 0; transition: opacity var(--t-fast); }
.nrow:hover .ntools[b-kdwfa80jh9], .nrow:focus-within .ntools[b-kdwfa80jh9] { opacity: 1; }
.link-btn[b-kdwfa80jh9] { color: var(--primary-fg); font-size: .8rem; padding: 0; background: none; }
.link-btn:hover[b-kdwfa80jh9] { text-decoration: underline; }

@media (hover: none) {
    .ntools[b-kdwfa80jh9] { opacity: 1; }
}
/* /Components/Notifications/NotificationPreferences.razor.rz.scp.css */
.nm-wrap[b-pqihwtc22j] { overflow-x: auto; }
.nm[b-pqihwtc22j] { width: 100%; border-collapse: collapse; }
.nm th[b-pqihwtc22j] { font-family: var(--font-mono); font-weight: 500; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--text-3); padding: 8px; text-align: center; white-space: nowrap; }
.nm th:first-child[b-pqihwtc22j] { text-align: left; }
.nm td[b-pqihwtc22j] { padding: 8px; border-top: 1px solid var(--line); text-align: center; }
.nm td:first-child[b-pqihwtc22j] { text-align: left; font-size: .92rem; }
.nm td .check[b-pqihwtc22j] { justify-content: center; }
.field[b-pqihwtc22j] { margin: 0; }
.devices[b-pqihwtc22j] { border: 1px solid var(--line); border-radius: var(--r); }

@media (max-width: 520px) {
    .nm th:nth-child(5)[b-pqihwtc22j], .nm td:nth-child(5)[b-pqihwtc22j] { display: none; }
}
/* /Components/Pages/Decide.razor.rz.scp.css */
/* Quadrant colours: tokens only (Q1 primary, Q2 info, Q3 warn, Q4 muted). */
.q1[b-z7atsuo9rs] { --qc: var(--primary); }
.q2[b-z7atsuo9rs] { --qc: var(--info); }
.q3[b-z7atsuo9rs] { --qc: var(--warn); }
.q4[b-z7atsuo9rs] { --qc: var(--text-3); }

/* Triage */
.triage[b-z7atsuo9rs] { padding: 14px 16px; margin-bottom: var(--gap); border-color: var(--primary-line); }
.triage-head[b-z7atsuo9rs] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.triage-item[b-z7atsuo9rs] { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.triage-item .t[b-z7atsuo9rs] { font-weight: 600; }
.triage-keys[b-z7atsuo9rs] { display: flex; gap: 6px; flex-wrap: wrap; }
.tk[b-z7atsuo9rs] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: var(--r-s); border: 1px solid var(--line-2); font-size: .85rem; }
.tk kbd[b-z7atsuo9rs] { background: var(--qc); color: var(--bg); border-color: transparent; }
.tk:hover[b-z7atsuo9rs], .tk.suggested[b-z7atsuo9rs] { border-color: var(--qc); background: color-mix(in srgb, var(--qc) 12%, transparent); }

/* Layout */
.decide-grid[b-z7atsuo9rs] { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--gap); align-items: start; }
.matrix[b-z7atsuo9rs] { display: grid; grid-template-columns: 26px 1fr 1fr; grid-template-rows: auto auto 26px; gap: 12px; }
.axis-y[b-z7atsuo9rs], .axis-x[b-z7atsuo9rs] { font-family: var(--font-mono); font-size: .72rem; color: var(--text-3); text-transform: uppercase; letter-spacing: .14em; display: flex; align-items: center; justify-content: center; }
.axis-y[b-z7atsuo9rs] { writing-mode: vertical-rl; transform: rotate(180deg); }

/* Quadrants */
.quad[b-z7atsuo9rs] { position: relative; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-l); padding: 14px; min-height: 240px; display: flex; flex-direction: column; gap: 10px; }
.quad[b-z7atsuo9rs]::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--qc); }
.quad-head[b-z7atsuo9rs] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.quad-head h2[b-z7atsuo9rs] { font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; letter-spacing: .02em; }
.quad-head .n[b-z7atsuo9rs] { font-family: var(--font-mono); font-size: .8rem; color: var(--text-2); }
.quad-head .hint[b-z7atsuo9rs] { margin-left: auto; font-size: .8rem; color: var(--text-2); }
.quad-cards[b-z7atsuo9rs] { display: flex; flex-direction: column; gap: 8px; position: relative; z-index: 1; }
.quad .big[b-z7atsuo9rs] { position: absolute; right: 10px; bottom: -24px; font-family: var(--font-display); font-size: 7rem; font-weight: 700; color: var(--qc); opacity: .07; pointer-events: none; }

.dcard[b-z7atsuo9rs] { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r); padding: 9px 11px; display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; cursor: pointer; transition: border-color var(--t-fast), transform var(--t-fast); }
.dcard:hover[b-z7atsuo9rs] { border-color: var(--qc); transform: translateY(-1px); }
.dcard.sel[b-z7atsuo9rs] { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary); }
.dcard.cursor[b-z7atsuo9rs] { box-shadow: inset 3px 0 0 var(--qc); }
.dcard .t[b-z7atsuo9rs] { font-weight: 600; line-height: 1.25; font-size: .92rem; }
.dcard .sc[b-z7atsuo9rs] { font-family: var(--font-mono); font-weight: 500; color: var(--qc); }
.dcard .m[b-z7atsuo9rs] { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: .8rem; color: var(--text-2); }
.q4 .dcard[b-z7atsuo9rs] { opacity: .8; }

/* Panel */
.decide-panel[b-z7atsuo9rs] { position: sticky; top: calc(var(--top-h) + 16px); max-height: calc(100vh - var(--top-h) - 32px); overflow: auto; }
.verdict[b-z7atsuo9rs] { display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; align-items: center; padding: 14px 16px; border-radius: var(--r-l); background: color-mix(in srgb, var(--qc) 16%, var(--surface)); border: 1px solid color-mix(in srgb, var(--qc) 45%, transparent); }
.verdict .num[b-z7atsuo9rs] { font-family: var(--font-display); font-size: 3.6rem; font-weight: 700; line-height: .9; color: var(--qc); }
.verdict .act[b-z7atsuo9rs] { font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; }
.sliders[b-z7atsuo9rs] { display: flex; flex-direction: column; gap: 12px; }
.slider[b-z7atsuo9rs] { display: grid; grid-template-columns: 1fr 44px; gap: 4px 10px; align-items: center; }
.slider label[b-z7atsuo9rs] { display: flex; justify-content: space-between; gap: 8px; font-size: .88rem; }
.slider label small[b-z7atsuo9rs] { color: var(--text-3); font-weight: 400; }
.slider output[b-z7atsuo9rs] { text-align: right; }
.slider input[b-z7atsuo9rs] { grid-column: 1 / -1; }

@media (max-width: 1180px) { .decide-grid[b-z7atsuo9rs] { grid-template-columns: 1fr; } .decide-panel[b-z7atsuo9rs] { position: static; max-height: none; } }
@media (max-width: 820px) {
    .matrix[b-z7atsuo9rs] { grid-template-columns: 1fr; }
    .axis-y[b-z7atsuo9rs], .axis-x[b-z7atsuo9rs], .matrix > div:empty[b-z7atsuo9rs] { display: none; }
    /* Priority order on phones: do, plan, delegate, eliminate */
    .quad.q1[b-z7atsuo9rs] { order: 1; } .quad.q2[b-z7atsuo9rs] { order: 2; } .quad.q3[b-z7atsuo9rs] { order: 3; } .quad.q4[b-z7atsuo9rs] { order: 4; }
}
/* /Components/Pages/Focus.razor.rz.scp.css */
.focus-top[b-0yp6o5s2y5] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.blocks[b-0yp6o5s2y5] { display: inline-flex; gap: 4px; }
.blocks i[b-0yp6o5s2y5] { width: 18px; height: 4px; border-radius: 2px; background: var(--line-2); }
.blocks i.done[b-0yp6o5s2y5] { background: var(--primary); }
.blocks i.current[b-0yp6o5s2y5] { background: var(--primary); opacity: .45; animation: pulse-b-0yp6o5s2y5 1.6s infinite; }

.focus-grid[b-0yp6o5s2y5] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; max-width: 1180px; }
.focus-main[b-0yp6o5s2y5] { padding-top: 6px; }
.focus-title[b-0yp6o5s2y5] { font-family: var(--font-display); font-weight: 600; font-size: clamp(2.4rem, 4.6vw, 4.2rem); line-height: 1.02; letter-spacing: .005em; margin: 16px 0 8px; text-wrap: balance; overflow-wrap: anywhere; }
.focus-desc[b-0yp6o5s2y5] { color: var(--text-2); font-size: 1.02rem; line-height: 1.6; max-width: 62ch; margin-top: 18px; }
.focus-comments[b-0yp6o5s2y5] { max-width: 62ch; margin-top: 18px; }

.steps[b-0yp6o5s2y5] { margin-top: 26px; display: flex; flex-direction: column; border-top: 1px solid var(--line); padding-top: 10px; gap: 2px; }
.step[b-0yp6o5s2y5] { padding: 10px 2px; border-bottom: 1px solid var(--line); font-size: 1rem; width: 100%; }
.step.ok .grow[b-0yp6o5s2y5] { color: var(--text-2); text-decoration: line-through; text-decoration-color: var(--text-3); }

.focus-side[b-0yp6o5s2y5] { display: flex; flex-direction: column; gap: 16px; }
.timer-wrap[b-0yp6o5s2y5] { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.timer[b-0yp6o5s2y5] { position: relative; width: 240px; height: 240px; }
.timer svg[b-0yp6o5s2y5] { width: 100%; height: 100%; transform: rotate(-90deg); }
#focus-arc[b-0yp6o5s2y5] { transition: stroke-dashoffset .5s linear; }
.timer-c[b-0yp6o5s2y5] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.timer-t[b-0yp6o5s2y5] { font-family: var(--font-display); font-weight: 600; font-size: 3.6rem; letter-spacing: .02em; font-variant-numeric: tabular-nums; line-height: 1; }

@keyframes pulse-b-0yp6o5s2y5 { 50% { opacity: .2; } }

@media (max-width: 980px) {
    .focus-grid[b-0yp6o5s2y5] { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .focus-side[b-0yp6o5s2y5] { display: contents; }
    .timer-wrap[b-0yp6o5s2y5] { order: -1; }
    .timer[b-0yp6o5s2y5] { width: 190px; height: 190px; }
    .timer-t[b-0yp6o5s2y5] { font-size: 2.8rem; }
}
/* /Components/Pages/Inbox.razor.rz.scp.css */
.inbox-tabs[b-ko90c3leef] { margin-bottom: 14px; }
.inbox-tabs .saved-tab[b-ko90c3leef] { display: inline-flex; align-items: center; position: relative; }
.inbox-tabs .saved-tab > button:first-child[b-ko90c3leef] { height: 40px; padding: 0 6px 0 14px; color: var(--text-2); font-weight: 500; display: inline-flex; align-items: center; gap: 6px; }
.inbox-tabs .saved-tab.on > button:first-child[b-ko90c3leef] { color: var(--text); }
.inbox-tabs .saved-tab.on[b-ko90c3leef]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; background: var(--primary); border-radius: 2px; }
.inbox-tabs .saved-tab .x[b-ko90c3leef] { padding: 0 8px; color: var(--text-3); height: 40px; }
.inbox-tabs .saved-tab .x:hover[b-ko90c3leef] { color: var(--bad); }

.inbox-toolbar[b-ko90c3leef] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: var(--gap); }

.inbox-table tr.cursor[b-ko90c3leef] { box-shadow: inset 3px 0 0 var(--primary); background: var(--surface-2); }
.inbox-table tr.group-row td[b-ko90c3leef] { background: var(--bg-2); border-top: 1px solid var(--line); padding-top: 8px; padding-bottom: 8px; }
.inbox-table tr.group-row:hover[b-ko90c3leef] { background: transparent; }

.inbox-cards[b-ko90c3leef] { display: none; }
.inbox-card[b-ko90c3leef] { display: flex; gap: 12px; padding: 12px 14px; border-top: 1px solid var(--line); cursor: pointer; }
.inbox-card .t[b-ko90c3leef] { font-weight: 500; }
.inbox-card .sub[b-ko90c3leef] { font-size: .85rem; color: var(--text-2); margin-top: 4px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.inbox-card.sel[b-ko90c3leef] { background: var(--primary-soft); }
.inbox-card.cursor[b-ko90c3leef] { box-shadow: inset 3px 0 0 var(--primary); }

.bulk-bar[b-ko90c3leef] {
    position: sticky; bottom: 16px; z-index: 20; margin-top: var(--gap);
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 14px;
    background: var(--surface-3); border: 1px solid var(--line-2); border-radius: var(--r-l); box-shadow: var(--shadow-2);
    animation: toastIn .2s var(--ease);
}

@media (max-width: 820px) {
    .inbox-table[b-ko90c3leef] { display: none; }
    .inbox-cards[b-ko90c3leef] { display: block; }
    .bulk-bar[b-ko90c3leef] { bottom: 78px; }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.nfilters[b-r9mmvicihr] { gap: 8px; align-items: center; }
.nsearch[b-r9mmvicihr] { width: 240px; margin-left: auto; }

@media (max-width: 820px) {
    .nsearch[b-r9mmvicihr] { width: 100%; margin-left: 0; }
}
/* /Components/Pages/Plan.razor.rz.scp.css */
.plan-grid[b-p0c3qgqof4] { display: grid; grid-template-columns: 300px minmax(0, 1fr) 280px; gap: var(--gap); align-items: start; }

/* Backlog */
.bl-item[b-p0c3qgqof4] { display: flex; gap: 10px; align-items: center; padding: 9px 10px; border: 1px solid var(--line); border-left: 3px solid var(--sc); border-radius: var(--r); background: var(--bg); cursor: grab; }
.bl-item:hover[b-p0c3qgqof4] { border-color: var(--line-2); border-left-color: var(--sc); }
.bl-item:active[b-p0c3qgqof4] { cursor: grabbing; }
.bl-item .t[b-p0c3qgqof4] { font-weight: 500; font-size: .92rem; line-height: 1.3; }

/* Timeline */
.legend[b-p0c3qgqof4] { font-size: .8rem; color: var(--text-2); gap: 12px; }
.legend span[b-p0c3qgqof4] { display: inline-flex; align-items: center; gap: 5px; }
.lg[b-p0c3qgqof4] { width: 12px; height: 10px; border-radius: 3px; display: inline-block; }
.lg.meet[b-p0c3qgqof4] { background: repeating-linear-gradient(135deg, var(--surface-3), var(--surface-3) 3px, transparent 3px, transparent 6px); border: 1px solid var(--line-2); }
.lg.acc[b-p0c3qgqof4] { background: var(--primary); }
.lg.sug[b-p0c3qgqof4] { border: 1.5px dashed var(--primary); }
.tl-scroll[b-p0c3qgqof4] { max-height: calc(100vh - 260px); overflow-y: auto; padding: 12px 12px 12px 0; }
.tl[b-p0c3qgqof4] { position: relative; }
.tl-hour[b-p0c3qgqof4] { position: absolute; left: 0; right: 0; height: 64px; border-top: 1px solid var(--line); }
.tl-hour[b-p0c3qgqof4]::after { content: ""; position: absolute; left: 62px; right: 0; top: 32px; border-top: 1px dotted var(--line); }
.tl-hour label[b-p0c3qgqof4] { position: absolute; left: 12px; top: -8px; background: var(--surface); padding-right: 6px; font-family: var(--font-mono); font-size: .75rem; color: var(--text-3); }
.tl-window[b-p0c3qgqof4] { position: absolute; left: 62px; right: 0; background: var(--primary-soft); opacity: .35; pointer-events: none; }
.tl-lane[b-p0c3qgqof4] { position: absolute; left: 66px; right: 0; top: 0; bottom: 0; }
.tl-now[b-p0c3qgqof4] { position: absolute; left: -8px; right: 0; border-top: 2px solid var(--primary); z-index: 4; pointer-events: none; }
.tl-now span[b-p0c3qgqof4] { position: absolute; left: -54px; top: -9px; font-family: var(--font-mono); font-size: .74rem; color: var(--primary-fg); background: var(--surface); padding: 0 3px; }

.pb[b-p0c3qgqof4] { position: absolute; border-radius: var(--r-s); padding: 5px 8px; overflow: hidden; display: flex; flex-direction: column; gap: 1px; font-size: .84rem; border: 1px solid transparent; }
.pb .pt[b-p0c3qgqof4] { font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pb .pm[b-p0c3qgqof4] { font-size: .74rem; opacity: .8; font-family: var(--font-mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb .pa[b-p0c3qgqof4] { position: absolute; top: 3px; right: 4px; display: none; gap: 2px; }
.pb:hover .pa[b-p0c3qgqof4] { display: flex; }
.pb .pa button[b-p0c3qgqof4] { width: 22px; height: 22px; border-radius: 5px; background: var(--surface-3); color: var(--text); font-size: .8rem; }
.pb .pa button:hover[b-p0c3qgqof4] { background: var(--primary); color: var(--primary-ink); }
.pb.meet[b-p0c3qgqof4] { background: repeating-linear-gradient(135deg, var(--surface-2), var(--surface-2) 6px, transparent 6px, transparent 12px); border-color: var(--line-2); color: var(--text-2); }
.pb.acc[b-p0c3qgqof4] { background: color-mix(in srgb, var(--sc) 20%, var(--surface)); border-color: color-mix(in srgb, var(--sc) 45%, transparent); box-shadow: inset 3px 0 0 var(--sc); cursor: grab; }
.pb.sug[b-p0c3qgqof4] { border: 1.5px dashed var(--primary); background: var(--primary-soft); cursor: grab; }
.pb.sug .pa[b-p0c3qgqof4] { display: flex; }
.pb.past[b-p0c3qgqof4] { opacity: .5; }
.pb.short[b-p0c3qgqof4] { justify-content: center; padding: 2px 8px; }
.pb.short .pm[b-p0c3qgqof4] { display: none; }
.pb.short .pt .mono[b-p0c3qgqof4] { margin-right: 6px; font-weight: 500; }
.pb.short .pa[b-p0c3qgqof4] { top: 50%; transform: translateY(-50%); }

/* Side */
.cap-line[b-p0c3qgqof4] { display: flex; justify-content: space-between; font-size: .9rem; color: var(--text-2); }
.cap-line.total[b-p0c3qgqof4] { color: var(--text); border-top: 1px solid var(--line); padding-top: 6px; font-weight: 600; }

/* Week */
.week-grid[b-p0c3qgqof4] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.week-day[b-p0c3qgqof4] { cursor: pointer; transition: border-color var(--t-fast); }
.week-day:hover[b-p0c3qgqof4] { border-color: var(--line-2); }
.week-day.today[b-p0c3qgqof4] { border-color: var(--primary-line); }
.wk-block[b-p0c3qgqof4] { display: flex; gap: 6px; align-items: baseline; font-size: .82rem; padding: 3px 6px; border-left: 3px solid var(--sc); background: var(--surface-2); border-radius: 4px; }
.wk-block.sug[b-p0c3qgqof4] { border-left-style: dashed; opacity: .75; }

@media (max-width: 1280px) { .plan-grid[b-p0c3qgqof4] { grid-template-columns: 260px minmax(0, 1fr); } .plan-side[b-p0c3qgqof4] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px) {
    .plan-grid[b-p0c3qgqof4] { grid-template-columns: 1fr; }
    .plan-timeline[b-p0c3qgqof4] { order: 1; }
    .plan-backlog[b-p0c3qgqof4] { order: 2; }
    .plan-side[b-p0c3qgqof4] { order: 3; grid-template-columns: 1fr; }
    .tl-scroll[b-p0c3qgqof4] { max-height: none; }
    .week-grid[b-p0c3qgqof4] { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(220px, 80%); overflow-x: auto; scroll-snap-type: x mandatory; }
    .week-day[b-p0c3qgqof4] { scroll-snap-align: start; }
}
/* /Components/Pages/Preferences.razor.rz.scp.css */
.themes-grid[b-qokiu3ivq0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.bar-p[b-qokiu3ivq0] { display: block; height: 7px; border-radius: 4px; }
.weight-row[b-qokiu3ivq0] { display: grid; grid-template-columns: 240px 1fr 44px; gap: 14px; align-items: center; padding: 4px 0; }
.weight-row output[b-qokiu3ivq0] { text-align: right; }
.tz-input[b-qokiu3ivq0] { width: 260px; }
.assistant-status[b-qokiu3ivq0] { margin-bottom: 12px; }
.ai-usage[b-qokiu3ivq0] { display: flex; flex-direction: column; gap: 8px; max-width: 560px; }
.ai-usage-line[b-qokiu3ivq0] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ai-usage-line > .small:first-child[b-qokiu3ivq0] { min-width: 140px; }
.ai-usage th.num[b-qokiu3ivq0], .ai-usage td.num[b-qokiu3ivq0] { text-align: right; }

.hours[b-qokiu3ivq0] { display: flex; flex-direction: column; gap: 6px; }
.hours-row[b-qokiu3ivq0] { display: grid; grid-template-columns: 170px 110px 16px 110px 1fr; gap: 10px; align-items: center; }
.hours-row .switch[b-qokiu3ivq0] { text-transform: capitalize; }
.hours-row.off .cap[b-qokiu3ivq0] { color: var(--text-3); }
.hours-row .cap[b-qokiu3ivq0] { text-align: right; color: var(--text-2); }

.absences[b-qokiu3ivq0] { border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 12px; }
.absences .past[b-qokiu3ivq0] { opacity: .55; }
.absence-form[b-qokiu3ivq0] { gap: 10px; align-items: flex-end; }
.absence-form .field[b-qokiu3ivq0] { margin: 0; }
.absence-form .grow[b-qokiu3ivq0] { flex: 1 1 200px; }

@media (max-width: 1180px) { .themes-grid[b-qokiu3ivq0] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) {
    .weight-row[b-qokiu3ivq0] { grid-template-columns: 1fr 44px; }
    .weight-row input[b-qokiu3ivq0] { grid-column: 1 / -1; grid-row: 2; }
    .hours-row[b-qokiu3ivq0] { grid-template-columns: 1fr 1fr 16px 1fr; }
    .hours-row .switch[b-qokiu3ivq0] { grid-column: 1 / -1; }
    .hours-row .cap[b-qokiu3ivq0] { grid-column: 1 / -1; text-align: left; }
    .tz-input[b-qokiu3ivq0] { width: 100%; }
}
/* /Components/Pages/Review.razor.rz.scp.css */
/* Period navigator */
.period[b-jfrcj38nmn] { display: inline-flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.period .btn[b-jfrcj38nmn] { width: calc(var(--ctl-h) - 8px); height: calc(var(--ctl-h) - 8px); padding: 0; border-color: transparent; background: transparent; justify-content: center; }
.period .btn:hover:not(:disabled)[b-jfrcj38nmn] { background: var(--surface-2); }
.period .pl[b-jfrcj38nmn] { min-width: 128px; text-align: center; line-height: 1.1; padding: 0 4px; }
.period .pl b[b-jfrcj38nmn] { display: block; font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; letter-spacing: .03em; }
.period .pl span[b-jfrcj38nmn] { font-family: var(--font-mono); font-size: .72rem; color: var(--text-2); }
.member[b-jfrcj38nmn] { width: auto; min-width: 170px; }
.exp-wrap[b-jfrcj38nmn] { position: relative; }
.exp-menu[b-jfrcj38nmn] { right: 0; top: calc(100% + 6px); }
.rv-range[b-jfrcj38nmn] { gap: 12px; align-items: flex-end; margin-bottom: var(--gap); }
.rv-range .field[b-jfrcj38nmn] { margin: 0; }

/* Layout */
.rv-row[b-jfrcj38nmn] { display: grid; gap: var(--gap); align-items: start; }
.rv-a[b-jfrcj38nmn] { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
.rv-b[b-jfrcj38nmn] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.rv-c[b-jfrcj38nmn] { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.kpi .trend[b-jfrcj38nmn] { font-family: var(--font-mono); font-size: .82rem; }
.kpi.alert[b-jfrcj38nmn] { display: block; padding: 14px 16px; background: var(--surface); font-size: 1rem; border-radius: var(--r-l); }
.seg-sm[b-jfrcj38nmn] { align-self: flex-start; }
.seg-sm button[b-jfrcj38nmn] { height: 26px; padding: 0 10px; font-size: .8rem; }

/* Donut */
.donut-wrap[b-jfrcj38nmn] { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; align-items: center; }
.donut[b-jfrcj38nmn] { width: 170px; height: 170px; }
.donut circle.seg[b-jfrcj38nmn] { transition: opacity var(--t-fast); }
.donut.dim circle.seg:not(.on)[b-jfrcj38nmn] { opacity: .3; }
.donut .c-v[b-jfrcj38nmn] { font-family: var(--font-display); font-size: 30px; font-weight: 600; fill: var(--text); }
.donut .c-l[b-jfrcj38nmn] { font-family: var(--font-mono); font-size: 9.5px; fill: var(--text-2); letter-spacing: .1em; text-transform: uppercase; }
.dleg[b-jfrcj38nmn] { display: flex; flex-direction: column; }
.dleg .r[b-jfrcj38nmn] { display: grid; grid-template-columns: 1fr auto 44px; gap: 10px; align-items: center; padding: 7px 8px; border-radius: var(--r-s); font-size: .9rem; cursor: default; }
.dleg .r:hover[b-jfrcj38nmn], .dleg .r.on[b-jfrcj38nmn] { background: var(--surface-2); }
.dleg .r .mono[b-jfrcj38nmn] { font-size: .84rem; }
.dleg .r .pc[b-jfrcj38nmn] { text-align: right; color: var(--text-2); font-family: var(--font-mono); font-size: .8rem; }

/* Heatmap legend */
.hm-scale[b-jfrcj38nmn] { display: inline-flex; align-items: center; gap: 4px; font-size: .78rem; color: var(--text-3); font-family: var(--font-mono); }
.hm-scale i[b-jfrcj38nmn] { width: 12px; height: 12px; border-radius: 3px; background: var(--primary); display: inline-block; }
.hm-scale i.z[b-jfrcj38nmn] { background: var(--surface-2); border: 1px solid var(--line); }

/* Slips */
.slip .t[b-jfrcj38nmn] { font-weight: 500; color: var(--text); }
a.t:hover[b-jfrcj38nmn] { color: var(--primary-fg); }
.slip .hist[b-jfrcj38nmn] { display: inline-flex; gap: 3px; align-items: center; }
.slip .hist i[b-jfrcj38nmn] { width: 14px; height: 4px; border-radius: 2px; background: var(--warn); opacity: .85; }
.slip .hist i.p[b-jfrcj38nmn] { background: var(--line-2); }
.slip .acts[b-jfrcj38nmn] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }

/* Retro */
.retro .card-h[b-jfrcj38nmn] { background: linear-gradient(110deg, var(--primary-soft), transparent 70%); border-top-left-radius: var(--r-l); border-top-right-radius: var(--r-l); }
.retro-sec + .retro-sec[b-jfrcj38nmn] { margin-top: 16px; }
.retro-sec .eyebrow[b-jfrcj38nmn] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.retro-sec .eyebrow i[b-jfrcj38nmn] { width: 8px; height: 8px; border-radius: 2px; }
.retro-sec ul[b-jfrcj38nmn] { list-style: none; display: flex; flex-direction: column; gap: 8px; padding: 0; margin: 0; }
.retro-sec li[b-jfrcj38nmn] { display: flex; gap: 10px; font-size: .93rem; line-height: 1.45; }
.retro-sec li[b-jfrcj38nmn]  svg { margin-top: 2px; flex: none; }
.retro-sec.win[b-jfrcj38nmn]  svg { color: var(--ok); } .retro-sec.win .eyebrow i[b-jfrcj38nmn] { background: var(--ok); }
.retro-sec.pain[b-jfrcj38nmn]  svg { color: var(--bad); } .retro-sec.pain .eyebrow i[b-jfrcj38nmn] { background: var(--bad); }
.retro-sug[b-jfrcj38nmn] { padding: 12px 14px; border-radius: var(--r); border: 1px dashed var(--primary-line); background: var(--primary-soft); font-size: .93rem; line-height: 1.45; }
.retro-body.is-busy[b-jfrcj38nmn] { opacity: .4; pointer-events: none; transition: opacity var(--t); }

/* Tables */
.tabs-h[b-jfrcj38nmn] { padding-top: 0; padding-bottom: 0; }
.tabs-h .tabs[b-jfrcj38nmn] { border-bottom: 0; }
.tabs .count[b-jfrcj38nmn] { margin-left: 2px; }
.table-wrap[b-jfrcj38nmn] { overflow-x: auto; max-height: 420px; overflow-y: auto; border-top: 1px solid var(--line); }
.table-wrap .table td[b-jfrcj38nmn] { font-size: .88rem; }

@media (max-width: 1180px) {
    .rv-a[b-jfrcj38nmn], .rv-c[b-jfrcj38nmn] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 820px) {
    .rv-b[b-jfrcj38nmn] { grid-template-columns: minmax(0, 1fr); }
    .head-actions[b-jfrcj38nmn] { width: 100%; }
    .head-actions .seg[b-jfrcj38nmn] { flex: 1; }
    .head-actions .seg button[b-jfrcj38nmn] { flex: 1; justify-content: center; }
}
@media (max-width: 480px) {
    .donut-wrap[b-jfrcj38nmn] { grid-template-columns: 1fr; justify-items: center; }
    .dleg[b-jfrcj38nmn] { width: 100%; }
    .period[b-jfrcj38nmn] { width: 100%; justify-content: space-between; }
    .member[b-jfrcj38nmn], .exp-wrap[b-jfrcj38nmn] { flex: 1; }
    .exp-wrap > .btn[b-jfrcj38nmn] { width: 100%; justify-content: center; }
}
/* /Components/Pages/SystemSettings.razor.rz.scp.css */
.hours[b-l5shvilo7r] { display: flex; flex-direction: column; gap: 6px; }
.hours-row[b-l5shvilo7r] { display: grid; grid-template-columns: 170px 110px 16px 110px; gap: 10px; align-items: center; }
.hours-row .switch[b-l5shvilo7r] { text-transform: capitalize; }

@media (max-width: 820px) {
    .hours-row[b-l5shvilo7r] { grid-template-columns: 1fr 16px 1fr; }
    .hours-row .switch[b-l5shvilo7r] { grid-column: 1 / -1; }
}

/* AI prices and costs */
.r[b-l5shvilo7r] { text-align: right; }
.nowrap[b-l5shvilo7r] { white-space: nowrap; }
.cost-wrap[b-l5shvilo7r] { position: relative; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); }
.cost-wrap .table td[b-l5shvilo7r] { font-size: .88rem; }
.cost-wrap .table th.r[b-l5shvilo7r] { text-align: right; }
.cost-calls[b-l5shvilo7r] { max-height: 420px; overflow-y: auto; }
.price-table td[b-l5shvilo7r] { padding-top: 6px; padding-bottom: 6px; }
.price-table td .input[b-l5shvilo7r] { min-width: 84px; }
.price-model[b-l5shvilo7r] { display: flex; align-items: center; gap: 8px; }
.price-model .input[b-l5shvilo7r] { min-width: 190px; }
.price-table td:first-child[b-l5shvilo7r] { min-width: 220px; }
.price-table td:first-child .input[b-l5shvilo7r] { width: 100%; min-width: 200px; }
.cost-month[b-l5shvilo7r] { display: inline-flex; align-items: center; gap: 8px; }
.cost-month b[b-l5shvilo7r] { min-width: 130px; text-align: center; font-weight: 600; }
.cost-kpis[b-l5shvilo7r] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.cost-kpis .kpi .v[b-l5shvilo7r] { font-size: 1.8rem; white-space: nowrap; }
.cost-chart[b-l5shvilo7r] { margin-top: 16px; border: 1px solid var(--line); border-radius: var(--r); padding: 12px 14px 8px; }
.cost-chart-h[b-l5shvilo7r] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.cost-bars[b-l5shvilo7r] { display: block; width: 100%; height: auto; }
.cost-bars g:hover rect[fill="transparent"][b-l5shvilo7r] { fill: var(--surface-2); }
.cost-share[b-l5shvilo7r] { display: inline-flex; align-items: center; gap: 8px; justify-content: flex-end; }
.cost-share .progress[b-l5shvilo7r] { width: 60px; }
.cost-filters[b-l5shvilo7r] { display: flex; flex-wrap: wrap; gap: 8px; }
.cost-filters .select[b-l5shvilo7r] { width: auto; min-width: 170px; }

@media (max-width: 820px) {
    .cost-share .progress[b-l5shvilo7r] { display: none; }
    .cost-filters .select[b-l5shvilo7r] { flex: 1 1 100%; }
}
/* /Components/Pages/Team.razor.rz.scp.css */
.load-row[b-bt7m6s97k4] { display: grid; grid-template-columns: 220px 1fr 170px; gap: 14px; align-items: center; padding: 6px 4px; border-radius: var(--r-s); color: var(--text); text-decoration: none; }
.load-row:hover[b-bt7m6s97k4] { background: var(--surface-2); text-decoration: none; }
.load-bar[b-bt7m6s97k4] { position: relative; height: 10px; border-radius: 5px; background: var(--surface-3); display: flex; overflow: hidden; }
.load-bar b[b-bt7m6s97k4] { display: block; height: 100%; background: var(--primary); }
.load-bar b.over[b-bt7m6s97k4] { background: var(--bad); }

.team-table tr.inactive td[b-bt7m6s97k4] { opacity: .55; }
.team-table tr.inactive td:last-child[b-bt7m6s97k4] { opacity: 1; }
.row-menu[b-bt7m6s97k4] { right: 8px; top: 40px; width: 250px; }

@media (max-width: 820px) {
    .load-row[b-bt7m6s97k4] { grid-template-columns: 1fr; gap: 6px; }
}
/* /Components/Pages/Today.razor.rz.scp.css */
.today-grid[b-7begsvfgq4] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap); }

.nba[b-7begsvfgq4] { display: grid; grid-template-columns: 1fr 220px; gap: 22px; padding: 20px; position: relative; overflow: hidden; }
.nba h2[b-7begsvfgq4] { font-size: 1.6rem; font-weight: 600; margin: 10px 0 8px; line-height: 1.25; }
.nba .side[b-7begsvfgq4] { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; border-left: 1px dashed var(--line-2); padding-left: 22px; text-align: center; }
.tag-live[b-7begsvfgq4] { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: var(--primary-fg); }

@media (max-width: 820px) {
    .nba[b-7begsvfgq4] { grid-template-columns: 1fr; }
    .nba .side[b-7begsvfgq4] { border-left: 0; border-top: 1px dashed var(--line-2); padding: 16px 0 0; flex-direction: row; justify-content: flex-start; gap: 16px; }
}
/* /Components/Settings/SettingsLayout.razor.rz.scp.css */
.settings[b-ky86yuqae2] { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: var(--gap); align-items: start; max-width: 1160px; }
.settings-nav[b-ky86yuqae2] { position: sticky; top: calc(var(--topbar-h, 56px) + 16px); display: flex; flex-direction: column; gap: 10px; }
.settings-search[b-ky86yuqae2] { position: relative; display: flex; flex-direction: column; gap: 4px; }
.settings-search[b-ky86yuqae2]  svg { position: absolute; left: 10px; top: 10px; width: 16px; height: 16px; color: var(--text-3); pointer-events: none; }
.settings-search input[b-ky86yuqae2] { padding-left: 34px; }
.settings-search .count[b-ky86yuqae2] { font-family: var(--font-mono); font-size: .72rem; color: var(--text-3); padding-left: 2px; }
.settings-nav nav[b-ky86yuqae2] { display: flex; flex-direction: column; gap: 2px; }
.settings-nav nav a[b-ky86yuqae2] { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: var(--r-s); color: var(--text-2); font-size: .92rem; text-decoration: none; border-left: 2px solid transparent; }
.settings-nav nav a:hover[b-ky86yuqae2] { background: var(--surface-2); color: var(--text); }
.settings-nav nav a.on[b-ky86yuqae2] { color: var(--text); background: var(--surface-2); border-left-color: var(--primary); }
.settings-nav nav a[b-ky86yuqae2]  svg { width: 16px; height: 16px; }
.settings-body[b-ky86yuqae2] { min-width: 0; }

@media (max-width: 900px) {
    .settings[b-ky86yuqae2] { grid-template-columns: minmax(0, 1fr); }
    .settings-nav[b-ky86yuqae2] { position: sticky; top: var(--topbar-h, 56px); z-index: 5; background: var(--bg); padding: 8px 0; min-width: 0; max-width: 100%; }
    .settings-nav nav[b-ky86yuqae2] { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
    .settings-nav nav[b-ky86yuqae2]::-webkit-scrollbar { display: none; }
    .settings-nav nav a[b-ky86yuqae2] { white-space: nowrap; border-left: 0; border-bottom: 2px solid transparent; border-radius: 0; }
    .settings-nav nav a.on[b-ky86yuqae2] { border-bottom-color: var(--primary); background: transparent; }
}
