@import '_content/RxD.Auth.Blazor/RxD.Auth.Blazor.8qctvlxsn5.bundle.scp.css';

/* /Components/Admin/UserProfileAdminPanel.razor.rz.scp.css */
.profile-grid[b-r0w2hszi6k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.manage-row[b-r0w2hszi6k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.manage-inline[b-r0w2hszi6k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.profile-actions[b-r0w2hszi6k] {
    margin-top: 0.5rem;
}
/* /Components/Admin/WorkspaceAdminPanel.razor.rz.scp.css */
.workspace-manage[b-t959iu1mwj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.manage-row[b-t959iu1mwj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.manage-inline[b-t959iu1mwj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.manage-inline .form-control[b-t959iu1mwj] {
    max-width: 20rem;
}

.section-heading[b-t959iu1mwj] {
    margin-top: 1.5rem;
}

.workspace-create[b-t959iu1mwj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border, rgba(0, 0, 0, 0.1));
}

.workspace-create .section-heading[b-t959iu1mwj] {
    margin-top: 0;
}

.workspace-create .form-control[b-t959iu1mwj] {
    max-width: 20rem;
}
/* /Components/Calendar/EventCalendar.razor.rz.scp.css */
/* Scale lives here rather than in inline styles: blocks are positioned in *minutes*
   (`top: calc(540 * var(--cal-minute))`), so changing the zoom of a range is one
   number and every block, hour rule and now-line moves together. */
.cal[b-vjrcp0s9t6] {
    --cal-minute: 1.15px;
    --cal-gutter: 3.75rem;
    --cal-col-min: 11rem;
    --cal-block-color: var(--rxd-auth-accent, #e91e8c);
}

.cal-week[b-vjrcp0s9t6] {
    --cal-minute: 0.85px;
    --cal-col-min: 8.5rem;
}

/* ---- Legend ------------------------------------------------------------- */

.cal-legend[b-vjrcp0s9t6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.cal-key[b-vjrcp0s9t6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.cal-key[b-vjrcp0s9t6]::before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--cal-block-color);
    background: var(--cal-block-color);
}

/* ---- Time grid ---------------------------------------------------------- */

.cal-section + .cal-section[b-vjrcp0s9t6] {
    margin-top: 1.75rem;
}

.cal-section-title[b-vjrcp0s9t6] {
    font-family: var(--rxd-auth-font-heading, Fraunces, Georgia, serif);
    font-size: 1rem;
    margin: 0 0 0.5rem;
    color: var(--rxd-auth-text, var(--clr-text));
}

.cal-section-empty[b-vjrcp0s9t6] {
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    font-size: 0.875rem;
}

.cal-scroll[b-vjrcp0s9t6] {
    overflow-x: auto;
    border: 1px solid var(--rxd-auth-border, var(--clr-border));
    border-radius: var(--radius-md);
    background: var(--clr-surface, #fff);
}

.cal-grid[b-vjrcp0s9t6] {
    display: grid;
    grid-template-columns: var(--cal-gutter) repeat(var(--cal-cols), minmax(var(--cal-col-min), 1fr));
    min-width: fit-content;
}

.cal-corner[b-vjrcp0s9t6] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 4;
    background: color-mix(in srgb, var(--rxd-auth-accent-soft, rgba(233, 30, 140, 0.12)) 40%, var(--clr-surface, #fff));
    border-bottom: 1px solid var(--rxd-auth-border, var(--clr-border));
}

.cal-colhead[b-vjrcp0s9t6] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.5rem 0.6rem;
    background: color-mix(in srgb, var(--rxd-auth-accent-soft, rgba(233, 30, 140, 0.12)) 40%, var(--clr-surface, #fff));
    border-bottom: 1px solid var(--rxd-auth-border, var(--clr-border));
    border-left: 1px solid var(--rxd-auth-border, var(--clr-border));
    font-size: 0.8rem;
}

.cal-colhead-title[b-vjrcp0s9t6] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-colhead-sub[b-vjrcp0s9t6] {
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    font-size: 0.72rem;
}

.cal-colhead.is-today[b-vjrcp0s9t6] {
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-accent);
}

.cal-allday-label[b-vjrcp0s9t6] {
    position: sticky;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.35rem 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    background: var(--clr-surface, #fff);
    border-bottom: 1px solid var(--rxd-auth-border, var(--clr-border));
}

.cal-allday[b-vjrcp0s9t6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.3rem;
    min-height: 2rem;
    border-left: 1px solid var(--rxd-auth-border, var(--clr-border));
    border-bottom: 1px solid var(--rxd-auth-border, var(--clr-border));
    background: var(--clr-surface, #fff);
}

.cal-allday.is-today[b-vjrcp0s9t6] {
    background: color-mix(in srgb, var(--rxd-auth-accent-soft) 55%, var(--clr-surface, #fff));
}

.cal-allday-chip[b-vjrcp0s9t6] {
    appearance: none;
    border: 1px solid var(--cal-block-color);
    border-left-width: 3px;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--cal-block-color) 14%, var(--clr-surface, #fff));
    color: var(--cal-block-color);
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1rem 0.35rem;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cal-gutter[b-vjrcp0s9t6] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--clr-surface, #fff);
}

.cal-gutter-hour[b-vjrcp0s9t6] {
    height: calc(60 * var(--cal-minute));
    position: relative;
}

.cal-gutter-hour span[b-vjrcp0s9t6] {
    position: absolute;
    top: -0.55em;
    right: 0.4rem;
    font-size: 0.7rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    background: var(--clr-surface, #fff);
    padding: 0 0.15rem;
}

.cal-gutter-hour:first-child span[b-vjrcp0s9t6] {
    top: 0.1rem;
}

.cal-col[b-vjrcp0s9t6] {
    position: relative;
    border-left: 1px solid var(--rxd-auth-border, var(--clr-border));
}

.cal-col.is-today[b-vjrcp0s9t6] {
    background: color-mix(in srgb, var(--rxd-auth-accent-soft) 55%, var(--clr-surface, #fff));
}

.cal-slot[b-vjrcp0s9t6] {
    height: calc(60 * var(--cal-minute));
    border-bottom: 1px solid color-mix(in srgb, var(--rxd-auth-border, var(--clr-border)) 60%, transparent);
}

/* ---- Now line ----------------------------------------------------------- */

.cal-now[b-vjrcp0s9t6] {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-top: 2px solid var(--rxd-auth-accent);
    z-index: 2;
    pointer-events: none;
}

.cal-now[b-vjrcp0s9t6]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rxd-auth-accent);
}

.cal-now-label[b-vjrcp0s9t6] {
    position: absolute;
    right: 0.25rem;
    top: -1.1em;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--rxd-auth-accent);
    background: var(--clr-surface, #fff);
    padding: 0 0.2rem;
    border-radius: var(--radius-sm);
}

/* ---- Blocks ------------------------------------------------------------- */

.cal-block[b-vjrcp0s9t6] {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    overflow: hidden;
    padding: 0.2rem 0.35rem;
    border: 1px solid color-mix(in srgb, var(--cal-block-color) 50%, transparent);
    border-left-width: 3px;
    border-left-color: var(--cal-block-color);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--cal-block-color) 14%, var(--clr-surface, #fff));
    color: var(--cal-block-color);
    text-align: left;
    font-size: 0.72rem;
    line-height: 1.25;
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 2px;
}

.cal-block:hover[b-vjrcp0s9t6],
.cal-block:focus-visible[b-vjrcp0s9t6] {
    z-index: 5;
    box-shadow: var(--shadow-sm);
}

.cal-block-time[b-vjrcp0s9t6] {
    font-weight: 700;
}

.cal-block-name[b-vjrcp0s9t6] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-block-meta[b-vjrcp0s9t6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.85;
}

.cal-block.is-clipped-top[b-vjrcp0s9t6] {
    border-top-style: dashed;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cal-block.is-clipped-bottom[b-vjrcp0s9t6] {
    border-bottom-style: dashed;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.cal-block.is-past[b-vjrcp0s9t6],
.cal-allday-chip.is-past[b-vjrcp0s9t6] {
    opacity: 0.55;
}

.cal-block.is-readonly[b-vjrcp0s9t6],
.cal-allday-chip.is-readonly[b-vjrcp0s9t6] {
    border-style: dashed;
    border-left-style: solid;
}

/* ---- Month grid --------------------------------------------------------- */

.cal-month-head[b-vjrcp0s9t6],
.cal-month-body[b-vjrcp0s9t6] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.cal-month-weekday[b-vjrcp0s9t6] {
    padding: 0.4rem;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.cal-month-body[b-vjrcp0s9t6] {
    border: 1px solid var(--rxd-auth-border, var(--clr-border));
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--rxd-auth-border, var(--clr-border));
    gap: 1px;
}

.cal-month-cell[b-vjrcp0s9t6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    align-items: stretch;
    min-height: 6.5rem;
    padding: 0.3rem;
    background: var(--clr-surface, #fff);
    border: 0;
    text-align: left;
    cursor: pointer;
    color: inherit;
}

.cal-month-cell:hover[b-vjrcp0s9t6],
.cal-month-cell:focus-visible[b-vjrcp0s9t6] {
    background: var(--rxd-auth-accent-soft);
}

.cal-month-cell.is-outside[b-vjrcp0s9t6] {
    background: color-mix(in srgb, var(--rxd-auth-border, var(--clr-border)) 25%, var(--clr-surface, #fff));
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.cal-month-cell.is-today .cal-month-date[b-vjrcp0s9t6] {
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent, #fff);
    border-radius: var(--radius-pill);
    padding: 0 0.35rem;
}

.cal-month-date[b-vjrcp0s9t6] {
    font-size: 0.78rem;
    font-weight: 700;
    align-self: flex-start;
}

.cal-chip[b-vjrcp0s9t6] {
    display: flex;
    gap: 0.25rem;
    padding: 0.1rem 0.25rem;
    border-radius: var(--radius-sm);
    border-left: 3px solid var(--cal-block-color);
    background: color-mix(in srgb, var(--cal-block-color) 14%, var(--clr-surface, #fff));
    color: var(--cal-block-color);
    font-size: 0.68rem;
    overflow: hidden;
    white-space: nowrap;
}

.cal-chip-name[b-vjrcp0s9t6] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-chip-time[b-vjrcp0s9t6] {
    font-weight: 700;
}

.cal-month-more[b-vjrcp0s9t6] {
    font-size: 0.66rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    font-weight: 600;
}

.cal-month-count[b-vjrcp0s9t6] {
    display: none;
    align-self: flex-start;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--rxd-auth-accent);
}

/* ---- Year grid ---------------------------------------------------------- */

.cal-year[b-vjrcp0s9t6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 1.25rem;
}

.cal-year-title[b-vjrcp0s9t6] {
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    margin: 0 0 0.35rem;
    font-family: var(--rxd-auth-font-heading, Fraunces, Georgia, serif);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--rxd-auth-text, var(--clr-text));
    cursor: pointer;
    text-align: left;
}

.cal-year-title.is-current[b-vjrcp0s9t6] {
    color: var(--rxd-auth-accent);
}

.cal-year-head[b-vjrcp0s9t6],
.cal-year-body[b-vjrcp0s9t6] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px;
}

.cal-year-weekday[b-vjrcp0s9t6] {
    text-align: center;
    font-size: 0.62rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.cal-year-cell[b-vjrcp0s9t6] {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: none;
    font-size: 0.65rem;
    line-height: 1.1;
    cursor: pointer;
    padding: 0;
    color: inherit;
}

.cal-year-cell.is-blank[b-vjrcp0s9t6] {
    cursor: default;
}

.cal-year-cell.is-today[b-vjrcp0s9t6] {
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent, #fff);
}

.cal-year-cell.has-events[b-vjrcp0s9t6] {
    font-weight: 700;
}

.cal-year-dot[b-vjrcp0s9t6] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--rxd-auth-accent);
}

.cal-year-cell.is-today .cal-year-dot[b-vjrcp0s9t6] {
    background: var(--rxd-auth-on-accent, #fff);
}

/* ---- List --------------------------------------------------------------- */

.cal-list .list-nav-item[b-vjrcp0s9t6] {
    flex-direction: column;
    align-items: stretch;
}

.cal-list .list-nav-name[b-vjrcp0s9t6] {
    display: flex;
    align-items: center;
}

.source-swatch[b-vjrcp0s9t6] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: var(--radius-pill);
    flex-shrink: 0;
    display: inline-block;
}

.source-swatch.inline[b-vjrcp0s9t6] {
    margin-right: 0.35rem;
    vertical-align: middle;
}

.calendar-event-item[b-vjrcp0s9t6] {
    border-left: 3px solid transparent;
    padding-left: 0.65rem;
}

.calendar-when[b-vjrcp0s9t6] {
    display: block;
    font-size: 0.85rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.calendar-badges[b-vjrcp0s9t6] {
    display: block;
    margin-top: 0.25rem;
}

.calendar-badge[b-vjrcp0s9t6] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--rxd-auth-accent) 14%, transparent);
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    margin: 0.1rem 0.25rem 0.1rem 0;
}

.calendar-badge.shared[b-vjrcp0s9t6] {
    background: color-mix(in srgb, #c9853f 22%, transparent);
}

.calendar-badge.published[b-vjrcp0s9t6] {
    background: color-mix(in srgb, #2f9e6a 22%, transparent);
}

/* ---- Density ------------------------------------------------------------ */

@media (max-width: 640px) {
    .cal[b-vjrcp0s9t6] {
        --cal-col-min: 9rem;
    }

    .cal-month-cell[b-vjrcp0s9t6] {
        min-height: 4.25rem;
    }

    .cal-chip[b-vjrcp0s9t6],
    .cal-month-more[b-vjrcp0s9t6] {
        display: none;
    }

    .cal-month-count[b-vjrcp0s9t6] {
        display: block;
    }
}
/* /Components/Layout/AppSidebar.razor.rz.scp.css */
.app-sidebar[b-cvdektpfrm] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100dvh;
    width: var(--app-sidebar-width, 15.5rem);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem 0.75rem 1.15rem;
    background: var(--clr-glass, var(--rxd-auth-surface, var(--clr-surface)));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border-right: 1px solid var(--rxd-auth-border);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 90;
    transition: width 0.18s ease, padding 0.18s ease;
}

.app-sidebar-brand[b-cvdektpfrm] {
    padding: 0.2rem 0.45rem 0.55rem;
}

.app-sidebar-brand-link[b-cvdektpfrm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--rxd-auth-text);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
    white-space: nowrap;
}

.app-sidebar-brand-link:hover[b-cvdektpfrm] {
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.brand-mark[b-cvdektpfrm] {
    display: block;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: var(--radius-sm, 0.5rem);
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: var(--shadow-sm);
}

.app-sidebar-nav[b-cvdektpfrm] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    flex: 1;
}

.app-sidebar-group[b-cvdektpfrm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.app-sidebar-group-label[b-cvdektpfrm] {
    padding: 0.4rem 0.75rem 0.25rem;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rxd-auth-text-muted);
    white-space: nowrap;
}

.app-sidebar-nav[b-cvdektpfrm]  .app-sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: var(--radius-pill, 999px);
    color: var(--rxd-auth-text-soft, var(--rxd-auth-text));
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.app-sidebar-nav[b-cvdektpfrm]  .app-sidebar-link i {
    font-size: 1.05rem;
    width: 1.15rem;
    text-align: center;
    flex-shrink: 0;
}

.app-sidebar-nav[b-cvdektpfrm]  .app-sidebar-link:hover {
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.app-sidebar-nav[b-cvdektpfrm]  .app-sidebar-link.active {
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent);
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}

.app-sidebar-backdrop[b-cvdektpfrm] {
    display: none;
}
/* /Components/Layout/AppTopBar.razor.rz.scp.css */
.app-topbar[b-mplcpjje3c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 3.5rem;
    padding: 0.5rem clamp(0.75rem, 2vw, 1.25rem);
    background: var(--clr-glass, var(--rxd-auth-veil, rgba(255, 255, 255, 0.72)));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border-bottom: 1px solid var(--rxd-auth-border);
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 0;
    z-index: 70;
}

.app-topbar-start[b-mplcpjje3c],
.app-topbar-end[b-mplcpjje3c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.app-topbar-toggle[b-mplcpjje3c],
.app-topbar-icon-btn[b-mplcpjje3c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-text);
    cursor: pointer;
    font-family: inherit;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.app-topbar-toggle:hover[b-mplcpjje3c],
.app-topbar-icon-btn:hover[b-mplcpjje3c] {
    background: var(--rxd-auth-accent-soft);
    border-color: var(--rxd-auth-accent);
    color: var(--rxd-auth-accent);
}

.app-topbar-brand[b-mplcpjje3c] {
    display: none;
    align-items: center;
    gap: 0.45rem;
    color: var(--rxd-auth-text);
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
}

.app-topbar-brand:hover[b-mplcpjje3c] {
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.brand-mark[b-mplcpjje3c] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-sm, 0.5rem);
    object-fit: cover;
    flex-shrink: 0;
}

.app-topbar-chip[b-mplcpjje3c] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 12rem;
    padding: 0.4rem 0.85rem;
    border-radius: var(--radius-pill, 999px);
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-text-soft, var(--rxd-auth-text));
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.app-topbar-chip:hover[b-mplcpjje3c] {
    background: var(--rxd-auth-accent-soft);
    border-color: var(--rxd-auth-accent);
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.app-topbar-chip span[b-mplcpjje3c] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-topbar-account[b-mplcpjje3c] {
    position: relative;
}

.app-topbar-account > summary[b-mplcpjje3c] {
    list-style: none;
}

.app-topbar-account > summary[b-mplcpjje3c]::-webkit-details-marker {
    display: none;
}

.app-topbar-menu[b-mplcpjje3c] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.4rem);
    min-width: 10.5rem;
    padding: 0.4rem;
    border-radius: var(--radius-lg, 1.25rem);
    border: 1px solid var(--rxd-auth-border);
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    box-shadow: var(--shadow-md, var(--rxd-auth-shadow));
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    z-index: 80;
}

.app-topbar-menu[b-mplcpjje3c]  .app-topbar-menu-item,
.app-topbar-logout-btn[b-mplcpjje3c] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-radius: var(--radius-md, 0.85rem);
    background: transparent;
    color: var(--rxd-auth-text);
    text-decoration: none;
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.app-topbar-menu[b-mplcpjje3c]  .app-topbar-menu-item:hover,
.app-topbar-logout-btn:hover[b-mplcpjje3c] {
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.app-topbar-logout[b-mplcpjje3c] {
    margin: 0;
    padding: 0;
}

@media (max-width: 900.98px) {
    .app-topbar-brand[b-mplcpjje3c] {
        display: inline-flex;
    }

    .app-topbar-chip span[b-mplcpjje3c] {
        display: none;
    }

    .app-topbar-chip[b-mplcpjje3c] {
        width: 2.35rem;
        height: 2.35rem;
        padding: 0;
        justify-content: center;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-ixq965t7jr] {
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: var(--rxd-auth-bg);
    color: var(--rxd-auth-text);
    font-family: var(--rxd-auth-font-body);
}

.app-shell-main[b-ixq965t7jr] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.app-main[b-ixq965t7jr] {
    flex: 1;
}

.app-content[b-ixq965t7jr] {
    padding: 1.25rem clamp(1rem, 3vw, 2rem) 2.25rem;
}

.app-footer[b-ixq965t7jr] {
    padding: 0.85rem clamp(1rem, 4vw, 2.5rem) 1.15rem;
    border-top: 1px solid var(--rxd-auth-border);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    background: var(--clr-glass, transparent);
}

.app-footer-version[b-ixq965t7jr],
.app-footer-link[b-ixq965t7jr] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.8rem;
    text-decoration: none;
}

.app-footer-version:hover[b-ixq965t7jr],
.app-footer-link:hover[b-ixq965t7jr] {
    color: var(--rxd-auth-accent);
}

.app-footer-sep[b-ixq965t7jr] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.8rem;
}

#blazor-error-ui[b-ixq965t7jr] {
    background: lightyellow;
    /* Fixed dark ink: the banner keeps its light background in both themes. */
    color: #1b1b1b;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ixq965t7jr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.app-nav[b-1uu9knvljy] {
    width: 100%;
}

.app-nav-bar[b-1uu9knvljy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem clamp(1rem, 4vw, 2.5rem);
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.app-nav-brand[b-1uu9knvljy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--rxd-auth-text);
    text-decoration: none;
    flex-shrink: 0;
}

.app-nav-brand:hover[b-1uu9knvljy] {
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.brand-mark[b-1uu9knvljy] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--radius-sm);
    object-fit: cover;
    flex-shrink: 0;
}

.app-nav-toggler[b-1uu9knvljy] {
    display: none;
}

.app-nav-toggler-btn[b-1uu9knvljy] {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.4rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm);
    background: var(--rxd-auth-surface);
    cursor: pointer;
    margin-left: auto;
}

.app-nav-toggler-btn span[b-1uu9knvljy] {
    display: block;
    height: 2px;
    background: var(--rxd-auth-text);
    border-radius: 1px;
}

.app-nav-links[b-1uu9knvljy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-left: auto;
}

.app-nav-group[b-1uu9knvljy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.375rem;
}

.app-nav-group + .app-nav-group[b-1uu9knvljy] {
    padding-left: 0.65rem;
    border-left: 1px solid var(--rxd-auth-border);
}

/* Visible on desktop too — otherwise regrouped Apps look like one flat list. */
.app-nav-group-label[b-1uu9knvljy] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rxd-auth-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

/* NavLink is a child component, so its rendered <a> never carries this file's
   scope attribute — the rules must go through ::deep on the scoped <nav>. */
.app-nav-links[b-1uu9knvljy]  .app-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--rxd-auth-text-soft, var(--rxd-auth-text));
    text-decoration: none;
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}

.app-nav-links[b-1uu9knvljy]  .app-nav-link:hover {
    background: var(--rxd-auth-accent-soft);
    border-color: var(--rxd-auth-accent);
    color: var(--rxd-auth-accent);
    text-decoration: none;
}

.app-nav-links[b-1uu9knvljy]  .app-nav-link:active {
    box-shadow: none;
}

.app-nav-links[b-1uu9knvljy]  .app-nav-link.active {
    background: var(--rxd-auth-accent);
    border-color: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent);
    font-weight: 600;
}

/* Plain <button> driven by js/theme.js — NavMenu renders in the static layout, so it
   cannot use @onclick. The glyph and labels are swapped from script. */
.app-nav-theme[b-1uu9knvljy] {
    font-family: inherit;
    min-width: 2.25rem;
    line-height: 1;
}

.app-nav-logout[b-1uu9knvljy] {
    margin: 0;
    padding: 0;
}

.app-nav-logout-btn[b-1uu9knvljy] {
    font-family: inherit;
}

@media (max-width: 640.98px) {
    .app-nav-toggler-btn[b-1uu9knvljy] {
        display: flex;
    }

    .app-nav-links[b-1uu9knvljy] {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        margin: 0;
        padding: 0.5rem clamp(1rem, 4vw, 2.5rem) 0.75rem;
        background: var(--rxd-auth-veil-solid, rgba(255, 255, 255, 0.98));
        border-bottom: 1px solid var(--rxd-auth-border);
        box-shadow: var(--rxd-auth-shadow, 0 8px 24px rgba(233, 30, 140, 0.1));
        max-height: calc(100dvh - 4rem);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .app-nav-toggler:checked ~ .app-nav-links[b-1uu9knvljy] {
        display: flex;
    }

    .app-nav-group[b-1uu9knvljy] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.125rem;
    }

    .app-nav-group + .app-nav-group[b-1uu9knvljy] {
        padding-left: 0;
        padding-top: 0.5rem;
        border-left: none;
        border-top: 1px solid var(--rxd-auth-border);
    }

    .app-nav-group-label[b-1uu9knvljy] {
        display: block;
        padding: 0.35rem 0.85rem 0.2rem;
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--rxd-auth-text-muted);
    }

    .app-nav-links[b-1uu9knvljy]  .app-nav-link {
        width: 100%;
        padding: 0.65rem 0.85rem;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* Local aliases onto shared tokens — unauthenticated pages follow light/dark + accent. */
.public-layout[b-6ry2sjcb83] {
    --pink-bg: var(--clr-bg);
    --pink-surface: var(--clr-surface);
    --pink-accent: var(--clr-accent-mid);
    --pink-accent-hover: var(--clr-accent-dark);
    --pink-soft: var(--clr-border);
    --pink-ink: var(--clr-text);
    --pink-muted: var(--clr-text-muted);

    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--pink-bg);
    color: var(--pink-ink);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.public-nav[b-6ry2sjcb83] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--clr-glass, var(--rxd-auth-veil, rgba(255, 255, 255, 0.72)));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border-bottom: 1px solid var(--pink-soft);
    box-shadow: var(--shadow-sm, var(--rxd-auth-shadow-header));
}

.public-nav-inner[b-6ry2sjcb83] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem clamp(1rem, 4vw, 2.5rem);
    max-width: 1200px;
    margin: 0 auto;
}

.public-brand[b-6ry2sjcb83] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--pink-ink) !important;
    text-decoration: none;
}

.public-brand:hover[b-6ry2sjcb83] {
    color: var(--pink-accent) !important;
}

.brand-icon[b-6ry2sjcb83] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.45rem;
    object-fit: cover;
    flex-shrink: 0;
}

.public-nav-actions[b-6ry2sjcb83] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.public-nav-actions .btn[b-6ry2sjcb83] {
    padding: 0.5rem 1.25rem;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.btn-login[b-6ry2sjcb83] {
    color: var(--pink-accent);
    background: transparent;
    border: 1.5px solid var(--pink-soft);
}

.btn-login:hover[b-6ry2sjcb83] {
    background: var(--pink-bg);
    color: var(--pink-accent-hover);
    border-color: var(--pink-accent);
}

.btn-register[b-6ry2sjcb83] {
    color: var(--clr-on-accent);
    background: linear-gradient(135deg, var(--pink-accent), var(--clr-accent-light));
    border: none;
    box-shadow: var(--shadow-md);
}

.btn-register:hover[b-6ry2sjcb83] {
    background: linear-gradient(135deg, var(--pink-accent-hover), var(--pink-accent));
    color: var(--clr-on-accent);
    box-shadow: var(--shadow-lg);
}

.public-main[b-6ry2sjcb83] {
    flex: 1;
}

.public-footer[b-6ry2sjcb83] {
    display: flex;
    justify-content: center;
    padding: 1.25rem clamp(1rem, 4vw, 2.5rem) 1.75rem;
    border-top: 1px solid var(--pink-soft);
    color: var(--pink-muted);
    font-size: 0.875rem;
}

.public-footer a[b-6ry2sjcb83] {
    color: var(--pink-muted);
    text-decoration: none;
}

.public-footer a:hover[b-6ry2sjcb83] {
    color: var(--pink-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 480px) {
    .public-nav-actions .btn[b-6ry2sjcb83] {
        padding: 0.4rem 0.9rem;
        font-size: 0.85rem;
    }

    .public-brand span:not(.brand-icon)[b-6ry2sjcb83] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.overview-grid[b-dwydsqmk2j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.stat-card[b-dwydsqmk2j] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.stat-card:hover[b-dwydsqmk2j] {
    border-color: var(--rxd-auth-accent);
    box-shadow: var(--shadow-sm);
}

.stat-value[b-dwydsqmk2j] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--rxd-auth-accent);
}

.stat-label[b-dwydsqmk2j] {
    font-size: 1rem;
    font-weight: 600;
}

.stat-hint[b-dwydsqmk2j] {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

.user-workspaces[b-dwydsqmk2j] {
    margin-top: 1.5rem;
}
/* /Components/Pages/Admin/DrivePage.razor.rz.scp.css */
[b-v3acqs6ag5] .drive-panel {
    position: relative;
}

/* Whole panel is the drop target; drive.js toggles the class. */
[b-v3acqs6ag5] #drive-drop-zone.drive-drop-active,
[b-v3acqs6ag5] .drive-panel.drive-drop-active {
    outline: 2px dashed var(--clr-accent-mid);
    outline-offset: -6px;
    background: color-mix(in srgb, var(--rxd-auth-surface) 92%, var(--clr-accent-mid));
}

/* Admin tabs live in wwwroot/app-pages.css (.app-page .admin-tabs / .admin-tab). */

[b-v3acqs6ag5] .drive-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

[b-v3acqs6ag5] .drive-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

[b-v3acqs6ag5] .drive-stats {
    font-size: 0.85rem;
    color: var(--rxd-auth-text-muted);
    white-space: nowrap;
}

[b-v3acqs6ag5] .drive-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    min-width: 0;
}

[b-v3acqs6ag5] .drive-crumb {
    background: none;
    border: none;
    padding: 0.15rem 0.3rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: inherit;
    font-weight: 600;
}

[b-v3acqs6ag5] .drive-crumb:hover {
    background: var(--rxd-auth-border);
}

[b-v3acqs6ag5] .drive-crumb-sep {
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-section-title {
    font-size: 1.1rem;
    margin: 0;
}

[b-v3acqs6ag5] .drive-name {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    text-align: left;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    word-break: break-word;
    max-width: 100%;
    min-width: 0;
}

[b-v3acqs6ag5] .drive-name:hover {
    text-decoration: underline;
}

[b-v3acqs6ag5] .drive-name-folder {
    font-weight: 600;
}

[b-v3acqs6ag5] .drive-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* File-type icons */
[b-v3acqs6ag5] .drive-thumb {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    flex-shrink: 0;
    background: var(--rxd-auth-border);
}

[b-v3acqs6ag5] .drive-ftype {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-v3acqs6ag5] .drive-ftype svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* File-type palette (adapts via color-mix against --clr-surface) */
[b-v3acqs6ag5] .drive-panel,
[b-v3acqs6ag5] .drive-preview-dialog,
[b-v3acqs6ag5] .home-panel {
    --drive-ftype-folder: #d48806;
    --drive-ftype-image: #2980b9;
    --drive-ftype-video: #8e44ad;
    --drive-ftype-audio: #16a085;
    --drive-ftype-pdf: var(--rxd-auth-error);
    --drive-ftype-file: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-ftype-folder {
    background: color-mix(in srgb, var(--drive-ftype-folder) 18%, var(--clr-surface));
    color: var(--drive-ftype-folder);
}

[b-v3acqs6ag5] .drive-ftype-image {
    background: color-mix(in srgb, var(--drive-ftype-image) 16%, var(--clr-surface));
    color: var(--drive-ftype-image);
}

[b-v3acqs6ag5] .drive-ftype-video {
    background: color-mix(in srgb, var(--drive-ftype-video) 16%, var(--clr-surface));
    color: var(--drive-ftype-video);
}

[b-v3acqs6ag5] .drive-ftype-audio {
    background: color-mix(in srgb, var(--drive-ftype-audio) 16%, var(--clr-surface));
    color: var(--drive-ftype-audio);
}

[b-v3acqs6ag5] .drive-ftype-pdf {
    background: color-mix(in srgb, var(--drive-ftype-pdf) 16%, var(--clr-surface));
    color: var(--drive-ftype-pdf);
}

[b-v3acqs6ag5] .drive-ftype-file {
    background: color-mix(in srgb, var(--drive-ftype-file) 16%, var(--clr-surface));
    color: var(--drive-ftype-file);
}

[b-v3acqs6ag5] .drive-search-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

[b-v3acqs6ag5] .drive-search-input {
    flex: 1 1 14rem;
    min-width: 10rem;
}

[b-v3acqs6ag5] .drive-search-results {
    margin-bottom: 0.75rem;
}

[b-v3acqs6ag5] .drive-search-path {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-filters {
    margin-bottom: 0.75rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm);
    padding: 0.35rem 0.75rem 0.75rem;
}

[b-v3acqs6ag5] .drive-filters summary {
    cursor: pointer;
    font-weight: 600;
    padding: 0.35rem 0;
}

[b-v3acqs6ag5] .drive-filters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.6rem;
    margin-top: 0.5rem;
}

[b-v3acqs6ag5] .drive-filters-grid label {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

[b-v3acqs6ag5] .drive-filter-check {
    flex-direction: row !important;
    align-items: center;
    gap: 0.4rem !important;
    margin-top: 1.4rem;
}

[b-v3acqs6ag5] .drive-filters-actions {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

[b-v3acqs6ag5] .drive-bulk-bar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--rxd-auth-surface) 88%, var(--clr-accent-mid));
    font-size: 0.9rem;
}

[b-v3acqs6ag5] .drive-col-check {
    width: 2rem;
    text-align: center;
}

[b-v3acqs6ag5] .drive-col-sort {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

[b-v3acqs6ag5] .drive-col-sort:hover {
    color: var(--rxd-auth-accent);
}

[b-v3acqs6ag5] .drive-sort-ind {
    font-size: 0.7rem;
    opacity: 0.7;
}

[b-v3acqs6ag5] .drive-row-selected {
    background: color-mix(in srgb, var(--rxd-auth-surface) 92%, var(--clr-accent-mid));
}

[b-v3acqs6ag5] .drive-row {
    cursor: default;
}

[b-v3acqs6ag5] .drive-row:hover .drive-row-more {
    opacity: 1;
}

.drive-table .drive-col-size[b-v3acqs6ag5],
[b-v3acqs6ag5] .drive-table .drive-col-date {
    white-space: nowrap;
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-table .drive-col-actions {
    text-align: right;
    white-space: nowrap;
    width: 2.5rem;
}

[b-v3acqs6ag5] .drive-row-more {
    opacity: 0;
    border: 0;
    background: none;
    padding: 0.2rem 0.45rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-row-more:hover {
    background: var(--rxd-auth-border);
    color: inherit;
}

[b-v3acqs6ag5] .drive-load-more {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0.25rem;
}

/* Grid view */
[b-v3acqs6ag5] .drive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: 0.75rem;
    margin-top: 0.25rem;
}

[b-v3acqs6ag5] .drive-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md);
    background: var(--rxd-auth-surface);
    cursor: default;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-v3acqs6ag5] .drive-card:hover {
    border-color: var(--rxd-auth-accent);
    box-shadow: var(--shadow-sm);
}

[b-v3acqs6ag5] .drive-card.is-selected {
    border-color: var(--rxd-auth-accent);
    background: color-mix(in srgb, var(--rxd-auth-surface) 90%, var(--clr-accent-mid));
}

[b-v3acqs6ag5] .drive-card-check {
    position: absolute;
    top: 0.45rem;
    left: 0.45rem;
    z-index: 1;
}

[b-v3acqs6ag5] .drive-card-more {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    z-index: 1;
    opacity: 0;
    border: 0;
    background: color-mix(in srgb, var(--rxd-auth-surface) 85%, transparent);
    padding: 0.15rem 0.35rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

[b-v3acqs6ag5] .drive-card:hover .drive-card-more {
    opacity: 1;
}

[b-v3acqs6ag5] .drive-card-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.5rem;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: color-mix(in srgb, var(--rxd-auth-surface) 88%, #000);
    cursor: pointer;
    border: none;
    padding: 0;
    width: 100%;
}

[b-v3acqs6ag5] .drive-card-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-v3acqs6ag5] .drive-card-preview .drive-ftype {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-md);
}

[b-v3acqs6ag5] .drive-card-preview .drive-ftype svg {
    width: 28px;
    height: 28px;
}

[b-v3acqs6ag5] .drive-card-name {
    font-size: 0.85rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
    color: inherit;
}

[b-v3acqs6ag5] .drive-card-meta {
    font-size: 0.75rem;
    color: var(--rxd-auth-text-muted);
}

/* Context menu */
[b-v3acqs6ag5] .drive-ctx {
    position: fixed;
    z-index: 1100;
    min-width: 11rem;
    padding: 0.35rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md);
    background: var(--rxd-auth-surface);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

[b-v3acqs6ag5] .drive-ctx button,
[b-v3acqs6ag5] .drive-ctx a {
    border: 0;
    background: none;
    text-align: left;
    padding: 0.45rem 0.65rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 0.88rem;
    color: inherit;
    text-decoration: none;
    font-weight: 400;
    display: block;
}

[b-v3acqs6ag5] .drive-ctx button:hover,
[b-v3acqs6ag5] .drive-ctx a:hover {
    background: color-mix(in srgb, var(--rxd-auth-surface) 88%, var(--clr-accent-mid));
}

[b-v3acqs6ag5] .drive-ctx button.danger {
    color: var(--rxd-auth-error);
}

[b-v3acqs6ag5] .drive-ctx-sep {
    height: 1px;
    margin: 0.25rem 0.35rem;
    background: var(--rxd-auth-border);
}

/* Uploads */
[b-v3acqs6ag5] .drive-uploads {
    margin-top: 1rem;
    border-top: 1px solid var(--rxd-auth-border);
    padding-top: 0.75rem;
}

[b-v3acqs6ag5] .drive-uploads-title {
    font-size: 0.95rem;
    margin: 0 0 0.5rem;
}

[b-v3acqs6ag5] .drive-upload-row {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) minmax(6rem, 2fr) auto auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.25rem 0;
    font-size: 0.85rem;
}

[b-v3acqs6ag5] .drive-upload-row.drive-upload-conflict {
    grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 2fr) auto;
}

[b-v3acqs6ag5] .drive-upload-conflict-msg {
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-upload-conflict-actions {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-v3acqs6ag5] .drive-upload-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-v3acqs6ag5] .drive-upload-track {
    height: 8px;
    border-radius: var(--radius-sm);
    background: var(--rxd-auth-border);
    overflow: hidden;
}

[b-v3acqs6ag5] .drive-upload-bar {
    height: 100%;
    border-radius: var(--radius-sm);
    background: var(--clr-accent-mid);
    transition: width 0.2s ease;
}

[b-v3acqs6ag5] .drive-upload-bar.failed {
    background: var(--rxd-auth-error);
}

[b-v3acqs6ag5] .drive-upload-status {
    color: var(--rxd-auth-text-muted);
    white-space: nowrap;
}

/* Settings */
[b-v3acqs6ag5] .drive-settings-form {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 34rem;
}

[b-v3acqs6ag5] .drive-settings-actions {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

[b-v3acqs6ag5] .drive-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
    margin-top: 1.25rem;
}

[b-v3acqs6ag5] .stat-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    text-align: left;
}

[b-v3acqs6ag5] .stat-card .stat-value {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--rxd-auth-accent);
}

[b-v3acqs6ag5] .stat-card .stat-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: inherit;
}

[b-v3acqs6ag5] .drive-picker-list {
    list-style: none;
    margin: 0.5rem 0;
    padding: 0;
    max-height: 14rem;
    overflow-y: auto;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm);
}

[b-v3acqs6ag5] .drive-picker-list li {
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--rxd-auth-border);
}

[b-v3acqs6ag5] .drive-picker-list li:last-child {
    border-bottom: none;
}

/* Dialog chrome comes from app-pages.css (.app-page .edit-*); Drive-only tweaks below. */
[b-v3acqs6ag5] .edit-dialog {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[b-v3acqs6ag5] .edit-dialog h3 {
    word-break: break-word;
}

[b-v3acqs6ag5] .edit-actions {
    justify-content: flex-end;
}

[b-v3acqs6ag5] .drive-preview-dialog {
    width: min(56rem, 96vw);
    max-height: 94vh;
}

[b-v3acqs6ag5] .drive-preview-body {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 12rem;
    max-height: calc(94vh - 8rem);
    overflow: auto;
    background: color-mix(in srgb, var(--rxd-auth-surface) 90%, #000);
    border-radius: var(--radius-sm);
    position: relative;
}

[b-v3acqs6ag5] .drive-preview-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: 0;
    background: color-mix(in srgb, var(--rxd-auth-surface) 80%, transparent);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-pill);
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    box-shadow: var(--shadow-sm);
}

[b-v3acqs6ag5] .drive-preview-nav.prev {
    left: 0.5rem;
}

[b-v3acqs6ag5] .drive-preview-nav.next {
    right: 0.5rem;
}

[b-v3acqs6ag5] .drive-preview-image {
    max-width: 100%;
    max-height: calc(94vh - 8rem);
    object-fit: contain;
}

[b-v3acqs6ag5] .drive-preview-frame {
    width: 100%;
    height: min(70vh, 40rem);
    border: none;
    background: var(--rxd-auth-surface);
}

[b-v3acqs6ag5] .drive-preview-video,
[b-v3acqs6ag5] .drive-preview-audio {
    width: min(100%, 48rem);
    max-height: calc(94vh - 8rem);
}

[b-v3acqs6ag5] .drive-preview-audio {
    margin: 2rem 1rem;
}

[b-v3acqs6ag5] .drive-share-list {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-v3acqs6ag5] .drive-share-item {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md);
}

[b-v3acqs6ag5] .drive-share-url {
    font-size: 0.8rem;
    word-break: break-all;
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-share-meta {
    font-size: 0.78rem;
    color: var(--rxd-auth-text-muted);
}

[b-v3acqs6ag5] .drive-share-row {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

[b-v3acqs6ag5] .drive-field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    [b-v3acqs6ag5] .drive-grid {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    }

    [b-v3acqs6ag5] .drive-row-more {
        opacity: 1;
    }

    [b-v3acqs6ag5] .drive-card-more {
        opacity: 1;
    }
}

[b-v3acqs6ag5] .drive-share-create-actions {
    justify-content: flex-start;
    margin-top: 0;
}

[b-v3acqs6ag5] .drive-share-heading {
    margin-top: 0.75rem;
    font-size: 1rem;
}
/* /Components/Pages/Assistant/Assistant.razor.rz.scp.css */
.assistant-chat[b-jahmzcw3xz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 60vh;
}

.assistant-log[b-jahmzcw3xz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 62vh;
    padding: 0.25rem;
}

.assistant-empty[b-jahmzcw3xz] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.95rem;
}

.assistant-empty ul[b-jahmzcw3xz] {
    margin: 0.5rem 0 0;
    padding-left: 1.1rem;
}

.assistant-msg[b-jahmzcw3xz] {
    display: flex;
}

.assistant-msg-user[b-jahmzcw3xz] {
    justify-content: flex-end;
}

.assistant-msg-bot[b-jahmzcw3xz] {
    justify-content: flex-start;
}

.assistant-bubble[b-jahmzcw3xz] {
    max-width: min(80%, 46rem);
    padding: 0.6rem 0.85rem;
    border-radius: var(--radius-lg, 1.25rem);
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.45;
}

.assistant-msg-user .assistant-bubble[b-jahmzcw3xz] {
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent, #fff);
    border-bottom-right-radius: var(--radius-sm, 0.5rem);
}

.assistant-msg-bot .assistant-bubble[b-jahmzcw3xz] {
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    color: var(--rxd-auth-text);
    border: 1px solid var(--rxd-auth-border);
    border-bottom-left-radius: var(--radius-sm, 0.5rem);
    box-shadow: var(--shadow-sm);
}

.assistant-typing[b-jahmzcw3xz] {
    opacity: 0.6;
    font-style: italic;
}

.assistant-confirm[b-jahmzcw3xz] {
    align-self: flex-start;
    max-width: min(92%, 34rem);
    border: 1px solid var(--rxd-auth-border);
    border-left: 3px solid var(--rxd-auth-accent);
    border-radius: var(--radius-md, 0.85rem);
    padding: 0.75rem 0.9rem;
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    box-shadow: var(--shadow-sm);
    color: var(--rxd-auth-text);
}

.assistant-confirm-title[b-jahmzcw3xz] {
    font-family: var(--rxd-auth-font-heading, Fraunces, Georgia, serif);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rxd-auth-text-muted);
}

.assistant-confirm-prompt[b-jahmzcw3xz] {
    margin: 0.35rem 0 0.6rem;
}

.assistant-confirm-fields[b-jahmzcw3xz] {
    margin: 0 0 0.75rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.75rem;
    font-size: 0.92rem;
}

.assistant-confirm-fields > div[b-jahmzcw3xz] {
    display: contents;
}

.assistant-confirm-fields dt[b-jahmzcw3xz] {
    color: var(--rxd-auth-text-muted);
    font-weight: 500;
}

.assistant-confirm-fields dd[b-jahmzcw3xz] {
    margin: 0;
}

.assistant-assumed-tag[b-jahmzcw3xz] {
    margin-left: 0.4rem;
    padding: 0.05rem 0.35rem;
    border-radius: var(--radius-sm, 0.5rem);
    font-size: 0.72rem;
    background: var(--rxd-auth-warning-soft);
    color: var(--rxd-auth-warning);
    border: 1px solid color-mix(in srgb, var(--rxd-auth-warning) 35%, transparent);
}

.assistant-confirm-actions[b-jahmzcw3xz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.assistant-input[b-jahmzcw3xz] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.assistant-input .form-control[b-jahmzcw3xz] {
    flex: 1 1 auto;
}
/* /Components/Pages/Home/About.razor.rz.scp.css */
.about-dl[b-tf6haet950] {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 0.4rem 1rem;
    margin: 0;
}

.about-dl dt[b-tf6haet950] {
    color: var(--rxd-auth-text-muted);
}

.about-dl dd[b-tf6haet950] {
    margin: 0;
}

.about-mono[b-tf6haet950] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9em;
    word-break: break-all;
}
/* /Components/Pages/Home/Home.razor.rz.scp.css */
.app-page .cards[b-5n0bcz29ex] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    margin-top: clamp(2rem, 5vw, 3.5rem);
    max-width: 56rem;
}
/* /Components/Pages/Household/Calendar.razor.rz.scp.css */
.calendar-header-row[b-cwats5zpwx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.calendar-new-btn[b-cwats5zpwx] {
    flex-shrink: 0;
    margin-top: 0.5rem;
}

.sources-list[b-cwats5zpwx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.source-row[b-cwats5zpwx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.source-swatch[b-cwats5zpwx] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    flex-shrink: 0;
    display: inline-block;
}

.sources-hint[b-cwats5zpwx] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
}

.calendar-form[b-cwats5zpwx] {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.field[b-cwats5zpwx] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.9rem;
}

.field-row[b-cwats5zpwx] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.field-row .field[b-cwats5zpwx] {
    flex: 1;
    min-width: 180px;
}

.calendar-share[b-cwats5zpwx] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rxd-auth-border, var(--clr-border));
}

.calendar-share h3[b-cwats5zpwx] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.publish-list[b-cwats5zpwx] {
    margin-bottom: 1.25rem;
}

.share-list[b-cwats5zpwx] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.share-list li[b-cwats5zpwx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.share-who[b-cwats5zpwx] {
    font-weight: 600;
}

.share-perm[b-cwats5zpwx] {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted, var(--clr-text-muted));
    margin-left: auto;
}

.share-canedit[b-cwats5zpwx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    white-space: nowrap;
}
/* /Components/Pages/Household/Checklists.razor.rz.scp.css */
/* Checklist feature — follows global accent theme (data-accent). */

.checklist-page[b-2ixj92wkpg] {
    --checklist-accent: var(--rxd-auth-accent);
    --checklist-accent-soft: var(--rxd-auth-accent-soft);
    --checklist-accent-strong: var(--clr-accent-dark, var(--rxd-auth-accent));
    --checklist-on-accent: var(--rxd-auth-on-accent, #fff);
}

[b-2ixj92wkpg] .checklist-layout {
    display: grid;
    grid-template-columns: minmax(15rem, 22rem) 1fr;
    gap: var(--space-xl, 2rem);
    align-items: start;
}

@media (max-width: 720px) {
    [b-2ixj92wkpg] .checklist-layout {
        grid-template-columns: 1fr;
    }
}

[b-2ixj92wkpg] .checklist-create {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm, 0.5rem);
    margin-top: var(--space-md, 0.75rem);
}

[b-2ixj92wkpg] .checklist-create .form-control {
    flex: 1 1 8rem;
    min-width: 7rem;
}

[b-2ixj92wkpg] .checklist-create-item {
    margin-bottom: var(--space-md, 0.75rem);
}

[b-2ixj92wkpg] .checklist-nav {
    list-style: none;
    margin: var(--space-lg, 1.25rem) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.5rem);
}

[b-2ixj92wkpg] .checklist-nav-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, 0.25rem);
    padding: var(--space-md, 0.75rem) var(--space-md, 0.85rem);
    border-radius: var(--radius-md, 0.85rem);
    border: 1px solid var(--rxd-auth-border);
    background: transparent;
    color: var(--rxd-auth-text);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease;
}

[b-2ixj92wkpg] .checklist-nav-item:hover {
    background: var(--checklist-accent-soft);
    border-color: color-mix(in srgb, var(--checklist-accent) 40%, var(--rxd-auth-border));
}

[b-2ixj92wkpg] .checklist-nav-item.active {
    border-color: var(--checklist-accent);
    background: var(--checklist-accent-soft);
}

[b-2ixj92wkpg] .checklist-nav-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-sm, 0.5rem);
}

[b-2ixj92wkpg] .checklist-nav-name {
    font-weight: 600;
}

[b-2ixj92wkpg] .checklist-nav-count {
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-nav-purpose {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-progress {
    height: 0.28rem;
    border-radius: var(--radius-pill, 999px);
    background: color-mix(in srgb, var(--rxd-auth-border) 80%, transparent);
    overflow: hidden;
    margin-top: var(--space-xs, 0.25rem);
}

[b-2ixj92wkpg] .checklist-progress-bar {
    display: block;
    height: 100%;
    width: var(--checklist-progress, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--checklist-accent), var(--checklist-accent-strong));
    transition: width 0.25s ease;
}

[b-2ixj92wkpg] .checklist-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs, 0.25rem);
    margin-top: var(--space-xs, 0.25rem);
}

[b-2ixj92wkpg] .checklist-badge {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.12rem 0.55rem;
    border-radius: var(--radius-pill, 999px);
    background: color-mix(in srgb, var(--rxd-auth-text-muted) 18%, transparent);
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-badge.shared {
    background: color-mix(in srgb, var(--rxd-auth-accent) 22%, transparent);
    color: var(--checklist-accent-strong);
}

[b-2ixj92wkpg] .checklist-badge.published {
    background: var(--checklist-accent-soft);
    color: var(--checklist-accent-strong);
}

[b-2ixj92wkpg] .checklist-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-lg, 1.25rem);
    margin-bottom: var(--space-lg, 1.25rem);
}

[b-2ixj92wkpg] .checklist-detail-titles h2 {
    margin: 0;
}

[b-2ixj92wkpg] .checklist-detail-titles .lede {
    margin: var(--space-xs, 0.25rem) 0 0;
}

[b-2ixj92wkpg] .checklist-detail-actions {
    display: flex;
    flex-shrink: 0;
    gap: var(--space-xs, 0.25rem);
}

[b-2ixj92wkpg] .checklist-meta-edit {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.5rem);
    flex: 1 1 auto;
}

[b-2ixj92wkpg] .checklist-meta-actions {
    display: flex;
    gap: var(--space-sm, 0.5rem);
}

[b-2ixj92wkpg] .checklist-items {
    list-style: none;
    margin: var(--space-lg, 1.25rem) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

[b-2ixj92wkpg] .checklist-item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md, 0.75rem);
    padding: var(--space-md, 0.75rem) var(--space-sm, 0.5rem);
    border-bottom: 1px solid var(--rxd-auth-border);
}

[b-2ixj92wkpg] .checklist-check {
    flex: 0 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.1rem;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--checklist-accent) 55%, var(--rxd-auth-border));
    background: transparent;
    color: var(--checklist-on-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}

[b-2ixj92wkpg] .checklist-check:hover {
    border-color: var(--checklist-accent);
    transform: scale(1.06);
}

[b-2ixj92wkpg] .checklist-check.checked {
    background: var(--checklist-accent);
    border-color: var(--checklist-accent);
}

[b-2ixj92wkpg] .checklist-check i {
    font-size: 0.95rem;
    line-height: 1;
}

[b-2ixj92wkpg] .checklist-item-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

[b-2ixj92wkpg] .checklist-item-title {
    font-weight: 500;
}

[b-2ixj92wkpg] .checklist-item.is-checked .checklist-item-title {
    text-decoration: line-through;
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-item-note,
[b-2ixj92wkpg] .checklist-item-meta,
[b-2ixj92wkpg] .checklist-item-assignees {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-item-assignees {
    color: var(--checklist-accent-strong);
}

[b-2ixj92wkpg] .checklist-item-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 0;
}

[b-2ixj92wkpg] .checklist-share {
    margin-top: var(--space-xl, 2rem);
    padding-top: var(--space-lg, 1.25rem);
    border-top: 1px solid color-mix(in srgb, var(--rxd-auth-border) 90%, transparent);
}

[b-2ixj92wkpg] .checklist-share h3 {
    margin: 0 0 var(--space-md, 0.75rem);
}

[b-2ixj92wkpg] .checklist-share-toggle {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin-bottom: var(--space-md, 0.75rem);
    cursor: pointer;
}

[b-2ixj92wkpg] .checklist-share-list {
    list-style: none;
    margin: var(--space-md, 0.75rem) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.5rem);
}

[b-2ixj92wkpg] .checklist-share-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    padding: var(--space-sm, 0.5rem) var(--space-md, 0.75rem);
    border-radius: var(--radius-md, 0.85rem);
    border: 1px solid var(--rxd-auth-border);
}

[b-2ixj92wkpg] .checklist-share-name {
    flex: 1 1 auto;
    font-weight: 500;
}

[b-2ixj92wkpg] .checklist-share-role {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

[b-2ixj92wkpg] .checklist-assignee-dialog .lede {
    margin-top: 0;
}

[b-2ixj92wkpg] .checklist-assignee-list {
    list-style: none;
    margin: 0 0 var(--space-lg, 1.25rem);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, 0.25rem);
    max-height: 16rem;
    overflow: auto;
}

[b-2ixj92wkpg] .checklist-assignee-option {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    padding: var(--space-sm, 0.5rem) var(--space-md, 0.75rem);
    border-radius: var(--radius-sm, 0.5rem);
    border: 1px solid transparent;
    background: transparent;
    color: var(--rxd-auth-text);
    cursor: pointer;
    text-align: left;
}

[b-2ixj92wkpg] .checklist-assignee-option:hover {
    background: var(--checklist-accent-soft);
}

[b-2ixj92wkpg] .checklist-assignee-option.selected {
    border-color: var(--checklist-accent);
    background: var(--checklist-accent-soft);
    color: var(--checklist-accent-strong);
}
/* /Components/Pages/Household/Documents.razor.rz.scp.css */
.documents-list-pane .list-nav-item[b-tigm3c6e4a] {
    align-items: flex-start;
}

.documents-list-thumb[b-tigm3c6e4a] {
    flex: 0 0 auto;
}

.documents-list-meta[b-tigm3c6e4a] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1;
}

.documents-list-sub[b-tigm3c6e4a] {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

.documents-upload[b-tigm3c6e4a] {
    margin-bottom: 0.75rem;
}

.file-input[b-tigm3c6e4a] {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
}

.photo-col[b-tigm3c6e4a] {
    width: 3.25rem;
}

.item-thumb[b-tigm3c6e4a] {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--rxd-auth-accent-soft);
}

.item-thumb-empty[b-tigm3c6e4a] {
    border: 1px dashed var(--rxd-auth-border);
}

.doc-icon[b-tigm3c6e4a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.filter-select[b-tigm3c6e4a] {
    max-width: 12rem;
}

.documents-detail-actions[b-tigm3c6e4a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.document-frame[b-tigm3c6e4a] {
    width: 100%;
    min-height: 24rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm);
    background: var(--rxd-auth-surface);
}

.document-image[b-tigm3c6e4a] {
    max-width: 100%;
    max-height: 32rem;
    border-radius: var(--radius-sm);
}

.document-preview[b-tigm3c6e4a] {
    margin-top: 1rem;
}

.document-meta[b-tigm3c6e4a] {
    margin-top: 1rem;
    color: var(--rxd-auth-text-muted);
}

.document-summary[b-tigm3c6e4a] {
    font-style: italic;
}

.sources-hint[b-tigm3c6e4a] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    color: var(--rxd-auth-text-muted);
}

[b-tigm3c6e4a] .field-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

[b-tigm3c6e4a] .field-inline > span {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--rxd-auth-text);
}

.calendar-badges[b-tigm3c6e4a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.2rem;
}

.calendar-badge[b-tigm3c6e4a] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    border-radius: var(--radius-pill);
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-text);
}

.calendar-badge.shared[b-tigm3c6e4a] {
    background: color-mix(in srgb, var(--rxd-auth-accent) 22%, transparent);
}

.calendar-badge.published[b-tigm3c6e4a] {
    background: var(--rxd-auth-success-soft, color-mix(in srgb, var(--rxd-auth-success) 22%, transparent));
}

.documents-share[b-tigm3c6e4a] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rxd-auth-border);
}

.document-ask[b-tigm3c6e4a] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rxd-auth-border);
}

.document-ask h3[b-tigm3c6e4a] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
}

.document-ask-transcript[b-tigm3c6e4a] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: 16rem;
    overflow-y: auto;
    margin: 0.75rem 0;
    padding: 0.5rem 0;
}

.document-ask-msg[b-tigm3c6e4a] {
    display: flex;
}

.document-ask-user[b-tigm3c6e4a] {
    justify-content: flex-end;
}

.document-ask-bot[b-tigm3c6e4a] {
    justify-content: flex-start;
}

.document-ask-bubble[b-tigm3c6e4a] {
    max-width: min(36rem, 90%);
    padding: 0.55rem 0.75rem;
    border-radius: var(--radius-md);
    white-space: pre-wrap;
    line-height: 1.4;
}

.document-ask-user .document-ask-bubble[b-tigm3c6e4a] {
    background: color-mix(in srgb, var(--rxd-auth-accent) 18%, transparent);
}

.document-ask-bot .document-ask-bubble[b-tigm3c6e4a] {
    background: var(--rxd-auth-accent-soft);
}

.document-ask-composer[b-tigm3c6e4a] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.document-ask-composer .form-control[b-tigm3c6e4a] {
    flex: 1;
}

@media (max-width: 720px) {
    .document-frame[b-tigm3c6e4a] {
        min-height: 16rem;
    }

    .document-ask-composer[b-tigm3c6e4a] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-select[b-tigm3c6e4a] {
        max-width: none;
    }

    .documents-detail-actions[b-tigm3c6e4a] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Household/Inventory.razor.rz.scp.css */
/* Page-level Inventory styles; child components own their scoped CSS. */
/* /Components/Pages/Household/Inventory/InventoryItemForm.razor.rz.scp.css */
.field-check[b-cmgkfbg8fu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.field-check input[b-cmgkfbg8fu] {
    margin: 0;
}
/* /Components/Pages/Household/Inventory/InventoryItemsTable.razor.rz.scp.css */
.photo-col[b-frw7cm94px] {
    width: 3.25rem;
}

.item-thumb[b-frw7cm94px] {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.5rem;
    object-fit: cover;
    background: var(--rxd-auth-accent-soft);
}

.item-thumb-empty[b-frw7cm94px] {
    border: 1px dashed var(--rxd-auth-border);
}

.status-badge[b-frw7cm94px] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.status-badge-private[b-frw7cm94px] {
    color: var(--rxd-auth-text-muted);
    background: var(--rxd-auth-accent-soft);
}

.status-badge-warning[b-frw7cm94px] {
    color: var(--rxd-auth-warning);
    background: var(--rxd-auth-warning-soft);
}

.status-badge-danger[b-frw7cm94px] {
    color: var(--rxd-auth-error);
    background: var(--rxd-auth-error-soft);
}

tr.low-stock[b-frw7cm94px] {
    background: var(--rxd-auth-warning-soft);
}

tr.low-stock td[b-frw7cm94px] {
    border-color: color-mix(in srgb, var(--rxd-auth-warning) 25%, var(--rxd-auth-border));
}

@media (max-width: 900px) {
    .inventory-table .col-unit[b-frw7cm94px],
    .inventory-table .col-value[b-frw7cm94px] {
        display: none;
    }
}

@media (max-width: 720px) {
    .inventory-table .col-category[b-frw7cm94px],
    .inventory-table .col-location[b-frw7cm94px],
    .inventory-table .col-expires[b-frw7cm94px] {
        display: none;
    }
}
/* /Components/Pages/Household/Inventory/InventoryListToolbar.razor.rz.scp.css */
.field-check[b-s52ssw7yek] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.field-check input[b-s52ssw7yek] {
    margin: 0;
}

.ownership-filter[b-s52ssw7yek] {
    flex: 0 0 auto;
}
/* /Components/Pages/Household/Inventory/InventoryPhotosPanel.razor.rz.scp.css */
.item-photos[b-novpq2gmri] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--rxd-auth-border);
}

.item-photos h3[b-novpq2gmri] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
}

.item-photos .panel-lede[b-novpq2gmri] {
    margin-bottom: 1rem;
    color: var(--rxd-auth-text-muted);
}

.file-input[b-novpq2gmri] {
    display: block;
    margin-bottom: 0.75rem;
}

.selected-files[b-novpq2gmri] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
}

.upload-actions[b-novpq2gmri] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.photo-grid[b-novpq2gmri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: 1rem;
}

.photo-card[b-novpq2gmri] {
    background: var(--rxd-auth-surface);
    border: 1px solid var(--rxd-auth-border);
    border-radius: 0.85rem;
    overflow: hidden;
}

.photo-card img[b-novpq2gmri] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background: var(--rxd-auth-accent-soft);
}

.photo-card img.is-cover[b-novpq2gmri] {
    outline: 3px solid var(--rxd-auth-accent);
    outline-offset: -3px;
}

.photo-meta[b-novpq2gmri] {
    padding: 0.55rem 0.65rem 0.65rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.photo-name[b-novpq2gmri] {
    flex: 1 1 100%;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cover-badge[b-novpq2gmri] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rxd-auth-accent);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.photo-meta .btn-sm[b-novpq2gmri] {
    padding: 0;
    font-size: 0.8rem;
}

.photo-meta .danger[b-novpq2gmri] {
    color: var(--rxd-auth-error);
}
/* /Components/Pages/Household/Notes.razor.rz.scp.css */
/* Page shell, shared primitives (::deep), batch bar, responsive layout */

.notes-page[b-h3cykvp7zx] {
    --notes-card-radius: var(--radius-lg, 1.25rem);
    --notes-danger: var(--rxd-auth-error);
    --notes-danger-soft: var(--rxd-auth-error-soft, color-mix(in srgb, var(--rxd-auth-error) 14%, transparent));
    --notes-shadow: var(--shadow-md);
    --notes-shadow-lg: var(--shadow-lg);
    position: relative;
    padding-bottom: 4.5rem;
}

.notes-shell[b-h3cykvp7zx] {
    display: grid;
    grid-template-columns: minmax(17rem, 19rem) minmax(0, 1fr) minmax(20rem, 1.15fr);
    gap: 0.75rem;
    min-height: calc(100vh - 5.5rem);
    align-items: stretch;
}

.notes-shell.has-inspector[b-h3cykvp7zx] {
    grid-template-columns:
        minmax(15.5rem, 17.5rem)
        minmax(0, 1fr)
        minmax(0, 1.1fr)
        minmax(16.5rem, 19.5rem);
}

[b-h3cykvp7zx] .notes-rail,
[b-h3cykvp7zx] .notes-list-pane,
[b-h3cykvp7zx] .notes-editor-pane,
[b-h3cykvp7zx] .notes-inspector {
    background: var(--clr-surface);
    border: 1px solid var(--clr-border);
    border-radius: var(--notes-card-radius);
    overflow: auto;
    padding: 0.85rem;
    min-height: 0;
}

[b-h3cykvp7zx] .notes-list-pane,
[b-h3cykvp7zx] .notes-editor-pane {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

[b-h3cykvp7zx] .notes-mobile-back,
[b-h3cykvp7zx] .notes-inspector-toggle {
    display: none;
}

/* Shared form / chip primitives used across pane components */
[b-h3cykvp7zx] .field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.65rem;
}

[b-h3cykvp7zx] .field > span {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--clr-text-muted);
}

[b-h3cykvp7zx] .field-wide {
    width: 100%;
}

[b-h3cykvp7zx] .field-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

[b-h3cykvp7zx] .field-inline > span {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--clr-text);
}

[b-h3cykvp7zx] .form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

[b-h3cykvp7zx] .chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.5rem 0 0.25rem;
}

[b-h3cykvp7zx] .chip-row-filter {
    margin-bottom: 0.25rem;
}

[b-h3cykvp7zx] .chip {
    appearance: none;
    border: 1px solid var(--clr-border);
    background: var(--clr-surface);
    color: inherit;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

[b-h3cykvp7zx] .chip:hover:not(:disabled) {
    border-color: var(--clr-accent-mid);
}

[b-h3cykvp7zx] .chip-active {
    background: var(--clr-accent-mid);
    border-color: var(--clr-accent-mid);
    color: var(--clr-on-accent);
}

[b-h3cykvp7zx] .chip-static {
    cursor: default;
    font-size: 0.78rem;
    padding: 0.1rem 0.6rem;
}

[b-h3cykvp7zx] .chip-add {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.4rem;
}

[b-h3cykvp7zx] .chip-add-input {
    max-width: 220px;
}

[b-h3cykvp7zx] .filter-label {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--clr-text-muted);
    align-self: center;
    margin-right: 0.25rem;
}

[b-h3cykvp7zx] .create-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

[b-h3cykvp7zx] .create-row .form-control {
    flex: 1;
    min-width: 10rem;
}

[b-h3cykvp7zx] .note-color-picker {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

[b-h3cykvp7zx] .note-swatch-none {
    font-size: 0.75rem;
    line-height: 1;
    color: var(--clr-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Batch action bar */
.notes-batch-bar[b-h3cykvp7zx] {
    position: fixed;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%);
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 0.95rem;
    background: color-mix(in srgb, var(--clr-surface) 92%, transparent);
    backdrop-filter: blur(12px);
    border: 1px solid var(--clr-border);
    border-radius: 999px;
    box-shadow: var(--notes-shadow-lg);
    max-width: calc(100vw - 2rem);
}

.notes-batch-count[b-h3cykvp7zx] {
    font-weight: 650;
    font-size: 0.88rem;
    padding: 0 0.35rem;
}

.notes-batch-select[b-h3cykvp7zx] {
    max-width: 10rem;
    min-width: 7rem;
}

@media (max-width: 1400px) {
    .notes-shell[b-h3cykvp7zx],
    .notes-shell.has-inspector[b-h3cykvp7zx] {
        grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr) minmax(0, 1fr);
    }

    .notes-shell.has-inspector[b-h3cykvp7zx]  .notes-inspector {
        position: fixed;
        right: 0.75rem;
        top: 5.5rem;
        bottom: 1rem;
        width: min(22rem, calc(100vw - 1.5rem));
        z-index: 20;
        box-shadow: var(--notes-shadow-lg);
    }

    [b-h3cykvp7zx] .notes-inspector-toggle {
        display: inline-flex;
    }
}

@media (max-width: 1024px) {
    .notes-shell[b-h3cykvp7zx],
    .notes-shell.has-inspector[b-h3cykvp7zx] {
        grid-template-columns: 1fr;
        min-height: calc(100vh - 10rem);
    }

    [b-h3cykvp7zx] .notes-mobile-back {
        display: inline-flex;
    }

    .notes-shell[data-pane=List][b-h3cykvp7zx]  .notes-editor-pane,
    .notes-shell[data-pane=List][b-h3cykvp7zx]  .notes-inspector {
        display: none;
    }

    .notes-shell[data-pane=Editor][b-h3cykvp7zx]  .notes-rail,
    .notes-shell[data-pane=Editor][b-h3cykvp7zx]  .notes-list-pane,
    .notes-shell[data-pane=Editor][b-h3cykvp7zx]  .notes-inspector {
        display: none;
    }

    .notes-shell[data-pane=Inspector][b-h3cykvp7zx]  .notes-rail,
    .notes-shell[data-pane=Inspector][b-h3cykvp7zx]  .notes-list-pane,
    .notes-shell[data-pane=Inspector][b-h3cykvp7zx]  .notes-editor-pane {
        display: none;
    }

    .notes-shell.has-inspector[b-h3cykvp7zx]  .notes-inspector {
        position: static;
        width: auto;
        box-shadow: none;
    }

    .notes-batch-bar[b-h3cykvp7zx] {
        border-radius: var(--notes-card-radius);
        bottom: 0.75rem;
    }
}
/* /Components/Pages/Household/Notes/NoteEditorPane.razor.rz.scp.css */
/* Note editor pane */

.notes-compose-head[b-rnvuse5ifp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.15rem;
}

.notes-compose-head h2[b-rnvuse5ifp] {
    margin: 0;
    font-size: 1.1rem;
    font-family: var(--rxd-auth-font-heading, inherit);
}

.notes-pane-nav[b-rnvuse5ifp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.notes-pane-nav h2[b-rnvuse5ifp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notes-editor-actions[b-rnvuse5ifp] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.notes-editor-tools[b-rnvuse5ifp] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.notes-title-input[b-rnvuse5ifp] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.45rem !important;
    font-weight: 650;
    font-family: var(--rxd-auth-font-heading, inherit);
    padding: 0.35rem 0 !important;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.notes-title-input:focus[b-rnvuse5ifp] {
    outline: none;
}

.notes-title-field[b-rnvuse5ifp] {
    margin-bottom: 0.15rem;
}

.notes-title-field > span[b-rnvuse5ifp] {
    display: none;
}

.note-input[b-rnvuse5ifp],
.notes-body-input[b-rnvuse5ifp] {
    resize: vertical;
    min-height: 14rem;
    font-size: 0.98rem;
    line-height: 1.55;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.35rem 0 !important;
}

.notes-body-field[b-rnvuse5ifp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.25rem;
}

.notes-body-field > span[b-rnvuse5ifp] {
    display: none;
}

.notes-body-field .note-input[b-rnvuse5ifp],
.notes-body-field .notes-body-input[b-rnvuse5ifp] {
    flex: 1;
    min-height: 16rem;
}

.notes-checklist-preview[b-rnvuse5ifp] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--clr-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--clr-bg) 65%, var(--clr-surface));
}

.notes-checklist-item[b-rnvuse5ifp] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.4;
}

.notes-checklist-item.is-done span[b-rnvuse5ifp] {
    text-decoration: line-through;
    color: var(--clr-text-muted);
}

.notes-editor-empty[b-rnvuse5ifp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2.75rem 1.5rem;
    gap: 0.35rem;
}

.notes-editor-empty-icon[b-rnvuse5ifp] {
    font-size: 2.4rem;
    color: var(--clr-accent-mid);
    opacity: 0.65;
    margin-bottom: 0.35rem;
}

.notes-editor-empty .btn[b-rnvuse5ifp] {
    margin-top: 0.85rem;
}

.note-photos-compose[b-rnvuse5ifp] {
    margin-top: 0.75rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--clr-border);
}

.note-photos-compose h3[b-rnvuse5ifp] {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
}

.file-input[b-rnvuse5ifp] {
    display: block;
    margin-bottom: 0.75rem;
}

.selected-files[b-rnvuse5ifp] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    color: var(--clr-text-muted);
    font-size: 0.9rem;
}
/* /Components/Pages/Household/Notes/NoteInspectorPane.razor.rz.scp.css */
/* Note inspector pane */

.notes-inspector[b-iwfyk7h79o] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.notes-compose-head[b-iwfyk7h79o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.notes-compose-head h2[b-iwfyk7h79o] {
    margin: 0;
    font-size: 1.1rem;
    font-family: var(--rxd-auth-font-heading, inherit);
}

.notes-pane-nav[b-iwfyk7h79o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.notes-inspector-section[b-iwfyk7h79o] {
    margin-top: 0.35rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--clr-border);
}

.notes-inspector-section:first-of-type[b-iwfyk7h79o] {
    border-top: 0;
    padding-top: 0.25rem;
}

.notes-inspector-section h3[b-iwfyk7h79o] {
    margin: 0 0 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--clr-text-muted);
}

.notes-inspector-hint[b-iwfyk7h79o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.notes-org-toggles[b-iwfyk7h79o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.notes-reminder-actions[b-iwfyk7h79o] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}

.note-meta p[b-iwfyk7h79o] {
    margin: 0.25rem 0;
    font-size: 0.9rem;
}

.note-summary[b-iwfyk7h79o] {
    color: var(--clr-text-muted);
    font-style: italic;
    margin-top: 0.45rem !important;
}

.note-photos[b-iwfyk7h79o],
.note-attachments[b-iwfyk7h79o] {
    margin-top: 0;
}

.note-photos .panel-lede[b-iwfyk7h79o],
.note-attachments .panel-lede[b-iwfyk7h79o] {
    margin-bottom: 0.75rem;
    color: var(--clr-text-muted);
}

.file-input[b-iwfyk7h79o] {
    display: block;
    margin-bottom: 0.75rem;
}

.selected-files[b-iwfyk7h79o] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    color: var(--clr-text-muted);
    font-size: 0.9rem;
}

.upload-actions[b-iwfyk7h79o] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.photo-grid[b-iwfyk7h79o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.75rem;
}

.photo-card[b-iwfyk7h79o] {
    background: var(--clr-surface);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.photo-card img[b-iwfyk7h79o] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background: var(--clr-accent-soft, var(--clr-border));
}

.photo-card img.is-cover[b-iwfyk7h79o] {
    outline: 3px solid var(--clr-accent-mid);
    outline-offset: -3px;
}

.photo-meta[b-iwfyk7h79o] {
    padding: 0.55rem 0.65rem 0.65rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.photo-name[b-iwfyk7h79o] {
    flex: 1 1 100%;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cover-badge[b-iwfyk7h79o] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--clr-accent-mid);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.photo-meta .btn-sm[b-iwfyk7h79o] {
    padding: 0;
    font-size: 0.8rem;
}

.photo-meta .danger[b-iwfyk7h79o],
.attachment-row .danger[b-iwfyk7h79o] {
    color: var(--notes-danger, var(--rxd-auth-error));
}

.attachment-list[b-iwfyk7h79o] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.attachment-row[b-iwfyk7h79o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    background: var(--clr-surface);
}

.attachment-link[b-iwfyk7h79o] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.attachment-name[b-iwfyk7h79o] {
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-meta[b-iwfyk7h79o] {
    font-size: 0.78rem;
    color: var(--clr-text-muted);
}

.related-notes ul[b-iwfyk7h79o] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.related-summary[b-iwfyk7h79o] {
    display: block;
    font-size: 0.85rem;
    color: var(--clr-text-muted);
}

.notes-timestamps p[b-iwfyk7h79o] {
    margin: 0.2rem 0;
    font-size: 0.88rem;
    color: var(--clr-text-muted);
}

.calendar-share[b-iwfyk7h79o] {
    padding-top: 0.9rem;
}
/* /Components/Pages/Household/Notes/NotesFolderRail.razor.rz.scp.css */
/* Folder rail */

.notes-rail[b-8be0krfc3f] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.notes-rail-section + .notes-rail-section[b-8be0krfc3f] {
    margin-top: 1.1rem;
    padding-top: 0.95rem;
    border-top: 1px solid var(--clr-border);
}

.notes-rail-section-grow[b-8be0krfc3f] {
    flex: 1;
    min-height: 0;
}

.notes-rail-section-footer[b-8be0krfc3f] {
    margin-top: auto;
    padding-top: 0.95rem;
    border-top: 1px solid var(--clr-border);
}

.notes-rail-heading-row[b-8be0krfc3f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    margin-bottom: 0.4rem;
}

.notes-rail-heading-row .notes-rail-heading[b-8be0krfc3f] {
    margin: 0;
}

.notes-rail-heading[b-8be0krfc3f] {
    margin: 0 0 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--clr-text-muted);
}

.notes-smart-list[b-8be0krfc3f],
.notes-folder-list[b-8be0krfc3f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notes-rail-item[b-8be0krfc3f] {
    appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    border-radius: var(--radius-sm);
    padding: 0.42rem 0.55rem;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.notes-rail-item i[b-8be0krfc3f] {
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
    color: var(--clr-text-muted);
}

.notes-rail-item:hover[b-8be0krfc3f],
.notes-folder-row:hover[b-8be0krfc3f] {
    background: color-mix(in srgb, var(--clr-border) 55%, transparent);
}

.notes-rail-item.is-active[b-8be0krfc3f],
.notes-folder-row.is-active[b-8be0krfc3f] {
    background: color-mix(in srgb, var(--clr-accent-mid) 16%, transparent);
    border-color: color-mix(in srgb, var(--clr-accent-mid) 32%, transparent);
    font-weight: 650;
}

.notes-rail-item.is-active i[b-8be0krfc3f],
.notes-folder-row.is-active .notes-rail-item i[b-8be0krfc3f] {
    color: var(--clr-accent-mid);
}

.notes-rail-item.is-drop-target[b-8be0krfc3f],
.notes-folder-row.is-drop-target[b-8be0krfc3f] {
    outline: 2px dashed var(--clr-accent-mid);
    outline-offset: -2px;
    background: color-mix(in srgb, var(--clr-accent-mid) 18%, transparent);
}

.notes-rail-count[b-8be0krfc3f] {
    margin-left: auto;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--clr-text-muted);
    min-width: 1.25rem;
    text-align: right;
}

.notes-rail-item.is-active .notes-rail-count[b-8be0krfc3f] {
    color: var(--clr-accent-mid);
    font-weight: 650;
}

.notes-folder-row[b-8be0krfc3f] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    border-radius: var(--radius-sm);
    padding-left: calc(var(--folder-depth, 0) * 0.85rem);
    position: relative;
}

.notes-folder-btn[b-8be0krfc3f] {
    flex: 1;
    min-width: 0;
}

.notes-folder-name[b-8be0krfc3f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notes-folder-twist[b-8be0krfc3f],
.notes-folder-twist-spacer[b-8be0krfc3f] {
    width: 1rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notes-folder-twist[b-8be0krfc3f] {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: var(--clr-text-muted);
}

.notes-folder-actions[b-8be0krfc3f] {
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
    flex-shrink: 0;
}

.notes-folder-row:hover .notes-folder-actions[b-8be0krfc3f],
.notes-folder-row:focus-within .notes-folder-actions[b-8be0krfc3f] {
    opacity: 1;
    pointer-events: auto;
}

.notes-folder-rename[b-8be0krfc3f] {
    flex: 1;
    margin: 0.2rem;
}

.notes-folder-create[b-8be0krfc3f] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notes-folder-create-row[b-8be0krfc3f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.notes-smart-builder[b-8be0krfc3f] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    padding: 0.65rem;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--clr-bg) 70%, var(--clr-surface));
}

.notes-check[b-8be0krfc3f] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
}

.notes-tag-match[b-8be0krfc3f] {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.4rem;
}

.notes-trash-item[b-8be0krfc3f] {
    width: 100%;
}
/* /Components/Pages/Household/Notes/NotesListPane.razor.rz.scp.css */
/* Note list pane */

.notes-list-toolbar[b-zaqvk79ks9],
.notes-list-toolbar-compact[b-zaqvk79ks9] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    position: sticky;
    top: 0;
    z-index: 2;
    background: color-mix(in srgb, var(--clr-surface) 94%, transparent);
    backdrop-filter: blur(10px);
    padding-bottom: 0.4rem;
}

.notes-list-title-row[b-zaqvk79ks9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.notes-list-title[b-zaqvk79ks9] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 650;
    font-family: var(--rxd-auth-font-heading, inherit);
    letter-spacing: -0.01em;
}

.notes-list-actions[b-zaqvk79ks9] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.notes-list-toolbar-row[b-zaqvk79ks9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notes-sort-select[b-zaqvk79ks9] {
    max-width: 9.5rem;
}

.notes-search-field[b-zaqvk79ks9] {
    position: relative;
    flex: 1 1 16rem;
    min-width: 12rem;
}

.notes-search-icon[b-zaqvk79ks9] {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--clr-text-muted);
    pointer-events: none;
}

.notes-search-field .notes-search-input[b-zaqvk79ks9],
.notes-search-input[b-zaqvk79ks9] {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2.25rem;
    font-size: 0.95rem;
}

.notes-search-clear[b-zaqvk79ks9] {
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    min-width: 2rem;
    padding: 0.25rem;
}

.notes-result-count[b-zaqvk79ks9] {
    font-size: 0.85rem;
    color: var(--clr-text-muted);
    white-space: nowrap;
}

.notes-section-heading[b-zaqvk79ks9] {
    margin: 0.85rem 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--clr-text-muted);
}

.notes-list-body[b-zaqvk79ks9] {
    flex: 1;
    min-height: 0;
}

.note-list[b-zaqvk79ks9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.note-gallery[b-zaqvk79ks9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
    gap: 0.65rem;
}

.note-card[b-zaqvk79ks9] {
    position: relative;
    border: 1px solid var(--clr-border);
    border-radius: var(--notes-card-radius, var(--radius-lg));
    padding: 0.75rem 0.85rem 0.7rem 0.95rem;
    background: var(--note-bg, var(--clr-surface));
    cursor: pointer;
    transition: box-shadow 140ms ease, border-color 140ms ease, transform 140ms ease;
    display: flex;
    flex-direction: column;
    min-height: 6.25rem;
    overflow: hidden;
}

.note-card-gallery[b-zaqvk79ks9] {
    min-height: 10rem;
    background: var(--note-bg, var(--clr-surface));
    border-color: color-mix(in srgb, var(--note-border, var(--clr-border)) 80%, transparent);
}

.note-card-gallery .note-preview[b-zaqvk79ks9] {
    -webkit-line-clamp: 4;
}

.note-card-gallery .note-stripe[b-zaqvk79ks9] {
    width: 5px;
}

.note-card:hover[b-zaqvk79ks9] {
    border-color: color-mix(in srgb, var(--clr-accent-mid) 45%, var(--clr-border));
    box-shadow: 0 6px 18px color-mix(in srgb, var(--clr-text) 8%, transparent);
}

.note-card.is-open[b-zaqvk79ks9] {
    border-color: var(--clr-accent-mid);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--clr-accent-mid) 40%, transparent);
}

.note-card.is-selected[b-zaqvk79ks9] {
    outline: 2px solid var(--clr-accent-mid);
    outline-offset: 1px;
}

.note-card.is-archived[b-zaqvk79ks9] {
    opacity: 0.72;
}

.note-card.is-reminder-overdue[b-zaqvk79ks9] {
    box-shadow: inset 0 0 0 1px var(--notes-danger, var(--rxd-auth-error));
}

.note-stripe[b-zaqvk79ks9] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.note-select[b-zaqvk79ks9] {
    display: flex;
    align-items: center;
    margin-right: 0.25rem;
}

.note-card-head[b-zaqvk79ks9] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.note-card-main[b-zaqvk79ks9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
    min-width: 0;
}

.note-thumb[b-zaqvk79ks9] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--clr-accent-soft, var(--clr-border));
    flex-shrink: 0;
}

.note-title[b-zaqvk79ks9] {
    font-weight: 650;
    font-size: 0.98rem;
    text-align: left;
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.note-icon[b-zaqvk79ks9] {
    margin-right: 0.2rem;
    font-size: 0.85em;
}

.note-icon-fav[b-zaqvk79ks9] {
    color: var(--rxd-auth-accent, var(--clr-accent-mid));
}

.note-icon-overdue[b-zaqvk79ks9] {
    color: var(--notes-danger, var(--rxd-auth-error));
}

.note-card-meta-row[b-zaqvk79ks9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.note-folder-badge[b-zaqvk79ks9],
.note-category-badge[b-zaqvk79ks9] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.1rem 0.5rem;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--clr-accent-mid) 14%, transparent);
    color: var(--clr-accent-dark, var(--clr-accent-mid));
}

.note-preview[b-zaqvk79ks9] {
    margin: 0.4rem 0 0.5rem;
    font-size: 0.88rem;
    color: var(--clr-text-muted);
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
    line-height: 1.4;
}

.note-card-foot[b-zaqvk79ks9] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-top: auto;
}

.note-tags[b-zaqvk79ks9] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.note-date[b-zaqvk79ks9] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--clr-text-muted);
    white-space: nowrap;
}

.notes-card-menu-btn[b-zaqvk79ks9] {
    min-width: 1.75rem;
    padding: 0.1rem 0.35rem;
    opacity: 0.55;
}

.note-card:hover .notes-card-menu-btn[b-zaqvk79ks9],
.note-card:focus-within .notes-card-menu-btn[b-zaqvk79ks9] {
    opacity: 1;
}

.notes-context-menu[b-zaqvk79ks9] {
    position: absolute;
    right: 0.5rem;
    top: 2.25rem;
    z-index: 8;
    min-width: 12rem;
    max-width: 16rem;
    max-height: 18rem;
    overflow: auto;
    background: var(--clr-surface);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.notes-context-menu .btn-link[b-zaqvk79ks9] {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.55rem;
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.notes-context-menu .btn-link:hover[b-zaqvk79ks9] {
    background: color-mix(in srgb, var(--clr-border) 55%, transparent);
}

.notes-context-section[b-zaqvk79ks9] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    border-bottom: 1px solid var(--clr-border);
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
}

.notes-context-label[b-zaqvk79ks9] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--clr-text-muted);
    padding: 0.3rem 0.55rem 0.2rem;
}

.notes-load-more[b-zaqvk79ks9] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.notes-empty-state[b-zaqvk79ks9] {
    text-align: center;
    padding: 2.75rem 1.25rem;
}

.notes-empty-state .btn[b-zaqvk79ks9] {
    margin-top: 0.85rem;
}

.notes-empty-icon[b-zaqvk79ks9] {
    font-size: 2rem;
    color: var(--clr-accent-mid);
    opacity: 0.7;
    margin-bottom: 0.5rem;
}
/* /Components/Pages/Iot/Cameras.razor.rz.scp.css */
.app-page.cameras-page .hero[b-0ynvpiir6f] {
    max-width: 48rem;
    margin-bottom: 1.5rem;
}

.cameras-page .lede[b-0ynvpiir6f],
.cameras-page .hint[b-0ynvpiir6f],
.cameras-page .muted[b-0ynvpiir6f] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.95rem;
}

.cameras-page .panel[b-0ynvpiir6f] {
    max-width: 48rem;
    margin-bottom: 1.25rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    box-shadow: var(--shadow-sm);
}

.cameras-page .camera-device-list[b-0ynvpiir6f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cameras-page .camera-device-btn[b-0ynvpiir6f] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.15rem 0.75rem;
    text-align: left;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    background: transparent;
    color: var(--rxd-auth-text);
    font: inherit;
    cursor: pointer;
}

.cameras-page .camera-device-btn.active[b-0ynvpiir6f] {
    border-color: var(--rxd-auth-accent);
    box-shadow: inset 0 0 0 1px var(--rxd-auth-accent);
}

.cameras-page .camera-device-btn .muted[b-0ynvpiir6f] {
    grid-column: 1;
    font-size: 0.8rem;
}

/* Player chrome stays black for video contrast. */
.cameras-page .camera-live[b-0ynvpiir6f],
.cameras-page .camera-snap[b-0ynvpiir6f] {
    display: block;
    width: 100%;
    max-width: 48rem;
    margin-top: 0.85rem;
    border-radius: var(--radius-sm, 0.5rem);
    background: #111;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

.cameras-page .camera-live.hidden[b-0ynvpiir6f] {
    display: none;
}

.cameras-page .camera-events[b-0ynvpiir6f] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cameras-page .camera-events li[b-0ynvpiir6f] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0;
    border-top: 1px solid var(--rxd-auth-border);
}

.cameras-page .actions[b-0ynvpiir6f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.cameras-page .status[b-0ynvpiir6f] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md, 0.85rem);
}

.cameras-page .status-ok[b-0ynvpiir6f] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.cameras-page .status-error[b-0ynvpiir6f] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}
/* /Components/Pages/Iot/IotDevices.razor.rz.scp.css */
.app-page.iot-devices .hero[b-u9ahpssw1r] {
    max-width: 42rem;
    margin-bottom: 1.75rem;
}

.iot-devices .lede[b-u9ahpssw1r] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.95rem;
}

.iot-devices .status[b-u9ahpssw1r] {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md, 0.85rem);
    font-size: 0.95rem;
    max-width: 42rem;
}

.iot-devices .status-ok[b-u9ahpssw1r] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.iot-devices .status-error[b-u9ahpssw1r] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}

.iot-devices .panel[b-u9ahpssw1r] {
    max-width: 42rem;
    margin-bottom: 1.5rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    box-shadow: var(--shadow-sm);
}

.iot-devices .panel h2[b-u9ahpssw1r] {
    margin: 0 0 0.35rem;
    font-family: var(--rxd-auth-font-heading, Fraunces, Georgia, serif);
    font-size: 1.15rem;
}

.iot-devices .hint[b-u9ahpssw1r],
.iot-devices .muted[b-u9ahpssw1r] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
    margin: 0 0 1rem;
}

.iot-devices .field[b-u9ahpssw1r] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.85rem;
}

.iot-devices .field span[b-u9ahpssw1r] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--rxd-auth-text-muted);
}

.iot-devices .field input[b-u9ahpssw1r] {
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm, 0.5rem);
    font: inherit;
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-text);
}

.iot-devices .device-row[b-u9ahpssw1r] {
    padding: 0.85rem 0;
    border-top: 1px solid var(--rxd-auth-border);
}

.iot-devices .device-row:first-of-type[b-u9ahpssw1r] {
    border-top: none;
    padding-top: 0;
}

.iot-devices .device-id[b-u9ahpssw1r] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 0.65rem;
}

.iot-devices .actions[b-u9ahpssw1r] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.iot-devices .save-row[b-u9ahpssw1r] {
    max-width: 42rem;
    margin-bottom: 2rem;
}
/* /Components/Pages/Iot/Ring.razor.rz.scp.css */
.app-page.ring-kiosk .hero[b-4sndd4ri6y] {
    max-width: 40rem;
    margin-bottom: 1.25rem;
}

.ring-kiosk .connection-badge[b-4sndd4ri6y] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.2rem 0.55rem;
    border-radius: var(--radius-pill, 999px);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ring-kiosk .connection-live[b-4sndd4ri6y] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.ring-kiosk .connection-disconnected[b-4sndd4ri6y] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}

.ring-kiosk .status[b-4sndd4ri6y] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md, 0.85rem);
    max-width: 40rem;
}

.ring-kiosk .status-ok[b-4sndd4ri6y] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.ring-kiosk .status-error[b-4sndd4ri6y] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}

.ring-kiosk .panel[b-4sndd4ri6y] {
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-lg, 1.25rem);
    padding: 1rem 1.15rem;
    margin-bottom: 1.25rem;
    box-shadow: var(--shadow-sm);
}

.ring-kiosk .form-grid[b-4sndd4ri6y] {
    display: grid;
    gap: 0.75rem;
    max-width: 28rem;
}

.ring-kiosk label[b-4sndd4ri6y] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.9rem;
}

.ring-kiosk input[b-4sndd4ri6y] {
    padding: 0.55rem 0.7rem;
    border-radius: var(--radius-sm, 0.5rem);
    border: 1px solid var(--rxd-auth-border);
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-text);
}

.ring-kiosk .actions[b-4sndd4ri6y] {
    margin-top: 1rem;
}

.ring-kiosk .action-btn[b-4sndd4ri6y] {
    border: 0;
    border-radius: var(--radius-sm, 0.5rem);
    padding: 0.55rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-text);
}

.ring-kiosk .action-on[b-4sndd4ri6y] {
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent, #fff);
}

.ring-kiosk .toolbar[b-4sndd4ri6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: end;
}

.ring-kiosk .toolbar .meta[b-4sndd4ri6y] {
    margin-left: auto;
    color: var(--rxd-auth-text-muted);
    font-size: 0.85rem;
}

.ring-kiosk .kiosk-grid[b-4sndd4ri6y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.85rem;
}

/* Video tiles stay cinema-black for contrast against live feeds. */
.ring-kiosk .kiosk-tile[b-4sndd4ri6y] {
    background: #111;
    color: #eee;
    border-radius: var(--radius-md, 0.85rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 12rem;
}

.ring-kiosk .kiosk-tile header[b-4sndd4ri6y] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    font-size: 0.82rem;
    background: rgba(0, 0, 0, 0.55);
}

.ring-kiosk .kiosk-tile img[b-4sndd4ri6y] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 1;
    min-height: 10rem;
}

.ring-kiosk .kiosk-empty[b-4sndd4ri6y] {
    display: grid;
    place-items: center;
    flex: 1;
    color: color-mix(in srgb, #fff 55%, transparent);
    min-height: 10rem;
}

.ring-kiosk .events-card ul[b-4sndd4ri6y] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.ring-kiosk .events-card li[b-4sndd4ri6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    font-size: 0.9rem;
}

.ring-kiosk .badge[b-4sndd4ri6y] {
    font-size: 0.75rem;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-pill, 999px);
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-accent);
}

.ring-kiosk.is-fullscreen[b-4sndd4ri6y] {
    position: fixed;
    inset: 0;
    z-index: 40;
    margin: 0;
    padding: 0.75rem;
    background: #0b0b0b;
    overflow: auto;
}

.ring-kiosk.is-fullscreen .hero[b-4sndd4ri6y],
.ring-kiosk.is-fullscreen .events-card[b-4sndd4ri6y],
.ring-kiosk.is-fullscreen .status[b-4sndd4ri6y] {
    display: none;
}

.ring-kiosk.is-fullscreen .toolbar[b-4sndd4ri6y] {
    background: rgba(20, 20, 20, 0.9);
    color: #ddd;
}

.ring-kiosk.is-fullscreen .kiosk-grid[b-4sndd4ri6y] {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    min-height: calc(100vh - 5rem);
}
/* /Components/Pages/Iot/Sprinkler.razor.rz.scp.css */
.app-page.sprinkler .hero[b-nptnrxmt2r] {
    max-width: 40rem;
    margin-bottom: 1.75rem;
}

.sprinkler .connection-badge[b-nptnrxmt2r] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sprinkler .connection-connected[b-nptnrxmt2r],
.sprinkler .connection-live[b-nptnrxmt2r] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.sprinkler .connection-reconnecting[b-nptnrxmt2r] {
    background: var(--rxd-auth-warning-soft);
    color: var(--rxd-auth-warning);
}

.sprinkler .connection-disconnected[b-nptnrxmt2r],
.sprinkler .connection-connecting[b-nptnrxmt2r] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}

.sprinkler .status[b-nptnrxmt2r] {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.95rem;
    max-width: 40rem;
}

.sprinkler .status-ok[b-nptnrxmt2r] {
    background: var(--rxd-auth-success-soft);
    color: var(--rxd-auth-success);
}

.sprinkler .status-error[b-nptnrxmt2r] {
    background: var(--rxd-auth-error-soft);
    color: var(--rxd-auth-error);
}

.sprinkler .sensor-card[b-nptnrxmt2r] {
    max-width: 44rem;
    margin-bottom: 1.75rem;
}

.sprinkler .sensor-header h2[b-nptnrxmt2r] {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
}

.sprinkler .sensor-header p[b-nptnrxmt2r] {
    margin: 0 0 1rem;
    color: var(--rxd-auth-text-muted);
    font-size: 0.95rem;
}

.sprinkler .sensor-readings[b-nptnrxmt2r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 1rem;
    margin: 0 0 1rem;
}

.sprinkler .sensor-readings div[b-nptnrxmt2r] {
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    background: var(--rxd-auth-accent-soft);
}

.sprinkler .sensor-readings dt[b-nptnrxmt2r] {
    margin: 0 0 0.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rxd-auth-text-muted);
}

.sprinkler .sensor-readings dd[b-nptnrxmt2r] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--rxd-auth-text);
}

.sprinkler .sensor-btn[b-nptnrxmt2r] {
    border: 1px solid var(--rxd-auth-border);
    border-radius: 0.65rem;
    padding: 0.65rem 1rem;
    background: var(--rxd-auth-accent);
    color: var(--rxd-auth-on-accent);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.1s ease;
}

.sprinkler .sensor-btn:hover:not(:disabled)[b-nptnrxmt2r] {
    transform: translateY(-1px);
}

.sprinkler .sensor-btn:disabled[b-nptnrxmt2r] {
    opacity: 0.55;
    cursor: wait;
}

.sprinkler .schedule-card[b-nptnrxmt2r] {
    max-width: 44rem;
    margin-bottom: 1.75rem;
}

.sprinkler .schedule-header h2[b-nptnrxmt2r],
.sprinkler .schedule-form-card h3[b-nptnrxmt2r],
.sprinkler .schedule-list h3[b-nptnrxmt2r] {
    margin: 0 0 0.35rem;
}

.sprinkler .schedule-header p[b-nptnrxmt2r] {
    margin: 0 0 1rem;
    color: var(--rxd-auth-text-muted);
    font-size: 0.95rem;
}

.sprinkler .active-schedule[b-nptnrxmt2r] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.75rem;
    background: var(--rxd-auth-success-soft);
    border: 1px solid var(--rxd-auth-border);
}

.sprinkler .active-schedule-top[b-nptnrxmt2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.sprinkler .countdown[b-nptnrxmt2r] {
    font-weight: 700;
    color: var(--rxd-auth-success);
}

.sprinkler .schedule-forms[b-nptnrxmt2r] {
    display: grid;
    gap: 1rem;
}

.sprinkler .schedule-form-card[b-nptnrxmt2r] {
    padding: 1rem;
    border-radius: 0.85rem;
    background: var(--rxd-auth-accent-soft);
    border: 1px solid var(--rxd-auth-border);
}

.sprinkler .form-grid[b-nptnrxmt2r],
.sprinkler .sequence-row[b-nptnrxmt2r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    align-items: end;
}

.sprinkler label[b-nptnrxmt2r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--rxd-auth-text-muted);
}

.sprinkler input[b-nptnrxmt2r],
.sprinkler select[b-nptnrxmt2r] {
    border: 1px solid var(--rxd-auth-border);
    border-radius: 0.5rem;
    padding: 0.45rem 0.55rem;
    font-size: 0.95rem;
    color: var(--rxd-auth-text);
    background: var(--rxd-auth-surface);
}

.sprinkler .sequence-actions[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sprinkler .schedule-list ul[b-nptnrxmt2r] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
}

.sprinkler .schedule-list li[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--rxd-auth-border);
}

.sprinkler .schedule-list li:last-child[b-nptnrxmt2r] {
    border-bottom: none;
}

.sprinkler .badge[b-nptnrxmt2r] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sprinkler .badge-pending[b-nptnrxmt2r] { background: var(--rxd-auth-accent-soft); color: var(--rxd-auth-accent); }
.sprinkler .badge-running[b-nptnrxmt2r] { background: var(--rxd-auth-success-soft); color: var(--rxd-auth-success); }
.sprinkler .badge-completed[b-nptnrxmt2r] { background: var(--rxd-auth-accent-soft); color: var(--rxd-auth-text-muted); }
.sprinkler .badge-cancelled[b-nptnrxmt2r] { background: color-mix(in srgb, var(--rxd-auth-text-muted) 12%, transparent); color: var(--rxd-auth-text-muted); }
.sprinkler .badge-failed[b-nptnrxmt2r] { background: var(--rxd-auth-error-soft); color: var(--rxd-auth-error); }

.sprinkler .zones[b-nptnrxmt2r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1rem;
    max-width: 44rem;
}

.sprinkler .zone-card[b-nptnrxmt2r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sprinkler .zone-card.off[b-nptnrxmt2r] {
    background: var(--rxd-auth-accent-soft);
}

.sprinkler .zone-card.on[b-nptnrxmt2r] {
    background: var(--rxd-auth-success-soft);
    border-color: var(--rxd-auth-border);
}

.sprinkler .zone-header[b-nptnrxmt2r] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.sprinkler .zone-label[b-nptnrxmt2r] {
    font-weight: 600;
    font-size: 1.05rem;
}

.sprinkler .zone-state[b-nptnrxmt2r] {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--rxd-auth-text-muted);
}

.sprinkler .zone-card.on .zone-state[b-nptnrxmt2r] {
    color: var(--rxd-auth-success);
}

.sprinkler .zone-card.off .zone-state[b-nptnrxmt2r] {
    color: var(--rxd-auth-accent);
}

.sprinkler .zone-actions[b-nptnrxmt2r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--rxd-auth-border);
    border-radius: 0.65rem;
    overflow: hidden;
}

.sprinkler .zone-actions .action-btn[b-nptnrxmt2r] {
    border-radius: 0;
    border: none;
}

.sprinkler .zone-actions .action-btn + .action-btn[b-nptnrxmt2r] {
    border-left: 1px solid var(--rxd-auth-border);
}

.sprinkler .action-btn[b-nptnrxmt2r] {
    border-radius: 0.65rem;
    border: 1px solid transparent;
    padding: 0.55rem 0.75rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.sprinkler .action-btn:hover:not(:disabled)[b-nptnrxmt2r] {
    opacity: 0.92;
}

.sprinkler .action-btn:disabled[b-nptnrxmt2r] {
    opacity: 0.45;
    cursor: not-allowed;
}

.sprinkler .action-on[b-nptnrxmt2r] {
    background: var(--rxd-auth-success);
    color: var(--rxd-auth-on-accent);
    border-color: var(--rxd-auth-success);
}

.sprinkler .action-off[b-nptnrxmt2r] {
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-accent);
    border-color: var(--rxd-auth-border);
}

.sprinkler .zone-actions .action-off[b-nptnrxmt2r] {
    border-color: transparent;
}

.sprinkler .settings-card[b-nptnrxmt2r] {
    max-width: 44rem;
    margin-bottom: 1.75rem;
}

.sprinkler .status-rain[b-nptnrxmt2r] {
    background: var(--rxd-auth-warning-soft, #fff4e5);
    color: var(--rxd-auth-warning, #9a6700);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.sprinkler .link-btn[b-nptnrxmt2r] {
    border: none;
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}

.sprinkler .zone-name-grid[b-nptnrxmt2r] {
    margin-bottom: 1rem;
}

.sprinkler .settings-row[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: end;
    margin-bottom: 0.85rem;
}

.sprinkler .seasonal-label[b-nptnrxmt2r] {
    flex: 1 1 16rem;
}

.sprinkler .seasonal-label input[type="range"][b-nptnrxmt2r] {
    width: 100%;
    padding: 0;
}

.sprinkler .rain-delay-actions[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.5rem;
}

.sprinkler .muted[b-nptnrxmt2r] {
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

.sprinkler .next-run[b-nptnrxmt2r] {
    margin: 0.5rem 0 0;
}

.sprinkler .sequence-name[b-nptnrxmt2r] {
    margin-bottom: 0.85rem;
}

.sprinkler .program-list[b-nptnrxmt2r] {
    margin-top: 1.25rem;
}

.sprinkler .program-list h3[b-nptnrxmt2r] {
    margin: 0 0 0.35rem;
}

.sprinkler .program-list ul[b-nptnrxmt2r] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
}

.sprinkler .program-item[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--rxd-auth-border);
}

.sprinkler .program-item:last-child[b-nptnrxmt2r] {
    border-bottom: none;
}

.sprinkler .program-main[b-nptnrxmt2r] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 12rem;
    flex: 1;
}

.sprinkler .program-actions[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.sprinkler .program-recurrence[b-nptnrxmt2r] {
    margin-top: 0.85rem;
    display: grid;
    gap: 0.65rem;
}

.sprinkler .checkbox-label[b-nptnrxmt2r] {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
}

.sprinkler .weekday-row[b-nptnrxmt2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.sprinkler .weekday-chip[b-nptnrxmt2r] {
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.45rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: 999px;
    font-size: 0.75rem;
}
/* /Components/Pages/Iot/Thermostat.razor.rz.scp.css */
.app-page.thermostat-page .hero[b-fgliyxy291] {
    margin-bottom: 1.5rem;
}

.thermostat-hero[b-fgliyxy291] {
    text-align: center;
    padding: 2rem 1.5rem;
}

.thermostat-hero-name[b-fgliyxy291] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.thermostat-hero-temp[b-fgliyxy291] {
    margin: 0.35rem 0;
    font-size: clamp(3.5rem, 12vw, 5.5rem);
    font-weight: 200;
    letter-spacing: -0.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.thermostat-hero-meta[b-fgliyxy291] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    color: var(--rxd-auth-text-muted, #6b7280);
    font-size: 0.95rem;
}

.thermostat-room-grid[b-fgliyxy291] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: 0.75rem;
}

.thermostat-room-card[b-fgliyxy291] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    text-align: left;
    padding: 0.9rem 1rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    background: var(--clr-glass, transparent);
    color: inherit;
    cursor: pointer;
}

.thermostat-room-card.active[b-fgliyxy291] {
    border-color: var(--rxd-auth-accent);
    box-shadow: 0 0 0 1px var(--rxd-auth-accent);
}

.thermostat-room-card-head[b-fgliyxy291] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.thermostat-room-card-head span[b-fgliyxy291] {
    font-size: 0.75rem;
}

.thermostat-room-temp[b-fgliyxy291] {
    font-size: 1.5rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.thermostat-updated[b-fgliyxy291] {
    margin-top: 1rem;
    margin-bottom: 0;
}
/* /Components/Pages/Media/AlbumDetail.razor.rz.scp.css */
.album-detail-header[b-7yk01m3llq] {
    max-width: 56rem;
}

.back-link[b-7yk01m3llq] {
    padding-left: 0;
    margin-bottom: 0.5rem;
    color: var(--rxd-auth-text-muted);
    text-decoration: none;
}

.back-link:hover[b-7yk01m3llq] {
    color: var(--rxd-auth-accent);
    text-decoration: none;
}
/* /Components/Pages/Media/AlbumLightbox.razor.rz.scp.css */
.lightbox[b-n3iuxzxvtd] {
    position: fixed;
    inset: 0;
    background: var(--clr-veil, color-mix(in srgb, var(--rxd-auth-text) 72%, transparent));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 1000;
    outline: none;
}

.lightbox-content[b-n3iuxzxvtd] {
    position: relative;
    max-width: min(92vw, 56rem);
    max-height: 90vh;
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-xl, 1.75rem);
    padding: 1rem 1rem 1.1rem;
    overflow: auto;
    box-shadow: var(--shadow-lg);
}

.lightbox-content img[b-n3iuxzxvtd] {
    display: block;
    max-width: 100%;
    max-height: calc(90vh - 5rem);
    margin: 0 auto;
    border-radius: var(--radius-sm, 0.5rem);
}

.lightbox-caption[b-n3iuxzxvtd] {
    margin: 0.75rem 0 0;
    color: var(--rxd-auth-text-muted);
    text-align: center;
    font-size: 0.9rem;
}

.lightbox-index[b-n3iuxzxvtd] {
    color: var(--rxd-auth-text-muted);
}

.lightbox-close[b-n3iuxzxvtd] {
    position: absolute;
    top: 0.35rem;
    right: 0.5rem;
    z-index: 2;
    border: 0;
    background: color-mix(in srgb, var(--rxd-auth-surface) 85%, transparent);
    border-radius: var(--radius-pill, 999px);
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--rxd-auth-text-muted);
    cursor: pointer;
}

.lightbox-close:hover[b-n3iuxzxvtd] {
    color: var(--rxd-auth-text);
    background: var(--rxd-auth-accent-soft);
}

.lightbox-nav[b-n3iuxzxvtd] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: 0;
    background: color-mix(in srgb, var(--rxd-auth-surface) 88%, transparent);
    color: var(--rxd-auth-text);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-pill, 999px);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

.lightbox-nav:hover[b-n3iuxzxvtd] {
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-accent);
}

.lightbox-prev[b-n3iuxzxvtd] {
    left: 0.5rem;
}

.lightbox-next[b-n3iuxzxvtd] {
    right: 0.5rem;
}
/* /Components/Pages/Media/AlbumPhotoGrid.razor.rz.scp.css */
.photo-grid[b-hq9f6a5gm1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.85rem;
}

@media (min-width: 48rem) {
    .photo-grid[b-hq9f6a5gm1] {
        grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
        gap: 1rem;
    }
}

.photo-card[b-hq9f6a5gm1] {
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.photo-card:hover[b-hq9f6a5gm1] {
    border-color: color-mix(in srgb, var(--rxd-auth-accent) 30%, var(--rxd-auth-border));
    box-shadow: var(--shadow-md);
}

.photo-thumb-button[b-hq9f6a5gm1] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: var(--rxd-auth-accent-soft);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.photo-thumb-button img[b-hq9f6a5gm1] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.photo-card:hover .photo-thumb-button img[b-hq9f6a5gm1] {
    transform: scale(1.03);
}

.photo-overlay[b-hq9f6a5gm1] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--rxd-auth-text) 35%, transparent);
    color: var(--rxd-auth-surface);
    font-size: 1.35rem;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.photo-card:hover .photo-overlay[b-hq9f6a5gm1],
.photo-thumb-button:focus-visible .photo-overlay[b-hq9f6a5gm1] {
    opacity: 1;
}

.photo-meta[b-hq9f6a5gm1] {
    padding: 0.65rem 0.75rem 0.75rem;
    display: grid;
    gap: 0.15rem;
}

.photo-name[b-hq9f6a5gm1] {
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo-size[b-hq9f6a5gm1] {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}

.delete-photo[b-hq9f6a5gm1] {
    justify-self: start;
    padding: 0;
    font-size: 0.8rem;
    color: var(--rxd-auth-error);
}

.photo-delete-confirm[b-hq9f6a5gm1] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
/* /Components/Pages/Media/Albums.razor.rz.scp.css */
.albums-panel[b-ds0n1ogdg6] {
    max-width: 40rem;
}

.album-grid[b-ds0n1ogdg6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: var(--space-lg, 1.25rem);
}

.album-card[b-ds0n1ogdg6] {
    display: block;
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-lg, 1.25rem);
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow-sm);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.album-card:hover[b-ds0n1ogdg6],
.album-card:focus-visible[b-ds0n1ogdg6] {
    transform: translateY(-3px);
    border-color: var(--rxd-auth-accent);
    box-shadow: var(--shadow-md);
    outline: none;
    text-decoration: none;
    color: inherit;
}

.album-cover[b-ds0n1ogdg6] {
    aspect-ratio: 4 / 3;
    background: linear-gradient(145deg, var(--rxd-auth-accent-soft), var(--rxd-auth-border));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.album-cover-image[b-ds0n1ogdg6] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.album-card:hover .album-cover-image[b-ds0n1ogdg6] {
    transform: scale(1.04);
}

.album-cover-badge[b-ds0n1ogdg6] {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    background: color-mix(in srgb, var(--rxd-auth-surface) 92%, transparent);
    backdrop-filter: blur(var(--glass-blur, 16px));
    border-radius: var(--radius-pill, 999px);
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--rxd-auth-text);
    box-shadow: var(--shadow-sm);
}

.album-cover-empty[b-ds0n1ogdg6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--rxd-auth-text-muted);
}

.album-cover-empty i[b-ds0n1ogdg6] {
    font-size: 1.5rem;
    opacity: 0.7;
}

.album-card-body[b-ds0n1ogdg6] {
    padding: 1rem 1.1rem 1.15rem;
}

.album-card-body h3[b-ds0n1ogdg6] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    font-family: var(--rxd-auth-font-heading);
    font-weight: 500;
}

.album-card-body p[b-ds0n1ogdg6] {
    margin: 0;
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
}
/* /Components/Pages/Media/AlbumSharePanel.razor.rz.scp.css */
.share-panel[b-dqhux5slzq] {
    max-width: 48rem;
    margin-bottom: 1.5rem;
}

.share-panel .panel-lede[b-dqhux5slzq] {
    margin-bottom: 1rem;
}

.share-panel .create-row[b-dqhux5slzq] {
    margin: 1rem 0;
}

.share-list[b-dqhux5slzq] {
    margin-top: 0.75rem;
}

.publish-toggle[b-dqhux5slzq] {
    margin-bottom: 0.35rem;
}

.field-inline[b-dqhux5slzq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.field-inline > span[b-dqhux5slzq] {
    color: var(--rxd-auth-text);
}
/* /Components/Pages/Media/AlbumUploadPanel.razor.rz.scp.css */
.upload-panel[b-nllglefrj1] {
    max-width: 48rem;
}

.upload-panel .panel-lede[b-nllglefrj1] {
    margin-bottom: 1rem;
}

.file-input[b-nllglefrj1] {
    display: block;
    margin-bottom: 0.75rem;
}

.selected-files[b-nllglefrj1] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
}

.upload-actions[b-nllglefrj1] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.delete-confirm[b-nllglefrj1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    color: var(--rxd-auth-text-muted);
    font-size: 0.9rem;
}
/* /Components/Pages/Public/Landing.razor.rz.scp.css */
/* Local aliases onto the shared tokens in app.css — see PublicLayout.razor.css. */
.unicorn-landing[b-4uriwyyrp3] {
    --pink-bg: var(--clr-bg);
    --pink-glow: var(--clr-glow);
    --pink-accent: var(--clr-accent-mid);
    --pink-soft: var(--clr-accent-light);
    --pink-ink: var(--clr-text);
    --pink-muted: var(--clr-text-muted);

    position: relative;
    min-height: calc(100vh - 4.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(3rem, 10vw, 6rem) clamp(1.5rem, 6vw, 4rem);
    background:
        radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--clr-accent-light) 35%, transparent) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--clr-accent-mid) 18%, transparent) 0%, transparent 50%),
        linear-gradient(180deg, var(--pink-bg) 0%, var(--pink-glow) 100%);
    overflow: hidden;
}

.sparkles[b-4uriwyyrp3] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sparkle[b-4uriwyyrp3] {
    position: absolute;
    color: var(--pink-soft);
    font-size: 1.25rem;
    opacity: 0.6;
    animation: twinkle-b-4uriwyyrp3 3s ease-in-out infinite;
}

.sparkle-1[b-4uriwyyrp3] { top: 15%; left: 12%; animation-delay: 0s; }
.sparkle-2[b-4uriwyyrp3] { top: 25%; right: 18%; animation-delay: 0.8s; font-size: 1.5rem; }
.sparkle-3[b-4uriwyyrp3] { bottom: 30%; left: 20%; animation-delay: 1.6s; }
.sparkle-4[b-4uriwyyrp3] { bottom: 20%; right: 15%; animation-delay: 2.4s; font-size: 1rem; }

@keyframes twinkle-b-4uriwyyrp3 {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.2); }
}

.hero[b-4uriwyyrp3] {
    position: relative;
    text-align: center;
    max-width: 36rem;
}

.unicorn-icon[b-4uriwyyrp3] {
    display: block;
    width: clamp(4rem, 12vw, 5rem);
    height: clamp(4rem, 12vw, 5rem);
    margin: 0 auto 1rem;
    border-radius: var(--radius-lg);
    object-fit: cover;
    filter: drop-shadow(0 4px 12px rgba(0, 82, 212, 0.25));
    animation: float-b-4uriwyyrp3 4s ease-in-out infinite;
}

@keyframes float-b-4uriwyyrp3 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.eyebrow[b-4uriwyyrp3] {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--pink-accent);
    margin-bottom: 1rem;
}

.hero h1[b-4uriwyyrp3] {
    font-family: "Fraunces", Georgia, "Times New Roman", serif;
    font-weight: 500;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--pink-ink);
    margin: 0 0 1.25rem;
    background: linear-gradient(135deg, var(--pink-ink) 0%, var(--pink-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.lede[b-4uriwyyrp3] {
    font-size: clamp(1rem, 1.6vw, 1.15rem);
    color: var(--pink-muted);
    line-height: 1.7;
    margin: 0;
}
/* /Components/Pages/Public/Privacy.razor.rz.scp.css */
.privacy-page[b-rmjfg793vw] {
    --ink: var(--clr-text);
    --muted: var(--clr-text-muted);
    --accent: var(--clr-accent-mid);

    max-width: 42rem;
    margin: 0 auto;
    padding: clamp(2rem, 6vw, 3.5rem) clamp(1.25rem, 4vw, 2rem) 4rem;
    color: var(--ink);
}

.privacy-header[b-rmjfg793vw] {
    margin-bottom: 2rem;
}

.privacy-page h1[b-rmjfg793vw] {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.privacy-lede[b-rmjfg793vw] {
    color: var(--muted);
    margin: 0;
    line-height: 1.55;
}

.privacy-page section[b-rmjfg793vw] {
    margin-bottom: 1.75rem;
}

.privacy-page h2[b-rmjfg793vw] {
    font-size: 1.125rem;
    font-weight: 650;
    margin: 0 0 0.5rem;
}

.privacy-page p[b-rmjfg793vw],
.privacy-page li[b-rmjfg793vw] {
    line-height: 1.6;
    color: var(--ink);
}

.privacy-page ul[b-rmjfg793vw] {
    margin: 0.25rem 0 0;
    padding-left: 1.25rem;
}

.privacy-page li + li[b-rmjfg793vw] {
    margin-top: 0.4rem;
}

.privacy-page a[b-rmjfg793vw] {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.privacy-page a:hover[b-rmjfg793vw] {
    opacity: 0.85;
}
/* /Components/Pages/Vehicle/Tesla.razor.rz.scp.css */
.tesla-page .panel[b-s483a0eqqs] {
    margin-block-end: 1.5rem;
}

.tesla-page .tile-row[b-s483a0eqqs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 1rem;
}

.tesla-page .tile[b-s483a0eqqs] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-md, 0.85rem);
    background: var(--clr-glass, var(--rxd-auth-surface));
    backdrop-filter: blur(var(--glass-blur, 16px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
    box-shadow: var(--shadow-sm);
}

.tesla-page .tile-label[b-s483a0eqqs] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rxd-auth-text-muted);
}

.tesla-page .tile-value[b-s483a0eqqs] {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--rxd-auth-text);
}

.tesla-page .tile-note[b-s483a0eqqs] {
    font-size: 0.78rem;
    color: var(--rxd-auth-text-muted);
}

.tesla-page .live-note[b-s483a0eqqs] {
    margin-block-start: 1rem;
    font-weight: 500;
}

.tesla-page .budget[b-s483a0eqqs] {
    margin-block-start: 0.75rem;
    font-size: 0.82rem;
    color: var(--rxd-auth-text-muted);
}

.tesla-page .card-actions[b-s483a0eqqs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-block-start: 1.25rem;
}

.tesla-page .inline-check[b-s483a0eqqs] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.tesla-page .link-steps[b-s483a0eqqs] {
    margin: 0.75rem 0 1rem;
    padding-inline-start: 1.25rem;
    line-height: 1.7;
}

.tesla-page .fallback[b-s483a0eqqs] {
    margin-block-start: 1.25rem;
    font-size: 0.88rem;
}

.tesla-page .fallback input[b-s483a0eqqs] {
    width: 100%;
    margin-block: 0.5rem;
}

/* Wide tables scroll inside their own container so the page never scrolls sideways. */
.tesla-page .table-scroll[b-s483a0eqqs] {
    overflow-x: auto;
}

.tesla-page table[b-s483a0eqqs] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.tesla-page th[b-s483a0eqqs],
.tesla-page td[b-s483a0eqqs] {
    padding: 0.5rem 0.7rem;
    text-align: left;
    white-space: nowrap;
    border-block-end: 1px solid var(--rxd-auth-border);
}

.tesla-page th[b-s483a0eqqs] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rxd-auth-text-muted);
}

.tesla-page .flag[b-s483a0eqqs] {
    display: inline-block;
    margin-inline-start: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: var(--radius-sm, 0.5rem);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--rxd-auth-accent-soft);
    color: var(--rxd-auth-text-muted);
}

.tesla-page .flag-live[b-s483a0eqqs] {
    background: var(--rxd-auth-success-soft, color-mix(in srgb, var(--rxd-auth-success, #22c55e) 22%, transparent));
    color: var(--rxd-auth-success, #16a34a);
}

.tesla-page .settings-panel > summary[b-s483a0eqqs] {
    cursor: pointer;
    font-weight: 600;
}

.tesla-page .settings-panel[open] > summary[b-s483a0eqqs] {
    margin-block-end: 1rem;
}

.tesla-page .chart-grid[b-s483a0eqqs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1.25rem;
}

.tesla-page .muted[b-s483a0eqqs] {
    color: var(--rxd-auth-text-muted);
}

.tesla-page .connection-idle[b-s483a0eqqs] {
    background: var(--rxd-auth-accent-soft);
}
/* /Components/Pages/Vehicle/TeslaSettingsCard.razor.rz.scp.css */
.tesla-settings[b-7o3ml7wp3x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-lede[b-7o3ml7wp3x],
.settings-note[b-7o3ml7wp3x] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--rxd-auth-text-muted);
}

.settings-note[b-7o3ml7wp3x] {
    padding: 0.6rem 0.8rem;
    border-inline-start: 3px solid var(--rxd-auth-accent);
    border-radius: var(--radius-sm, 0.5rem);
    background: var(--rxd-auth-accent-soft);
}

.form-grid[b-7o3ml7wp3x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.field[b-7o3ml7wp3x] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

/* The PEM block needs the full row, not a narrow column. */
.field-wide[b-7o3ml7wp3x] {
    grid-column: 1 / -1;
}

.field > span[b-7o3ml7wp3x] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rxd-auth-text-muted);
}

.field input[b-7o3ml7wp3x],
.field textarea[b-7o3ml7wp3x] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--rxd-auth-border);
    border-radius: var(--radius-sm, 0.5rem);
    background: var(--rxd-auth-surface);
    color: var(--rxd-auth-text);
    font: inherit;
}

.field textarea[b-7o3ml7wp3x] {
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8rem;
}

.field small[b-7o3ml7wp3x] {
    font-size: 0.75rem;
    color: var(--rxd-auth-text-muted);
}

.flag[b-7o3ml7wp3x] {
    display: inline-block;
    margin-inline-start: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: var(--radius-sm, 0.5rem);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    background: var(--rxd-auth-success-soft, color-mix(in srgb, var(--rxd-auth-success, #22c55e) 22%, transparent));
    color: var(--rxd-auth-success, #16a34a);
}

.card-actions[b-7o3ml7wp3x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.muted[b-7o3ml7wp3x] {
    font-size: 0.8rem;
    color: var(--rxd-auth-text-muted);
}
/* /Components/Pages/Vehicle/TeslaTrendChart.razor.rz.scp.css */
.trend-chart[b-oaoo65i83d] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.trend-title[b-oaoo65i83d] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
}

.trend-latest[b-oaoo65i83d] {
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    opacity: 1;
}

.trend-chart svg[b-oaoo65i83d] {
    width: 100%;
    height: 8rem;
    overflow: visible;
}

.trend-line[b-oaoo65i83d] {
    fill: none;
    stroke: var(--rxd-auth-accent);
    stroke-width: 2;
    /* preserveAspectRatio="none" stretches the viewBox, which would distort the stroke
       weight; this keeps it visually constant across widths. */
    vector-effect: non-scaling-stroke;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.trend-axis[b-oaoo65i83d] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.72rem;
    opacity: 0.6;
    font-variant-numeric: tabular-nums;
}

.trend-empty[b-oaoo65i83d] {
    padding: 1rem 0;
}