/* /Components/DeviceProcessingTimeSplitDialog.razor.rz.scp.css */
.device-allocation-dialog[b-d2db6v2q6d] {
    --allocation-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --allocation-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --rz-input-border-radius: 6px;
    --rz-input-height: 42px;
    --rz-button-border-radius: 8px;
    color: var(--rz-text-color);
    font-size: 14px;
    line-height: 1.5;
}
.device-allocation-dialog *[b-d2db6v2q6d], .device-allocation-dialog[b-d2db6v2q6d]  * { box-sizing: border-box; }
.device-allocation-dialog p[b-d2db6v2q6d] { margin: 0; color: var(--rz-text-secondary-color); font-size: 13px; }
.device-allocation-device[b-d2db6v2q6d] { display: grid; gap: 6px; margin: 20px 0; }
.device-allocation-device label[b-d2db6v2q6d] { font-size: 12px; font-weight: 600; }
.device-allocation-heading[b-d2db6v2q6d] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.device-allocation-heading h3[b-d2db6v2q6d] { margin: 0; font-size: 16px; font-weight: 650; color: inherit; }
.device-allocation-heading > span[b-d2db6v2q6d] { color: var(--rz-text-secondary-color); font-size: 12px; }
.device-allocation-fields[b-d2db6v2q6d] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; margin: 16px 0; }
.device-allocation-field[b-d2db6v2q6d] { min-width: 0; padding: 12px; border: 1px solid var(--allocation-border); border-radius: 8px; background: var(--allocation-soft); }
.device-allocation-field > span[b-d2db6v2q6d] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
.device-allocation-field img[b-d2db6v2q6d] { width: 18px; height: 18px; object-fit: contain; }
.device-allocation-field > div[b-d2db6v2q6d] { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.device-allocation-field > div > span[b-d2db6v2q6d] { color: var(--rz-text-secondary-color); }
.device-allocation-field[b-d2db6v2q6d]  .rz-spinner { min-width: 0; }
.device-allocation-actions[b-d2db6v2q6d] { display: flex; justify-content: flex-end; gap: 8px; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--allocation-border); }
.device-allocation-dialog[b-d2db6v2q6d]  .rz-button:not(.rz-numeric-button) { min-height: 40px; border-radius: 8px !important; box-shadow: none !important; font-size: 13px; text-transform: none; letter-spacing: 0; }
@media (max-width: 760px) {
    .device-allocation-dialog[b-d2db6v2q6d]  .rz-button:not(.rz-numeric-button) { min-height: 44px; }
    .device-allocation-dialog[b-d2db6v2q6d]  .rz-inputtext { font-size: 16px; }
}
/* /Components/DeviceProcessingTimeSplits.razor.rz.scp.css */
.device-splits[b-upmc4r2y5m] {
    --device-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --device-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --device-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    container: device-splits / inline-size;
    min-width: 0;
    color: var(--rz-text-color);
    font-size: 13px;
    line-height: 1.5;
}
.device-splits *[b-upmc4r2y5m], .device-splits[b-upmc4r2y5m]  * { box-sizing: border-box; }
.device-splits h3[b-upmc4r2y5m], .device-splits h4[b-upmc4r2y5m], .device-splits p[b-upmc4r2y5m] { margin: 0; color: inherit; letter-spacing: 0; }
.device-splits h3[b-upmc4r2y5m] { font-size: 16px; font-weight: 650; line-height: 1.4; }
.device-splits h4[b-upmc4r2y5m] { font-size: 14px; font-weight: 600; line-height: 1.4; }
.device-splits p[b-upmc4r2y5m] { font-size: 13px; color: var(--rz-text-secondary-color); }
.device-splits[b-upmc4r2y5m]  .rzi:not(.rz-numeric-button-icon) { flex-shrink: 0; width: 20px; height: 20px; font-size: 20px; }
.device-splits-header[b-upmc4r2y5m], .device-splits-toolbar[b-upmc4r2y5m], .device-splits-title[b-upmc4r2y5m] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.device-splits-title[b-upmc4r2y5m] { justify-content: flex-start; gap: 8px; }
.device-splits-header p[b-upmc4r2y5m], .device-splits-toolbar p[b-upmc4r2y5m] { margin-top: 4px; }
.device-splits-header[b-upmc4r2y5m] >  .rz-switch { flex-shrink: 0; }
.device-splits-status[b-upmc4r2y5m], .device-splits-count[b-upmc4r2y5m] { padding: 2px 7px; border: 1px solid var(--device-border); border-radius: 5px; color: var(--rz-text-secondary-color); background: var(--device-soft); font-size: 12px; font-weight: 500; }
.device-splits-count[b-upmc4r2y5m] { margin-left: 6px; }
.device-splits-notice[b-upmc4r2y5m] { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 14px; border: 1px solid var(--device-border); border-radius: 8px; background: var(--device-soft); color: var(--rz-text-secondary-color); }
.device-splits-notice[b-upmc4r2y5m]  .rzi { color: var(--device-accent); }
.device-splits-empty[b-upmc4r2y5m] { display: flex; align-items: flex-start; gap: 16px; margin-top: 20px; padding: 24px; border: 1px dashed var(--device-border); border-radius: 8px; background: var(--device-soft); }
.device-splits-empty-icon[b-upmc4r2y5m] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid var(--device-border); border-radius: 8px; background: var(--rz-card-background-color); color: var(--device-accent); }
.device-splits-empty p[b-upmc4r2y5m] { margin: 5px 0 16px; }
.device-splits-empty-icon[b-upmc4r2y5m]  .rzi { width: 24px; height: 24px; font-size: 24px; }
.device-splits-toolbar[b-upmc4r2y5m] { margin: 24px 0 16px; flex-wrap: wrap; }
.device-splits .device-splits-availability[b-upmc4r2y5m] { margin: -4px 0 12px; font-size: 12px; }
.device-splits[b-upmc4r2y5m]  .device-splits-list { display: grid; gap: 12px; border: 0; background: transparent; box-shadow: none; }
.device-splits[b-upmc4r2y5m]  .rz-datalist-data { display: grid; gap: 12px; margin: 0; padding: 0; }
.device-splits[b-upmc4r2y5m]  .rz-datalist-data > li { margin: 0; padding: 0; min-width: 0; border: 0; background: transparent; box-shadow: none; }
.device-split-card[b-upmc4r2y5m] { width: 100%; min-width: 0; border: 1px solid var(--device-border); border-radius: 8px; }
.device-split-card > summary[b-upmc4r2y5m] { display: flex; align-items: center; gap: 12px; padding: 16px; cursor: pointer; list-style: none; border-radius: 8px; background: var(--device-soft); }
.device-split-card > summary[b-upmc4r2y5m]::-webkit-details-marker { display: none; }
.device-split-card > summary:hover[b-upmc4r2y5m] { background: color-mix(in srgb, var(--device-accent) 6%, var(--device-soft)); }
.device-split-card[open] > summary[b-upmc4r2y5m] { border-bottom: 1px solid var(--device-border); border-radius: 8px 8px 0 0; }
.device-split-icon[b-upmc4r2y5m] { color: var(--rz-text-secondary-color); }
.device-split-summary[b-upmc4r2y5m] { display: grid; flex: 1; min-width: 0; gap: 6px; }
.device-split-summary > strong[b-upmc4r2y5m] { overflow-wrap: anywhere; font-size: 14px; font-weight: 600; }
.device-split-allocation[b-upmc4r2y5m] { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--rz-text-secondary-color); font-size: 12px; }
.device-split-allocation > span[b-upmc4r2y5m] { display: inline-flex; align-items: center; gap: 5px; }
.device-split-allocation img[b-upmc4r2y5m] { width: 14px; height: 14px; object-fit: contain; }
.device-split-allocation b[b-upmc4r2y5m] { font-weight: 600; color: var(--rz-text-color); }
.device-split-expand[b-upmc4r2y5m] { display: inline-flex; align-items: center; flex-shrink: 0; gap: 6px; color: var(--device-accent); font-size: 12px; }
.device-split-card[open] .device-split-expand[b-upmc4r2y5m]  .rzi { transform: rotate(180deg); }
.device-split-body[b-upmc4r2y5m] { padding: 16px; }
.device-split-fields[b-upmc4r2y5m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px; margin-top: 16px; }
.device-split-field[b-upmc4r2y5m] { min-width: 0; padding: 12px; border: 1px solid var(--device-border); border-radius: 8px; background: var(--device-soft); }
.device-split-field > span[b-upmc4r2y5m] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
.device-split-field img[b-upmc4r2y5m] { width: 18px; height: 18px; object-fit: contain; }
.device-split-field > div[b-upmc4r2y5m] { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.device-split-field > div > span[b-upmc4r2y5m] { color: var(--rz-text-secondary-color); }
.device-split-field[b-upmc4r2y5m]  .rz-spinner { min-width: 0; }
.device-splits .device-split-inactive[b-upmc4r2y5m] { margin-top: 12px; font-size: 12px; }
.device-split-footer[b-upmc4r2y5m] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--device-border); }
.device-split-footer > span[b-upmc4r2y5m] { color: var(--rz-text-secondary-color); font-size: 12px; }
.device-splits-help[b-upmc4r2y5m] { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--device-border); }
.device-splits-help summary[b-upmc4r2y5m] { width: fit-content; min-height: 28px; color: var(--rz-text-secondary-color); cursor: pointer; font-size: 12px; font-weight: 600; }
.device-splits-help p[b-upmc4r2y5m] { margin-top: 8px; font-size: 12px; }
.device-splits summary:focus-visible[b-upmc4r2y5m] { outline: 2px solid var(--device-accent); outline-offset: 3px; }
@container device-splits (max-width: 580px) {
    .device-splits-header[b-upmc4r2y5m] { align-items: flex-start; }
    .device-splits-empty[b-upmc4r2y5m] { padding: 16px; gap: 12px; }
    .device-splits-empty-icon[b-upmc4r2y5m] { display: none; }
    .device-split-expand > span[b-upmc4r2y5m] { display: none; }
    .device-split-icon[b-upmc4r2y5m] { display: none; }
    .device-split-fields[b-upmc4r2y5m] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); }
    .device-split-card > summary[b-upmc4r2y5m], .device-split-body[b-upmc4r2y5m] { padding: 12px; }
}
/* /Components/PlatformProcessingSplit.razor.rz.scp.css */
.processing-split[b-6x7rmdjd8m] {
    --split-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --split-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --split-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    container: processing-split / inline-size;
    display: grid;
    gap: 18px;
    min-width: 0;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid var(--split-border);
    border-radius: 10px;
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    line-height: 1.5;
}

.processing-split *[b-6x7rmdjd8m], .processing-split[b-6x7rmdjd8m]  * { box-sizing: border-box; }
.processing-split h3[b-6x7rmdjd8m], .processing-split p[b-6x7rmdjd8m] { margin: 0; letter-spacing: 0; }
.processing-split h3[b-6x7rmdjd8m] { color: inherit; font-size: 16px; font-weight: 650; line-height: 1.4; }
.processing-split p[b-6x7rmdjd8m] { color: var(--rz-text-secondary-color); font-size: 13px; }
.processing-split-heading[b-6x7rmdjd8m] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.processing-split-heading p[b-6x7rmdjd8m] { margin-top: 4px; }
.processing-split-total[b-6x7rmdjd8m] { flex-shrink: 0; padding: 4px 9px; border: 1px solid var(--split-border); border-radius: 6px; background: var(--split-soft); color: var(--rz-text-secondary-color); font-size: 12px; font-weight: 600; }
.processing-split-inputs[b-6x7rmdjd8m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 10px; }
.processing-split-row[b-6x7rmdjd8m] { display: grid; grid-template-columns: minmax(0, 1fr) 88px 12px; align-items: center; gap: 8px; min-width: 0; padding: 12px; border: 1px solid var(--split-border); border-radius: 8px; background: var(--split-soft); }
.processing-split-row:focus-within[b-6x7rmdjd8m] { border-color: var(--split-accent); }
.processing-split-label[b-6x7rmdjd8m] { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; }
.processing-split[b-6x7rmdjd8m]  .processing-split-input { width: 88px; max-width: 100%; }
.processing-split[b-6x7rmdjd8m]  .processing-split-input input { min-width: 0; font-size: 14px; }
.processing-split-unit[b-6x7rmdjd8m] { color: var(--rz-text-secondary-color); }
.processing-split .processing-split-hint[b-6x7rmdjd8m] { margin-top: -6px; font-size: 12px; }
.processing-split-preview[b-6x7rmdjd8m] { display: grid; gap: 10px; }
.processing-split-bar[b-6x7rmdjd8m] { display: flex; width: 100%; height: 10px; overflow: hidden; border-radius: 999px; background: var(--split-soft); }
.processing-split-segment[b-6x7rmdjd8m] { height: 100%; transition: width 160ms ease; }
.processing-split-legend[b-6x7rmdjd8m] { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.processing-split-legend-item[b-6x7rmdjd8m] { display: inline-flex; align-items: center; gap: 7px; color: var(--rz-text-secondary-color); font-size: 12px; }
.processing-split-legend-item strong[b-6x7rmdjd8m] { margin-left: 3px; color: var(--rz-text-color); font-weight: 600; }
.processing-split-swatch[b-6x7rmdjd8m] { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; }
.processing-split .is-instagram[b-6x7rmdjd8m] { background: #d946ef; }
.processing-split .is-tiktok[b-6x7rmdjd8m] { background: #14b8a6; }
.processing-split .is-reddit[b-6x7rmdjd8m] { background: #ff6b35; }
.processing-split .is-snapchat[b-6x7rmdjd8m] { background: #facc15; }
.processing-split .is-youtube[b-6x7rmdjd8m] { background: #ff0033; }
.processing-split .is-facebook[b-6x7rmdjd8m] { background: #1877f2; }
.processing-split .is-linkedin[b-6x7rmdjd8m] { background: #0a66c2; }
.processing-split .is-x[b-6x7rmdjd8m] { background: #71767b; }
.processing-split .is-threads[b-6x7rmdjd8m] { background: #64748b; }
.processing-split-inactive[b-6x7rmdjd8m] { padding-top: 14px; border-top: 1px solid var(--split-border); }
.processing-split-inactive summary[b-6x7rmdjd8m] { width: fit-content; min-height: 28px; color: var(--rz-text-secondary-color); cursor: pointer; font-size: 12px; font-weight: 600; }
.processing-split-inactive summary:hover[b-6x7rmdjd8m] { color: var(--split-accent); }
.processing-split-inactive summary:focus-visible[b-6x7rmdjd8m] { outline: 2px solid var(--split-accent); outline-offset: 3px; border-radius: 2px; }
.processing-split-inactive p[b-6x7rmdjd8m] { margin-top: 4px; font-size: 12px; }
.processing-split-empty[b-6x7rmdjd8m] { padding: 20px; border: 1px solid var(--split-border); border-radius: 8px; background: var(--split-soft); }
.processing-split-empty strong[b-6x7rmdjd8m] { font-size: 14px; font-weight: 600; }
.processing-split-empty p[b-6x7rmdjd8m] { margin-top: 4px; }

@media (max-width: 760px) {
    .processing-split[b-6x7rmdjd8m] { padding: 16px; }
}

@container processing-split (max-width: 480px) {
    .processing-split-inputs[b-6x7rmdjd8m] { grid-template-columns: minmax(0, 1fr); }
    .processing-split[b-6x7rmdjd8m]  .processing-split-input input { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .processing-split-segment[b-6x7rmdjd8m] { transition: none; }
}
/* /Components/ResponsiveDateChart.razor.rz.scp.css */
.responsive-date-chart[b-2audwq8s2g] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
/* /Layout/EmptyLayout.razor.rz.scp.css */
.page[b-kquokm3yd0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-kquokm3yd0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kquokm3yd0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kquokm3yd0]  a, .top-row[b-kquokm3yd0]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-kquokm3yd0]  a:hover, .top-row[b-kquokm3yd0]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-kquokm3yd0]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-kquokm3yd0] {
        justify-content: space-between;
    }

    .top-row[b-kquokm3yd0]  a, .top-row[b-kquokm3yd0]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-kquokm3yd0] {
        flex-direction: row;
    }

    .sidebar[b-kquokm3yd0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kquokm3yd0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-kquokm3yd0]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-kquokm3yd0], article[b-kquokm3yd0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-p9gfhyob1s] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-p9gfhyob1s] {
    background: var(--rz-sidebar-background-color);
    border-right: 1px solid var(--rz-divider);
}

.top-row[b-p9gfhyob1s] {
    background-color: var(--rz-header-background-color);
    border-bottom: 1px solid var(--rz-divider);
    justify-content: flex-end;
    height: 4rem;
    display: flex;
    align-items: center;
    box-shadow: var(--rz-shadow-1);
}

    .top-row[b-p9gfhyob1s]  a, .top-row[b-p9gfhyob1s]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-p9gfhyob1s]  a:hover, .top-row[b-p9gfhyob1s]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-p9gfhyob1s]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-p9gfhyob1s] .app-sidebar {
    transition: width 150ms ease-in-out;
}

[b-p9gfhyob1s] .app-sidebar.expanded {
    width: 250px;
}

[b-p9gfhyob1s] .app-sidebar.collapsed {
    width: 64px;
}

.browser-realtime-toast[b-p9gfhyob1s] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10050;
    width: min(420px, calc(100vw - 32px));
    padding: 14px 16px;
    border: 1px solid var(--rz-border-color, #d0d7de);
    border-radius: 8px;
    background: var(--rz-base-50, #ffffff);
    color: var(--rz-text-color, #1f2937);
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.22);
}

.browser-realtime-toast-header[b-p9gfhyob1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--rz-text-secondary-color, #4b5563);
}

.browser-realtime-toast-link[b-p9gfhyob1s] {
    border: 0;
    background: transparent;
    color: var(--rz-primary, #6750a4);
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.browser-realtime-toast-link:hover[b-p9gfhyob1s],
.browser-realtime-toast-link:focus-visible[b-p9gfhyob1s] {
    text-decoration: underline;
}

.browser-realtime-toast-message[b-p9gfhyob1s] {
    line-height: 1.4;
    font-weight: 600;
    word-break: break-word;
}

.material-dark .browser-realtime-toast[b-p9gfhyob1s] {
    background: #1e2130;
    border-color: rgba(169, 132, 255, 0.34);
    color: #f2efff;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
}

.material-dark .browser-realtime-toast-header[b-p9gfhyob1s] {
    color: #c6bedc;
}

.material-dark .browser-realtime-toast-link[b-p9gfhyob1s] {
    color: #b99cff;
}

.live-view-mini-player[b-p9gfhyob1s] {
    --live-view-mini-player-default-width: 260px;
    position: fixed;
    right: 20px;
    bottom: 58px;
    /* Above dialogs (1001) and app panels, below Radzen popups and notifications (a fixed 2000),
       so the player's own menu and any dropdown open in front of it. */
    z-index: 1900;
    width: min(var(--live-view-mini-player-default-width), calc(100vw - 32px));
    min-width: 0;
    box-sizing: border-box;
    max-width: min(440px, calc(100vw - 32px));
    overflow: hidden;
    border: 1px solid rgba(124, 58, 237, 0.34);
    border-radius: 8px;
    background: #111827;
    color: #f8fafc;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

.live-view-mini-player-header[b-p9gfhyob1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 34px;
    padding: 4px 5px 4px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(17, 24, 39, 0.95);
    cursor: move;
    touch-action: none;
    user-select: none;
}

.live-view-mini-player-title[b-p9gfhyob1s] {
    display: inline-flex;
    flex: 1 1 0;
    max-width: 100%;
    align-items: center;
    min-width: 0;
    gap: 6px;
    font-size: 12px;
    font-weight: 800;
}

[b-p9gfhyob1s] .live-view-mini-player-title .rz-icon {
    color: #b18cff;
    font-size: 18px;
}

.live-view-mini-player-title span[b-p9gfhyob1s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-view-mini-player-actions[b-p9gfhyob1s] {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    gap: 4px;
    flex: 0 1 auto;
}

[b-p9gfhyob1s] .live-view-mini-player-action.rz-button {
    width: 28px;
    min-width: 28px;
    min-height: 26px;
    padding: 0 !important;
    justify-content: center !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

[b-p9gfhyob1s] .live-view-mini-player-pause-action.rz-button {
    width: auto;
    min-width: 74px;
    padding: 0 8px !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
}

.live-view-mini-player-frame[b-p9gfhyob1s] {
    position: relative;
    width: 100%;
    min-height: 0;
    margin-inline: auto;
    overflow: hidden;
    background: #000;
    cursor: crosshair;
    touch-action: none;
    user-select: none;
}

.live-view-mini-player-canvas[b-p9gfhyob1s],
.live-view-mini-player-image[b-p9gfhyob1s],
.live-view-mini-player-placeholder[b-p9gfhyob1s] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: contain;
    user-select: none;
    pointer-events: none;
}

.live-view-mini-player-paused-overlay[b-p9gfhyob1s] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 0;
    padding: 16px;
    background: radial-gradient(circle at center, rgba(25, 30, 43, 0.93), rgba(3, 7, 18, 0.97));
    color: #f8fafc;
    text-align: center;
    pointer-events: none;
}

[b-p9gfhyob1s] .live-view-mini-player-paused-overlay .rz-icon {
    color: #8fd0ff;
    font-size: 34px;
}

.live-view-mini-player-paused-overlay span[b-p9gfhyob1s] {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.live-view-mini-player-paused-overlay small[b-p9gfhyob1s] {
    max-width: 220px;
    color: rgba(248, 250, 252, 0.78);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.live-view-mini-player-placeholder[b-p9gfhyob1s] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 700;
}

.live-view-mini-player-frame:focus-visible[b-p9gfhyob1s] {
    outline: 2px solid #b18cff;
    outline-offset: -3px;
}

.live-view-mini-player-admin-controls[b-p9gfhyob1s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px 24px 6px 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(17, 24, 39, 0.98);
}

[b-p9gfhyob1s] .live-view-mini-player-admin-action.rz-button {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    padding: 0 8px !important;
    justify-content: center !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

[b-p9gfhyob1s] .live-view-mini-player-admin-action.rz-button.rz-warning {
    color: #fff7ed !important;
    border-color: rgba(251, 146, 60, 0.58) !important;
    background: rgba(194, 65, 12, 0.82) !important;
}

.live-view-mini-player-resize-handle[b-p9gfhyob1s] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
    touch-action: none;
}

.live-view-mini-player-navigation[b-p9gfhyob1s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    justify-content: center;
    padding: 5px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.live-view-mini-player-resize-handle[b-p9gfhyob1s]::before {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 9px;
    height: 9px;
    border-right: 2px solid rgba(248, 250, 252, 0.68);
    border-bottom: 2px solid rgba(248, 250, 252, 0.68);
}

.material-dark .live-view-mini-player[b-p9gfhyob1s] {
    border-color: rgba(177, 140, 255, 0.46);
    background: #0f131c;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.5);
}

@media (max-width: 640.98px) {
    .live-view-mini-player[b-p9gfhyob1s] {
        --live-view-mini-player-default-width: 220px;
        right: 12px;
        bottom: 54px;
        width: min(var(--live-view-mini-player-default-width), calc(100vw - 24px));
        min-width: 0;
    }

    [b-p9gfhyob1s] .live-view-mini-player-pause-action.rz-button {
        min-width: 68px;
        padding-inline: 7px !important;
    }
}

@media (max-width: 640.98px) {
    .top-row[b-p9gfhyob1s] {
        justify-content: space-between;
    }

    .top-row[b-p9gfhyob1s]  a, .top-row[b-p9gfhyob1s]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-p9gfhyob1s] {
        flex-direction: row;
    }

    .sidebar[b-p9gfhyob1s] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-p9gfhyob1s] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-p9gfhyob1s]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-p9gfhyob1s], article[b-p9gfhyob1s] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/AIContentEdit.razor.rz.scp.css */
.ai-content-builder[b-8m5gixhp3a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 18px;
    padding-top: 14px;
}

.ai-content-form[b-8m5gixhp3a],
.ai-content-preview-panel[b-8m5gixhp3a] {
    border: 1px solid var(--rz-base-300, #dde3ee);
    border-radius: 12px;
    background: var(--rz-base-background-color, #fff);
}

.ai-content-form[b-8m5gixhp3a] {
    min-width: 0;
    overflow: hidden;
}

.ai-content-step[b-8m5gixhp3a] {
    padding: 22px;
    border-bottom: 1px solid var(--rz-base-300, #e4e8f0);
}

.ai-content-step-heading[b-8m5gixhp3a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.ai-content-step-heading h3[b-8m5gixhp3a],
.ai-content-preview-panel h3[b-8m5gixhp3a],
.ai-content-tips h4[b-8m5gixhp3a] {
    margin: 0;
    color: var(--rz-text-title-color, #222a3a);
}

.ai-content-step-heading p[b-8m5gixhp3a],
.ai-content-preview-panel > p[b-8m5gixhp3a] {
    margin: 4px 0 0;
    color: var(--rz-text-secondary-color, #687386);
    font-size: .86rem;
}

.ai-content-step-number[b-8m5gixhp3a] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--rz-primary, #6655ed);
    color: #fff;
    font-weight: 700;
}

.ai-content-field-label[b-8m5gixhp3a] {
    display: block;
    margin-bottom: 7px;
    color: var(--rz-text-title-color, #293249);
    font-size: .84rem;
    font-weight: 700;
}

.ai-content-field-label span[b-8m5gixhp3a] {
    color: var(--rz-text-secondary-color, #7a8497);
    font-weight: 500;
}

.ai-content-prompt-grid[b-8m5gixhp3a],
.ai-content-settings-grid[b-8m5gixhp3a] {
    display: grid;
    gap: 16px;
}

.ai-content-prompt-grid[b-8m5gixhp3a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-content-settings-grid[b-8m5gixhp3a] {
    grid-template-columns: minmax(180px, .75fr) minmax(300px, 1.4fr) minmax(190px, .8fr);
}

.ai-content-label-row[b-8m5gixhp3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
}

.ai-content-label-row .ai-content-field-label[b-8m5gixhp3a] {
    margin-bottom: 0;
}

.ai-content-help[b-8m5gixhp3a] {
    margin: 7px 0 0;
    color: var(--rz-text-secondary-color, #768096);
    font-size: .78rem;
    line-height: 1.35;
}

.ai-content-choice-row[b-8m5gixhp3a] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-top: 8px;
}

.ai-content-choice[b-8m5gixhp3a],
.ai-content-ratio[b-8m5gixhp3a] {
    border: 1px solid var(--rz-base-400, #ccd3df);
    border-radius: 7px;
    background: var(--rz-base-background-color, #fff);
    color: var(--rz-text-color, #263047);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.ai-content-choice[b-8m5gixhp3a] {
    min-height: 34px;
    font-weight: 700;
}

.ai-content-choice:hover[b-8m5gixhp3a],
.ai-content-ratio:hover[b-8m5gixhp3a],
.ai-content-choice.active[b-8m5gixhp3a],
.ai-content-ratio.active[b-8m5gixhp3a] {
    border-color: var(--rz-primary, #6655ed);
    box-shadow: 0 0 0 1px var(--rz-primary, #6655ed);
}

.ai-content-choice.active[b-8m5gixhp3a],
.ai-content-ratio.active[b-8m5gixhp3a] {
    background: color-mix(in srgb, var(--rz-primary, #6655ed) 9%, transparent);
}

.ai-content-choice:disabled[b-8m5gixhp3a],
.ai-content-ratio:disabled[b-8m5gixhp3a] {
    cursor: default;
    opacity: .65;
}

.ai-content-ratio-grid[b-8m5gixhp3a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(68px, 1fr));
    gap: 7px;
}

.ai-content-ratio[b-8m5gixhp3a] {
    display: flex;
    min-height: 92px;
    padding: 9px 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.ai-content-ratio small[b-8m5gixhp3a] {
    color: var(--rz-text-secondary-color, #768096);
    font-size: .68rem;
}

.ai-content-ratio-shape[b-8m5gixhp3a] {
    display: block;
    border: 2px solid currentColor;
    border-radius: 3px;
    color: var(--rz-primary, #6655ed);
}

.ratio-1-1[b-8m5gixhp3a] { width: 27px; height: 27px; }
.ratio-4-5[b-8m5gixhp3a] { width: 24px; height: 30px; }
.ratio-9-16[b-8m5gixhp3a] { width: 19px; height: 34px; }
.ratio-16-9[b-8m5gixhp3a] { width: 36px; height: 21px; }

.ai-content-retention[b-8m5gixhp3a] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.ai-content-summary[b-8m5gixhp3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    background: color-mix(in srgb, var(--rz-primary, #6655ed) 6%, transparent);
}

.ai-content-summary > div:first-child[b-8m5gixhp3a] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    gap: 3px;
}

.ai-content-summary span[b-8m5gixhp3a] {
    color: var(--rz-text-secondary-color, #69748a);
    font-size: .8rem;
}

.ai-content-actions[b-8m5gixhp3a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.ai-content-preview-panel[b-8m5gixhp3a] {
    align-self: start;
    padding: 20px;
    position: sticky;
    top: 12px;
}

.ai-content-preview-empty[b-8m5gixhp3a] {
    display: flex;
    min-height: 300px;
    margin-top: 16px;
    padding: 24px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    border: 1px dashed var(--rz-base-400, #cbd3e0);
    border-radius: 10px;
    background: var(--rz-base-100, #f7f8fb);
    text-align: center;
}

.ai-content-preview-empty .material-symbols-outlined[b-8m5gixhp3a] {
    color: var(--rz-primary, #6655ed);
    font-size: 48px;
}

.ai-content-preview-empty span:last-child[b-8m5gixhp3a],
.ai-content-preview-note[b-8m5gixhp3a] {
    color: var(--rz-text-secondary-color, #758096);
    font-size: .78rem;
}

.ai-content-preview-result[b-8m5gixhp3a] {
    margin-top: 16px;
}

.ai-content-preview-result img[b-8m5gixhp3a] {
    display: block;
    width: 100%;
    max-height: 500px;
    border-radius: 10px;
    background: #111827;
    object-fit: contain;
}

.ai-content-preview-caption[b-8m5gixhp3a] {
    margin-top: 12px;
    padding: 13px;
    border-radius: 8px;
    background: var(--rz-base-100, #f6f7fa);
}

.ai-content-preview-caption p[b-8m5gixhp3a] {
    margin: 6px 0 0;
    white-space: pre-wrap;
}

.ai-content-preview-note[b-8m5gixhp3a] {
    display: block;
    margin-top: 8px;
}

.ai-content-tips[b-8m5gixhp3a] {
    margin-top: 18px;
    padding: 15px;
    border: 1px solid color-mix(in srgb, #1ba97f 30%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, #1ba97f 8%, transparent);
}

.ai-content-tips ul[b-8m5gixhp3a] {
    margin: 10px 0 0;
    padding-left: 19px;
    color: var(--rz-text-secondary-color, #596579);
    font-size: .79rem;
    line-height: 1.6;
}

@media (max-width: 1180px) {
    .ai-content-builder[b-8m5gixhp3a] { grid-template-columns: 1fr; }
    .ai-content-preview-panel[b-8m5gixhp3a] { position: static; }
    .ai-content-settings-grid[b-8m5gixhp3a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .ai-content-prompt-grid[b-8m5gixhp3a],
    .ai-content-settings-grid[b-8m5gixhp3a] { grid-template-columns: 1fr; }
    .ai-content-summary[b-8m5gixhp3a] { align-items: stretch; flex-direction: column; }
    .ai-content-actions[b-8m5gixhp3a] { justify-content: stretch; }
    .ai-content-ratio-grid[b-8m5gixhp3a] { grid-template-columns: repeat(2, minmax(90px, 1fr)); }
}
/* /Pages/Analytics.razor.rz.scp.css */
/* Shared styles of the Analytics report tabs (components under Pages/Shared/Analytics). */
.analytics-page[b-cjjlde25zf] {
    --ar-panel: #ffffff;
    --ar-soft: var(--sm-light-panel-soft, #f7f9fc);
    --ar-border: var(--sm-light-border, #e3e7ef);
    --ar-text: var(--rz-text-color, #2d3548);
    --ar-muted: var(--rz-text-secondary-color, #697386);
    --ar-strong: var(--sm-light-primary-dark, #202650);
    --ar-accent: var(--sm-light-primary, #5965e8);
    --ar-accent-soft: var(--sm-light-primary-soft, #eef0ff);
    --ar-bar: #2a78d6;
    --ar-good: #006300;
    --ar-good-bg: #e7f5e7;
    --ar-warn: #7a5200;
    --ar-warn-bg: #fff3d1;
    --ar-bad: #b42828;
    --ar-bad-bg: #fdeceb;
    --ar-heat-0: #eef1f6;
    --ar-heat-1: #cde2fb;
    --ar-heat-2: #9ec5f4;
    --ar-heat-3: #6da7ec;
    --ar-heat-4: #3987e5;
    --ar-heat-5: #256abf;
    --ar-heat-6: #184f95;
    --ar-radius: 18px;
    width: 100%;
}

.material-dark .analytics-page[b-cjjlde25zf] {
    --ar-panel: #232733;
    --ar-soft: var(--sm-dark-panel-soft, #171c25);
    --ar-border: var(--sm-dark-border, #2d3442);
    --ar-text: var(--sm-dark-text, #e8ebf4);
    --ar-muted: var(--sm-dark-text-muted, #aeb4c4);
    --ar-strong: var(--sm-dark-text, #e8ebf4);
    --ar-accent: #8ea2ff;
    --ar-accent-soft: rgba(142, 162, 255, 0.14);
    --ar-bar: #3987e5;
    --ar-good: #3fcf3f;
    --ar-good-bg: rgba(12, 163, 12, 0.16);
    --ar-warn: #fab219;
    --ar-warn-bg: rgba(250, 178, 25, 0.14);
    --ar-bad: #ff8080;
    --ar-bad-bg: rgba(208, 59, 59, 0.2);
    --ar-heat-0: #2b303d;
    --ar-heat-1: #133a6e;
    --ar-heat-2: #184f95;
    --ar-heat-3: #1c5cab;
    --ar-heat-4: #2a78d6;
    --ar-heat-5: #5598e7;
    --ar-heat-6: #9ec5f4;
}

.analytics-page[b-cjjlde25zf]  .ar-report {
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 24px 40px;
    color: var(--ar-text);
    font-size: 14px;
    line-height: 1.45;
    transition: opacity 0.2s ease;
}

.analytics-page[b-cjjlde25zf]  .ar-report *,
.analytics-page[b-cjjlde25zf]  .ar-report *::before,
.analytics-page[b-cjjlde25zf]  .ar-report *::after {
    box-sizing: border-box;
}

.analytics-page[b-cjjlde25zf]  .ar-report.is-refreshing .ar-tiles,
.analytics-page[b-cjjlde25zf]  .ar-report.is-refreshing .ar-card {
    opacity: 0.55;
}

.analytics-page[b-cjjlde25zf]  .ar-report .rzi {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}

/* Header and controls */
.analytics-page[b-cjjlde25zf]  .ar-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
}

.analytics-page[b-cjjlde25zf]  .ar-header-copy {
    min-width: 0;
    flex: 1 1 360px;
}

.analytics-page[b-cjjlde25zf]  .ar-header h2 {
    margin: 0;
    color: var(--ar-strong);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
}

.analytics-page[b-cjjlde25zf]  .ar-header-copy p {
    margin: 4px 0 0;
    color: var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-header-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.analytics-page[b-cjjlde25zf]  .ar-header-meta {
    margin: -8px 0 0;
    min-height: 18px;
    color: var(--ar-muted);
    font-size: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-button,
.analytics-page[b-cjjlde25zf]  .ar-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid var(--ar-border);
    border-radius: 999px;
    background: var(--ar-panel);
    color: var(--ar-strong);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.14s ease, background-color 0.14s ease;
}

.analytics-page[b-cjjlde25zf]  .ar-icon-button {
    width: 34px;
    padding: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-button.is-small {
    height: 30px;
    padding: 0 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-button:hover:not(:disabled),
.analytics-page[b-cjjlde25zf]  .ar-icon-button:hover:not(:disabled) {
    border-color: var(--ar-accent);
    background: var(--ar-accent-soft);
}

.analytics-page[b-cjjlde25zf]  .ar-button:disabled,
.analytics-page[b-cjjlde25zf]  .ar-icon-button:disabled {
    cursor: default;
    opacity: 0.5;
}

.analytics-page[b-cjjlde25zf]  .ar-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--ar-accent);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.analytics-page[b-cjjlde25zf]  .ar-link:hover {
    text-decoration: underline;
}

.analytics-page[b-cjjlde25zf]  .ar-report button:focus-visible,
.analytics-page[b-cjjlde25zf]  .ar-report input:focus-visible,
.analytics-page[b-cjjlde25zf]  .ar-report tr:focus-visible {
    outline: 2px solid var(--ar-accent);
    outline-offset: 2px;
}

.analytics-page[b-cjjlde25zf]  .ar-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 14px;
    background: var(--ar-soft);
    color: var(--ar-text);
}

.analytics-page[b-cjjlde25zf]  .ar-banner.is-bad {
    background: var(--ar-bad-bg);
    color: var(--ar-bad);
}

.analytics-page[b-cjjlde25zf]  .ar-banner span {
    flex: 1 1 auto;
}

/* Stat tiles */
.analytics-page[b-cjjlde25zf]  .ar-tiles {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-tiles.is-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.analytics-page[b-cjjlde25zf]  .ar-tile {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 14px 16px 12px;
    border: 1px solid var(--ar-border);
    border-radius: var(--ar-radius);
    background: var(--ar-panel);
}

.analytics-page[b-cjjlde25zf]  .ar-tile-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: var(--ar-accent-soft);
    color: var(--ar-accent);
}

.analytics-page[b-cjjlde25zf]  .ar-tile-icon .rzi {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-label {
    min-width: 0;
    overflow: hidden;
    color: var(--ar-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-value {
    color: var(--ar-strong);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-delta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 6px;
    font-size: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-detail {
    color: var(--ar-muted);
    font-size: 12px;
    line-height: 1.35;
}

.analytics-page[b-cjjlde25zf]  .ar-tile-spark {
    margin: 6px -4px -4px;
}

/* Deltas, chips and status */
.analytics-page[b-cjjlde25zf]  .ar-delta {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-delta.is-small {
    margin-left: 6px;
    padding: 0 6px;
    font-size: 11px;
}

.analytics-page[b-cjjlde25zf]  .is-good.ar-delta,
.analytics-page[b-cjjlde25zf]  .is-good.ar-chip,
.analytics-page[b-cjjlde25zf]  .is-good.ar-success {
    background: var(--ar-good-bg);
    color: var(--ar-good);
}

.analytics-page[b-cjjlde25zf]  .is-warn.ar-delta,
.analytics-page[b-cjjlde25zf]  .is-warn.ar-chip,
.analytics-page[b-cjjlde25zf]  .is-warn.ar-success {
    background: var(--ar-warn-bg);
    color: var(--ar-warn);
}

.analytics-page[b-cjjlde25zf]  .is-bad.ar-delta,
.analytics-page[b-cjjlde25zf]  .is-bad.ar-chip,
.analytics-page[b-cjjlde25zf]  .is-bad.ar-success {
    background: var(--ar-bad-bg);
    color: var(--ar-bad);
}

.analytics-page[b-cjjlde25zf]  .is-neutral.ar-delta,
.analytics-page[b-cjjlde25zf]  .is-neutral.ar-chip,
.analytics-page[b-cjjlde25zf]  .is-neutral.ar-success {
    background: var(--ar-soft);
    color: var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-chip {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-success {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.analytics-page[b-cjjlde25zf]  .ar-dot {
    display: inline-block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.analytics-page[b-cjjlde25zf]  .ar-dot.is-online {
    background: #0ca30c;
}

.analytics-page[b-cjjlde25zf]  .ar-dot.is-offline {
    background: transparent;
    box-shadow: inset 0 0 0 2px var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-swatch {
    display: inline-block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 3px;
    vertical-align: -1px;
}

.analytics-page[b-cjjlde25zf]  .ar-muted {
    color: var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-num {
    font-variant-numeric: tabular-nums;
}

.analytics-page[b-cjjlde25zf]  .ar-ellipsis {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-subtext {
    display: block;
    color: var(--ar-muted);
    font-size: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* Cards and layout rows */
.analytics-page[b-cjjlde25zf]  .ar-card {
    min-width: 0;
    border: 1px solid var(--ar-border);
    border-radius: var(--ar-radius);
    background: var(--ar-panel);
}

.analytics-page[b-cjjlde25zf]  .ar-card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 16px 20px 10px;
}

.analytics-page[b-cjjlde25zf]  .ar-card-header h3 {
    margin: 0;
    color: var(--ar-strong);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-card-header p {
    margin: 3px 0 0;
    color: var(--ar-muted);
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-card-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
}

.analytics-page[b-cjjlde25zf]  .ar-chart {
    padding: 0 12px 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-row {
    display: grid;
    gap: 16px;
}

.analytics-page[b-cjjlde25zf]  .ar-row.is-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.analytics-page[b-cjjlde25zf]  .ar-row.is-split.is-wide-first {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.analytics-page[b-cjjlde25zf]  .ar-row.is-thirds {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.analytics-page[b-cjjlde25zf]  .ar-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 240px;
    padding: 24px;
    color: var(--ar-muted);
    text-align: center;
}

.analytics-page[b-cjjlde25zf]  .ar-state.is-compact {
    min-height: 140px;
}

.analytics-page[b-cjjlde25zf]  .ar-state p {
    margin: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-state-icon .rzi {
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
}

.analytics-page[b-cjjlde25zf]  .ar-footnote {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -4px 0 0;
    color: var(--ar-muted);
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-empty-line {
    margin: 0;
    padding: 4px 20px 18px;
}

/* Action mix: donut beside its table when the card is wide enough */
.analytics-page[b-cjjlde25zf]  .ar-mix-frame {
    container: ar-mix / inline-size;
}

.analytics-page[b-cjjlde25zf]  .ar-mix {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    align-items: center;
    gap: 8px 16px;
    padding: 0 16px 16px;
}

.analytics-page[b-cjjlde25zf]  .ar-donut {
    position: relative;
    width: 200px;
}

.analytics-page[b-cjjlde25zf]  .ar-donut-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.15;
}

.analytics-page[b-cjjlde25zf]  .ar-donut-center strong {
    color: var(--ar-strong);
    font-size: 22px;
}

.analytics-page[b-cjjlde25zf]  .ar-donut-center span {
    color: var(--ar-muted);
    font-size: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-mix .ar-table td:first-child {
    white-space: nowrap;
}

@container ar-mix (max-width: 540px) {
    .analytics-page[b-cjjlde25zf]  .ar-mix {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
    }
}

/* Tables */
.analytics-page[b-cjjlde25zf]  .ar-table-scroll {
    overflow-x: auto;
    padding: 0 8px 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-table th {
    padding: 6px 12px;
    border-bottom: 1px solid var(--ar-border);
    color: var(--ar-muted);
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-table td {
    max-width: 260px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--ar-border);
    vertical-align: middle;
}

.analytics-page[b-cjjlde25zf]  .ar-table tbody tr:last-child td {
    border-bottom: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-table.is-compact th,
.analytics-page[b-cjjlde25zf]  .ar-table.is-compact td {
    padding: 6px 10px;
}

.analytics-page[b-cjjlde25zf]  .ar-table .is-number {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-table td:first-child {
    display: table-cell;
}

.analytics-page[b-cjjlde25zf]  .ar-stack .ar-table {
    margin: 0 8px 10px;
    width: calc(100% - 16px);
}

.analytics-page[b-cjjlde25zf]  .ar-table.is-interactive tbody tr {
    cursor: pointer;
}

.analytics-page[b-cjjlde25zf]  .ar-table.is-interactive tbody tr:hover td {
    background: var(--ar-soft);
}

.analytics-page[b-cjjlde25zf]  .ar-table.is-interactive tbody tr.is-selected td {
    background: var(--ar-accent-soft);
}

.analytics-page[b-cjjlde25zf]  .ar-table td img {
    margin-right: 6px;
    vertical-align: -4px;
}

/* Bar lists */
.analytics-page[b-cjjlde25zf]  .ar-bars,
.analytics-page[b-cjjlde25zf]  .ar-reasons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0 20px 18px;
    list-style: none;
}

.analytics-page[b-cjjlde25zf]  .ar-bars-label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
    min-width: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-bars-value {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.analytics-page[b-cjjlde25zf]  .ar-bar {
    display: block;
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ar-soft);
}

.analytics-page[b-cjjlde25zf]  .ar-bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--ar-bar);
}

.analytics-page[b-cjjlde25zf]  .ar-bar.is-good > span {
    background: #0ca30c;
}

.analytics-page[b-cjjlde25zf]  .ar-bar.is-warn > span {
    background: #fab219;
}

.analytics-page[b-cjjlde25zf]  .ar-bar.is-bad > span {
    background: #d03b3b;
}

.analytics-page[b-cjjlde25zf]  .ar-reasons p {
    margin: 6px 0 0;
    color: var(--ar-text);
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-share {
    display: flex;
    align-items: center;
    gap: 8px;
}

.analytics-page[b-cjjlde25zf]  .ar-share .ar-bar {
    flex: 1 1 auto;
    max-width: 90px;
}

/* Needs attention */
.analytics-page[b-cjjlde25zf]  .ar-attention {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0 12px 12px;
    list-style: none;
}

.analytics-page[b-cjjlde25zf]  .ar-attention li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px;
    border-radius: 12px;
}

.analytics-page[b-cjjlde25zf]  .ar-attention li:hover {
    background: var(--ar-soft);
}

.analytics-page[b-cjjlde25zf]  .ar-attention-icon {
    display: inline-grid;
    flex: 0 0 30px;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: var(--ar-soft);
    color: var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-attention li.is-bad .ar-attention-icon {
    background: var(--ar-bad-bg);
    color: var(--ar-bad);
}

.analytics-page[b-cjjlde25zf]  .ar-attention-text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-attention-text strong {
    color: var(--ar-strong);
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-attention-text span {
    color: var(--ar-muted);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.analytics-page[b-cjjlde25zf]  .ar-attention .ar-link {
    align-self: center;
}

.analytics-page[b-cjjlde25zf]  .ar-all-good {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 20px 18px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--ar-good-bg);
    color: var(--ar-good);
    font-weight: 600;
}

/* Heatmap */
.analytics-page[b-cjjlde25zf]  .ar-heatmap {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 20px 8px;
    overflow-x: auto;
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-row {
    display: grid;
    grid-template-columns: 36px repeat(24, minmax(12px, 1fr));
    gap: 3px;
    min-width: 400px;
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-label,
.analytics-page[b-cjjlde25zf]  .ar-heatmap-hour {
    color: var(--ar-muted);
    font-size: 11px;
    line-height: 16px;
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-hour {
    text-align: left;
    white-space: nowrap;
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell {
    display: block;
    min-height: 20px;
    border-radius: 4px;
    background: var(--ar-heat-0);
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-1 { background: var(--ar-heat-1); }
.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-2 { background: var(--ar-heat-2); }
.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-3 { background: var(--ar-heat-3); }
.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-4 { background: var(--ar-heat-4); }
.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-5 { background: var(--ar-heat-5); }
.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.level-6 { background: var(--ar-heat-6); }

.analytics-page[b-cjjlde25zf]  .ar-heatmap-cell.is-peak {
    box-shadow: 0 0 0 2px var(--ar-panel), 0 0 0 4px var(--ar-strong);
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-legend {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 4px 20px 16px;
    color: var(--ar-muted);
    font-size: 11px;
}

.analytics-page[b-cjjlde25zf]  .ar-heatmap-legend .ar-heatmap-cell {
    width: 14px;
    min-height: 14px;
}

/* Data grids inside cards */
.analytics-page[b-cjjlde25zf]  .ar-card .ar-grid.rz-data-grid {
    border: 0;
    border-top: 1px solid var(--ar-border);
    border-radius: 0 0 var(--ar-radius) var(--ar-radius);
    background: transparent;
}

.analytics-page[b-cjjlde25zf]  .ar-cell-name {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.analytics-page[b-cjjlde25zf]  .ar-search {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 260px;
    height: 34px;
    padding: 0 12px;
    border: var(--rz-input-border, 1px solid #dfe4ee);
    border-radius: 999px;
    background: var(--rz-input-background-color, var(--ar-panel));
    color: var(--ar-muted);
}

.analytics-page[b-cjjlde25zf]  .ar-search:focus-within {
    border: var(--rz-input-focus-border, 1px solid #5965e8);
}

.analytics-page[b-cjjlde25zf]  .ar-search input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ar-text);
    font: inherit;
    font-size: 13px;
}

.analytics-page[b-cjjlde25zf]  .ar-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}

.analytics-page[b-cjjlde25zf]  .ar-check input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--ar-accent);
}

.analytics-page[b-cjjlde25zf]  .ar-tooltip {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

@media (max-width: 1400px) {
    .analytics-page[b-cjjlde25zf]  .ar-tiles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .analytics-page[b-cjjlde25zf]  .ar-row.is-split,
    .analytics-page[b-cjjlde25zf]  .ar-row.is-split.is-wide-first,
    .analytics-page[b-cjjlde25zf]  .ar-row.is-thirds {
        grid-template-columns: minmax(0, 1fr);
    }

    .analytics-page[b-cjjlde25zf]  .ar-tiles.is-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .analytics-page[b-cjjlde25zf]  .ar-report {
        padding: 12px 12px 32px;
    }

    .analytics-page[b-cjjlde25zf]  .ar-tiles,
    .analytics-page[b-cjjlde25zf]  .ar-tiles.is-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analytics-page[b-cjjlde25zf]  .ar-search {
        width: 100%;
    }

    .analytics-page[b-cjjlde25zf]  .ar-header-controls {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .analytics-page[b-cjjlde25zf]  .ar-tiles,
    .analytics-page[b-cjjlde25zf]  .ar-tiles.is-four {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Assets.razor.rz.scp.css */
/* Matches the Extractions page: header outside the card, then tabs and quiet list cards.
   Tab content is rendered by child pages, so their elements are reached through ::deep. */
.content-page[b-hdw6zyic1q] {
    --c-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --c-border-soft: var(--sm-dark-border-soft, #eef1f5);
    --c-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --c-panel: var(--rz-card-background-color, #ffffff);
    --c-text: var(--rz-text-color, #2d3548);
    --c-muted: var(--rz-text-secondary-color, #697386);
    --c-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --c-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --c-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --c-success: var(--rz-notification-success-color, #137a3c);
    --c-warning: var(--rz-notification-warning-color, #8a6500);
    --c-danger: var(--rz-notification-error-color, #c3342b);
    --c-radius: 22px;
    --c-control-height: 36px;
    box-sizing: border-box;
    padding: 24px 28px 48px;
    color: var(--c-text);
    font-size: 14px;
    line-height: 1.45;
}

.content-page-header[b-hdw6zyic1q] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.content-page-header h1[b-hdw6zyic1q] {
    margin: 0;
    color: var(--c-strong);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}

.content-page-header p[b-hdw6zyic1q] {
    margin: 4px 0 0;
    color: var(--c-muted);
}

.content-page-icon[b-hdw6zyic1q] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--c-accent-soft);
    color: var(--c-accent);
}

.content-page-icon[b-hdw6zyic1q]  .rzi {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
}

/* Tabs sit on the page background; the active tab's grid is the card. */
.content-page[b-hdw6zyic1q]  .content-tabs.rz-tabview {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.content-page[b-hdw6zyic1q]  .content-tabs > .rz-tabview-nav {
    margin-bottom: 14px;
    background: transparent !important;
    border-bottom: 1px solid var(--c-border) !important;
}

.content-page[b-hdw6zyic1q]  .content-tabs > .rz-tabview-panels,
.content-page[b-hdw6zyic1q]  .content-tabs > .rz-tabview-panels > .rz-tabview-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Lists' Manual / Dynamic switch: a compact segmented control. */
.content-page[b-hdw6zyic1q]  .content-subtabs.rz-tabview {
    margin-bottom: 12px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--c-border) !important;
    border-radius: 999px;
    background: var(--c-panel) !important;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li {
    border: 0 !important;
    border-radius: 999px;
    overflow: hidden;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li > a,
.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li > .rz-tabview-link {
    min-height: 30px !important;
    padding: 0 16px !important;
    border-radius: 999px;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li.rz-tabview-selected {
    background: var(--c-accent-soft) !important;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li::after,
.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-nav li.rz-tabview-selected::after {
    display: none !important;
}

.content-page[b-hdw6zyic1q]  .content-subtabs > .rz-tabview-panels {
    display: none;
}

/* List card */
.content-page[b-hdw6zyic1q]  .content-grid {
    border: 1px solid var(--c-border) !important;
    border-radius: var(--c-radius) !important;
    background: var(--c-panel) !important;
    box-shadow: none !important;
    overflow: hidden;
}

/* One toolbar row: add, restore/refresh and total on the left, Manage columns on the right. */
.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    min-height: 0;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--c-border-soft);
    background: var(--c-panel);
}

.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-custom-header {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
}

.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-column-picker {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
}

.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-column-picker .rz-button,
.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-column-picker .rz-dropdown {
    height: var(--c-control-height) !important;
    min-height: var(--c-control-height) !important;
}

.content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-column-picker .rz-dropdown-label::before {
    content: "Manage columns";
    font-size: 14px;
}

.content-page[b-hdw6zyic1q]  .content-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.content-page[b-hdw6zyic1q]  .content-toolbar-button {
    height: var(--c-control-height);
    min-height: var(--c-control-height);
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-weight: 600;
    white-space: nowrap;
}

.content-page[b-hdw6zyic1q]  .content-add-button:not(:disabled) {
    box-shadow: 0 2px 8px color-mix(in srgb, var(--rz-primary, #202650) 30%, transparent);
}

.content-page[b-hdw6zyic1q]  .content-total-pill {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--c-accent-soft);
    color: var(--c-accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Table: soft header row, quiet borders. */
.content-page[b-hdw6zyic1q]  .content-grid .rz-grid-table thead th {
    background: var(--c-soft) !important;
    color: var(--c-muted) !important;
    border-bottom: 1px solid var(--c-border) !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.content-page[b-hdw6zyic1q]  .content-grid .rz-grid-table thead th .rz-column-title-content {
    font-size: 12px;
    font-weight: 600;
}

.content-page[b-hdw6zyic1q]  .content-grid .rz-grid-table tbody tr > td {
    background: var(--c-panel) !important;
    border-color: var(--c-border-soft) !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.content-page[b-hdw6zyic1q]  .content-grid .rz-grid-table tbody tr:hover > td {
    background: color-mix(in srgb, var(--c-accent) 4%, var(--c-panel)) !important;
}

.content-page[b-hdw6zyic1q]  .content-grid .rz-pager {
    border-top: 1px solid var(--c-border-soft) !important;
    background: var(--c-panel) !important;
    color: var(--c-muted);
    font-size: 12px;
}

.content-page[b-hdw6zyic1q]  .content-name-link {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: none;
    color: var(--c-strong) !important;
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.content-page[b-hdw6zyic1q]  .content-name-link:hover,
.content-page[b-hdw6zyic1q]  .content-name-link:focus-visible {
    color: var(--rz-primary) !important;
    text-decoration: underline !important;
}

.content-page[b-hdw6zyic1q]  .content-name-link:focus-visible {
    outline: 2px solid var(--c-accent);
    outline-offset: 2px;
}

.content-page[b-hdw6zyic1q]  .content-muted {
    color: var(--c-muted);
}

.content-page[b-hdw6zyic1q]  .content-status {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--c-soft);
    color: var(--c-muted);
    font-size: 12px;
    font-weight: 600;
}

.content-page[b-hdw6zyic1q]  .content-status.is-success {
    background: var(--rz-notification-success-background-color, #eaf8ef);
    color: var(--c-success);
}

.content-page[b-hdw6zyic1q]  .content-status.is-warning {
    background: var(--rz-notification-warning-background-color, #fff8dd);
    color: var(--c-warning);
}

.content-page[b-hdw6zyic1q]  .content-status.is-danger {
    background: var(--rz-notification-error-background-color, #fff0ee);
    color: var(--c-danger);
}

.content-page[b-hdw6zyic1q]  .content-row-button {
    margin: 0 2px;
    border-radius: 999px !important;
}

.content-page[b-hdw6zyic1q]  .content-delete-button:hover {
    color: var(--c-danger) !important;
}

@media (max-width: 720px) {
    .content-page[b-hdw6zyic1q] {
        padding: 16px 16px 32px;
    }

    .content-page[b-hdw6zyic1q]  .content-toolbar {
        flex-wrap: wrap;
    }

    .content-page[b-hdw6zyic1q]  .content-grid > .rz-group-header > .rz-custom-header {
        flex: 1 1 100%;
    }
}
/* /Pages/ExternalLogin.razor.rz.scp.css */
.external-login-shell[b-v8gy0kev0f] {
    min-height: calc(100vh - 2rem);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.external-login-card[b-v8gy0kev0f] {
    width: min(30rem, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    padding: 2rem;
    border: 1px solid var(--rz-base-300, #d1d5db);
    border-radius: 0.75rem;
    background: var(--rz-base-background-color, #fff);
    color: var(--rz-text-color);
    text-align: center;
    box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 18%);
}

.external-login-card h1[b-v8gy0kev0f],
.external-login-card p[b-v8gy0kev0f] {
    margin: 0;
}

.external-login-card h1[b-v8gy0kev0f] {
    font-size: 1.35rem;
}

.external-login-card p[b-v8gy0kev0f] {
    color: var(--rz-text-secondary-color);
}

.external-login-error .rzi[b-v8gy0kev0f] {
    color: var(--rz-danger);
    font-size: 2rem;
}
/* /Pages/Extractions.razor.rz.scp.css */
/* Mirrors the Workflows/Nursery pages: header outside the card, then one quiet list card. */
.extractions-page[b-8pn7p3l2bi] {
    --x-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --x-border-soft: var(--sm-dark-border-soft, #eef1f5);
    --x-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --x-panel: var(--rz-card-background-color, #ffffff);
    --x-text: var(--rz-text-color, #2d3548);
    --x-muted: var(--rz-text-secondary-color, #697386);
    --x-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --x-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --x-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --x-radius: 22px;
    --x-control-height: 36px;
    box-sizing: border-box;
    padding: 24px 28px 48px;
    color: var(--x-text);
    font-size: 14px;
    line-height: 1.45;
}

.extractions-page-header[b-8pn7p3l2bi] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.extractions-page-header h1[b-8pn7p3l2bi] {
    margin: 0;
    color: var(--x-strong);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}

.extractions-page-header p[b-8pn7p3l2bi] {
    margin: 4px 0 0;
    color: var(--x-muted);
}

.extractions-page-icon[b-8pn7p3l2bi] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--x-accent-soft);
    color: var(--x-accent);
}

.extractions-page-icon[b-8pn7p3l2bi]  .rzi {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
}

/* List card */
.extractions-page[b-8pn7p3l2bi]  .extractions-grid.rz-datatable,
.extractions-page[b-8pn7p3l2bi]  .extractions-grid {
    border: 1px solid var(--x-border) !important;
    border-radius: var(--x-radius) !important;
    background: var(--x-panel) !important;
    box-shadow: none !important;
    overflow: hidden;
}

/* One toolbar row: custom header (filter, add, restore), group drop zone, Manage columns. */
.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    min-height: 0;
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--x-border-soft);
    background: var(--x-panel);
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-custom-header {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-group-header-drop {
    display: flex;
    align-items: center;
    flex: 1 1 200px;
    min-width: 160px;
    min-height: var(--x-control-height);
    margin: 0;
    padding: 0 12px;
    border: 1px dashed var(--x-border);
    border-radius: 999px;
    overflow: hidden;
    color: var(--x-muted);
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-column-picker {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-column-picker .rz-button,
.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-column-picker .rz-dropdown {
    height: var(--x-control-height) !important;
    min-height: var(--x-control-height) !important;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-column-picker .rz-dropdown-label::before {
    content: "Manage columns";
    font-size: 14px;
}

.extractions-toolbar[b-8pn7p3l2bi] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.extractions-toolbar[b-8pn7p3l2bi]  .grid-quick-filter-input {
    height: var(--x-control-height);
    min-height: var(--x-control-height);
}

.extractions-page[b-8pn7p3l2bi]  .extractions-toolbar-button {
    height: var(--x-control-height);
    min-height: var(--x-control-height);
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-weight: 600;
    white-space: nowrap;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-add-button {
    box-shadow: 0 2px 8px color-mix(in srgb, var(--rz-primary, #202650) 30%, transparent);
}

.extractions-total-pill[b-8pn7p3l2bi] {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--x-accent-soft);
    color: var(--x-accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Table: soft header row, quiet borders. */
.extractions-page[b-8pn7p3l2bi]  .extractions-grid .rz-grid-table thead th {
    background: var(--x-soft) !important;
    color: var(--x-muted) !important;
    border-bottom: 1px solid var(--x-border) !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid .rz-grid-table thead th .rz-column-title-content {
    font-size: 12px;
    font-weight: 600;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid .rz-grid-table tbody tr > td {
    background: var(--x-panel) !important;
    border-color: var(--x-border-soft) !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid .rz-grid-table tbody tr:hover > td {
    background: color-mix(in srgb, var(--x-accent) 4%, var(--x-panel)) !important;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-grid .rz-pager {
    border-top: 1px solid var(--x-border-soft) !important;
    background: var(--x-panel) !important;
    color: var(--x-muted);
    font-size: 12px;
}

.extractions-name-link[b-8pn7p3l2bi] {
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: none;
    color: var(--x-strong);
    font: inherit;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.extractions-name-link:hover[b-8pn7p3l2bi],
.extractions-name-link:focus-visible[b-8pn7p3l2bi] {
    color: var(--rz-primary);
    text-decoration: underline;
}

.extractions-name-link:focus-visible[b-8pn7p3l2bi] {
    outline: 2px solid var(--x-accent);
    outline-offset: 2px;
}

.extractions-chip[b-8pn7p3l2bi] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--x-soft);
    border: 1px solid var(--x-border-soft);
    color: var(--x-text);
    font-size: 12px;
    font-weight: 600;
}

.extractions-muted[b-8pn7p3l2bi] {
    color: var(--x-muted);
}

.extractions-group-name[b-8pn7p3l2bi] {
    margin-right: 8px;
    color: var(--x-strong);
    font-weight: 600;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-delete-button {
    border-radius: 999px !important;
}

.extractions-page[b-8pn7p3l2bi]  .extractions-delete-button:hover {
    color: var(--rz-notification-error-color, #c3342b) !important;
}

.extractions-empty[b-8pn7p3l2bi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 20px;
    text-align: center;
}

.extractions-empty h3[b-8pn7p3l2bi] {
    margin: 4px 0 0;
    color: var(--x-strong);
    font-size: 16px;
    font-weight: 700;
}

.extractions-empty p[b-8pn7p3l2bi] {
    margin: 0 0 6px;
    color: var(--x-muted);
}

@media (max-width: 720px) {
    .extractions-toolbar[b-8pn7p3l2bi] {
        flex-wrap: wrap;
    }

    .extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-custom-header {
        flex: 1 1 100%;
    }

    .extractions-page[b-8pn7p3l2bi] {
        padding: 16px 16px 32px;
    }

    .extractions-page[b-8pn7p3l2bi]  .extractions-grid > .rz-group-header > .rz-group-header-drop {
        display: none;
    }
}
/* /Pages/ManagePcs.razor.rz.scp.css */
.manage-pcs-page[b-u39gdptm07] {
    --pcs-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --pcs-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --pcs-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --pcs-muted: var(--rz-text-secondary-color);
    --pcs-panel: var(--rz-card-background-color);
    --pcs-success: var(--rz-notification-success-color);
    --pcs-warning: var(--rz-notification-warning-color);
    --pcs-danger: var(--rz-notification-error-color);
    container: manage-pcs / inline-size;
    min-width: 0;
    padding: 24px 20px 32px;
    color: var(--rz-text-color);
    font-size: 14px;
    line-height: 1.5;
}

.manage-pcs-page *[b-u39gdptm07], .manage-pcs-page[b-u39gdptm07]  * { box-sizing: border-box; }
.manage-pcs-page h1[b-u39gdptm07], .manage-pcs-page h2[b-u39gdptm07], .manage-pcs-page h3[b-u39gdptm07], .manage-pcs-page p[b-u39gdptm07] { margin: 0; color: inherit; letter-spacing: 0; }
.manage-pcs-page h1[b-u39gdptm07] { font-size: 22px; font-weight: 700; line-height: 1.3; }
.manage-pcs-page h2[b-u39gdptm07], .manage-pcs-page h3[b-u39gdptm07] { font-size: 16px; font-weight: 650; line-height: 1.4; }
.manage-pcs-page p[b-u39gdptm07] { color: var(--pcs-muted); font-size: 13px; line-height: 1.5; }
.manage-pcs-page[b-u39gdptm07]  .rzi { flex-shrink: 0; width: 20px; height: 20px; font-size: 20px; }

.manage-pcs-header[b-u39gdptm07], .manage-pcs-heading[b-u39gdptm07] { display: flex; align-items: center; gap: 14px; }
.manage-pcs-header[b-u39gdptm07] { justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 24px; }
.manage-pcs-heading[b-u39gdptm07] { min-width: 0; }
.manage-pcs-heading p[b-u39gdptm07] { margin-top: 4px; }
.manage-pcs-heading-icon[b-u39gdptm07] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid var(--pcs-border); border-radius: 8px; color: var(--pcs-accent); background: var(--pcs-soft); }
.manage-pcs-heading-icon[b-u39gdptm07]  .rzi { width: 24px; height: 24px; font-size: 24px; }

.manage-pcs-button[b-u39gdptm07] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--pcs-border); border-radius: 8px; background: var(--pcs-panel); color: var(--rz-text-color); font: inherit; font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-decoration: none; white-space: nowrap; cursor: pointer; }
.manage-pcs-button > span[b-u39gdptm07] { display: inline-flex; }
.manage-pcs-button:hover:not(:disabled)[b-u39gdptm07] { border-color: var(--pcs-accent); background: var(--pcs-soft); color: var(--rz-text-color); text-decoration: none; }
.manage-pcs-button:focus-visible[b-u39gdptm07] { outline: 2px solid var(--pcs-accent); outline-offset: 3px; }
.manage-pcs-button:disabled[b-u39gdptm07] { opacity: .55; cursor: not-allowed; }

.manage-pcs-summary[b-u39gdptm07] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.manage-pcs-stat[b-u39gdptm07] { display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 20px; border: 1px solid var(--pcs-border); border-radius: 10px; background: var(--pcs-panel); }
.manage-pcs-stat-label[b-u39gdptm07] { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--pcs-muted); }
.manage-pcs-stat-label h2[b-u39gdptm07] { color: var(--pcs-muted); font-size: 13px; font-weight: 600; }
.manage-pcs-stat-label > span[b-u39gdptm07] { display: inline-flex; color: var(--pcs-accent); }
.manage-pcs-stat-value[b-u39gdptm07] { margin: 12px 0; font-size: 30px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.manage-pcs-stat-value > span[b-u39gdptm07] { color: var(--pcs-muted); font-size: 16px; font-weight: 500; }
.manage-pcs-stat p[b-u39gdptm07] { margin-top: auto; font-size: 12px; }
.manage-pcs-usage[b-u39gdptm07] { display: block; appearance: none; width: 100%; height: 5px; margin: 0 0 10px; overflow: hidden; border: 0; border-radius: 999px; color: var(--pcs-accent); background: var(--pcs-border); }
.manage-pcs-usage[b-u39gdptm07]::-webkit-progress-bar { border-radius: 999px; background: var(--pcs-border); }
.manage-pcs-usage[b-u39gdptm07]::-webkit-progress-value { border-radius: 999px; background: var(--pcs-accent); }
.manage-pcs-usage[b-u39gdptm07]::-moz-progress-bar { border-radius: 999px; background: var(--pcs-accent); }

.manage-pcs-list[b-u39gdptm07] { min-width: 0; overflow: hidden; border: 1px solid var(--pcs-border); border-radius: 10px; background: var(--pcs-panel); }
.manage-pcs-list-header[b-u39gdptm07] { padding: 20px; border-bottom: 1px solid var(--pcs-border); }
.manage-pcs-list-header p[b-u39gdptm07] { margin-top: 4px; }
.manage-pcs-page[b-u39gdptm07]  .manage-pcs-grid { border: 0; border-radius: 0; box-shadow: none; }
.manage-pcs-page[b-u39gdptm07]  .manage-pcs-grid .rz-grid-table { width: 100%; min-width: 1630px; }
.manage-pcs-page[b-u39gdptm07]  .manage-pcs-grid .rz-column-title-content { font-size: 12px; font-weight: 600; text-transform: none; }
.manage-pcs-page[b-u39gdptm07]  .manage-pcs-grid .rz-grid-table tbody td { padding-block: 16px !important; }
.manage-pcs-list-footer[b-u39gdptm07] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 12px 20px; border-top: 1px solid var(--pcs-border); color: var(--pcs-muted); background: var(--pcs-soft); font-size: 12px; }

.manage-pcs-name[b-u39gdptm07] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.manage-pcs-computer-icon[b-u39gdptm07] { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--pcs-border); border-radius: 8px; color: var(--pcs-muted); background: var(--pcs-soft); }
.manage-pcs-name > div[b-u39gdptm07] { display: flex; flex-direction: column; min-width: 0; }
.manage-pcs-name strong[b-u39gdptm07] { overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 600; }
.manage-pcs-name small[b-u39gdptm07] { overflow: hidden; text-overflow: ellipsis; color: var(--pcs-muted); font-size: 12px; }
.manage-pcs-version[b-u39gdptm07] { color: var(--pcs-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.manage-pcs-hardware[b-u39gdptm07] { display: flex; flex-direction: column; min-width: 0; font-size: 13px; }
.manage-pcs-hardware > span[b-u39gdptm07], .manage-pcs-hardware > small[b-u39gdptm07] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manage-pcs-isa[b-u39gdptm07] { color: var(--pcs-muted); font-size: 12px; }
.manage-pcs-status[b-u39gdptm07] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: 6px; color: var(--pcs-muted); background: var(--pcs-soft); font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.manage-pcs-status-dot[b-u39gdptm07] { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.manage-pcs-status.is-online[b-u39gdptm07] { color: var(--pcs-success); background: var(--rz-notification-success-background-color); }
.manage-pcs-status.is-over-limit[b-u39gdptm07] { color: var(--pcs-warning); background: var(--rz-notification-warning-background-color); }
.manage-pcs-revoke[b-u39gdptm07] { min-height: 36px; padding: 7px 10px; border-color: color-mix(in srgb, var(--pcs-danger) 28%, var(--pcs-border)); color: var(--pcs-danger); background: transparent; }
.manage-pcs-revoke:hover:not(:disabled)[b-u39gdptm07] { border-color: var(--pcs-danger); color: var(--pcs-danger); background: color-mix(in srgb, var(--pcs-danger) 8%, var(--pcs-panel)); }
.manage-pcs-revoke:focus-visible[b-u39gdptm07] { outline-color: var(--pcs-danger); }

.manage-pcs-guidance[b-u39gdptm07] { display: flex; align-items: flex-start; gap: 12px; margin-top: 20px; padding: 16px 20px; border: 1px solid var(--pcs-border); border-radius: 10px; background: var(--pcs-soft); }
.manage-pcs-guidance > span[b-u39gdptm07] { display: inline-flex; margin-top: 1px; color: var(--pcs-accent); }
.manage-pcs-guidance h2[b-u39gdptm07] { font-size: 13px; font-weight: 600; }
.manage-pcs-guidance p[b-u39gdptm07] { margin-top: 4px; }
.manage-pcs-warning[b-u39gdptm07] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; padding: 16px 20px; border: 1px solid color-mix(in srgb, var(--pcs-warning) 30%, var(--pcs-border)); border-radius: 10px; color: var(--pcs-warning); background: var(--rz-notification-warning-background-color); }
.manage-pcs-warning > span[b-u39gdptm07] { display: inline-flex; }
.manage-pcs-warning p[b-u39gdptm07] { margin-top: 4px; color: inherit; }
.manage-pcs-state[b-u39gdptm07] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; min-height: 200px; padding: 32px 20px; border: 1px solid var(--pcs-border); border-radius: 10px; background: var(--pcs-panel); }
.manage-pcs-state-error > span[b-u39gdptm07] { display: inline-flex; color: var(--pcs-danger); }
.manage-pcs-state-error p[b-u39gdptm07] { margin-top: 4px; }
.manage-pcs-empty[b-u39gdptm07] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 36px 20px; text-align: center; white-space: normal; }
.manage-pcs-empty h3[b-u39gdptm07] { margin-top: 4px; }
.manage-pcs-filter-empty[b-u39gdptm07] { position: sticky; left: 0; width: calc(100cqw - 32px); max-width: 100%; }

@container manage-pcs (max-width: 760px) {
    .manage-pcs-summary[b-u39gdptm07] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .manage-pcs-stat[b-u39gdptm07] { padding: 16px; }
    .manage-pcs-header[b-u39gdptm07] { align-items: flex-start; }
    .manage-pcs-heading[b-u39gdptm07] { align-items: flex-start; }
    .manage-pcs-page h1[b-u39gdptm07] { font-size: 20px; }
    .manage-pcs-list-header[b-u39gdptm07], .manage-pcs-guidance[b-u39gdptm07] { padding: 16px; }
    .manage-pcs-button[b-u39gdptm07] { min-height: 44px; }
}

@media (max-width: 760px) {
    .manage-pcs-page[b-u39gdptm07] { padding: 20px 8px 24px; }
}
/* /Pages/MediaFoldersEdit.razor.rz.scp.css */
.media-folder-page[b-s9o45gcwt3] {
    --media-border: var(--sm-dark-border, var(--sm-light-border));
    --media-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft));
    --media-accent: var(--sm-dark-purple, var(--sm-light-primary));
    --rz-input-border-radius: 6px;
    --rz-input-height: 40px;
    --rz-button-border-radius: 8px;
    container: media-folder / inline-size;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    color: var(--rz-text-color);
    font-family: var(--rz-text-font-family);
    font-size: 14px;
    line-height: 1.5;
}

.media-folder-heading[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.media-folder-heading h1[b-s9o45gcwt3] {
    margin: 0;
    color: inherit;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
}

.media-folder-heading p[b-s9o45gcwt3],
.media-items-heading p[b-s9o45gcwt3],
.media-folder-name p[b-s9o45gcwt3],
.media-folder-empty p[b-s9o45gcwt3] {
    margin: 4px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: 13px;
    line-height: 1.5;
}

.media-folder-icon[b-s9o45gcwt3] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--media-border);
    border-radius: 8px;
    background: var(--media-soft);
    color: var(--media-accent);
}

.media-folder-settings[b-s9o45gcwt3] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
    align-items: start;
    gap: 24px;
    padding: 20px;
    border: 1px solid var(--media-border);
    border-radius: 10px;
    background: var(--rz-card-background-color);
}

.media-folder-name[b-s9o45gcwt3],
.media-folder-cleanup[b-s9o45gcwt3] {
    min-width: 0;
}

.media-folder-name[b-s9o45gcwt3]  .rz-label,
.media-folder-section-label[b-s9o45gcwt3] {
    display: block;
    margin: 0 0 8px;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
    font-weight: 600;
}

.media-folder-name[b-s9o45gcwt3]  .rz-textbox {
    width: 100%;
    font-size: 14px;
}

.media-folder-rules[b-s9o45gcwt3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.media-folder-rule[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 16px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--media-border);
    border-radius: 8px;
    background: var(--media-soft);
}

.media-folder-rule-toggle[b-s9o45gcwt3],
.media-folder-rule-value[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.media-folder-rule-toggle[b-s9o45gcwt3]  .rz-label {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.media-folder-rule-toggle[b-s9o45gcwt3]  .rz-chkbox {
    flex-shrink: 0;
}

.media-folder-rule-value[b-s9o45gcwt3] {
    color: var(--rz-text-secondary-color);
    font-size: 13px;
}

.media-folder-rule-value[b-s9o45gcwt3]  .rz-numeric {
    width: 110px;
    font-size: 14px;
}

.media-folder-page[b-s9o45gcwt3]  .smt-media-items-grid {
    --smt-grid-visible-height: clamp(400px, calc(100vh - 340px), 1100px);
    border: 1px solid var(--media-border);
    border-radius: 10px;
    box-shadow: none !important;
}

.media-folder-page[b-s9o45gcwt3]  .rz-data-grid .rz-group-header {
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
}

.media-folder-page[b-s9o45gcwt3]  .rz-data-grid .rz-custom-header {
    flex: 1 1 auto;
    min-width: 0;
}

.media-items-toolbar[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    width: 100%;
}

.media-items-heading h2[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
}

.media-items-count[b-s9o45gcwt3] {
    padding: 2px 8px;
    border: 1px solid var(--media-border);
    border-radius: 6px;
    background: var(--media-soft);
    color: var(--rz-text-secondary-color);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.media-items-actions[b-s9o45gcwt3],
.media-item-editor-actions[b-s9o45gcwt3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.media-folder-page[b-s9o45gcwt3]  .rz-button:not(.rz-numeric-button) {
    min-height: 36px;
    border-radius: 8px !important;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.media-folder-page[b-s9o45gcwt3]  .rz-button.rz-light {
    border: 1px solid var(--media-border) !important;
    background: var(--rz-card-background-color) !important;
    color: var(--rz-text-color) !important;
}

.media-folder-page[b-s9o45gcwt3]  .rz-button.rz-light:not(:disabled):hover {
    border-color: var(--media-accent) !important;
    background: var(--media-soft) !important;
}

.media-folder-page[b-s9o45gcwt3]  .rz-column-picker .rz-dropdown-label::before {
    font-size: 13px;
    font-weight: 600;
}

.media-folder-page[b-s9o45gcwt3]  .rz-column-picker .rz-dropdown {
    border-radius: 8px;
}

.media-folder-page[b-s9o45gcwt3]  .smt-media-items-grid .rz-grid-table tbody td {
    vertical-align: top;
    padding-top: 16px;
    padding-bottom: 16px;
}

.media-item-preview[b-s9o45gcwt3] {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--media-border);
    border-radius: 8px;
    background: var(--media-soft);
    color: var(--rz-text-secondary-color);
    cursor: pointer;
}

.media-item-preview img[b-s9o45gcwt3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-item-preview[b-s9o45gcwt3]  .rzi {
    font-size: 30px;
}

.media-item-preview.is-failed[b-s9o45gcwt3] {
    color: var(--rz-danger);
    cursor: default;
}

.media-item-name[b-s9o45gcwt3] {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.media-item-error[b-s9o45gcwt3] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 8px;
    white-space: normal;
    overflow-wrap: anywhere;
    color: var(--rz-danger);
    font-size: 12px;
    line-height: 1.4;
}

.media-item-editor[b-s9o45gcwt3] {
    display: grid;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

.media-item-editor[b-s9o45gcwt3]  .rz-textarea {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 82px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.5;
    resize: vertical;
}

.media-item-editor-actions[b-s9o45gcwt3]  .rz-button {
    min-height: 28px !important;
    padding: 3px 8px;
    font-size: 12px;
}

.media-item-editor-actions[b-s9o45gcwt3]  .rz-button .rzi {
    font-size: 16px;
}

.media-title-recommendation[b-s9o45gcwt3] {
    white-space: normal;
    font-size: 11px;
    line-height: 1.4;
}

.media-item-date[b-s9o45gcwt3] {
    display: grid;
    gap: 3px;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.media-item-date small[b-s9o45gcwt3] {
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.media-folder-page[b-s9o45gcwt3]  .media-item-delete:not(:disabled):hover {
    border-color: var(--rz-danger) !important;
    color: var(--rz-danger) !important;
}

.media-folder-page[b-s9o45gcwt3]  :is(button, input, textarea, [tabindex="0"]):focus-visible {
    outline: 2px solid var(--media-accent);
    outline-offset: 3px;
}

.media-folder-empty[b-s9o45gcwt3] {
    position: sticky;
    left: 0;
    display: grid;
    justify-items: center;
    gap: 8px;
    box-sizing: border-box;
    width: calc(100cqw - 32px);
    max-width: 100%;
    padding: 44px 20px;
    text-align: center;
    white-space: normal;
}

.media-folder-empty h3[b-s9o45gcwt3] {
    margin: 4px 0 0;
    color: var(--rz-text-color);
    font-size: 16px;
    font-weight: 650;
}

@container media-folder (max-width: 1000px) {
    .media-folder-settings[b-s9o45gcwt3] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .media-folder-name[b-s9o45gcwt3]  .rz-textbox {
        max-width: 480px;
    }
}

@container media-folder (max-width: 600px) {
    .media-folder-page[b-s9o45gcwt3]  .smt-media-items-grid {
        --smt-grid-visible-height: clamp(640px, calc(100vh - 80px), 900px);
    }

    .media-folder-rules[b-s9o45gcwt3] {
        grid-template-columns: 1fr;
    }

    .media-folder-settings[b-s9o45gcwt3] {
        padding: 16px;
    }

    .media-items-actions[b-s9o45gcwt3] {
        width: 100%;
    }

    .media-folder-heading[b-s9o45gcwt3] {
        align-items: flex-start;
    }
}
/* /Pages/MonitorFolderEdit.razor.rz.scp.css */
.monitor-settings[b-iqq1ej6shw] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;padding:16px 0; }
.monitor-settings section[b-iqq1ej6shw] { border:1px solid var(--rz-base-300);border-radius:12px;padding:24px;background:var(--rz-base-background-color); }
.monitor-settings h3[b-iqq1ej6shw] { margin-top:0; }
.monitor-settings[b-iqq1ej6shw]  label { display:block;margin:16px 0 6px; }
.monitor-settings p[b-iqq1ej6shw] { font-size:.9rem;opacity:.8; }
.monitor-option[b-iqq1ej6shw] { display:flex;align-items:center;gap:10px;margin-top:18px; }
.monitor-option[b-iqq1ej6shw]  label { margin:0; }
@media(max-width:850px) { .monitor-settings[b-iqq1ej6shw] { grid-template-columns:1fr; } }
/* /Pages/Nursery.razor.rz.scp.css */
/* Nursery.razor and NurseryPhone.razor share one CSS scope (see the project file), so these shared rules style both pages. */
.nursery[b-nursery] {
    --n-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --n-border-soft: var(--sm-dark-border-soft, #eef1f5);
    --n-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --n-panel: var(--rz-card-background-color, #ffffff);
    --n-text: var(--rz-text-color, #2d3548);
    --n-muted: var(--rz-text-secondary-color, #697386);
    --n-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --n-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --n-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --n-primary: var(--rz-primary, #202650);
    --n-on-primary: #ffffff;
    --n-success: var(--rz-notification-success-color, #137a3c);
    --n-warning: var(--rz-notification-warning-color, #8a6500);
    --n-danger: var(--rz-notification-error-color, #c3342b);
    --n-radius: 22px;
    container: nursery / inline-size;
    box-sizing: border-box;
    padding: 24px 28px 48px;
    color: var(--n-text);
    font-size: 14px;
    line-height: 1.45;
}

.material-dark .nursery[b-nursery] { --n-on-primary: #151628; }

.nursery *[b-nursery], .nursery *[b-nursery]::before, .nursery *[b-nursery]::after { box-sizing: border-box; }
.nursery[b-nursery]  .rzi { flex-shrink: 0; width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.nursery h1[b-nursery], .nursery h2[b-nursery], .nursery h3[b-nursery], .nursery h4[b-nursery], .nursery h5[b-nursery], .nursery h6[b-nursery] { letter-spacing: 0; }
.nursery [tabindex="-1"]:focus[b-nursery] { outline: none; }
.nursery button:focus-visible[b-nursery], .nursery a:focus-visible[b-nursery], .nursery input:focus-visible[b-nursery], .nursery select:focus-visible[b-nursery], .nursery textarea:focus-visible[b-nursery], .nursery summary:focus-visible[b-nursery] {
    outline: 2px solid var(--n-accent);
    outline-offset: 2px;
}

.tone-neutral[b-nursery] { --tone: var(--n-muted); --tone-bg: var(--n-soft); }
.tone-active[b-nursery] { --tone: var(--rz-notification-info-color, #175b9b); --tone-bg: var(--rz-notification-info-background-color, #eaf4ff); }
.tone-info[b-nursery] { --tone: var(--n-accent); --tone-bg: var(--n-accent-soft); }
.tone-success[b-nursery] { --tone: var(--n-success); --tone-bg: var(--rz-notification-success-background-color, #eaf8ef); }
.tone-warning[b-nursery] { --tone: var(--n-warning); --tone-bg: var(--rz-notification-warning-background-color, #fff8dd); }
.tone-danger[b-nursery] { --tone: var(--n-danger); --tone-bg: var(--rz-notification-error-background-color, #fff0ee); }

/* Header */
.nursery-header[b-nursery] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: 20px; }
.nursery-heading[b-nursery] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.nursery-heading h1[b-nursery] { margin: 0; color: var(--n-strong); font-size: 26px; font-weight: 700; line-height: 1.2; }
.nursery-heading p[b-nursery] { margin: 4px 0 0; color: var(--n-muted); }
.nursery-heading-icon[b-nursery] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; background: var(--n-accent-soft); color: var(--n-accent); }
.nursery-heading-icon[b-nursery]  .rzi { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }

.nursery-header-actions[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.nursery-switch.is-pill[b-nursery] { height: 46px; padding: 0 18px 0 10px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-panel); color: var(--n-strong); font-size: 14px; font-weight: 600; white-space: nowrap; }
.nursery-limit[b-nursery] { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 16px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-panel); color: var(--n-muted); font-size: 14px; white-space: nowrap; }
.nursery-limit input[b-nursery] { width: 64px; height: 32px; padding: 0 8px; border: 1px solid var(--n-border); border-radius: 10px; background: var(--n-panel); color: var(--n-strong); font: inherit; font-weight: 600; text-align: right; }

.nursery-tabs[b-nursery] { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-soft); }
.nursery-tabs a[b-nursery] { display: inline-flex; align-items: center; height: 36px; padding: 0 18px; border-radius: 999px; color: var(--n-muted); font-weight: 600; text-decoration: none; }
.nursery-tabs a:hover[b-nursery] { color: var(--n-strong); text-decoration: none; }
.nursery-tabs a.is-current[b-nursery] { background: var(--n-panel); color: var(--n-strong); box-shadow: 0 1px 4px rgba(35, 45, 70, .12); }

/* Summary tiles double as the board filter */
.nursery-tiles[b-nursery] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.nursery-tile[b-nursery] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; padding: 14px 18px;
    border: 1px solid var(--n-border); border-radius: var(--n-radius); background: var(--n-panel); color: inherit;
    font: inherit; text-align: left; cursor: pointer; transition: border-color .14s ease, box-shadow .14s ease;
}
.nursery-tile:hover[b-nursery] { border-color: color-mix(in srgb, var(--n-accent) 45%, var(--n-border)); }
.nursery-tile.is-selected[b-nursery] { border-color: var(--n-primary); box-shadow: inset 0 0 0 1px var(--n-primary); }
.nursery-tile-label[b-nursery] { color: var(--n-muted); font-size: 12px; font-weight: 600; }
.nursery-tile-value[b-nursery] { color: var(--tone); font-size: 26px; font-weight: 700; line-height: 1.25; font-variant-numeric: tabular-nums; }
.nursery-tile.tone-neutral .nursery-tile-value[b-nursery] { color: var(--n-strong); }
.nursery-tile-detail[b-nursery] { max-width: 100%; color: var(--n-muted); font-size: 12px; line-height: 1.35; }
.nursery-tile-detail.is-alert[b-nursery] { color: var(--n-danger); font-weight: 600; }

/* Banners, toolbar and selection */
.nursery-banner[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--tone) 30%, transparent); border-radius: 18px; background: var(--tone-bg); color: var(--tone); }
.nursery-banner > span[b-nursery] { display: inline-flex; }
.nursery-banner p[b-nursery] { flex: 1 1 320px; margin: 0; color: inherit; }

.nursery-toolbar[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 12px; }
.nursery-search[b-nursery] {
    display: flex; align-items: center; gap: 8px; flex: 0 1 360px; height: 42px; padding: 0 14px;
    border: var(--rz-input-border, 1px solid #dfe4ee); border-radius: var(--rz-input-border-radius, 18px);
    background: var(--rz-input-background-color, #ffffff); color: var(--n-muted);
}
.nursery-search:focus-within[b-nursery] { border: var(--rz-input-focus-border, 1px solid #5965e8); box-shadow: var(--rz-input-focus-shadow, none); }
.nursery-search > span[b-nursery] { display: inline-flex; }
.nursery-search input[b-nursery] { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--n-text); font: inherit; }
.nursery-search input:focus-visible[b-nursery] { outline: none; }
.nursery-toolbar-note[b-nursery] { margin-left: auto; color: var(--n-muted); font-size: 12px; }

.nursery-selection[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; padding: 10px 14px; border-radius: 18px; background: var(--n-primary); color: var(--n-on-primary); }
.nursery-selection strong[b-nursery] { margin-right: 8px; }
.nursery-selection button[b-nursery] { height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--n-on-primary) 16%, transparent); color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.nursery-selection button:hover:not(:disabled)[b-nursery] { background: color-mix(in srgb, var(--n-on-primary) 28%, transparent); }
.nursery-selection button:disabled[b-nursery] { opacity: .5; cursor: default; }
.nursery-selection button.is-clear[b-nursery] { margin-left: auto; border: 1px solid color-mix(in srgb, var(--n-on-primary) 45%, transparent); background: transparent; }

.nursery-confirm[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--n-danger) 30%, var(--n-border)); border-radius: 18px; background: var(--rz-notification-error-background-color, #fff0ee); }
.nursery-confirm p[b-nursery] { flex: 1 1 300px; margin: 0; color: var(--n-text); }

/* Cards */
.nursery-card[b-nursery] { min-width: 0; margin-bottom: 16px; border: 1px solid var(--n-border); border-radius: var(--n-radius); background: var(--n-panel); }
.nursery-card-header[b-nursery] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; padding: 18px 20px 12px; }
.nursery-card-header h2[b-nursery], .nursery-card-header h3[b-nursery] { margin: 0; color: var(--n-strong); font-size: 17px; font-weight: 700; }
.nursery-card-header p[b-nursery] { margin: 3px 0 0; color: var(--n-muted); font-size: 13px; }
.nursery-state[b-nursery] { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 180px; color: var(--n-muted); }
.nursery-state p[b-nursery] { margin: 0; }
.nursery-empty[b-nursery] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 20px; text-align: center; }
.nursery-empty h3[b-nursery] { margin: 4px 0 0; color: var(--n-strong); font-size: 16px; }
.nursery-empty p[b-nursery] { margin: 0; color: var(--n-muted); }

/* Buttons and chips */
.nursery-button[b-nursery] {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 16px;
    border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-panel); color: var(--n-strong);
    font: inherit; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: border-color .14s ease, background-color .14s ease;
}
.nursery-button:hover:not(:disabled)[b-nursery] { border-color: var(--n-accent); background: var(--n-accent-soft); color: var(--n-strong); text-decoration: none; }
.nursery-button:disabled[b-nursery] { opacity: .5; cursor: default; }
.nursery-button.is-primary[b-nursery] { border-color: var(--n-primary); background: var(--n-primary); color: var(--n-on-primary); }
.nursery-button.is-primary:hover:not(:disabled)[b-nursery] { border-color: var(--n-primary); background: color-mix(in srgb, var(--n-primary) 85%, #ffffff); color: var(--n-on-primary); }
.nursery-button.is-danger[b-nursery] { border-color: var(--n-danger); background: var(--n-danger); color: #ffffff; }
.nursery-button.is-danger:hover:not(:disabled)[b-nursery] { border-color: var(--n-danger); background: color-mix(in srgb, var(--n-danger) 85%, #000000); color: #ffffff; }
.nursery-button.is-danger-outline[b-nursery] { border-color: color-mix(in srgb, var(--n-danger) 35%, var(--n-border)); color: var(--n-danger); }
.nursery-button.is-danger-outline:hover:not(:disabled)[b-nursery] { border-color: var(--n-danger); background: var(--rz-notification-error-background-color, #fff0ee); color: var(--n-danger); }
.nursery-link[b-nursery] { padding: 0; border: 0; background: none; color: var(--n-accent); font: inherit; font-weight: 600; cursor: pointer; }
.nursery-link:hover:not(:disabled)[b-nursery] { text-decoration: underline; }
.nursery-link:disabled[b-nursery] { opacity: .5; cursor: default; }
.nursery-actions[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.nursery-chip[b-nursery] { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--tone-bg); color: var(--tone); font-size: 12px; font-weight: 700; white-space: nowrap; }
.nursery-chip.tone-neutral[b-nursery] { color: var(--n-text); }
.nursery-dot[b-nursery] { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--tone); vertical-align: 1px; }
.nursery-dot.tone-neutral[b-nursery] { background: color-mix(in srgb, var(--n-muted) 55%, transparent); }
.nursery-icons[b-nursery] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.nursery-meter[b-nursery] { display: block; width: 100%; max-width: 180px; height: 6px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: var(--n-border); }
.nursery-meter > span[b-nursery] { display: block; height: 100%; border-radius: inherit; background: var(--n-accent); transition: width .3s ease; }
.nursery-meter.is-wide[b-nursery] { flex: 1 1 auto; max-width: none; margin: 0; }
.nursery-muted[b-nursery] { color: var(--n-muted); }
.nursery-sr[b-nursery] { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nursery-grow[b-nursery] { flex: 1 1 auto; min-width: 0; }
.nursery-blockers[b-nursery] { flex-basis: 100%; margin: 0; padding: 0 0 0 18px; color: var(--n-danger); font-size: 13px; }
.nursery-blockers li + li[b-nursery] { margin-top: 4px; }

/* Phone list and setup history */
.nursery-list[b-nursery] { overflow: hidden; }
/* Positioned, so the hidden column labels scroll with the table instead of widening the page. */
.nursery-table-scroll[b-nursery] { position: relative; overflow-x: auto; }
.nursery-table[b-nursery] { width: 100%; min-width: 980px; border-collapse: collapse; }
.nursery-table th[b-nursery] { padding: 11px 12px; border-bottom: 1px solid var(--n-border); background: var(--n-soft); color: var(--n-muted); font-size: 12px; font-weight: 600; text-align: left; white-space: nowrap; }
.nursery-table td[b-nursery] { padding: 13px 12px; border-bottom: 1px solid var(--n-border-soft); vertical-align: middle; }
.nursery-table tbody tr:last-child td[b-nursery] { border-bottom: 0; }
.nursery-table tbody tr:hover[b-nursery] { background: color-mix(in srgb, var(--n-accent) 4%, transparent); }
.nursery-table tbody tr.is-selected[b-nursery] { background: color-mix(in srgb, var(--n-accent) 9%, transparent); }
.nursery-table td small[b-nursery] { display: block; margin-top: 4px; color: var(--n-muted); font-size: 12px; }
.nursery-table td > strong[b-nursery] { color: var(--n-strong); font-weight: 600; }
.nursery-table input[type="checkbox"][b-nursery] { width: 18px; height: 18px; margin: 0; accent-color: var(--n-accent); cursor: pointer; vertical-align: middle; }
.nursery-table .col-select[b-nursery] { width: 48px; padding-left: 18px; }
.nursery-table .col-action[b-nursery] { width: 1%; padding-right: 18px; text-align: right; white-space: nowrap; }
.nursery-table .col-action .nursery-row-recheck[b-nursery] { margin-right: 8px; }
.nursery-table .col-setup[b-nursery] { min-width: 240px; max-width: 360px; }
.nursery-phone[b-nursery] { display: flex; flex-direction: column; min-width: 180px; }
.nursery-phone strong[b-nursery] { color: var(--n-strong); font-weight: 600; }
/* A phone's other profiles sit under its row, indented behind a thin rail, so the phone reads as one group. */
.nursery-table tr.is-profile-row .nursery-phone[b-nursery] { margin-left: 10px; padding-left: 14px; border-left: 2px solid var(--n-border); }
.nursery-table tr:has(+ tr.is-profile-row) td[b-nursery] { border-bottom-style: dashed; }
.nursery-row-device[b-nursery] { color: var(--n-muted); font-weight: 600; }
/* "Profile 10" under a named profile stays close to the name it qualifies. */
.nursery-table td small.nursery-profile-number[b-nursery] { margin-top: 1px; }
.nursery-list-footer[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 12px 18px; border-top: 1px solid var(--n-border-soft); color: var(--n-muted); font-size: 12px; }
.nursery-list-count[b-nursery] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-left: auto; }
.nursery-pager[b-nursery] { display: inline-flex; gap: 8px; }
.nursery-pager .nursery-button[b-nursery] { height: 32px; padding: 0 12px; font-size: 13px; }

/* Bulk review */
.nursery-review-list[b-nursery] { margin: 0; padding: 0 20px; list-style: none; }
.nursery-review-list > li[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 12px 0; border-top: 1px solid var(--n-border-soft); }
.nursery-review-list > li > strong[b-nursery] { min-width: 170px; color: var(--n-strong); }
.nursery-review .nursery-actions[b-nursery] { padding: 12px 20px 18px; }

@container nursery (max-width: 960px) {
    .nursery-tiles[b-nursery] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@container nursery (max-width: 760px) {
    .nursery-toolbar-note[b-nursery] { margin-left: 0; }
    .nursery-heading h1[b-nursery] { font-size: 22px; }
}

@container nursery (max-width: 560px) {
    .nursery-tiles[b-nursery] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .nursery[b-nursery] { padding: 16px 12px 32px; }
}
/* /Pages/NurseryLiveView.razor.rz.scp.css */
.nursery-live[b-b1qjjoc0nt] {
    --l-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --l-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --l-panel: var(--rz-card-background-color, #ffffff);
    --l-muted: var(--rz-text-secondary-color, #697386);
    --l-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --l-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --l-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --l-primary: var(--rz-primary, #202650);
    --l-on-primary: #ffffff;
    padding: 16px;
    border: 1px solid var(--l-border);
    border-radius: 18px;
    background: var(--l-soft);
}

.material-dark .nursery-live[b-b1qjjoc0nt] { --l-on-primary: #151628; }
.nursery-live[b-b1qjjoc0nt]  .rzi { flex-shrink: 0; width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.nursery-live [tabindex="-1"]:focus[b-b1qjjoc0nt] { outline: none; }
.nursery-live button:focus-visible[b-b1qjjoc0nt], .nursery-live input:focus-visible[b-b1qjjoc0nt], .nursery-live select:focus-visible[b-b1qjjoc0nt] { outline: 2px solid var(--l-accent); outline-offset: 2px; }

.live-closed[b-b1qjjoc0nt] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.live-closed p[b-b1qjjoc0nt] { flex: 1 1 280px; margin: 0; color: var(--l-muted); }
.live-icon[b-b1qjjoc0nt] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--l-accent-soft); color: var(--l-accent); }

.live-layout[b-b1qjjoc0nt] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; }
.live-screen[b-b1qjjoc0nt] { flex: 0 0 auto; padding: 10px; border-radius: 28px; background: #11131a; box-shadow: 0 10px 24px rgba(17, 19, 26, .25); }
.live-screen img[b-b1qjjoc0nt] { display: block; width: 300px; max-width: 100%; height: auto; border-radius: 18px; cursor: crosshair; }
.live-placeholder[b-b1qjjoc0nt] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 300px; max-width: 100%; height: 540px; border-radius: 18px; background: #1c1f29; color: #9aa3b5; font-size: 13px; }
.live-panel[b-b1qjjoc0nt] { display: flex; flex: 1 1 280px; flex-direction: column; gap: 12px; min-width: 0; }
.live-hint[b-b1qjjoc0nt] { margin: 0; color: var(--l-muted); font-size: 13px; }
.live-keys[b-b1qjjoc0nt] { display: flex; flex-wrap: wrap; gap: 8px; }
.live-key[b-b1qjjoc0nt] { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 76px; height: 64px; padding: 0; border: 1px solid var(--l-border); border-radius: 16px; background: var(--l-panel); color: var(--l-strong); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.live-key:hover:not(:disabled)[b-b1qjjoc0nt] { border-color: var(--l-accent); background: var(--l-accent-soft); }
.live-key[b-b1qjjoc0nt]  .rzi { width: 22px; height: 22px; font-size: 22px; line-height: 22px; }
.live-row[b-b1qjjoc0nt] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; }
.live-footer[b-b1qjjoc0nt] { padding-top: 12px; border-top: 1px dashed var(--l-border); }
.live-field[b-b1qjjoc0nt] { display: inline-flex; flex-direction: column; gap: 5px; color: var(--l-muted); font-size: 12px; font-weight: 600; }
.live-field.is-wide[b-b1qjjoc0nt] { max-width: 420px; }
.live-field select[b-b1qjjoc0nt], .live-field input[b-b1qjjoc0nt] { min-height: 38px; padding: 6px 12px; border: var(--rz-input-border, 1px solid #dfe4ee); border-radius: 14px; background: var(--rz-input-background-color, #ffffff); color: var(--rz-input-value-color, inherit); font: inherit; font-size: 14px; font-weight: 400; }
.live-button[b-b1qjjoc0nt] { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid var(--l-border); border-radius: 999px; background: var(--l-panel); color: var(--l-strong); font: inherit; font-weight: 600; white-space: nowrap; cursor: pointer; }
.live-button:hover:not(:disabled)[b-b1qjjoc0nt] { border-color: var(--l-accent); background: var(--l-accent-soft); }
.live-button.is-primary[b-b1qjjoc0nt] { border-color: var(--l-primary); background: var(--l-primary); color: var(--l-on-primary); }
.live-button.is-primary:hover:not(:disabled)[b-b1qjjoc0nt] { background: color-mix(in srgb, var(--l-primary) 85%, #ffffff); color: var(--l-on-primary); }
.nursery-live button:disabled[b-b1qjjoc0nt] { opacity: .5; cursor: default; }
.live-message[b-b1qjjoc0nt] { margin: 12px 0 0; padding: 10px 14px; border-radius: 14px; background: var(--rz-notification-warning-background-color, #fff8dd); color: var(--rz-notification-warning-color, #8a6500); font-weight: 600; }
/* /Pages/NurseryPhone.razor.rz.scp.css */
/* Shares the Nursery CSS scope (see the project file); the tokens, cards, buttons and chips come from Nursery.razor.css. */
.nursery-back[b-nursery] { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 6px 2px; color: var(--n-muted); font-weight: 600; text-decoration: none; }
.nursery-back:hover[b-nursery] { color: var(--n-strong); text-decoration: none; }
.nursery-phone-header[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 18px 20px; }
.nursery-phone-header h1[b-nursery] { margin: 0; color: var(--n-strong); font-size: 22px; font-weight: 700; line-height: 1.25; }
.nursery-phone-header h1 .nursery-profile-number[b-nursery] { display: block; color: var(--n-muted); font-size: 13px; font-weight: 600; }
.nursery-phone-header p[b-nursery] { margin: 4px 0 0; color: var(--n-muted); }
.nursery-phone-header .nursery-warning-text[b-nursery] { color: var(--n-warning); }
.nursery-phone-header .nursery-turn-text[b-nursery] { display: flex; align-items: center; gap: 6px; color: var(--rz-notification-info-color, #175b9b); }
/* The phone's profiles: one page each, the Owner first; the current one is filled in. */
.nursery-profiles[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.nursery-profiles a[b-nursery] { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 30px; padding: 2px 12px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-panel); color: var(--n-muted); font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; }
/* A named profile's number sits under its name, smaller. */
.nursery-profiles a small[b-nursery] { font-size: 11px; font-weight: 500; opacity: .85; }
.nursery-profiles a:hover[b-nursery] { border-color: var(--n-accent); color: var(--n-strong); text-decoration: none; }
.nursery-profiles a.is-current[b-nursery] { border-color: var(--n-primary); background: var(--n-primary); color: var(--n-on-primary); }
.nursery-profiles a.is-missing[b-nursery] { border-style: dashed; text-decoration: line-through; }
.nursery-profiles .nursery-button[b-nursery] { margin-left: 6px; }
.nursery-profiles-full[b-nursery] { margin-left: 6px; color: var(--n-muted); font-size: 13px; }
.nursery-add-profile[b-nursery] { padding: 16px 20px; }
.nursery-add-profile .nursery-form[b-nursery] { margin-top: 0; }
.nursery-add-profile .nursery-fields[b-nursery] { margin-bottom: 4px; }
.nursery-apps[b-nursery] { display: flex; flex-direction: column; gap: 10px; margin: -4px 0 16px; padding: 12px 16px 14px; border: 1px solid var(--n-border); border-radius: 18px; background: var(--n-panel); }
.nursery-apps-head[b-nursery] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.nursery-apps-label[b-nursery] { color: var(--n-muted); font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.nursery-apps-row[b-nursery] { display: flex; align-items: center; gap: 8px 14px; }
.nursery-apps-state[b-nursery] { display: inline-flex; flex: 0 0 140px; align-items: center; gap: 6px; color: var(--tone); font-size: 13px; font-weight: 700; }
.nursery-apps-state[b-nursery]  .rzi { width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.nursery-apps-count[b-nursery] { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--tone-bg); color: var(--tone); font-size: 12px; font-weight: 700; }
.nursery-apps-row.tone-neutral .nursery-apps-count[b-nursery] { box-shadow: inset 0 0 0 1px var(--n-border); color: var(--n-muted); }
.nursery-app-chips[b-nursery] { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.nursery-app-chip[b-nursery] { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px 0 8px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-soft); color: var(--n-text); font-size: 13px; font-weight: 600; }
.nursery-app-chip img[b-nursery] { display: block; object-fit: contain; }
.nursery-app-chip.is-installed[b-nursery] { border-color: color-mix(in srgb, var(--n-success) 45%, var(--n-border)); }
/* A missing app: dashed outline, grey logo and muted name, readable without the row's colour. */
.nursery-app-chip.is-missing[b-nursery] { border-style: dashed; border-color: color-mix(in srgb, var(--n-muted) 50%, transparent); background: transparent; color: var(--n-muted); font-weight: 500; }
.nursery-app-chip.is-missing img[b-nursery] { filter: grayscale(1); opacity: .5; }
.nursery-apps-row.tone-warning .nursery-app-chip[b-nursery] { border-color: color-mix(in srgb, var(--n-warning) 55%, var(--n-border)); color: var(--n-warning); }

/* Progress */
.nursery-progress[b-nursery] { padding-bottom: 4px; }
.nursery-progress .nursery-confirm[b-nursery] { margin: 0 20px 12px; }
.nursery-reason[b-nursery] { margin: 0 20px 12px; padding: 10px 14px; border-radius: 14px; background: var(--tone-bg); color: var(--tone); font-weight: 600; }
.nursery-reason.tone-neutral[b-nursery] { color: var(--n-text); }
/* What happens now, with the setup controls, above the platforms */
.nursery-next[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 20px 12px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--tone) 28%, transparent); border-radius: 16px; background: var(--tone-bg); }
.nursery-next-icon[b-nursery] { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--n-panel); color: var(--tone); }
.nursery-next .nursery-grow[b-nursery] { flex: 1 1 280px; }
.nursery-next strong[b-nursery] { display: block; color: var(--n-strong); font-size: 15px; }
.nursery-next p[b-nursery] { margin: 2px 0 0; color: var(--n-text); font-size: 13px; }
.nursery-next p.nursery-muted[b-nursery] { color: var(--n-muted); }
.nursery-next .nursery-actions[b-nursery] { margin-left: auto; }
.nursery-progress-summary[b-nursery] { display: flex; align-items: center; gap: 12px; margin: 0 20px 4px; color: var(--n-muted); font-size: 13px; white-space: nowrap; }
.nursery-hint[b-nursery] { margin: 8px 0; color: var(--n-muted); font-size: 13px; }
.nursery-groups[b-nursery] { display: flex; flex-direction: column; gap: 10px; margin: 14px 20px 0; padding: 0; list-style: none; }
.nursery-group[b-nursery] { padding: 12px 14px; border: 1px solid var(--n-border-soft); border-radius: 18px; background: var(--n-soft); }
.nursery-group.has-problem[b-nursery] { border-color: color-mix(in srgb, var(--tone) 45%, var(--n-border)); }
.nursery-group-head[b-nursery] { display: flex; align-items: center; gap: 12px; }
.nursery-button.is-compact[b-nursery] { height: 30px; padding: 0 12px; font-size: 13px; }
.nursery-button.is-compact[b-nursery]  .rzi { width: 16px; height: 16px; font-size: 16px; line-height: 16px; }
.nursery-group-head strong[b-nursery] { display: block; color: var(--n-strong); }
.nursery-group-head small[b-nursery] { display: block; color: var(--n-muted); font-size: 12px; }
.nursery-group-icon[b-nursery] { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: var(--n-panel); color: var(--tone, var(--n-muted)); box-shadow: inset 0 0 0 1px var(--n-border); }
.nursery-group-icon.tone-active[b-nursery], .nursery-group-icon.tone-success[b-nursery], .nursery-group-icon.tone-warning[b-nursery], .nursery-group-icon.tone-danger[b-nursery] { box-shadow: inset 0 0 0 2px var(--tone); }
.nursery-steps[b-nursery] { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0 50px; padding: 0; list-style: none; }
.nursery-step[b-nursery] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 5px; border: 1px solid var(--n-border-soft); border-radius: 999px; background: var(--n-panel); font-size: 13px; }
.nursery-step-mark[b-nursery] { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--tone-bg); color: var(--tone); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 55%, transparent); }
.nursery-step-mark[b-nursery]  .rzi { width: 13px; height: 13px; font-size: 13px; line-height: 13px; font-weight: 700; }
.nursery-step.tone-neutral[b-nursery] { color: var(--n-muted); }
.nursery-step-state[b-nursery] { color: var(--tone); font-size: 12px; font-weight: 700; }
.nursery-step-note[b-nursery] { margin: 8px 0 0 50px; padding: 8px 12px; border-left: 3px solid var(--tone); border-radius: 0 12px 12px 0; background: var(--n-panel); font-size: 13px; }
.nursery-step-note p[b-nursery] { margin: 0; }
.nursery-step-note strong[b-nursery] { color: var(--n-strong); }
.nursery-diagnostic[b-nursery] { margin-top: 6px; }
.nursery-diagnostic summary[b-nursery] { color: var(--n-muted); font-size: 12px; cursor: pointer; }
.nursery-diagnostic p[b-nursery] { margin: 4px 0; color: var(--n-muted); font-size: 12px; word-break: break-all; }
.nursery-diagnostic .nursery-button[b-nursery] { margin-top: 4px; }
/* A stopped step: the screen it stopped on beside the reason */
.nursery-problem[b-nursery] { display: flex; align-items: flex-start; gap: 14px; margin: 10px 0 0 50px; padding: 12px; border: 1px solid var(--n-border-soft); border-left: 3px solid var(--tone); border-radius: 0 14px 14px 0; background: var(--n-panel); font-size: 13px; }
.nursery-problem-text[b-nursery] { flex: 1 1 auto; min-width: 0; }
.nursery-problem-text > strong[b-nursery] { color: var(--n-strong); }
.nursery-problem-text > p[b-nursery] { margin: 3px 0 0; }
.nursery-problem-text > .nursery-muted[b-nursery] { font-size: 12px; }
.nursery-shot[b-nursery] { position: relative; display: block; flex: 0 0 168px; width: 168px; aspect-ratio: 3 / 5; padding: 0; overflow: hidden; border: 0; border-radius: 12px; background: #181818; box-shadow: 0 0 0 1px var(--n-border); cursor: zoom-in; }
.nursery-shot img[b-nursery] { display: block; width: 100%; height: 100%; object-fit: contain; }
.nursery-shot:hover:not(:disabled)[b-nursery] { box-shadow: 0 0 0 2px var(--n-accent); }
.nursery-shot:disabled[b-nursery] { cursor: default; }
.nursery-shot-zoom[b-nursery] { position: absolute; right: 6px; bottom: 6px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #ffffff; }
.nursery-shot-zoom[b-nursery]  .rzi { width: 16px; height: 16px; font-size: 16px; line-height: 16px; }
.nursery-shot.is-loading[b-nursery] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px dashed var(--n-border); background: var(--n-soft); box-shadow: none; color: var(--n-muted); font-size: 12px; cursor: default; }
.nursery-noshot[b-nursery] { display: flex; align-items: center; gap: 6px; color: var(--n-muted); font-size: 12px; }
.nursery-noshot[b-nursery]  .rzi { width: 16px; height: 16px; font-size: 16px; line-height: 16px; }
.nursery-evidence[b-nursery] { margin: 12px 20px 0; padding: 12px 14px; border: 1px solid var(--n-border); border-radius: 16px; background: var(--n-soft); }
.nursery-group .nursery-evidence[b-nursery] { margin: 10px 0 0 50px; background: var(--n-panel); }
.nursery-evidence summary[b-nursery] { color: var(--n-strong); font-weight: 700; cursor: pointer; }
.nursery-evidence-shot[b-nursery] { display: block; max-width: 100%; max-height: 560px; margin: 10px 0; border-radius: 12px; }
.nursery-evidence pre[b-nursery] { max-height: 280px; margin: 10px 0; padding: 10px; overflow: auto; border-radius: 10px; background: var(--n-soft); font-size: 12px; }
.nursery-live-block[b-nursery] { margin: 14px 20px 0; }
.nursery-live-block h3[b-nursery] { margin: 0 0 8px; color: var(--n-strong); font-size: 15px; }
.nursery-activity[b-nursery] { margin: 18px 20px 20px; }
.nursery-activity h3[b-nursery] { margin: 0 0 8px; color: var(--n-muted); font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.nursery-activity ol[b-nursery] { margin: 0; padding: 0; border-left: 2px solid var(--n-border); list-style: none; }
.nursery-activity li[b-nursery] { display: flex; gap: 12px; padding: 4px 0 4px 12px; font-size: 13px; }
.nursery-activity time[b-nursery] { flex: 0 0 auto; color: var(--n-muted); font-variant-numeric: tabular-nums; }
.nursery-activity .nursery-link[b-nursery] { margin-top: 6px; font-size: 13px; }

/* Setup choices */
.nursery-saved[b-nursery] { display: inline-flex; align-items: center; gap: 4px; color: var(--n-success); font-size: 12px; font-weight: 600; }
.nursery-block[b-nursery] { padding: 16px 20px 20px; border-top: 1px solid var(--n-border-soft); }
.nursery-block-head[b-nursery] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.nursery-block-head h3[b-nursery] { margin: 0; color: var(--n-strong); font-size: 15px; font-weight: 700; }
.nursery-block-head p[b-nursery] { margin: 2px 0 0; color: var(--n-muted); font-size: 13px; }
.nursery-block > :not(.nursery-block-head)[b-nursery] { margin-left: 38px; }
.nursery-number[b-nursery] { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--n-primary); color: var(--n-on-primary); font-size: 13px; font-weight: 700; }
.nursery-row[b-nursery] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.nursery-fields[b-nursery] { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.nursery-field[b-nursery] { display: flex; flex: 1 1 220px; flex-direction: column; gap: 5px; min-width: 0; max-width: 320px; }
.nursery-field.is-wide[b-nursery] { max-width: 420px; }
.nursery-field.is-narrow[b-nursery] { flex: 0 1 110px; }
.nursery-field.is-full[b-nursery] { flex-basis: 100%; max-width: none; }
.nursery-field > span[b-nursery] { color: var(--n-muted); font-size: 12px; font-weight: 600; }
.nursery-field input[b-nursery], .nursery-field select[b-nursery], .nursery-field textarea[b-nursery], .nursery-choice select[b-nursery] {
    width: 100%; min-height: 42px; padding: 8px 14px; border: var(--rz-input-border, 1px solid #dfe4ee);
    border-radius: var(--rz-input-border-radius, 18px); background: var(--rz-input-background-color, #ffffff);
    color: var(--rz-input-value-color, var(--n-text)); font: inherit;
}
.nursery-field textarea[b-nursery] { min-height: 72px; border-radius: 14px; resize: vertical; }
.nursery-field input:focus[b-nursery], .nursery-field select:focus[b-nursery], .nursery-field textarea:focus[b-nursery], .nursery-choice select:focus[b-nursery] {
    border: var(--rz-input-focus-border, 1px solid #5965e8); outline: none; box-shadow: var(--rz-input-focus-shadow, none);
}
.nursery-field input:disabled[b-nursery], .nursery-field select:disabled[b-nursery], .nursery-choice select:disabled[b-nursery] { opacity: .6; cursor: default; }
.nursery-facts[b-nursery] { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 0; padding: 0; color: var(--n-muted); font-size: 12px; list-style: none; }
.nursery-facts li[b-nursery] { display: inline-flex; align-items: center; gap: 4px; }
.nursery-facts li.is-on[b-nursery] { color: var(--n-success); }
.nursery-facts[b-nursery]  .rzi { width: 15px; height: 15px; font-size: 15px; line-height: 15px; }
.nursery-form[b-nursery] { margin-top: 14px; padding: 16px 18px; border: 1px solid var(--n-border); border-radius: 18px; background: var(--n-soft); }
.nursery-form h4[b-nursery] { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--n-strong); font-size: 15px; font-weight: 700; }
.nursery-form .nursery-actions[b-nursery] { margin-top: 14px; }

.nursery-switch[b-nursery] { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 28px; font-size: 13px; cursor: pointer; }
.nursery-switch input[b-nursery] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.nursery-switch-track[b-nursery] { position: relative; flex: 0 0 34px; width: 34px; height: 20px; border-radius: 999px; background: var(--rz-switch-background-color, #d9dee8); transition: background-color .15s ease; }
.nursery-switch-track[b-nursery]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s ease; }
.nursery-switch input:checked + .nursery-switch-track[b-nursery] { background: var(--rz-switch-checked-background-color, #5965e8); }
.nursery-switch input:checked + .nursery-switch-track[b-nursery]::after { transform: translateX(14px); }
.nursery-switch input:focus-visible + .nursery-switch-track[b-nursery] { outline: 2px solid var(--n-accent); outline-offset: 2px; }
.nursery-switch input:disabled + .nursery-switch-track[b-nursery] { opacity: .5; }
.nursery-switch:has(input:disabled)[b-nursery] { cursor: default; }

.nursery-choices[b-nursery] { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.nursery-choice[b-nursery] { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border: 1px solid var(--n-border); border-radius: 18px; background: var(--n-panel); }
.nursery-choice.is-off[b-nursery] { border-style: dashed; background: var(--n-soft); }
.nursery-choice-main[b-nursery] { display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; min-width: 0; }
.nursery-choice-line[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-height: 38px; }
.nursery-choice-line strong[b-nursery] { min-width: 84px; color: var(--n-strong); }
.nursery-choice-line select[b-nursery] { width: auto; min-width: 220px; max-width: 360px; min-height: 38px; padding: 6px 14px; }
.nursery-segmented[b-nursery] { display: inline-flex; flex-wrap: wrap; align-self: flex-start; gap: 2px; padding: 3px; border: 1px solid var(--n-border); border-radius: 999px; background: var(--n-soft); }
.nursery-segmented button[b-nursery] { height: 30px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; color: var(--n-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.nursery-segmented button:hover:not(:disabled):not(.is-on)[b-nursery] { color: var(--n-strong); }
.nursery-segmented button.is-on[b-nursery] { background: var(--n-primary); color: var(--n-on-primary); }
.nursery-segmented button:disabled[b-nursery] { cursor: default; }
.nursery-segmented button:disabled:not(.is-on)[b-nursery] { opacity: .5; }
.nursery-edit-account[b-nursery] { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.nursery-edit-account[b-nursery]  .rzi { width: 15px; height: 15px; font-size: 15px; line-height: 15px; }
.nursery-choice-details[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; }
.nursery-route[b-nursery] { display: inline-flex; align-items: center; gap: 5px; margin-right: 4px; color: var(--n-muted); font-size: 12px; }
.nursery-route[b-nursery]  .rzi { width: 15px; height: 15px; font-size: 15px; line-height: 15px; }
.nursery-inline-warning[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--n-warning); font-size: 13px; }

.nursery-add[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.nursery-add > span[b-nursery] { margin-right: 2px; color: var(--n-muted); font-size: 12px; font-weight: 600; }
.nursery-add-chip[b-nursery] { position: relative; display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px dashed var(--n-border); border-radius: 12px; background: var(--n-panel); cursor: pointer; transition: border-color .14s ease, background-color .14s ease; }
.nursery-add-chip img[b-nursery] { display: block; object-fit: contain; }
.nursery-add-chip:hover:not(:disabled)[b-nursery], .nursery-add-chip.is-on[b-nursery] { border-style: solid; border-color: var(--n-accent); background: var(--n-accent-soft); }
.nursery-add-chip:disabled[b-nursery] { opacity: .5; cursor: default; }
.nursery-add-chip[b-nursery]  .rzi { position: absolute; right: -5px; bottom: -5px; width: 15px; height: 15px; border-radius: 50%; background: var(--n-accent); color: #ffffff; font-size: 13px; line-height: 15px; text-align: center; box-shadow: 0 0 0 2px var(--n-panel); }

.nursery-profile-fields[b-nursery] { margin: 14px 0 0; padding: 12px 16px 16px; border: 1px solid var(--n-border); border-radius: 16px; background: var(--n-panel); }
.nursery-profile-fields legend[b-nursery] { padding: 0 6px; color: var(--n-strong); font-weight: 700; }
.nursery-profile-fields h5[b-nursery] { margin: 14px 0 0; color: var(--n-strong); font-size: 13px; font-weight: 700; }
.nursery-more summary[b-nursery] { color: var(--n-accent); font-size: 13px; font-weight: 600; cursor: pointer; }
.nursery-picture[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 12px; }
.nursery-picture img[b-nursery], .nursery-picture-empty[b-nursery] { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.nursery-picture-empty[b-nursery] { display: grid; place-items: center; background: var(--n-soft); color: var(--n-muted); box-shadow: inset 0 0 0 1px var(--n-border); }

.nursery-phone-options[b-nursery] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--n-border); }
.nursery-phone-options h4[b-nursery] { margin: 0 0 4px; color: var(--n-strong); font-size: 13px; font-weight: 700; }
.nursery-phone-options .nursery-hint[b-nursery] { margin: 2px 0 0; }
.nursery-phone-options .nursery-row[b-nursery], .nursery-phone-options .nursery-mailbox-form[b-nursery] { align-self: stretch; }
.nursery-mailbox-status[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; color: var(--n-muted); font-size: 13px; }
.nursery-mailbox-status .is-failed[b-nursery] { color: var(--n-danger); }

.nursery-plan[b-nursery] { margin-top: 14px; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--n-success) 30%, var(--n-border)); border-radius: 18px; background: var(--n-soft); }
.nursery-plan.is-blocked[b-nursery] { border-color: color-mix(in srgb, var(--n-danger) 35%, var(--n-border)); background: var(--rz-notification-error-background-color, #fff0ee); }
.nursery-plan h4[b-nursery] { margin: 0 0 10px; color: var(--n-strong); font-size: 15px; font-weight: 700; }
.nursery-plan .nursery-blockers[b-nursery] { padding-left: 18px; }
.nursery-plan-groups[b-nursery] { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.nursery-plan-groups li[b-nursery] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; }
.nursery-plan-groups strong[b-nursery] { min-width: 84px; color: var(--n-strong); }
.nursery-plan-groups li > span:last-child[b-nursery] { color: var(--n-muted); }
.nursery-plan-groups .nursery-group-icon[b-nursery] { flex-basis: 30px; width: 30px; height: 30px; border-radius: 9px; }
.nursery-notes[b-nursery] { margin: 0 0 14px; padding-left: 18px; color: var(--n-muted); font-size: 13px; }

@container nursery (max-width: 760px) {
    .nursery-block > :not(.nursery-block-head)[b-nursery] { margin-left: 0; }
    .nursery-steps[b-nursery], .nursery-step-note[b-nursery], .nursery-problem[b-nursery], .nursery-group .nursery-evidence[b-nursery] { margin-left: 0; }
    .nursery-next .nursery-grow[b-nursery] { flex-basis: 200px; }
    .nursery-next .nursery-actions[b-nursery] { margin-left: 0; }
    /* The chip and Recheck wrap below a long platform name instead of squeezing it. */
    .nursery-group-head[b-nursery] { flex-wrap: wrap; }
    .nursery-group-head .nursery-grow[b-nursery] { flex: 1 1 140px; }
    .nursery-group-head .nursery-button[b-nursery] { margin-left: auto; }
    .nursery-field[b-nursery], .nursery-field.is-wide[b-nursery] { flex-basis: 100%; max-width: none; }
    .nursery-choice-line select[b-nursery] { min-width: 0; width: 100%; }
    .nursery-apps-row[b-nursery] { flex-direction: column; align-items: flex-start; }
    .nursery-apps-state[b-nursery] { flex-basis: auto; }
}

@container nursery (max-width: 480px) {
    .nursery-problem[b-nursery] { flex-direction: column; }
    .nursery-shot[b-nursery] { flex: none; width: 160px; }
}
/* /Pages/Phones.razor.rz.scp.css */
.device-status-pill--nursery[b-6tl8nkvzrj] {
    cursor: pointer;
    border: 1px solid var(--rz-primary);
    background: var(--rz-primary-lighter);
    color: var(--rz-on-primary-lighter);
    font: inherit;
}

.device-status-pill--nursery:hover[b-6tl8nkvzrj],
.device-status-pill--nursery:focus-visible[b-6tl8nkvzrj] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
}
/* /Pages/Shared/AccountAnalyticsDash.razor.rz.scp.css */
.account-analytics[b-oby0o8prof] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px 24px;
    min-width: 0;
}

.account-analytics-toolbar[b-oby0o8prof] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.account-analytics-range[b-oby0o8prof],
.account-analytics-dates[b-oby0o8prof],
.account-analytics-actions[b-oby0o8prof] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.account-analytics-actions[b-oby0o8prof] {
    margin-left: auto;
}

.account-analytics-summary[b-oby0o8prof] {
    --summary-shell: var(--sm-light-panel-soft, #f7f9fc);
    --summary-card: var(--sm-light-panel, #ffffff);
    --summary-border: var(--sm-light-border, #e3e7ef);
    --summary-text: var(--sm-light-text, #2d3548);
    --summary-muted: var(--sm-light-text-muted, #697386);
    --summary-shadow: 0 8px 20px rgba(35, 45, 70, 0.08);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--summary-border);
    border-radius: 10px;
    background: var(--summary-shell);
    box-shadow: var(--summary-shadow);
}

.account-analytics-summary-item[b-oby0o8prof] {
    --metric-accent: #5965e8;
    --metric-tint: rgba(89, 101, 232, 0.12);
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 88px;
    padding: 16px 18px;
    overflow: hidden;
    border: 1px solid var(--summary-border);
    border-radius: 8px;
    color: var(--summary-text);
    background: var(--summary-card);
}

.account-analytics-summary-item[b-oby0o8prof]::before {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    height: 2px;
    border-radius: 0 0 999px 999px;
    background: var(--metric-accent);
    content: "";
}

.account-analytics-summary-icon[b-oby0o8prof] {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: var(--metric-accent);
    background: var(--metric-tint);
}

.account-analytics-summary-icon[b-oby0o8prof]  .rz-icon {
    font-size: 1.35rem;
}

.account-analytics-summary-copy[b-oby0o8prof] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.account-analytics-summary-label[b-oby0o8prof] {
    color: var(--summary-muted);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.25;
    text-transform: uppercase;
}

.account-analytics-summary-value[b-oby0o8prof] {
    color: var(--summary-text);
    font-size: 1.55rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    line-height: 1.2;
}

.summary-follow[b-oby0o8prof] {
    --metric-accent: #0f9f7a;
    --metric-tint: rgba(15, 159, 122, 0.12);
}

.summary-unfollow[b-oby0o8prof] {
    --metric-accent: #d97706;
    --metric-tint: rgba(217, 119, 6, 0.12);
}

.summary-growth[b-oby0o8prof] {
    --metric-accent: #7c3aed;
    --metric-tint: rgba(124, 58, 237, 0.12);
}

.material-dark .account-analytics-summary[b-oby0o8prof] {
    --summary-shell: var(--sm-dark-panel-soft, #171c25);
    --summary-card: var(--sm-dark-panel-strong, #232733);
    --summary-border: var(--sm-dark-border, #2d3442);
    --summary-text: var(--sm-dark-text, #e8ebf4);
    --summary-muted: var(--sm-dark-text-muted, #aeb4c4);
    --summary-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

.material-dark .account-analytics-summary-item[b-oby0o8prof] {
    --metric-accent: #8ea2ff;
    --metric-tint: rgba(142, 162, 255, 0.14);
}

.material-dark .summary-follow[b-oby0o8prof] {
    --metric-accent: #62d2b8;
    --metric-tint: rgba(98, 210, 184, 0.14);
}

.material-dark .summary-unfollow[b-oby0o8prof] {
    --metric-accent: #f4b766;
    --metric-tint: rgba(244, 183, 102, 0.14);
}

.material-dark .summary-growth[b-oby0o8prof] {
    --metric-accent: #b99cff;
    --metric-tint: rgba(185, 156, 255, 0.14);
}

.account-name-link[b-oby0o8prof] {
    appearance: none;
    border: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
    font: inherit;
    text-decoration: underline;
}

.account-name-cell[b-oby0o8prof] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.account-name-cell .account-name-link[b-oby0o8prof] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-tool-metric[b-oby0o8prof] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    white-space: nowrap;
}

.account-tool-metric-value[b-oby0o8prof] {
    font-variant-numeric: tabular-nums;
}

.account-tool-target-met[b-oby0o8prof] {
    color: #16a36a;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.account-tool-warning[b-oby0o8prof] {
    color: var(--rz-warning, #d97706) !important;
    cursor: help;
    -webkit-text-fill-color: currentColor;
    font-size: 0.98rem;
    font-family: Arial, "Segoe UI Symbol", sans-serif;
    font-weight: 800;
    line-height: 1;
}

.account-tool-warning:focus-visible[b-oby0o8prof] {
    border-radius: 3px;
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.material-dark .account-tool-target-met[b-oby0o8prof] {
    color: #62d2b8;
}

.material-dark .account-tool-warning[b-oby0o8prof] {
    color: var(--rz-warning, #f4b766) !important;
}

@media (max-width: 900px) {
    .account-analytics[b-oby0o8prof] {
        padding: 12px;
    }

    .account-analytics-actions[b-oby0o8prof] {
        margin-left: 0;
    }

    .account-analytics-summary[b-oby0o8prof] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 520px) {
    .account-analytics-summary[b-oby0o8prof] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/AccountAnalyticsHistoryDialog.razor.rz.scp.css */
.account-history[b-tsxb37bx70] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.account-history-toolbar[b-tsxb37bx70],
.account-history-range[b-tsxb37bx70],
.account-history-dates[b-tsxb37bx70] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.account-history-export[b-tsxb37bx70] {
    margin-left: auto;
}

.account-history-grid[b-tsxb37bx70] {
    flex: 1;
    min-height: 0;
}

@media (max-width: 650px) {
    .account-history-export[b-tsxb37bx70] {
        margin-left: 0;
    }
}
/* /Pages/Shared/ActivityLogMessageCell.razor.rz.scp.css */
.activity-log-copy-message[b-2exh6djcke] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: inherit;
    cursor: copy;
    display: block;
    font: inherit;
    line-height: 1.35;
    margin: -2px -4px;
    overflow-wrap: anywhere;
    padding: 2px 4px;
    text-align: left;
    user-select: text;
    white-space: normal;
    width: calc(100% + 8px);
    word-break: break-word;
}

.activity-log-copy-message:focus-visible[b-2exh6djcke] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 1px;
}

.activity-log-settings-link[b-2exh6djcke] {
    display: inline-block;
    margin-top: 4px;
    text-decoration: underline;
}
/* /Pages/Shared/Admin/AdminCaptchaPanel.razor.rz.scp.css */
.captcha-kpi-grid[b-4jq6evf8co] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.captcha-kpi-card[b-4jq6evf8co], .captcha-card[b-4jq6evf8co] { border: 1px solid var(--rz-base-300); border-radius: 12px; background: var(--rz-base-background-color); padding: 16px; min-width: 0; }
@media (min-width: 1100px) { .captcha-kpi-grid[b-4jq6evf8co] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.captcha-kpi-label[b-4jq6evf8co] { font-size: .85rem; font-weight: 600; }
.captcha-kpi-value[b-4jq6evf8co] { font-size: 1.6rem; font-weight: 700; margin: 8px 0; }
.captcha-kpi-detail[b-4jq6evf8co], .captcha-note[b-4jq6evf8co] { font-size: .8rem; color: var(--rz-text-secondary-color); }
.captcha-card[b-4jq6evf8co]  .rz-chart { width: 100%; min-width: 0; max-width: 100%; }
.captcha-card[b-4jq6evf8co]  .rz-legend-items { flex-wrap: wrap; justify-content: center; }
/* /Pages/Shared/Admin/AdminFleetDailyCharts.razor.rz.scp.css */
.admin-fleet-chart-container[b-ffbvuwxdb8] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.admin-fleet-chart-container[b-ffbvuwxdb8]  .rz-legend-items {
    flex-wrap: wrap;
    justify-content: center;
}
/* /Pages/Shared/Admin/AdminMcpPanel.razor.rz.scp.css */
.mcp-kpi-grid[b-920ss0b09y] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.mcp-kpi-card[b-920ss0b09y], .mcp-card[b-920ss0b09y] { border: 1px solid var(--rz-base-300); border-radius: 12px; background: var(--rz-base-background-color); padding: 16px; min-width: 0; }
.mcp-kpi-label[b-920ss0b09y] { font-size: .85rem; font-weight: 600; }
.mcp-kpi-value[b-920ss0b09y] { font-size: 1.6rem; font-weight: 700; margin: 8px 0; }
.mcp-kpi-detail[b-920ss0b09y], .mcp-note[b-920ss0b09y] { font-size: .8rem; color: var(--rz-text-secondary-color); }
.mcp-chart-grid[b-920ss0b09y] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 16px; }
.mcp-card[b-920ss0b09y]  .rz-chart { width: 100%; min-width: 0; max-width: 100%; }
.mcp-card[b-920ss0b09y]  .rz-legend-items { flex-wrap: wrap; justify-content: center; }
.mcp-card[b-920ss0b09y]  .rz-legend-item { max-width: 100%; }
.mcp-card[b-920ss0b09y]  .rz-legend-item-text { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 700px) { .mcp-chart-grid[b-920ss0b09y] { grid-template-columns: 1fr; } }
/* /Pages/Shared/Admin/AdminOnlineClientsPanel.razor.rz.scp.css */
.online-clients-panel[b-cjauc2gslc] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.online-clients-summary[b-cjauc2gslc] {
    align-items: center;
    border-bottom: 1px solid var(--rz-base-300);
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 4px 2px 12px;
}

.online-clients-stats[b-cjauc2gslc] {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

.online-clients-stat[b-cjauc2gslc] {
    display: grid;
    gap: 2px;
    min-width: 108px;
}

.online-clients-stat span[b-cjauc2gslc],
.online-clients-refresh span[b-cjauc2gslc],
.online-pc-name span[b-cjauc2gslc] {
    color: var(--rz-text-secondary-color);
    font-size: 0.78rem;
}

.online-clients-stat strong[b-cjauc2gslc] {
    font-size: 1.35rem;
    line-height: 1.25;
}

.online-clients-refresh[b-cjauc2gslc] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
}

.online-pc-list[b-cjauc2gslc] {
    display: grid;
    gap: 5px;
    padding: 3px 0;
}

.online-pc-row[b-cjauc2gslc] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
}

.online-pc-name[b-cjauc2gslc] {
    display: grid;
    min-width: 0;
}

.online-pc-name strong[b-cjauc2gslc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .online-clients-summary[b-cjauc2gslc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .online-clients-stats[b-cjauc2gslc] {
        gap: 14px;
        justify-content: space-between;
        width: 100%;
    }

    .online-clients-stat[b-cjauc2gslc] {
        min-width: 90px;
    }

    .online-clients-refresh[b-cjauc2gslc] {
        justify-content: space-between;
        width: 100%;
    }
}
/* /Pages/Shared/Admin/AdminResearchPackPanel.razor.rz.scp.css */
.research-note[b-vwb1at8l04] { font-size: .8rem; color: var(--rz-text-secondary-color); }
.research-card[b-vwb1at8l04], .research-kpi-card[b-vwb1at8l04] { border: 1px solid var(--rz-base-300); border-radius: 12px; background: var(--rz-base-background-color); padding: 16px; min-width: 0; }
.research-form[b-vwb1at8l04] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.research-serials[b-vwb1at8l04] { flex: 1 1 320px; max-width: 560px; }
.research-label[b-vwb1at8l04] { font-size: .85rem; font-weight: 600; margin-bottom: 4px; }
.research-kpi-grid[b-vwb1at8l04] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.research-kpi-label[b-vwb1at8l04] { font-size: .85rem; font-weight: 600; }
.research-kpi-value[b-vwb1at8l04] { font-size: 1.4rem; font-weight: 700; margin: 8px 0; overflow-wrap: anywhere; }
.research-kpi-detail[b-vwb1at8l04] { font-size: .8rem; color: var(--rz-text-secondary-color); overflow-wrap: anywhere; }
.research-log[b-vwb1at8l04] { margin: 8px 0 0; max-height: 320px; overflow: auto; font-size: .8rem; white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Pages/Shared/Admin/AdminServerResearchPanel.razor.rz.scp.css */
.research-note[b-wtv7x31dy8] { font-size: .8rem; color: var(--rz-text-secondary-color); }
.research-card[b-wtv7x31dy8], .research-kpi-card[b-wtv7x31dy8] { border: 1px solid var(--rz-base-300); border-radius: 12px; background: var(--rz-base-background-color); padding: 16px; min-width: 0; }
.research-form[b-wtv7x31dy8] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.research-label[b-wtv7x31dy8] { font-size: .85rem; font-weight: 600; margin-bottom: 4px; }
.research-kpi-grid[b-wtv7x31dy8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.research-kpi-label[b-wtv7x31dy8] { font-size: .85rem; font-weight: 600; }
.research-kpi-value[b-wtv7x31dy8] { font-size: 1.4rem; font-weight: 700; margin: 8px 0; overflow-wrap: anywhere; }
.research-kpi-detail[b-wtv7x31dy8] { font-size: .8rem; color: var(--rz-text-secondary-color); overflow-wrap: anywhere; }
.research-log[b-wtv7x31dy8] { margin: 8px 0 0; max-height: 320px; overflow: auto; font-size: .8rem; white-space: pre-wrap; overflow-wrap: anywhere; }
/* /Pages/Shared/Admin/AdminSkyePanel.razor.rz.scp.css */
.skye-kpi-grid[b-cv52pcmkp7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.skye-kpi-card[b-cv52pcmkp7],
.skye-card[b-cv52pcmkp7] {
    border: 1px solid var(--rz-base-300);
    border-radius: 12px;
    background: var(--rz-base-background-color);
    box-shadow: 0 3px 12px rgba(25, 31, 52, .05);
}

.skye-kpi-card[b-cv52pcmkp7] { padding: 15px 17px; }
.skye-kpi-label[b-cv52pcmkp7] { color: var(--rz-text-secondary-color); font-size: .78rem; }
.skye-kpi-value[b-cv52pcmkp7] { margin-top: 5px; font-size: 1.45rem; font-weight: 750; }
.skye-kpi-detail[b-cv52pcmkp7] { margin-top: 3px; color: var(--rz-text-secondary-color); font-size: .72rem; }

.skye-chart-grid[b-cv52pcmkp7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
    gap: 16px;
}

.skye-card[b-cv52pcmkp7] { padding: 16px; min-width: 0; }
.skye-card[b-cv52pcmkp7]  .rz-chart { width: 100%; min-width: 0; max-width: 100%; }
.skye-card[b-cv52pcmkp7]  .rz-legend-items { flex-wrap: wrap; justify-content: center; }
.skye-card[b-cv52pcmkp7]  .rz-legend-item { max-width: 100%; }
.skye-card[b-cv52pcmkp7]  .rz-legend-item-text { white-space: normal; overflow-wrap: anywhere; }
.skye-cost-note[b-cv52pcmkp7] { color: var(--rz-text-secondary-color); font-size: .8rem; text-align: right; }

@media (max-width: 700px) {
    .skye-chart-grid[b-cv52pcmkp7] { grid-template-columns: 1fr; }
}
/* /Pages/Shared/Admin/AdminValidAccountsChart.razor.rz.scp.css */
.account-platforms[b-7f54pif4ts] { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px; margin:16px 0; }
.account-platform[b-7f54pif4ts] { display:flex; flex-direction:column; gap:6px; text-align:left; padding:12px; border:1px solid var(--rz-base-300); border-radius:8px; background:var(--rz-base-background-color); color:var(--rz-text-color); cursor:pointer; }
.account-platform:hover[b-7f54pif4ts], .account-platform[aria-pressed="true"][b-7f54pif4ts] { border-color:var(--rz-primary); box-shadow:0 0 0 1px var(--rz-primary); }
.account-platform strong[b-7f54pif4ts] { font-size:1.5rem; font-variant-numeric:tabular-nums; }
.account-platform small[b-7f54pif4ts] { color:var(--rz-text-secondary-color); }
.platform-dot[b-7f54pif4ts] { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; }
.account-chart-toolbar[b-7f54pif4ts] { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.account-chart-toolbar select[b-7f54pif4ts] { margin-left:8px; padding:6px; background:var(--rz-base-background-color); color:var(--rz-text-color); border:1px solid var(--rz-base-300); border-radius:4px; }
.account-daily-details[b-7f54pif4ts] { margin:16px 0; }
.account-daily-details summary[b-7f54pif4ts] { cursor:pointer; font-weight:600; padding:8px 0; }
.account-daily-scroll[b-7f54pif4ts] { overflow:auto; max-height:360px; }
.account-daily-table[b-7f54pif4ts] { width:100%; border-collapse:separate; border-spacing:0; font-variant-numeric:tabular-nums; }
.account-daily-table th[b-7f54pif4ts], .account-daily-table td[b-7f54pif4ts] { padding:9px 12px; text-align:right; white-space:nowrap; border-bottom:1px solid var(--rz-base-300); min-width:90px; }
.account-daily-table th:first-child[b-7f54pif4ts] { text-align:left; min-width:180px; }
.account-daily-table thead th[b-7f54pif4ts] { position:sticky; top:0; background:var(--rz-base-background-color); z-index:1; }
/* /Pages/Shared/AIAssistant/AIAssistantPanel.razor.rz.scp.css */
.ai-assistant-launcher[b-ws5hmlgofo] {
    position: fixed;
    right: 24px;
    bottom: 28px;
    z-index: 1080;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(129, 140, 248, .65);
    border-radius: 18px;
    color: #fff;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 28%),
                linear-gradient(145deg, #7657ff, #4f46e5 52%, #2563eb);
    box-shadow: 0 18px 40px rgba(50,46,180,.34);
    cursor: pointer;
    transition: transform .16s ease, opacity .16s ease;
}

.ai-assistant-launcher:hover[b-ws5hmlgofo] { transform: translateY(-3px) scale(1.02); }
.ai-assistant-launcher.is-open[b-ws5hmlgofo] { opacity: 0; pointer-events: none; }
.ai-assistant-launcher-badge[b-ws5hmlgofo] {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    display: grid;
    place-items: center;
    border: 2px solid var(--rz-base-background-color, #111827);
    border-radius: 999px;
    color: #fff;
    background: #ef4444;
    font-size: .68rem;
    font-weight: 800;
}

.ai-assistant-overlay[b-ws5hmlgofo] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 14px;
    background: rgba(4,7,17,.72);
    backdrop-filter: blur(9px);
}

/* The shell and sibling dialogs share the same theme surfaces. */
.ai-assistant-overlay[b-ws5hmlgofo] {
    --ai-assistant-logo-start: #7c3aed;
    --ai-assistant-logo-end: #4f46e5;
    --ai-assistant-surface: var(--rz-card-background-color, var(--rz-base-background-color, #ffffff));
    --ai-assistant-surface-soft: color-mix(in srgb, var(--rz-card-background-color, #ffffff) 94%, var(--rz-text-color, #111827) 6%);
    --ai-assistant-surface-softer: color-mix(in srgb, var(--rz-card-background-color, #ffffff) 97%, var(--rz-text-color, #111827) 3%);
    --ai-assistant-border: var(--rz-divider, var(--rz-border-color, #e3e7ef));
    --ai-assistant-primary: var(--rz-primary, #4f46e5);
    --ai-assistant-primary-light: var(--rz-primary-light, var(--rz-primary, #7c3aed));
    --ai-assistant-primary-soft: color-mix(in srgb, var(--rz-primary, #4f46e5) 11%, transparent);
    --ai-assistant-primary-panel: color-mix(in srgb, var(--rz-primary, #4f46e5) 7%, var(--rz-card-background-color, #ffffff));
    --ai-assistant-success: var(--rz-notification-success-color, #16a34a);
}

.ai-assistant-shell[b-ws5hmlgofo] {
    position: relative;
    width: min(92vw, 1680px);
    height: min(90dvh, 1120px);
    max-width: calc(100vw - 28px);
    max-height: calc(100dvh - 28px);
    min-height: 520px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 14px;
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-surface);
    box-shadow: var(--rz-shadow-3, 0 34px 80px rgba(0,0,0,.28));
}

.ai-assistant-topbar[b-ws5hmlgofo] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 18px 13px 20px;
    border-bottom: 1px solid var(--ai-assistant-border);
    background: linear-gradient(90deg, var(--ai-assistant-primary-panel), var(--ai-assistant-surface) 58%);
}

.ai-assistant-topbar-left[b-ws5hmlgofo], .ai-assistant-brand[b-ws5hmlgofo], .ai-assistant-brand-copy[b-ws5hmlgofo], .ai-assistant-topbar-actions[b-ws5hmlgofo],
.ai-assistant-chat-name-line[b-ws5hmlgofo], .ai-assistant-pending-title[b-ws5hmlgofo],
.ai-assistant-action-buttons[b-ws5hmlgofo], .ai-assistant-composer-note[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
}

.ai-assistant-topbar-left[b-ws5hmlgofo] { gap: 10px; min-width: 0; }
.ai-assistant-brand[b-ws5hmlgofo] { gap: 12px; min-width: 0; }
.ai-assistant-brand-copy[b-ws5hmlgofo] { align-items: flex-start; flex-direction: column; gap: 2px; }
.ai-assistant-brand strong[b-ws5hmlgofo] { font-size: 1rem; line-height: 1.1; letter-spacing: 0; }
.ai-assistant-brand-copy > span[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .75rem;
}

.ai-assistant-brand-icon[b-ws5hmlgofo], .ai-assistant-new-chat-icon[b-ws5hmlgofo] {
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--ai-assistant-logo-start), var(--ai-assistant-logo-end));
}
.ai-assistant-brand-icon[b-ws5hmlgofo] { width: 38px; height: 38px; border-radius: 12px; }
.ai-assistant-topbar-actions[b-ws5hmlgofo] { gap: 10px; }
.ai-assistant-chat-limit[b-ws5hmlgofo] {
    padding: 6px 10px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 999px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-soft);
    font-size: .74rem;
    font-weight: 700;
}

.ai-assistant-icon-button[b-ws5hmlgofo], .ai-assistant-chat-actions button[b-ws5hmlgofo],
.ai-assistant-rename-row button[b-ws5hmlgofo], .ai-assistant-error button[b-ws5hmlgofo] {
    display: grid;
    place-items: center;
    border: 0;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: transparent;
    cursor: pointer;
}
.ai-assistant-icon-button[b-ws5hmlgofo] { width: 36px; height: 36px; border-radius: 9px; }
.ai-assistant-icon-button:hover[b-ws5hmlgofo], .ai-assistant-chat-actions button:hover[b-ws5hmlgofo],
.ai-assistant-rename-row button:hover[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
}
.ai-assistant-icon-button.ai-assistant-knowledge-button[b-ws5hmlgofo] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    padding: 0;
    border: 1px solid color-mix(in srgb, #d97706 40%, var(--ai-assistant-border));
    border-radius: 50%;
    color: #d97706;
    background: color-mix(in srgb, #d97706 10%, var(--ai-assistant-surface));
}
.ai-assistant-icon-button.ai-assistant-knowledge-button:hover[b-ws5hmlgofo] {
    border-color: #d97706;
    background: color-mix(in srgb, #d97706 18%, var(--ai-assistant-surface));
}
.ai-assistant-knowledge-button:focus-visible[b-ws5hmlgofo] {
    outline: 2px solid var(--ai-assistant-primary);
    outline-offset: 2px;
}
.ai-assistant-mobile-drawer-button[b-ws5hmlgofo],
.ai-assistant-mobile-schedule-button[b-ws5hmlgofo] {
    width: 34px;
    height: 34px;
    display: none;
    place-items: center;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-soft);
    cursor: pointer;
}
.ai-assistant-mobile-drawer-button:hover[b-ws5hmlgofo],
.ai-assistant-mobile-drawer-button.is-active[b-ws5hmlgofo],
.ai-assistant-mobile-schedule-button:hover[b-ws5hmlgofo],
.ai-assistant-mobile-schedule-button.is-active[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 52%, var(--ai-assistant-border));
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-mobile-drawer-header[b-ws5hmlgofo],
.ai-assistant-mobile-drawer-backdrop[b-ws5hmlgofo],
.ai-assistant-mobile-sheet-backdrop[b-ws5hmlgofo],
.ai-assistant-mobile-schedules-sheet[b-ws5hmlgofo] {
    display: none;
}

.ai-assistant-error[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    color: #fecaca;
    background: rgba(127,29,29,.42);
    font-size: .82rem;
}
.ai-assistant-error > span[b-ws5hmlgofo] { flex: 1; }

.ai-assistant-centered-state[b-ws5hmlgofo], .ai-assistant-new-chat[b-ws5hmlgofo] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.ai-assistant-centered-state[b-ws5hmlgofo] { gap: 9px; color: var(--rz-text-secondary-color, #697386); }
.ai-assistant-centered-state strong[b-ws5hmlgofo] { color: var(--rz-text-color, #111827); font-size: 1.05rem; }
.ai-assistant-state-icon[b-ws5hmlgofo] { font-size: 2.2rem; color: var(--ai-assistant-primary-light); }

.ai-assistant-shell.is-setup .ai-assistant-topbar[b-ws5hmlgofo] {
    flex-shrink: 0;
    min-height: 64px;
    background: var(--ai-assistant-surface-softer);
}

@media (min-width: 701px) {
    .ai-assistant-shell.is-setup[b-ws5hmlgofo] {
        width: min(980px, calc(100vw - 48px));
        height: auto;
        min-height: 0;
        max-height: calc(100dvh - 48px);
        border: 1px solid var(--ai-assistant-border);
        border-radius: 14px;
    }
}
.ai-assistant-eyebrow[b-ws5hmlgofo] {
    color: var(--ai-assistant-primary-light);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
}
.ai-assistant-new-chat h2[b-ws5hmlgofo] {
    margin: 8px 0 9px;
    color: var(--rz-text-color, #111827);
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    letter-spacing: 0;
}
.ai-assistant-new-chat p[b-ws5hmlgofo] {
    margin: 0;
    color: var(--rz-text-secondary-color, #a3a8b3);
    line-height: 1.55;
}

.ai-assistant-workspace[b-ws5hmlgofo] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    overflow: hidden;
}
.ai-assistant-sidebar[b-ws5hmlgofo] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 10px;
    border-right: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-surface-softer);
}

.ai-assistant-new-chat-button[b-ws5hmlgofo], .ai-assistant-primary-button[b-ws5hmlgofo], .ai-assistant-secondary-button[b-ws5hmlgofo] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 9px;
    font-weight: 750;
    cursor: pointer;
}
.ai-assistant-new-chat-button[b-ws5hmlgofo] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 38%, var(--ai-assistant-border));
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-new-chat-button:hover:not(:disabled)[b-ws5hmlgofo] { border-color: var(--ai-assistant-primary-light); }
.ai-assistant-new-chat-button:disabled[b-ws5hmlgofo], .ai-assistant-primary-button:disabled[b-ws5hmlgofo],
.ai-assistant-secondary-button:disabled[b-ws5hmlgofo] { opacity: .48; cursor: not-allowed; }
.ai-assistant-limit-note[b-ws5hmlgofo] {
    display: flex;
    gap: 7px;
    padding: 8px 9px;
    border-radius: 8px;
    color: #fcd34d;
    background: rgba(245,158,11,.1);
    font-size: .72rem;
}

.ai-assistant-chat-list-shell[b-ws5hmlgofo] {
    flex: 1;
    min-height: 0;
    position: relative;
}
.ai-assistant-chat-list[b-ws5hmlgofo] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ai-assistant-chat-row[b-ws5hmlgofo] {
    position: relative;
    display: flex;
    border: 1px solid transparent;
    border-radius: 10px;
}
.ai-assistant-chat-row:hover[b-ws5hmlgofo], .ai-assistant-chat-row.is-selected[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 28%, var(--ai-assistant-border));
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-chat-select[b-ws5hmlgofo] {
    flex: 1;
    min-width: 0;
    padding: 10px 52px 9px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}
.ai-assistant-chat-name-line[b-ws5hmlgofo] { gap: 7px; min-width: 0; }
.ai-assistant-chat-running[b-ws5hmlgofo] {
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    border: 2px solid color-mix(in srgb, var(--ai-assistant-primary) 24%, transparent);
    border-top-color: var(--ai-assistant-primary-light);
    border-radius: 50%;
    animation: ai-assistant-spin-b-ws5hmlgofo .8s linear infinite;
}
@keyframes ai-assistant-spin-b-ws5hmlgofo { to { transform: rotate(360deg); } }
.ai-assistant-chat-name-line strong[b-ws5hmlgofo], .ai-assistant-chat-preview[b-ws5hmlgofo], .ai-assistant-chat-meta[b-ws5hmlgofo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-chat-name-line strong[b-ws5hmlgofo] { font-size: .82rem; }
.ai-assistant-unread-dot[b-ws5hmlgofo] {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ai-assistant-primary-light);
}
.ai-assistant-chat-preview[b-ws5hmlgofo] { color: var(--rz-text-secondary-color, #9ca3af); font-size: .72rem; }
.ai-assistant-chat-meta[b-ws5hmlgofo] { color: var(--rz-text-secondary-color, #9ca3af); font-size: .66rem; }
.ai-assistant-chat-actions[b-ws5hmlgofo] {
    position: absolute;
    top: 8px;
    right: 6px;
    display: flex;
    opacity: 0;
}
.ai-assistant-chat-row:hover .ai-assistant-chat-actions[b-ws5hmlgofo],
.ai-assistant-chat-row:focus-within .ai-assistant-chat-actions[b-ws5hmlgofo],
.ai-assistant-chat-row.is-selected .ai-assistant-chat-actions[b-ws5hmlgofo] { opacity: 1; }
.ai-assistant-chat-actions button[b-ws5hmlgofo], .ai-assistant-rename-row button[b-ws5hmlgofo] {
    width: 25px;
    height: 25px;
    border-radius: 7px;
}
.ai-assistant-chat-actions button.is-danger:hover[b-ws5hmlgofo] { color: #fca5a5; background: rgba(239,68,68,.13); }
.ai-assistant-scheduled-tasks-link[b-ws5hmlgofo] {
    width: 100%;
    min-height: 38px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    border: 0;
    border-top: 1px solid var(--ai-assistant-border);
    color: var(--ai-assistant-primary-light);
    background: transparent;
    text-align: left;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}
.ai-assistant-scheduled-tasks-link:hover:not(:disabled)[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-scheduled-tasks-link:disabled[b-ws5hmlgofo] { opacity: .55; cursor: progress; }
.ai-assistant-scheduled-tasks-link .rzi:last-child[b-ws5hmlgofo] { justify-self: end; }
.ai-assistant-rename-row[b-ws5hmlgofo] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 3px;
    padding: 7px;
}
.ai-assistant-rename-row input[b-ws5hmlgofo] {
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid var(--ai-assistant-primary-light);
    border-radius: 7px;
    color: var(--rz-input-color, var(--rz-text-color, #111827));
    background: var(--rz-input-background-color, var(--ai-assistant-surface));
}
.ai-assistant-empty-list[b-ws5hmlgofo] {
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    color: var(--rz-text-secondary-color, #697386);
    font-size: .75rem;
}

.ai-assistant-main[b-ws5hmlgofo] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.ai-assistant-new-chat[b-ws5hmlgofo] {
    align-items: stretch;
    justify-content: flex-start;
    overflow: auto;
    padding: clamp(28px, 6vh, 64px) clamp(18px, 5vw, 56px) 32px;
    background: linear-gradient(180deg, var(--ai-assistant-primary-soft), transparent 260px);
    text-align: left;
}
.ai-assistant-new-chat-panel[b-ws5hmlgofo] {
    width: min(760px, 100%);
    display: grid;
    gap: 18px;
    margin: 0 auto;
}
.ai-assistant-new-chat-intro[b-ws5hmlgofo] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}
.ai-assistant-new-chat-intro > div[b-ws5hmlgofo] { min-width: 0; }
.ai-assistant-new-chat-intro p[b-ws5hmlgofo] {
    max-width: 560px;
    margin: 0;
    color: var(--rz-text-secondary-color, #697386);
    line-height: 1.55;
}
.ai-assistant-new-chat-usage-note[b-ws5hmlgofo] {
    max-width: 650px;
    margin-top: 12px;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 26%, var(--ai-assistant-border));
    border-radius: 8px;
    color: var(--rz-text-secondary-color, #697386);
    background: color-mix(in srgb, var(--ai-assistant-primary) 8%, var(--ai-assistant-surface));
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.45;
}
.ai-assistant-new-chat-usage-note[b-ws5hmlgofo]  .rzi {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--ai-assistant-primary-light);
    font-size: .95rem;
}
.ai-assistant-new-chat-icon[b-ws5hmlgofo] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    font-size: 1.5rem;
}
.ai-assistant-new-chat-section[b-ws5hmlgofo] {
    display: grid;
    gap: 10px;
}
.ai-assistant-new-chat-section-heading[b-ws5hmlgofo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    color: var(--rz-text-color, #111827);
    font-size: .76rem;
    font-weight: 800;
}
.ai-assistant-new-chat-section-heading small[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #697386);
    font-size: .68rem;
    font-weight: 600;
}
.ai-assistant-provider-choice-grid[b-ws5hmlgofo] {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    text-align: left;
}
.ai-assistant-provider-choice[b-ws5hmlgofo] {
    min-height: 118px;
    padding: 12px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 8px;
    color: var(--rz-text-color, #111827);
    text-align: left;
    background: var(--ai-assistant-surface-soft);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.ai-assistant-provider-choice:hover:not(:disabled)[b-ws5hmlgofo] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 58%, var(--ai-assistant-border));
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-provider-choice.is-selected[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 72%, var(--ai-assistant-border));
    background: var(--ai-assistant-primary-panel);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-assistant-primary) 18%, transparent);
}
.ai-assistant-provider-choice.needs-configuration[b-ws5hmlgofo] {
    border-style: dashed;
    border-color: color-mix(in srgb, var(--rz-text-secondary-color, #697386) 40%, var(--ai-assistant-border));
    background: var(--ai-assistant-surface-softer);
}
.ai-assistant-provider-choice.needs-attention[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, #f59e0b 45%, var(--ai-assistant-border));
    background: color-mix(in srgb, #f59e0b 7%, var(--ai-assistant-surface));
}
.ai-assistant-provider-choice-title[b-ws5hmlgofo] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ai-assistant-provider-choice-heading[b-ws5hmlgofo] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.ai-assistant-provider-choice-icon[b-ws5hmlgofo] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 20%, var(--ai-assistant-border));
    border-radius: 8px;
    color: var(--ai-assistant-primary);
    background: color-mix(in srgb, var(--ai-assistant-primary) 10%, var(--ai-assistant-surface));
}
.ai-assistant-provider-choice.is-selected .ai-assistant-provider-choice-icon[b-ws5hmlgofo] {
    color: #fff;
    background: linear-gradient(145deg, var(--ai-assistant-logo-start), var(--ai-assistant-logo-end));
}
.ai-assistant-provider-choice-title strong[b-ws5hmlgofo] { font-size: .92rem; }
.ai-assistant-provider-choice-ready[b-ws5hmlgofo], .ai-assistant-provider-choice-action[b-ws5hmlgofo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .68rem;
    font-weight: 800;
}
.ai-assistant-provider-choice-ready[b-ws5hmlgofo] { color: var(--ai-assistant-success); }
.ai-assistant-provider-choice-description[b-ws5hmlgofo] {
    min-height: 24px;
    margin-left: 42px;
    color: var(--rz-text-secondary-color, #697386);
    font-size: .74rem;
    line-height: 1.35;
}
.ai-assistant-provider-choice-action[b-ws5hmlgofo] {
    margin-top: auto;
    margin-left: 42px;
    color: var(--ai-assistant-primary-light);
}
.ai-assistant-provider-choice.needs-attention .ai-assistant-provider-choice-action[b-ws5hmlgofo] { color: #fcd34d; }
.ai-assistant-new-chat-controls[b-ws5hmlgofo] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
}
.ai-assistant-new-chat-form[b-ws5hmlgofo] {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    text-align: left;
}
.ai-assistant-new-chat-form label[b-ws5hmlgofo] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: var(--rz-text-secondary-color, #697386);
    font-size: .75rem;
    font-weight: 700;
}
.ai-assistant-new-chat-form select[b-ws5hmlgofo] {
    min-width: 0;
    height: 44px;
    padding: 0 12px;
    border: var(--rz-input-border, 1px solid var(--ai-assistant-border));
    border-radius: var(--rz-input-border-radius, 9px);
    color: var(--rz-input-color, var(--rz-text-color, #111827));
    background: var(--rz-input-background-color, var(--ai-assistant-surface));
}
.ai-assistant-primary-button[b-ws5hmlgofo] {
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--ai-assistant-primary);
    color: #fff;
    background: linear-gradient(135deg, var(--ai-assistant-primary-light), var(--ai-assistant-primary));
}
.ai-assistant-primary-button:hover:not(:disabled)[b-ws5hmlgofo] { filter: brightness(1.08); }
.ai-assistant-secondary-button[b-ws5hmlgofo] {
    padding: 0 14px;
    border: 1px solid var(--ai-assistant-border);
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-surface-soft);
}
.ai-assistant-inline-warning[b-ws5hmlgofo] {
    margin: 2px 0 0;
    color: var(--rz-notification-warning-color, #b45309);
}

.ai-assistant-chat-header[b-ws5hmlgofo] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-surface-softer);
}
.ai-assistant-chat-header h2[b-ws5hmlgofo] { margin: 0; font-size: .98rem; }
.ai-assistant-chat-configuration-trigger[b-ws5hmlgofo] {
    margin: 2px 0 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    color: var(--rz-text-secondary-color, #697386);
    background: transparent;
    font-size: .7rem;
    cursor: pointer;
}
.ai-assistant-chat-configuration-trigger:hover:not(:disabled)[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); }
.ai-assistant-chat-configuration-trigger:disabled[b-ws5hmlgofo] { cursor: not-allowed; opacity: .68; }
.ai-assistant-chat-configuration-trigger .rzi[b-ws5hmlgofo] { font-size: .88rem; }
.ai-assistant-chat-configuration[b-ws5hmlgofo] {
    display: grid;
    grid-template-columns: minmax(150px, .75fr) minmax(220px, 1.25fr) auto;
    align-items: end;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-chat-configuration label[b-ws5hmlgofo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .7rem;
    font-weight: 700;
}
.ai-assistant-chat-configuration select[b-ws5hmlgofo] {
    min-width: 0;
    height: 36px;
    padding: 0 9px;
    border: var(--rz-input-border, 1px solid var(--ai-assistant-border));
    border-radius: 8px;
    color: var(--rz-input-color, var(--rz-text-color, #111827));
    background: var(--rz-input-background-color, var(--ai-assistant-surface));
}
.ai-assistant-chat-configuration-actions[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 7px;
}
.ai-assistant-chat-configuration-actions button[b-ws5hmlgofo] {
    min-height: 36px;
    padding: 0 12px;
}
.ai-assistant-schedules[b-ws5hmlgofo] {
    padding: 9px 18px 10px;
    border-bottom: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-schedules-heading[b-ws5hmlgofo],
.ai-assistant-schedules-heading > span[b-ws5hmlgofo],
.ai-assistant-schedule-title[b-ws5hmlgofo],
.ai-assistant-schedule-meta[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
}
.ai-assistant-schedules-heading[b-ws5hmlgofo] {
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .68rem;
}
.ai-assistant-schedules-heading > span[b-ws5hmlgofo] { gap: 6px; }
.ai-assistant-schedules-heading .rzi[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); font-size: .92rem; }
.ai-assistant-schedule-list[b-ws5hmlgofo] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 1fr);
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: thin;
}
.ai-assistant-schedule-card[b-ws5hmlgofo] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    background: var(--ai-assistant-surface-soft);
}
.ai-assistant-schedule-title[b-ws5hmlgofo] {
    justify-content: space-between;
    gap: 8px;
    color: var(--rz-text-color, #111827);
    font-size: .72rem;
}
.ai-assistant-schedule-title strong[b-ws5hmlgofo],
.ai-assistant-schedule-instruction[b-ws5hmlgofo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-schedule-instruction[b-ws5hmlgofo] {
    display: block;
    margin-top: 4px;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .65rem;
}
.ai-assistant-schedule-meta[b-ws5hmlgofo] {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
    color: var(--ai-assistant-primary-light);
    font-size: .62rem;
}
.ai-assistant-schedule-status[b-ws5hmlgofo] {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    color: #d1d5db;
    background: color-mix(in srgb, var(--rz-text-secondary-color, #697386) 14%, transparent);
    font-size: .58rem;
    text-transform: uppercase;
}
.ai-assistant-schedule-status.is-active[b-ws5hmlgofo] { color: #86efac; background: rgba(34,197,94,.14); }
.ai-assistant-schedule-status.is-paused[b-ws5hmlgofo] {
    color: #78350f;
    background: #fef3c7;
    border: 1px solid #f59e0b;
    font-weight: 700;
}
.ai-assistant-schedule-status.is-completed[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); background: var(--ai-assistant-primary-soft); }
.ai-assistant-usage[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 8px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .7rem;
}

.ai-assistant-messages[b-ws5hmlgofo] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 24px clamp(18px, 4vw, 56px);
    background: linear-gradient(180deg, var(--ai-assistant-primary-soft), transparent 28%);
    overflow-anchor: none;
    scroll-behavior: auto;
}
.ai-assistant-messages.is-positioning[b-ws5hmlgofo] {
    visibility: hidden;
}

/* Keep the conversation and file-input DOM alive while browsing prompts. */
.ai-assistant-messages[hidden][b-ws5hmlgofo], .ai-assistant-composer[hidden][b-ws5hmlgofo] { display: none; }
.ai-assistant-prompt-library-host[b-ws5hmlgofo] { flex: 1; min-height: 0; overflow-y: auto; background: linear-gradient(180deg, var(--ai-assistant-primary-panel), var(--ai-assistant-surface) 180px); }
.ai-assistant-prompt-heading[b-ws5hmlgofo] { justify-content: space-between; flex-wrap: wrap; }
.ai-assistant-prompt-heading > span[b-ws5hmlgofo], .ai-assistant-prompt-draft-heading strong[b-ws5hmlgofo] { display: inline-flex; align-items: center; gap: 6px; }
.ai-assistant-prompt-link[b-ws5hmlgofo] { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 0; border: 0; background: transparent; color: var(--ai-assistant-primary-light); cursor: pointer; font-size: .75rem; }
.ai-assistant-prompt-link:disabled[b-ws5hmlgofo] { opacity: .5; cursor: default; }
.ai-assistant-prompt-link:focus-visible[b-ws5hmlgofo], .ai-assistant-prompt-fields input:focus-visible[b-ws5hmlgofo] { outline: 2px solid var(--ai-assistant-primary-light); outline-offset: 2px; }
.ai-assistant-prompt-hint[b-ws5hmlgofo] { padding-left: 43px; font-size: .72rem; color: var(--rz-text-secondary-color); margin: 10px 0 0; }
.ai-assistant-prompt-return[b-ws5hmlgofo] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 24px; border-top: 1px solid var(--ai-assistant-border); color: var(--rz-text-secondary-color); background: var(--ai-assistant-surface-softer); font-size: .75rem; }
.ai-assistant-prompt-draft[b-ws5hmlgofo] { padding: 12px 14px; border-bottom: 1px solid var(--ai-assistant-border); background: var(--ai-assistant-primary-panel); max-height: min(270px, 32dvh); overflow-y: auto; }
/* Editor helpers can precede the header, so do not depend on :first-child.
   Keep overflow visible on the composer so its attachment popup remains usable. */
.ai-assistant-prompt-draft[b-ws5hmlgofo] { border-radius: 12px 12px 0 0; }
.ai-assistant-attachment-strip ~ .ai-assistant-prompt-draft[b-ws5hmlgofo] { border-radius: 0; }
.ai-assistant-prompt-draft-heading[b-ws5hmlgofo] { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ai-assistant-prompt-draft-heading strong[b-ws5hmlgofo] { font-size: .8rem; }
.ai-assistant-prompt-fields[b-ws5hmlgofo] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin-top: 8px; }
.ai-assistant-prompt-fields label[b-ws5hmlgofo] { overflow-wrap: anywhere; min-width: 0; color: var(--rz-text-secondary-color); font-size: .73rem; }
.ai-assistant-prompt-fields input[b-ws5hmlgofo] { color-scheme: light; min-height: 44px; box-sizing: border-box; min-width: 0; max-width: 100%; display: block; width: 100%; margin-top: 4px; padding: 8px 10px; border: 1px solid var(--ai-assistant-border); border-radius: 7px; background: var(--ai-assistant-surface); color: var(--rz-text-color); font: inherit; font-size: .82rem; }
.ai-assistant-prompt-fields input:disabled[b-ws5hmlgofo] { opacity: .65; }
.ai-assistant-prompt-replace[b-ws5hmlgofo], .ai-assistant-prompt-customized[b-ws5hmlgofo] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: .75rem; color: var(--rz-text-secondary-color); }
.ai-assistant-prompt-replace[b-ws5hmlgofo] { padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--ai-assistant-border); border-radius: 8px; background: var(--ai-assistant-primary-panel); }
.ai-assistant-prompt-replace > span[b-ws5hmlgofo] { flex: 1; }
.ai-assistant-prompt-customized[b-ws5hmlgofo] { margin-top: 8px; }
.ai-assistant-prompt-status[b-ws5hmlgofo] { color: var(--rz-text-secondary-color); font-size: .72rem; padding: 0 14px 8px; }
.ai-assistant-prompt-status:empty[b-ws5hmlgofo] { display: none; }
@media (max-width: 760px) {
    .ai-assistant-prompt-hint[b-ws5hmlgofo] { padding-left: 0; }
    .ai-assistant-prompt-fields[b-ws5hmlgofo] { grid-template-columns: 1fr; }
    .ai-assistant-prompt-fields input[b-ws5hmlgofo] { font-size: 16px; }
    .ai-assistant-prompt-link[b-ws5hmlgofo] { min-height: 40px; }
    .ai-assistant-prompt-return[b-ws5hmlgofo] { padding: 10px 14px; }
    .ai-assistant-prompt-draft[b-ws5hmlgofo] { max-height: min(320px, 38dvh); }
}
.ai-assistant-message[b-ws5hmlgofo] {
    width: min(880px, 100%);
    margin: 0 auto 22px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 11px;
}
.ai-assistant-message-body[b-ws5hmlgofo] {
    min-width: 0;
    max-width: 100%;
}
.ai-assistant-message-avatar[b-ws5hmlgofo] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-soft);
    overflow: hidden;
}
.ai-assistant-message-avatar .rzi[b-ws5hmlgofo] { font-size: 1rem; line-height: 1; }
.ai-assistant-system-message-icon[b-ws5hmlgofo] {
    width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-family: system-ui, sans-serif;
    font-size: .7rem;
    font-weight: 900;
    line-height: 1;
}
.ai-assistant-message.is-assistant .ai-assistant-message-avatar[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 34%, var(--ai-assistant-border));
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-soft);
}
.ai-assistant-message.is-system .ai-assistant-message-avatar[b-ws5hmlgofo] { color: #fbbf24; }
.ai-assistant-message-meta[b-ws5hmlgofo] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 2px 0 7px;
}
.ai-assistant-message-meta strong[b-ws5hmlgofo] { font-size: .79rem; }
.ai-assistant-message-meta span[b-ws5hmlgofo] { color: var(--rz-text-secondary-color, #9ca3af); font-size: .65rem; }
.ai-assistant-message-content[b-ws5hmlgofo] {
    min-width: 0;
    max-width: 100%;
    color: var(--rz-text-color, #111827);
    font-size: .87rem;
    line-height: 1.62;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
.ai-assistant-message.is-welcome[b-ws5hmlgofo] {
    width: min(780px, 100%);
    margin-top: 4px;
}
.ai-assistant-message.is-welcome .ai-assistant-message-body[b-ws5hmlgofo] {
    padding: 16px 18px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 20%, var(--ai-assistant-border));
    border-radius: 8px;
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-message.is-welcome .ai-assistant-message-content[b-ws5hmlgofo] {
    font-size: .9rem;
}
.ai-assistant-message.is-welcome .ai-assistant-message-content p:first-child[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    font-size: .98rem;
    line-height: 1.5;
}
.ai-assistant-message.is-user .ai-assistant-message-content[b-ws5hmlgofo] {
    box-sizing: border-box;
    max-width: 100%;
    display: inline-block;
    padding: 10px 13px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 4px 13px 13px;
    background: var(--ai-assistant-surface-soft);
}
.ai-assistant-message.is-system .ai-assistant-message-content[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .78rem;
}
.ai-assistant-message-usage[b-ws5hmlgofo] {
    margin-top: 8px;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .65rem;
}
.ai-assistant-message-files[b-ws5hmlgofo] {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.ai-assistant-file-download[b-ws5hmlgofo] {
    max-width: min(320px, 100%);
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 34%, var(--ai-assistant-border));
    border-radius: 9px;
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-panel);
    text-align: left;
    cursor: pointer;
}
.ai-assistant-file-download:hover:not(:disabled)[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 54%, var(--ai-assistant-border));
    background: color-mix(in srgb, var(--ai-assistant-primary) 12%, var(--ai-assistant-surface));
}
.ai-assistant-file-download:disabled[b-ws5hmlgofo] { opacity: .55; cursor: not-allowed; }
.ai-assistant-file-download > span[b-ws5hmlgofo] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.ai-assistant-file-download strong[b-ws5hmlgofo] {
    overflow: hidden;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-file-download small[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .62rem;
}
.ai-assistant-thinking-dots[b-ws5hmlgofo] {
    height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ai-assistant-thinking-dots span[b-ws5hmlgofo] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ai-assistant-primary-light);
    animation: ai-assistant-thinking-b-ws5hmlgofo 1.1s infinite ease-in-out;
}
.ai-assistant-thinking-dots span:nth-child(2)[b-ws5hmlgofo] { animation-delay: .14s; }
.ai-assistant-thinking-dots span:nth-child(3)[b-ws5hmlgofo] { animation-delay: .28s; }
@keyframes ai-assistant-thinking-b-ws5hmlgofo {
    0%, 60%, 100% { transform: translateY(0); opacity: .45; }
    30% { transform: translateY(-4px); opacity: 1; }
}

.ai-assistant-starter-prompts[b-ws5hmlgofo] {
    width: min(880px, 100%);
    margin: 2px auto 24px;
}
.ai-assistant-starter-heading[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 9px 43px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .72rem;
    font-weight: 700;
}
.ai-assistant-starter-heading .rzi[b-ws5hmlgofo] {
    color: var(--ai-assistant-primary-light);
    font-size: .96rem;
}
.ai-assistant-starter-grid[b-ws5hmlgofo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-left: 43px;
}
.ai-assistant-starter-prompt[b-ws5hmlgofo] {
    min-width: 0;
    min-height: 64px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 8px;
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-surface-soft);
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.ai-assistant-starter-prompt:hover:not(:disabled)[b-ws5hmlgofo],
.ai-assistant-starter-prompt:focus-visible[b-ws5hmlgofo] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 52%, var(--ai-assistant-border));
    background: var(--ai-assistant-primary-panel);
    outline: none;
}
.ai-assistant-starter-prompt:disabled[b-ws5hmlgofo] {
    opacity: .55;
    cursor: not-allowed;
}
.ai-assistant-starter-prompt > .rzi[b-ws5hmlgofo] {
    color: var(--ai-assistant-primary-light);
    font-size: 1.12rem;
}
.ai-assistant-starter-prompt > span[b-ws5hmlgofo] {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.ai-assistant-starter-prompt strong[b-ws5hmlgofo] {
    font-size: .77rem;
    white-space: normal;
    line-height: 1.4;
}
.ai-assistant-starter-prompt small[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .66rem;
    line-height: 1.3;
}

.ai-assistant-pending-actions[b-ws5hmlgofo] {
    max-height: min(330px, 38dvh);
    overflow-y: auto;
    padding: 12px 18px;
    border-top: 1px solid var(--ai-assistant-border);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--ai-assistant-primary-panel) 72%, transparent),
        var(--ai-assistant-surface-softer));
    scrollbar-width: thin;
}
.ai-assistant-pending-title[b-ws5hmlgofo] {
    display: grid;
    grid-template-columns: 30px minmax(0, max-content) minmax(0, 1fr);
    align-items: center;
    gap: 8px 10px;
    margin-bottom: 10px;
    color: var(--rz-text-color, #111827);
    font-size: .76rem;
}
.ai-assistant-pending-title > .rzi[b-ws5hmlgofo] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 30%, var(--ai-assistant-border));
    border-radius: 9px;
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-soft);
    font-size: 1rem;
}
.ai-assistant-pending-title strong[b-ws5hmlgofo] {
    min-width: 0;
    font-size: .82rem;
}
.ai-assistant-pending-title span[b-ws5hmlgofo] {
    min-width: 0;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .72rem;
}
.ai-assistant-action-card[b-ws5hmlgofo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    justify-content: space-between;
    gap: 14px 18px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 20%, var(--ai-assistant-border));
    border-radius: 12px;
    background: var(--ai-assistant-surface);
    box-shadow: 0 12px 30px color-mix(in srgb, #000 10%, transparent);
}
.ai-assistant-action-card + .ai-assistant-action-card[b-ws5hmlgofo] { margin-top: 9px; }
.ai-assistant-action-card > div:first-child[b-ws5hmlgofo] {
    min-width: 0;
    display: grid;
    gap: 7px;
}
.ai-assistant-action-card strong[b-ws5hmlgofo] { font-size: .86rem; }
.ai-assistant-change-set-content > p[b-ws5hmlgofo] {
    margin: 0;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .75rem;
    line-height: 1.48;
}
.ai-assistant-change-set-items[b-ws5hmlgofo] {
    margin: 2px 0 0;
    padding: 0;
    display: grid;
    gap: 6px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    counter-reset: ai-assistant-change-set-item;
    list-style: none;
}
.ai-assistant-change-set-items li[b-ws5hmlgofo] {
    min-width: 0;
    display: grid;
    grid-template-columns: 22px minmax(94px, max-content) minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    background: var(--ai-assistant-surface-soft);
    counter-increment: ai-assistant-change-set-item;
}
.ai-assistant-change-set-items li[b-ws5hmlgofo]::before {
    content: counter(ai-assistant-change-set-item) ".";
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .7rem;
    font-weight: 750;
}
.ai-assistant-change-set-items li + li[b-ws5hmlgofo] { margin-top: 0; }
.ai-assistant-change-set-items span[b-ws5hmlgofo] {
    margin: 0;
    color: var(--ai-assistant-primary-light);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.ai-assistant-change-set-items strong[b-ws5hmlgofo] {
    min-width: 0;
    color: var(--rz-text-color, #111827);
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.42;
}
.ai-assistant-action-kind[b-ws5hmlgofo] {
    width: fit-content;
    padding: 3px 7px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 28%, var(--ai-assistant-border));
    border-radius: 999px;
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-soft);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .05em;
}
.ai-assistant-action-buttons[b-ws5hmlgofo] {
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 8px;
}
.ai-assistant-action-buttons button[b-ws5hmlgofo] {
    min-height: 36px;
    padding-inline: 13px;
    border-radius: 10px;
    font-size: .73rem;
    white-space: nowrap;
}
.ai-assistant-action-buttons .ai-assistant-primary-button[b-ws5hmlgofo] {
    min-width: 190px;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ai-assistant-primary) 22%, transparent);
}

.ai-assistant-composer[b-ws5hmlgofo] {
    padding: 12px clamp(18px, 4vw, 56px) 14px;
    border-top: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-surface);
}
.ai-assistant-composer-box[b-ws5hmlgofo] {
    position: relative;
    width: min(880px, 100%);
    min-width: 0;
    margin: auto;
}
.ai-assistant-hidden-file-input[b-ws5hmlgofo] { display: none; }
.ai-assistant-composer-surface[b-ws5hmlgofo] {
    position: relative;
    overflow: visible;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 13px;
    background: var(--ai-assistant-surface-soft);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.ai-assistant-composer-surface:focus-within[b-ws5hmlgofo] {
    border-color: var(--ai-assistant-primary-light);
    box-shadow: 0 0 0 3px var(--ai-assistant-primary-soft);
}
.ai-assistant-composer textarea[b-ws5hmlgofo] {
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    max-height: 160px;
    resize: vertical;
    display: block;
    padding: 13px 14px 7px;
    border: 0;
    border-radius: 12px 12px 0 0;
    color: var(--rz-text-color, #111827);
    background: transparent;
    font: inherit;
    font-size: .86rem;
    line-height: 1.45;
    outline: none;
}
.ai-assistant-composer textarea:disabled[b-ws5hmlgofo] { opacity: .62; }
.ai-assistant-composer-toolbar[b-ws5hmlgofo] {
    min-height: 43px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 8px 7px;
}
.ai-assistant-attachment-button[b-ws5hmlgofo],
.ai-assistant-microphone-button[b-ws5hmlgofo],
.ai-assistant-prompt-library-button[b-ws5hmlgofo],
.ai-assistant-send-button[b-ws5hmlgofo] {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--rz-text-secondary-color, #9ca3af);
    background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
    cursor: pointer;
    line-height: 1;
}
.ai-assistant-attachment-button[b-ws5hmlgofo]  .rzi,
.ai-assistant-microphone-button[b-ws5hmlgofo]  .rzi,
.ai-assistant-prompt-library-button[b-ws5hmlgofo]  .rzi,
.ai-assistant-send-button[b-ws5hmlgofo]  .rzi {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.ai-assistant-attachment-button:hover:not(:disabled)[b-ws5hmlgofo],
.ai-assistant-microphone-button:hover:not(:disabled)[b-ws5hmlgofo],
.ai-assistant-prompt-library-button:hover:not(:disabled)[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 42%, var(--ai-assistant-border));
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-attachment-button:disabled[b-ws5hmlgofo],
.ai-assistant-microphone-button:disabled[b-ws5hmlgofo],
.ai-assistant-prompt-library-button:disabled[b-ws5hmlgofo] { opacity: .55; cursor: not-allowed; }
.ai-assistant-attachment-menu-host[b-ws5hmlgofo] { position: relative; }
.ai-assistant-attachment-menu[b-ws5hmlgofo] {
    position: absolute;
    z-index: 18;
    left: 0;
    bottom: calc(100% + 8px);
    width: min(310px, calc(100vw - 42px));
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 11px;
    background: var(--ai-assistant-surface);
    box-shadow: var(--rz-shadow-3, 0 16px 44px rgba(0,0,0,.22));
}
.ai-assistant-attachment-menu button[b-ws5hmlgofo] {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 0;
    border-radius: 8px;
    color: var(--rz-text-color, #111827);
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.ai-assistant-attachment-menu button:hover[b-ws5hmlgofo],
.ai-assistant-attachment-menu button:focus-visible[b-ws5hmlgofo] { background: var(--ai-assistant-primary-panel); outline: none; }
.ai-assistant-attachment-menu button > .rzi[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); }
.ai-assistant-attachment-menu button > span[b-ws5hmlgofo] { min-width: 0; display: grid; gap: 2px; }
.ai-assistant-attachment-menu strong[b-ws5hmlgofo] { font-size: .76rem; }
.ai-assistant-attachment-menu small[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .63rem;
    line-height: 1.3;
}
.ai-assistant-attachment-limit[b-ws5hmlgofo] {
    min-width: 0;
    overflow: hidden;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-attachment-strip[b-ws5hmlgofo] {
    max-height: 116px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow-y: auto;
    padding: 8px 8px 0;
}
.ai-assistant-attachment-chip[b-ws5hmlgofo] {
    min-width: 0;
    width: min(255px, 100%);
    height: 44px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 7px;
    padding: 4px 5px;
    border: 1px solid color-mix(in srgb, var(--ai-assistant-primary) 28%, var(--ai-assistant-border));
    border-radius: 9px;
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-attachment-preview[b-ws5hmlgofo],
.ai-assistant-attachment-type-icon[b-ws5hmlgofo] {
    width: 34px;
    height: 34px;
    border-radius: 7px;
}
.ai-assistant-attachment-preview[b-ws5hmlgofo] {
    display: block;
    object-fit: cover;
    background: var(--ai-assistant-surface-soft);
}
.ai-assistant-attachment-type-icon[b-ws5hmlgofo] {
    display: grid;
    place-items: center;
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-soft);
}
.ai-assistant-attachment-copy[b-ws5hmlgofo] { min-width: 0; display: grid; gap: 2px; }
.ai-assistant-attachment-copy strong[b-ws5hmlgofo] {
    overflow: hidden;
    font-size: .69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-attachment-copy small[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .59rem;
}
.ai-assistant-attachment-remove[b-ws5hmlgofo] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: var(--rz-text-secondary-color, #9ca3af);
    background: transparent;
    cursor: pointer;
}
.ai-assistant-attachment-remove:hover:not(:disabled)[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background: color-mix(in srgb, var(--rz-text-color, #111827) 10%, transparent);
}
.ai-assistant-attachment-remove:disabled[b-ws5hmlgofo] { opacity: .5; cursor: not-allowed; }
.ai-assistant-microphone-button.is-recording[b-ws5hmlgofo] {
    color: #fff;
    border-color: rgba(248,113,113,.65);
    background: #dc2626;
    animation: ai-assistant-recording-pulse-b-ws5hmlgofo 1.4s ease-in-out infinite;
}
.ai-assistant-microphone-spinner[b-ws5hmlgofo] {
    width: 14px;
    height: 14px;
    border: 2px solid color-mix(in srgb, var(--rz-text-secondary-color, #697386) 35%, transparent);
    border-top-color: var(--ai-assistant-primary-light);
    border-radius: 50%;
    animation: ai-assistant-microphone-spin-b-ws5hmlgofo .8s linear infinite;
}
.ai-assistant-composer-note .is-active[b-ws5hmlgofo] {
    color: #fca5a5;
    font-weight: 700;
}
@keyframes ai-assistant-recording-pulse-b-ws5hmlgofo {
    50% { box-shadow: 0 0 0 5px rgba(220,38,38,.16); }
}
@keyframes ai-assistant-microphone-spin-b-ws5hmlgofo {
    to { transform: rotate(360deg); }
}
.ai-assistant-send-button[b-ws5hmlgofo] {
    margin-left: auto;
    border: 0;
    color: #fff;
    background: var(--ai-assistant-primary);
}
.ai-assistant-send-button:disabled[b-ws5hmlgofo] {
    color: var(--rz-text-disabled-color, #707685);
    background: color-mix(in srgb, var(--rz-text-disabled-color, #707685) 18%, transparent);
    cursor: not-allowed;
}
.ai-assistant-drop-overlay[b-ws5hmlgofo] {
    position: absolute;
    z-index: 15;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 4px;
    padding: 12px;
    border: 2px dashed var(--ai-assistant-primary-light);
    border-radius: 12px;
    color: var(--ai-assistant-primary-light);
    background: color-mix(in srgb, var(--ai-assistant-primary) 8%, var(--ai-assistant-surface));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .14s ease, visibility .14s ease;
}
.ai-assistant-drop-overlay > .rzi[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); font-size: 1.5rem; }
.ai-assistant-drop-overlay strong[b-ws5hmlgofo] { font-size: .8rem; }
.ai-assistant-drop-overlay span[b-ws5hmlgofo] { color: var(--rz-text-secondary-color, #a3a8b3); font-size: .66rem; }
.ai-assistant-composer-box.is-dragging .ai-assistant-drop-overlay[b-ws5hmlgofo] { opacity: 1; visibility: visible; }
.ai-assistant-attachment-error[b-ws5hmlgofo] {
    width: min(880px, 100%);
    margin: 5px auto 0;
    color: #fca5a5;
    font-size: .65rem;
    line-height: 1.35;
}
.ai-assistant-attachment-error:empty[b-ws5hmlgofo] { display: none; }
.ai-assistant-composer-note[b-ws5hmlgofo] {
    width: min(880px, 100%);
    margin: 6px auto 0;
    justify-content: space-between;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .62rem;
}

@media (max-width: 820px) {
    .ai-assistant-overlay[b-ws5hmlgofo] { padding: 0; }
    .ai-assistant-shell[b-ws5hmlgofo] { width: 100vw; height: 100dvh; min-height: 0; border: 0; border-radius: 0; }
    .ai-assistant-workspace[b-ws5hmlgofo] { grid-template-columns: 220px minmax(0, 1fr); }
    .ai-assistant-provider-choice-grid[b-ws5hmlgofo] { grid-template-columns: 1fr; }
    .ai-assistant-new-chat-controls[b-ws5hmlgofo] { grid-template-columns: 1fr; }
    .ai-assistant-new-chat-controls .ai-assistant-primary-button[b-ws5hmlgofo] { width: 100%; }
    .ai-assistant-chat-configuration[b-ws5hmlgofo] { grid-template-columns: 1fr 1fr; }
    .ai-assistant-chat-configuration-actions[b-ws5hmlgofo] { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (max-width: 620px) {
    .ai-assistant-launcher[b-ws5hmlgofo] { right: 15px; bottom: 19px; width: 52px; height: 52px; }
    .ai-assistant-workspace[b-ws5hmlgofo] { grid-template-columns: 1fr; }
    .ai-assistant-new-chat[b-ws5hmlgofo] {
        padding: 22px 16px 24px;
    }
    .ai-assistant-new-chat-intro[b-ws5hmlgofo] {
        grid-template-columns: 1fr;
        gap: 11px;
    }
    .ai-assistant-new-chat-section-heading[b-ws5hmlgofo] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
    .ai-assistant-sidebar[b-ws5hmlgofo] {
        max-height: 190px;
        border-right: 0;
        border-bottom: 1px solid var(--ai-assistant-border);
    }
    .ai-assistant-chat-list[b-ws5hmlgofo] { flex-direction: row; overflow-x: auto; overflow-y: hidden; }
    .ai-assistant-chat-row[b-ws5hmlgofo] { flex: 0 0 220px; }
    .ai-assistant-usage[b-ws5hmlgofo] { display: none; }
    .ai-assistant-starter-grid[b-ws5hmlgofo] { grid-template-columns: 1fr; padding-left: 0; }
    .ai-assistant-starter-heading[b-ws5hmlgofo] { margin-left: 0; }
    .ai-assistant-action-card[b-ws5hmlgofo] { grid-template-columns: 1fr; align-items: stretch; }
    .ai-assistant-action-buttons[b-ws5hmlgofo] { justify-content: flex-end; flex-wrap: wrap; }
    .ai-assistant-composer-note span:first-child:not(.is-active)[b-ws5hmlgofo] { display: none; }
    .ai-assistant-composer-note[b-ws5hmlgofo] { justify-content: flex-end; }
    .ai-assistant-chat-configuration[b-ws5hmlgofo] { grid-template-columns: 1fr; }
    .ai-assistant-chat-configuration-actions[b-ws5hmlgofo] { grid-column: auto; }
}

.ai-assistant-chat-heading[b-ws5hmlgofo] { min-width: 0; }
.ai-assistant-chat-header-actions[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 7px;
}
.ai-assistant-permission-selector[b-ws5hmlgofo] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 7px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 8px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-soft);
    font-size: .68rem;
    font-weight: 700;
}
.ai-assistant-permission-selector .rzi[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); font-size: .9rem; }
.ai-assistant-permission-selector select[b-ws5hmlgofo] {
    max-width: 154px;
    border: 0;
    outline: 0;
    color: var(--rz-text-color, #111827);
    background: transparent;
    font: inherit;
    cursor: pointer;
    color-scheme: light;
}
.ai-assistant-permission-selector select option[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background-color: var(--ai-assistant-surface);
}
.material-dark .ai-assistant-permission-selector select[b-ws5hmlgofo] { color-scheme: dark; }
.ai-assistant-permission-selector select:disabled[b-ws5hmlgofo] { cursor: not-allowed; opacity: .62; }
.ai-assistant-header-action[b-ws5hmlgofo] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 9px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 8px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-soft);
    font-size: .7rem;
    font-weight: 700;
    cursor: pointer;
}
.ai-assistant-header-action:hover[b-ws5hmlgofo],
.ai-assistant-header-action.is-active[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 52%, var(--ai-assistant-border));
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-export[b-ws5hmlgofo] { position: relative; }
.ai-assistant-export-menu[b-ws5hmlgofo] {
    position: absolute;
    z-index: 4;
    top: calc(100% + 6px);
    right: 0;
    width: 150px;
    padding: 5px;
    display: grid;
    gap: 3px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    background: var(--ai-assistant-surface);
    box-shadow: var(--rz-shadow-3, 0 12px 28px rgba(0,0,0,.22));
}
.ai-assistant-export-menu button[b-ws5hmlgofo] {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 9px;
    border: 0;
    border-radius: 7px;
    color: var(--rz-text-color, #111827);
    background: transparent;
    font-size: .73rem;
    text-align: left;
    cursor: pointer;
}
.ai-assistant-export-menu button:hover[b-ws5hmlgofo] { background: var(--ai-assistant-primary-panel); }
.ai-assistant-chat-search[b-ws5hmlgofo] {
    min-height: 46px;
    display: grid;
    grid-template-columns: auto minmax(120px, 1fr) auto auto auto auto;
    align-items: center;
    gap: 7px;
    padding: 7px 18px;
    border-bottom: 1px solid var(--ai-assistant-border);
    background: var(--ai-assistant-primary-panel);
    color: var(--rz-text-secondary-color, #a3a8b3);
}
.ai-assistant-chat-search input[b-ws5hmlgofo] {
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: var(--rz-input-border, 1px solid var(--ai-assistant-border));
    border-radius: 8px;
    color: var(--rz-input-color, var(--rz-text-color, #111827));
    background: var(--rz-input-background-color, var(--ai-assistant-surface));
    font: inherit;
    font-size: .76rem;
    outline: none;
}
.ai-assistant-chat-search input:focus[b-ws5hmlgofo] {
    border-color: var(--ai-assistant-primary-light);
    box-shadow: 0 0 0 2px var(--ai-assistant-primary-soft);
}
.ai-assistant-search-count[b-ws5hmlgofo] {
    min-width: 64px;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .68rem;
    text-align: right;
    white-space: nowrap;
}
.ai-assistant-chat-search button[b-ws5hmlgofo] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 7px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: transparent;
    cursor: pointer;
}
.ai-assistant-chat-search button:hover:not(:disabled)[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
}
.ai-assistant-chat-search button:disabled[b-ws5hmlgofo] { opacity: .35; cursor: not-allowed; }
.ai-assistant-message-content mark[b-ws5hmlgofo] {
    padding: 0 1px;
    border-radius: 2px;
    color: #111827;
    background: #facc15;
}
.ai-assistant-message.is-search-result[b-ws5hmlgofo] {
    padding: 9px;
    border-radius: 11px;
    outline: 2px solid color-mix(in srgb, var(--ai-assistant-primary) 62%, transparent);
    background: var(--ai-assistant-primary-panel);
}

@media (max-width: 820px) {
    .ai-assistant-chat-header[b-ws5hmlgofo] { align-items: flex-start; }
    .ai-assistant-chat-header-actions[b-ws5hmlgofo] { flex-wrap: wrap; justify-content: flex-end; }
}

@media (max-width: 620px) {
    .ai-assistant-chat-header[b-ws5hmlgofo] { padding-inline: 12px; }
    .ai-assistant-header-action span[b-ws5hmlgofo] { display: none; }
    .ai-assistant-header-action[b-ws5hmlgofo] { width: 32px; padding: 0; }
    .ai-assistant-chat-search[b-ws5hmlgofo] {
        grid-template-columns: auto minmax(80px, 1fr) auto auto auto;
        padding-inline: 12px;
    }
    .ai-assistant-chat-search > .rzi:first-child[b-ws5hmlgofo] { display: none; }
    .ai-assistant-search-count[b-ws5hmlgofo] { min-width: 50px; }
}

.ai-assistant-history-top-sentinel[b-ws5hmlgofo] {
    height: 1px;
    pointer-events: none;
}
.ai-assistant-history-loader[b-ws5hmlgofo],
.ai-assistant-load-older[b-ws5hmlgofo] {
    min-height: 34px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--rz-text-secondary-color, #9ca3af);
    font-size: .72rem;
}
.ai-assistant-load-older[b-ws5hmlgofo] {
    padding: 0 12px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 999px;
    background: var(--ai-assistant-surface-soft);
    cursor: pointer;
}
.ai-assistant-load-older:hover[b-ws5hmlgofo] {
    border-color: color-mix(in srgb, var(--ai-assistant-primary) 48%, var(--ai-assistant-border));
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-panel);
}

.ai-assistant-message-content > :first-child[b-ws5hmlgofo] { margin-top: 0; }
.ai-assistant-message-content > :last-child[b-ws5hmlgofo] { margin-bottom: 0; }
.ai-assistant-message-content p[b-ws5hmlgofo] { margin: 0 0 .72em; }
.ai-assistant-message-content h1[b-ws5hmlgofo],
.ai-assistant-message-content h2[b-ws5hmlgofo],
.ai-assistant-message-content h3[b-ws5hmlgofo],
.ai-assistant-message-content h4[b-ws5hmlgofo],
.ai-assistant-message-content h5[b-ws5hmlgofo],
.ai-assistant-message-content h6[b-ws5hmlgofo] {
    margin: 1.2em 0 .48em;
    color: var(--rz-text-color, #111827);
    line-height: 1.28;
    letter-spacing: 0;
}
.ai-assistant-message-content h1[b-ws5hmlgofo] { font-size: 1.32rem; }
.ai-assistant-message-content h2[b-ws5hmlgofo] { font-size: 1.16rem; }
.ai-assistant-message-content h3[b-ws5hmlgofo] { font-size: 1.02rem; }
.ai-assistant-message-content h4[b-ws5hmlgofo],
.ai-assistant-message-content h5[b-ws5hmlgofo],
.ai-assistant-message-content h6[b-ws5hmlgofo] { font-size: .92rem; }
.ai-assistant-message-content ul[b-ws5hmlgofo],
.ai-assistant-message-content ol[b-ws5hmlgofo] { margin: .45em 0 .8em; padding-left: 1.45rem; }
.ai-assistant-message-content li + li[b-ws5hmlgofo] { margin-top: .22em; }
.ai-assistant-message-content blockquote[b-ws5hmlgofo] {
    margin: .7em 0;
    padding: .45em .8em;
    border-left: 3px solid var(--ai-assistant-primary-light);
    color: var(--rz-text-secondary-color, #b5bac5);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-message-content code[b-ws5hmlgofo] {
    padding: .12em .34em;
    border-radius: 5px;
    color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-soft);
    font: .88em ui-monospace, SFMono-Regular, Consolas, monospace;
}
.ai-assistant-message-content pre[b-ws5hmlgofo] {
    max-width: 100%;
    overflow: auto;
    margin: .75em 0;
    padding: 12px 14px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 9px;
    background: var(--ai-assistant-surface-soft);
}
.ai-assistant-message-content pre code[b-ws5hmlgofo] { padding: 0; color: var(--rz-text-color, #111827); background: transparent; }
.ai-assistant-message-content a[b-ws5hmlgofo] { color: var(--ai-assistant-primary-light); text-decoration: underline; text-underline-offset: 2px; }
.ai-assistant-table-wrap[b-ws5hmlgofo] { max-width: 100%; margin: .8em 0; overflow-x: auto; }
.ai-assistant-message-content table[b-ws5hmlgofo] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.ai-assistant-message-content th[b-ws5hmlgofo],
.ai-assistant-message-content td[b-ws5hmlgofo] {
    padding: 8px 10px;
    border: 1px solid var(--ai-assistant-border);
    text-align: left;
    vertical-align: top;
}
.ai-assistant-message-content th[b-ws5hmlgofo] {
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-message-content tbody tr:nth-child(even)[b-ws5hmlgofo] { background: var(--ai-assistant-surface-softer); }

.ai-assistant-scheduled-tasks-overlay[b-ws5hmlgofo] {
    position: absolute;
    z-index: 28;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(14px, 3vw, 36px);
    border-radius: inherit;
    background: rgba(3,6,15,.76);
    backdrop-filter: blur(5px);
}
.ai-assistant-scheduled-tasks-dialog[b-ws5hmlgofo] {
    width: min(1100px, 100%);
    max-height: min(760px, calc(100dvh - 72px));
    min-height: 260px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 14px;
    color: var(--rz-text-color, #111827);
    background: var(--ai-assistant-surface);
    box-shadow: var(--rz-shadow-3, 0 28px 70px rgba(0,0,0,.3));
}
.ai-assistant-scheduled-tasks-dialog-header[b-ws5hmlgofo] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--ai-assistant-border);
}
.ai-assistant-scheduled-tasks-dialog-header > div[b-ws5hmlgofo],
.ai-assistant-scheduled-task-info > div[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ai-assistant-scheduled-tasks-dialog-header h2[b-ws5hmlgofo] { margin: 0; font-size: 1rem; }
.ai-assistant-scheduled-tasks-dialog-header span[b-ws5hmlgofo] {
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .7rem;
}
.ai-assistant-scheduled-tasks-dialog-icon[b-ws5hmlgofo] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--ai-assistant-primary-light) !important;
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-scheduled-tasks-state[b-ws5hmlgofo] {
    flex: 1;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .8rem;
}
.ai-assistant-scheduled-tasks-error[b-ws5hmlgofo] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    color: #fca5a5;
    background: rgba(239,68,68,.1);
    font-size: .72rem;
}
.ai-assistant-scheduled-tasks-table-wrap[b-ws5hmlgofo] { min-height: 0; overflow: auto; }
.ai-assistant-scheduled-tasks-table[b-ws5hmlgofo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .74rem;
}
.ai-assistant-scheduled-tasks-table th[b-ws5hmlgofo],
.ai-assistant-scheduled-tasks-table td[b-ws5hmlgofo] {
    padding: 11px 12px;
    border-bottom: 1px solid var(--ai-assistant-border);
    text-align: left;
    vertical-align: middle;
}
.ai-assistant-scheduled-tasks-table th[b-ws5hmlgofo] {
    position: sticky;
    z-index: 1;
    top: 0;
    color: var(--rz-text-secondary-color, #a3a8b3);
    background: var(--ai-assistant-surface-softer);
    font-size: .66rem;
}
.ai-assistant-scheduled-tasks-table th:nth-child(1)[b-ws5hmlgofo] { width: 16%; }
.ai-assistant-scheduled-tasks-table th:nth-child(2)[b-ws5hmlgofo] { width: 38%; }
.ai-assistant-scheduled-tasks-table th:nth-child(3)[b-ws5hmlgofo] { width: 14%; }
.ai-assistant-scheduled-tasks-table th:nth-child(4)[b-ws5hmlgofo] { width: 8%; }
.ai-assistant-scheduled-tasks-table th:nth-child(5)[b-ws5hmlgofo] { width: 24%; }
.ai-assistant-scheduled-task-chat-link[b-ws5hmlgofo] {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    color: var(--ai-assistant-primary-light);
    background: transparent;
    cursor: pointer;
}
.ai-assistant-scheduled-task-chat-link span[b-ws5hmlgofo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-scheduled-task-chat-link:hover span[b-ws5hmlgofo] { text-decoration: underline; }
.ai-assistant-scheduled-task-info[b-ws5hmlgofo] { min-width: 0; }
.ai-assistant-scheduled-task-info > div[b-ws5hmlgofo] { justify-content: space-between; }
.ai-assistant-scheduled-task-info > span[b-ws5hmlgofo],
.ai-assistant-scheduled-task-info > small[b-ws5hmlgofo] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ai-assistant-scheduled-task-info > span[b-ws5hmlgofo] {
    margin-top: 4px;
    color: var(--rz-text-secondary-color, #a3a8b3);
}
.ai-assistant-scheduled-task-info > small[b-ws5hmlgofo] {
    margin-top: 5px;
    color: var(--ai-assistant-primary-light);
    font-size: .64rem;
}
.ai-assistant-scheduled-task-next-run[b-ws5hmlgofo] { color: var(--rz-text-secondary-color, #a3a8b3); }
.ai-assistant-scheduled-task-runs[b-ws5hmlgofo] { font-variant-numeric: tabular-nums; }
.ai-assistant-scheduled-task-actions[b-ws5hmlgofo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 5px;
}
.ai-assistant-scheduled-task-actions button[b-ws5hmlgofo] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 8px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 7px;
    color: inherit;
    background: var(--ai-assistant-surface-soft);
    font-size: .66rem;
    font-weight: 700;
    cursor: pointer;
}
.ai-assistant-scheduled-task-actions button:hover:not(:disabled)[b-ws5hmlgofo] {
    border-color: var(--ai-assistant-primary-light);
    background: var(--ai-assistant-primary-panel);
}
.ai-assistant-scheduled-task-actions button.is-danger[b-ws5hmlgofo] { color: #fca5a5; }
.ai-assistant-scheduled-task-actions button.is-confirm-delete[b-ws5hmlgofo] {
    border-color: #dc2626;
    color: #fff;
    background: #dc2626;
}
.ai-assistant-scheduled-task-actions button:disabled[b-ws5hmlgofo] { opacity: .5; cursor: wait; }

.ai-assistant-local-confirm-overlay[b-ws5hmlgofo] {
    position: absolute;
    z-index: 30;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    border-radius: inherit;
    background: rgba(3,6,15,.76);
    backdrop-filter: blur(5px);
}
.ai-assistant-local-confirm[b-ws5hmlgofo] {
    width: min(440px, 100%);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 13px;
    padding: 20px;
    border: 1px solid var(--ai-assistant-border);
    border-radius: 14px;
    background: var(--ai-assistant-surface);
    box-shadow: var(--rz-shadow-3, 0 28px 70px rgba(0,0,0,.28));
}
.ai-assistant-local-confirm-icon[b-ws5hmlgofo] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fca5a5;
    background: rgba(239,68,68,.12);
}
.ai-assistant-local-confirm-icon.is-warning[b-ws5hmlgofo] {
    color: #fbbf24;
    background: rgba(245,158,11,.14);
}

.ai-assistant-working-label[b-ws5hmlgofo] {
    display: block;
    margin-top: 2px;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-size: .72rem;
}
.ai-assistant-local-confirm h2[b-ws5hmlgofo] { margin: 0 0 6px; font-size: 1rem; }
.ai-assistant-local-confirm p[b-ws5hmlgofo] { margin: 0; color: var(--rz-text-secondary-color, #a3a8b3); font-size: .8rem; line-height: 1.5; }
.ai-assistant-local-confirm-actions[b-ws5hmlgofo] { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; margin-top: 5px; }
.ai-assistant-danger-button[b-ws5hmlgofo] {
    min-height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #dc2626;
    border-radius: 9px;
    color: #fff;
    background: #dc2626;
    font-weight: 750;
    cursor: pointer;
}
.ai-assistant-danger-button:disabled[b-ws5hmlgofo] { opacity: .5; cursor: not-allowed; }

@media (max-width: 700px) {
    .ai-assistant-overlay[b-ws5hmlgofo] {
        place-items: stretch;
        padding: 0;
    }

    .ai-assistant-shell[b-ws5hmlgofo] {
        width: 100vw;
        height: 100dvh;
        max-width: 100vw;
        max-height: 100dvh;
        min-height: 0;
        border: 0;
        border-radius: 0;
    }

    .ai-assistant-topbar[b-ws5hmlgofo] {
        min-height: 62px;
        gap: 10px;
        padding: calc(9px + env(safe-area-inset-top)) 12px 9px;
    }

    .ai-assistant-brand[b-ws5hmlgofo] {
        flex: 1 1 auto;
        gap: 10px;
        overflow: hidden;
    }

    .ai-assistant-brand-icon[b-ws5hmlgofo] {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border-radius: 10px;
    }

    .ai-assistant-brand strong[b-ws5hmlgofo] {
        font-size: .98rem;
    }

    .ai-assistant-brand-copy[b-ws5hmlgofo] {
        min-width: 0;
    }

    .ai-assistant-brand-copy > span[b-ws5hmlgofo] {
        max-width: 100%;
        overflow: hidden;
        font-size: .68rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ai-assistant-topbar-actions[b-ws5hmlgofo] {
        flex: 0 0 auto;
        gap: 6px;
    }

    .ai-assistant-chat-limit[b-ws5hmlgofo] {
        padding: 4px 8px;
        font-size: .64rem;
        white-space: nowrap;
    }

    .ai-assistant-icon-button[b-ws5hmlgofo] {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }

    .ai-assistant-workspace[b-ws5hmlgofo] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .ai-assistant-sidebar[b-ws5hmlgofo] {
        max-height: 156px;
        padding: 10px 12px 8px;
        border-right: 0;
        border-bottom: 1px solid var(--ai-assistant-border);
    }

    .ai-assistant-new-chat-button[b-ws5hmlgofo] {
        min-height: 34px;
        flex: 0 0 auto;
    }

    .ai-assistant-chat-list[b-ws5hmlgofo] {
        height: auto;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1px 36px 8px 0;
        overscroll-behavior-x: contain;
        scroll-padding-inline: 0 36px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .ai-assistant-chat-list[b-ws5hmlgofo]::-webkit-scrollbar {
        display: none;
    }

    .ai-assistant-chat-list-shell[b-ws5hmlgofo] {
        flex: 0 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .ai-assistant-chat-list-shell.has-overflow-hint[b-ws5hmlgofo]::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        width: 44px;
        background: linear-gradient(90deg, transparent, var(--ai-assistant-surface-softer) 72%);
        pointer-events: none;
    }

    .ai-assistant-chat-list-shell.has-overflow-hint[b-ws5hmlgofo]::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 13px;
        width: 10px;
        height: 10px;
        border-top: 2px solid var(--ai-assistant-primary-light);
        border-right: 2px solid var(--ai-assistant-primary-light);
        opacity: .9;
        transform: translateY(-50%) rotate(45deg);
        animation: ai-assistant-chat-rail-nudge-b-ws5hmlgofo 1.6s ease-in-out infinite;
        pointer-events: none;
    }

    .ai-assistant-chat-row[b-ws5hmlgofo] {
        flex: 0 0 min(282px, 78vw);
        scroll-snap-align: start;
    }

    .ai-assistant-chat-select[b-ws5hmlgofo] {
        padding: 10px 44px 9px 10px;
    }

    .ai-assistant-chat-actions[b-ws5hmlgofo] {
        opacity: 1;
    }

    .ai-assistant-main[b-ws5hmlgofo] {
        min-height: 0;
        overflow: hidden;
    }

    .ai-assistant-chat-header[b-ws5hmlgofo] {
        min-height: 58px;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
    }

    .ai-assistant-chat-heading[b-ws5hmlgofo] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .ai-assistant-chat-header h2[b-ws5hmlgofo] {
        max-width: 100%;
        overflow: hidden;
        font-size: .98rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ai-assistant-chat-configuration-trigger[b-ws5hmlgofo] {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ai-assistant-chat-header-actions[b-ws5hmlgofo] {
        flex: 0 0 auto;
        gap: 6px;
    }

    .ai-assistant-permission-selector > span[b-ws5hmlgofo],
    .ai-assistant-permission-selector > .rzi[b-ws5hmlgofo] {
        display: none;
    }

    .ai-assistant-permission-selector[b-ws5hmlgofo] {
        padding-inline: 5px;
    }

    .ai-assistant-permission-selector select[b-ws5hmlgofo] {
        width: 118px;
        max-width: 118px;
    }

    .ai-assistant-header-action[b-ws5hmlgofo] {
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0;
    }

    .ai-assistant-header-action span[b-ws5hmlgofo] {
        display: none;
    }

    .ai-assistant-chat-search[b-ws5hmlgofo] {
        grid-template-columns: minmax(0, 1fr) auto auto auto auto;
        gap: 5px;
        padding: 8px 12px;
    }

    .ai-assistant-chat-search > .rzi:first-child[b-ws5hmlgofo] {
        display: none;
    }

    .ai-assistant-chat-search input[b-ws5hmlgofo] {
        width: 100%;
        font-size: 16px;
    }

    .ai-assistant-shell textarea[b-ws5hmlgofo],
    .ai-assistant-shell input:not([type=file])[b-ws5hmlgofo] {
        font-size: 16px;
    }

    .ai-assistant-search-count[b-ws5hmlgofo] {
        min-width: auto;
        font-size: .62rem;
    }

    .ai-assistant-chat-configuration[b-ws5hmlgofo] {
        grid-template-columns: 1fr;
        padding: 10px 12px;
    }

    .ai-assistant-chat-configuration-actions[b-ws5hmlgofo] {
        grid-column: auto;
        justify-content: stretch;
    }

    .ai-assistant-chat-configuration-actions button[b-ws5hmlgofo] {
        flex: 1 1 0;
    }

    .ai-assistant-schedules[b-ws5hmlgofo] {
        padding: 8px 12px;
    }

    .ai-assistant-schedule-list[b-ws5hmlgofo] {
        grid-auto-columns: minmax(230px, 84vw);
    }

    .ai-assistant-messages[b-ws5hmlgofo] {
        padding: 14px 12px;
        overflow-x: hidden;
    }

    .ai-assistant-message[b-ws5hmlgofo] {
        width: 100%;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 8px;
        margin-bottom: 18px;
    }

    .ai-assistant-message-avatar[b-ws5hmlgofo] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .ai-assistant-message-meta[b-ws5hmlgofo] {
        flex-wrap: wrap;
        gap: 3px 8px;
        margin: 1px 0 6px;
    }

    .ai-assistant-message-content[b-ws5hmlgofo] {
        font-size: .84rem;
        line-height: 1.55;
    }

    .ai-assistant-message.is-welcome[b-ws5hmlgofo] {
        width: 100%;
    }

    .ai-assistant-message.is-welcome .ai-assistant-message-body[b-ws5hmlgofo] {
        padding: 12px;
    }

    .ai-assistant-message.is-welcome .ai-assistant-message-content[b-ws5hmlgofo] {
        font-size: .84rem;
    }

    .ai-assistant-message.is-welcome .ai-assistant-message-content p:first-child[b-ws5hmlgofo] {
        font-size: .9rem;
    }

    .ai-assistant-message-content pre[b-ws5hmlgofo] {
        padding: 10px;
    }

    .ai-assistant-starter-prompts[b-ws5hmlgofo] {
        width: 100%;
        margin-bottom: 16px;
    }

    .ai-assistant-starter-heading[b-ws5hmlgofo] {
        margin-left: 0;
    }

    .ai-assistant-starter-grid[b-ws5hmlgofo] {
        grid-template-columns: 1fr;
        padding-left: 0;
    }

    .ai-assistant-starter-prompt[b-ws5hmlgofo] {
        min-height: auto;
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .ai-assistant-pending-actions[b-ws5hmlgofo] {
        max-height: 42dvh;
        padding: 10px 12px;
    }

    .ai-assistant-pending-title[b-ws5hmlgofo] {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 2px 9px;
        margin-bottom: 9px;
    }

    .ai-assistant-pending-title > .rzi[b-ws5hmlgofo] {
        grid-row: 1 / span 2;
    }

    .ai-assistant-pending-title span[b-ws5hmlgofo] {
        grid-column: 2;
    }

    .ai-assistant-action-card[b-ws5hmlgofo] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }

    .ai-assistant-change-set-items li[b-ws5hmlgofo] {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 3px 8px;
        padding: 7px 8px;
    }

    .ai-assistant-change-set-items li[b-ws5hmlgofo]::before {
        grid-row: 1 / span 2;
    }

    .ai-assistant-change-set-items span[b-ws5hmlgofo],
    .ai-assistant-change-set-items strong[b-ws5hmlgofo] {
        grid-column: 2;
    }

    .ai-assistant-action-buttons[b-ws5hmlgofo] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        gap: 8px;
    }

    .ai-assistant-action-buttons button[b-ws5hmlgofo] {
        min-width: 0;
        width: 100%;
        justify-content: center;
    }

    .ai-assistant-action-buttons .ai-assistant-primary-button[b-ws5hmlgofo] {
        grid-column: 1 / -1;
        order: -1;
    }

    .ai-assistant-composer[b-ws5hmlgofo] {
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    }

    .ai-assistant-composer-box[b-ws5hmlgofo],
    .ai-assistant-attachment-error[b-ws5hmlgofo],
    .ai-assistant-composer-note[b-ws5hmlgofo] {
        width: 100%;
    }

    .ai-assistant-composer textarea[b-ws5hmlgofo] {
        min-height: 72px;
        max-height: 128px;
        padding: 12px 12px 6px;
        resize: none;
    }

    .ai-assistant-composer-toolbar[b-ws5hmlgofo] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        min-height: 40px;
        max-width: 100%;
        padding: 4px 7px 7px;
    }

    .ai-assistant-attachment-button[b-ws5hmlgofo],
    .ai-assistant-microphone-button[b-ws5hmlgofo],
    .ai-assistant-prompt-library-button[b-ws5hmlgofo],
    .ai-assistant-send-button[b-ws5hmlgofo] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .ai-assistant-attachment-limit[b-ws5hmlgofo] {
        flex: 1 1 0;
        max-width: 100%;
    }

    .ai-assistant-composer-note[b-ws5hmlgofo] {
        justify-content: flex-end;
    }

    .ai-assistant-composer-note span:first-child:not(.is-active)[b-ws5hmlgofo] {
        display: none;
    }
}

@keyframes ai-assistant-chat-rail-nudge-b-ws5hmlgofo {
    0%, 100% { transform: translate(-2px, -50%) rotate(45deg); }
    50% { transform: translate(2px, -50%) rotate(45deg); }
}

@media (max-width: 420px) {
    .ai-assistant-topbar[b-ws5hmlgofo] {
        padding-inline: 10px;
    }

    .ai-assistant-brand[b-ws5hmlgofo] {
        gap: 8px;
    }

    .ai-assistant-brand-icon[b-ws5hmlgofo] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .ai-assistant-chat-limit[b-ws5hmlgofo] {
        padding-inline: 7px;
        font-size: .6rem;
    }

    .ai-assistant-sidebar[b-ws5hmlgofo] {
        max-height: 150px;
        padding-inline: 10px;
    }

    .ai-assistant-new-chat[b-ws5hmlgofo] {
        padding: 20px 12px 22px;
    }

    .ai-assistant-new-chat-intro[b-ws5hmlgofo] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ai-assistant-new-chat-section-heading[b-ws5hmlgofo],
    .ai-assistant-provider-choice-title[b-ws5hmlgofo] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .ai-assistant-provider-choice-description[b-ws5hmlgofo],
    .ai-assistant-provider-choice-action[b-ws5hmlgofo] {
        margin-left: 0;
    }

    .ai-assistant-messages[b-ws5hmlgofo],
    .ai-assistant-composer[b-ws5hmlgofo] {
        padding-inline: 10px;
    }

    .ai-assistant-message[b-ws5hmlgofo] {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 7px;
    }

    .ai-assistant-message-avatar[b-ws5hmlgofo] {
        width: 24px;
        height: 24px;
    }

    .ai-assistant-chat-search[b-ws5hmlgofo] {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
    }

    .ai-assistant-search-count[b-ws5hmlgofo] {
        display: none;
    }
}

@media (max-width: 620px) {
    .ai-assistant-mobile-drawer-button[b-ws5hmlgofo] {
        flex: 0 0 34px;
        display: grid;
    }

    .ai-assistant-mobile-drawer-button[b-ws5hmlgofo]  .rzi,
    .ai-assistant-mobile-schedule-button[b-ws5hmlgofo]  .rzi {
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 20px;
    }

    .ai-assistant-topbar-left[b-ws5hmlgofo] {
        flex: 1 1 auto;
        gap: 8px;
    }

    .ai-assistant-workspace[b-ws5hmlgofo] {
        position: relative;
        grid-template-rows: minmax(0, 1fr);
    }

    .ai-assistant-mobile-drawer-backdrop[b-ws5hmlgofo] {
        position: absolute;
        z-index: 20;
        inset: 0;
        display: block;
        padding: 0;
        border: 0;
        background: rgba(4, 7, 17, .32);
        cursor: default;
    }

    .ai-assistant-sidebar[b-ws5hmlgofo] {
        position: absolute;
        z-index: 21;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(342px, 86vw);
        height: auto;
        max-height: none;
        padding: 12px;
        border-right: 1px solid var(--ai-assistant-border);
        border-bottom: 0;
        background: var(--ai-assistant-surface);
        box-shadow: 18px 0 48px rgba(0, 0, 0, .22);
        opacity: 0;
        transform: translateX(-104%);
        transition: transform .18s ease, opacity .18s ease;
        visibility: hidden;
        pointer-events: none;
    }

    .ai-assistant-sidebar.is-mobile-open[b-ws5hmlgofo] {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .ai-assistant-mobile-drawer-header[b-ws5hmlgofo] {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        color: var(--rz-text-color, #111827);
    }

    .ai-assistant-mobile-drawer-header button[b-ws5hmlgofo],
    .ai-assistant-mobile-sheet-header button[b-ws5hmlgofo] {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 0;
        border-radius: 8px;
        color: var(--rz-text-secondary-color, #a3a8b3);
        background: transparent;
        cursor: pointer;
    }

    .ai-assistant-mobile-drawer-header button:hover[b-ws5hmlgofo],
    .ai-assistant-mobile-sheet-header button:hover[b-ws5hmlgofo] {
        color: var(--rz-text-color, #111827);
        background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
    }

    .ai-assistant-chat-list[b-ws5hmlgofo] {
        height: 100%;
        flex-direction: column;
        gap: 4px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        overscroll-behavior: contain;
        scroll-padding-inline: 0;
        scroll-snap-type: none;
        scrollbar-width: thin;
    }

    .ai-assistant-chat-list-shell[b-ws5hmlgofo] {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .ai-assistant-chat-list-shell.has-overflow-hint[b-ws5hmlgofo]::before,
    .ai-assistant-chat-list-shell.has-overflow-hint[b-ws5hmlgofo]::after {
        display: none;
    }

    .ai-assistant-chat-row[b-ws5hmlgofo] {
        width: 100%;
        flex: 0 0 auto;
        scroll-snap-align: none;
    }

    .ai-assistant-schedules[b-ws5hmlgofo] {
        display: none;
    }

    .ai-assistant-mobile-schedule-button[b-ws5hmlgofo] {
        position: relative;
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        display: grid;
    }

    .ai-assistant-mobile-schedule-button > span[b-ws5hmlgofo] {
        position: absolute;
        top: -5px;
        right: -5px;
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        display: grid;
        place-items: center;
        border: 2px solid var(--ai-assistant-surface-softer);
        border-radius: 999px;
        color: #fff;
        background: var(--ai-assistant-primary);
        font-size: .58rem;
        font-weight: 800;
        line-height: 1;
    }

    .ai-assistant-mobile-sheet-backdrop[b-ws5hmlgofo] {
        position: absolute;
        z-index: 24;
        inset: 0;
        display: block;
        padding: 0;
        border: 0;
        background: rgba(4, 7, 17, .34);
        cursor: default;
    }

    .ai-assistant-mobile-schedules-sheet[b-ws5hmlgofo] {
        position: absolute;
        z-index: 25;
        right: 0;
        bottom: 0;
        left: 0;
        max-height: min(68dvh, 520px);
        display: flex;
        flex-direction: column;
        padding: 9px 12px calc(12px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--ai-assistant-border);
        border-radius: 16px 16px 0 0;
        background: var(--ai-assistant-surface);
        box-shadow: 0 -18px 48px rgba(0, 0, 0, .24);
    }

    .ai-assistant-mobile-sheet-handle[b-ws5hmlgofo] {
        width: 42px;
        height: 4px;
        margin: 0 auto 9px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--rz-text-secondary-color, #697386) 34%, transparent);
    }

    .ai-assistant-mobile-sheet-header[b-ws5hmlgofo] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 10px;
    }

    .ai-assistant-mobile-sheet-header > div[b-ws5hmlgofo] {
        min-width: 0;
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .ai-assistant-mobile-sheet-header strong[b-ws5hmlgofo] {
        color: var(--rz-text-color, #111827);
        font-size: .95rem;
    }

    .ai-assistant-mobile-sheet-header span[b-ws5hmlgofo] {
        color: var(--rz-text-secondary-color, #a3a8b3);
        font-size: .72rem;
        font-weight: 700;
    }

    .ai-assistant-mobile-schedule-list[b-ws5hmlgofo] {
        min-height: 0;
        display: grid;
        gap: 8px;
        overflow-y: auto;
        padding-bottom: 2px;
        scrollbar-width: thin;
    }

    .ai-assistant-mobile-schedule-list .ai-assistant-schedule-card[b-ws5hmlgofo] {
        padding: 10px 11px;
    }
}

@media (max-width: 820px) {
    .ai-assistant-scheduled-tasks-table[b-ws5hmlgofo],
    .ai-assistant-scheduled-tasks-table tbody[b-ws5hmlgofo],
    .ai-assistant-scheduled-tasks-table tr[b-ws5hmlgofo],
    .ai-assistant-scheduled-tasks-table td[b-ws5hmlgofo] { display: block; }
    .ai-assistant-scheduled-tasks-table thead[b-ws5hmlgofo] { display: none; }
    .ai-assistant-scheduled-tasks-table tr[b-ws5hmlgofo] {
        padding: 12px;
        border-bottom: 1px solid var(--ai-assistant-border);
    }
    .ai-assistant-scheduled-tasks-table td[b-ws5hmlgofo] {
        display: grid;
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 10px;
        padding: 6px 0;
        border: 0;
    }
    .ai-assistant-scheduled-tasks-table td[b-ws5hmlgofo]::before {
        content: attr(data-label);
        color: var(--rz-text-secondary-color, #a3a8b3);
        font-size: .64rem;
        font-weight: 700;
    }
    .ai-assistant-scheduled-task-actions[b-ws5hmlgofo] { justify-content: flex-start; }
}

.ai-assistant-field-help[b-ws5hmlgofo] { display: block; margin-top: 5px; font-size: .7rem; line-height: 1.4; color: var(--rz-text-secondary-color); }

.material-dark .ai-assistant-prompt-fields input[b-ws5hmlgofo] { color-scheme: dark; }

.ai-assistant-prompt-library-button:focus-visible[b-ws5hmlgofo] { outline: 2px solid var(--ai-assistant-primary-light); outline-offset: 2px; }
/* /Pages/Shared/AIAssistant/AIAssistantPromptLibrary.razor.rz.scp.css */
.ai-prompt-library[b-nq39l5kzrf], .ai-prompt-library *[b-nq39l5kzrf] { box-sizing: border-box; }
.ai-prompt-library[b-nq39l5kzrf] { padding: 24px; max-width: 1080px; margin: 0 auto; color: var(--rz-text-color); }
.ai-prompt-library-heading[b-nq39l5kzrf], .ai-prompt-preview footer[b-nq39l5kzrf], .ai-prompt-pagination[b-nq39l5kzrf],
.ai-prompt-result-heading[b-nq39l5kzrf] { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.ai-prompt-library-heading[b-nq39l5kzrf] { margin-bottom: 20px; }
.ai-prompt-library h2[b-nq39l5kzrf] { margin: 0 0 4px; font-size: 1.2rem; }
.ai-prompt-library p[b-nq39l5kzrf] { margin: 0; color: var(--rz-text-secondary-color); font-size: .8rem; }
.ai-prompt-link[b-nq39l5kzrf] { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; border: 0; padding: 7px 0; background: transparent; color: var(--ai-assistant-primary-light); cursor: pointer; font-size: .78rem; }
.ai-prompt-search[b-nq39l5kzrf] { display: flex; align-items: center; gap: 9px; padding: 10px 12px; margin-bottom: 12px; border: 1px solid var(--ai-assistant-border); border-radius: 8px; background: var(--ai-assistant-surface); color: var(--rz-text-secondary-color); }
.ai-prompt-search input[b-nq39l5kzrf] { min-width: 0; width: 100%; border: 0; background: transparent; color: var(--rz-text-color); font: inherit; font-size: .82rem; }
/* The wrapper owns the focus indicator so the icon and input read as one control. */
.ai-prompt-search:focus-within[b-nq39l5kzrf] { outline: 2px solid var(--ai-assistant-primary-light); outline-offset: 0; border-color: transparent; }
.ai-prompt-search input:focus[b-nq39l5kzrf], .ai-prompt-search input:focus-visible[b-nq39l5kzrf] { outline: none; box-shadow: none; }
.ai-prompt-categories[b-nq39l5kzrf] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.ai-prompt-categories button[b-nq39l5kzrf], .ai-prompt-pagination button[b-nq39l5kzrf] { padding: 7px 10px; border: 1px solid var(--ai-assistant-border); border-radius: 6px; background: var(--ai-assistant-surface); color: var(--rz-text-secondary-color); cursor: pointer; font-size: .74rem; }
.ai-prompt-categories button[aria-pressed="true"][b-nq39l5kzrf] { border-color: var(--ai-assistant-primary); background: var(--ai-assistant-primary-panel); color: var(--ai-assistant-primary); }
.ai-prompt-result-heading[b-nq39l5kzrf] { font-size: .72rem; color: var(--rz-text-secondary-color); margin-bottom: 12px; }
.ai-prompt-grid[b-nq39l5kzrf] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ai-prompt-card[b-nq39l5kzrf] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 16px; text-align: left; border: 1px solid var(--ai-assistant-border); border-radius: 8px; background: var(--ai-assistant-surface-soft); color: var(--rz-text-color); cursor: pointer; }
.ai-prompt-card:hover[b-nq39l5kzrf] { border-color: var(--ai-assistant-primary-light); background: var(--ai-assistant-primary-panel); }
.ai-prompt-card > span[b-nq39l5kzrf] { display: grid; gap: 5px; min-width: 0; }
.ai-prompt-card strong[b-nq39l5kzrf] { font-size: .84rem; line-height: 1.4; }
.ai-prompt-card span span[b-nq39l5kzrf] { font-size: .77rem; color: var(--rz-text-secondary-color); }
.ai-prompt-card small[b-nq39l5kzrf] { margin-top: 7px; font-size: .69rem; color: var(--rz-text-secondary-color); }
.ai-prompt-pagination[b-nq39l5kzrf] { margin-top: 18px; color: var(--rz-text-secondary-color); font-size: .74rem; }
.ai-prompt-pagination > div[b-nq39l5kzrf] { display: flex; gap: 8px; }
.ai-prompt-library button:disabled[b-nq39l5kzrf] { opacity: .5; cursor: default; }
.ai-prompt-library button:focus-visible[b-nq39l5kzrf] { outline: 2px solid var(--ai-assistant-primary-light); outline-offset: 2px; }
.ai-prompt-empty[b-nq39l5kzrf] { padding: 22px 0; }
.ai-prompt-preview[b-nq39l5kzrf] { padding: 22px; margin-top: 12px; border: 1px solid var(--ai-assistant-border); border-radius: 10px; background: var(--ai-assistant-surface); }
.ai-prompt-preview h3[b-nq39l5kzrf] { margin: 12px 0 8px; font-size: 1.15rem; }
.ai-prompt-intent[b-nq39l5kzrf] { display: inline-block; padding: 4px 8px; border-radius: 5px; background: var(--ai-assistant-primary-panel); color: var(--ai-assistant-primary-light); font-size: .73rem; }
.ai-prompt-text[b-nq39l5kzrf] { padding: 18px; margin: 20px 0; border: 1px solid var(--ai-assistant-border); border-radius: 8px; background: var(--ai-assistant-surface-soft); line-height: 1.8; font-size: .85rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-prompt-preview footer > span[b-nq39l5kzrf] { color: var(--rz-text-secondary-color); font-size: .75rem; overflow-wrap: anywhere; }
.ai-prompt-use[b-nq39l5kzrf] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 8px; padding: 10px 14px; border: 1px solid var(--ai-assistant-primary); border-radius: 8px; background: var(--ai-assistant-primary-panel); color: var(--ai-assistant-primary); cursor: pointer; font-weight: 600; font-size: .8rem; }
@media (max-width: 760px) {
    .ai-prompt-library[b-nq39l5kzrf] { padding: 18px 14px; }
    .ai-prompt-grid[b-nq39l5kzrf] { grid-template-columns: 1fr; }
    .ai-prompt-library-heading[b-nq39l5kzrf] { align-items: flex-start; flex-wrap: wrap; }
    .ai-prompt-search input[b-nq39l5kzrf] { font-size: 16px; }
    .ai-prompt-categories button[b-nq39l5kzrf], .ai-prompt-pagination button[b-nq39l5kzrf], .ai-prompt-link[b-nq39l5kzrf], .ai-prompt-use[b-nq39l5kzrf] { min-height: 44px; }
    .ai-prompt-preview[b-nq39l5kzrf] { padding: 16px; }
    .ai-prompt-preview footer[b-nq39l5kzrf] { align-items: stretch; flex-direction: column; }
    .ai-prompt-use[b-nq39l5kzrf] { width: 100%; }
}

.ai-prompt-library .ai-prompt-copy-feedback[b-nq39l5kzrf] { margin-top: 12px; }
.ai-prompt-text[b-nq39l5kzrf] { user-select: text; }

/* Settings gallery: compact dialog presentation, using the current app theme. */
.is-gallery[b-nq39l5kzrf] { max-width: none; padding: 24px; }
.is-gallery .ai-prompt-library-heading[b-nq39l5kzrf] { align-items: flex-start; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--ai-assistant-border); }
.is-gallery .ai-prompt-library-title[b-nq39l5kzrf] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.is-gallery h2[b-nq39l5kzrf] { font-size: 1.25rem; line-height: 1.35; }
.is-gallery p[b-nq39l5kzrf] { line-height: 1.5; }
.ai-gallery-symbol[b-nq39l5kzrf] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 12px; background: var(--ai-assistant-primary-panel); color: var(--ai-assistant-primary-light); }
.is-gallery .ai-gallery-close[b-nq39l5kzrf] { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--ai-assistant-border); border-radius: 10px; color: var(--rz-text-secondary-color); }
.is-gallery .ai-gallery-close:hover[b-nq39l5kzrf] { background: var(--ai-assistant-surface-soft); color: var(--rz-text-color); }
.is-gallery .ai-prompt-search[b-nq39l5kzrf] { min-height: 44px; border-radius: 10px; }
.is-gallery .ai-prompt-search:focus-within[b-nq39l5kzrf] { outline: none; border-color: var(--ai-assistant-primary-light); box-shadow: var(--rz-input-focus-shadow); }
.is-gallery .ai-prompt-categories[b-nq39l5kzrf] { gap: 8px; margin-bottom: 18px; }
.is-gallery .ai-prompt-categories button[b-nq39l5kzrf] { border-radius: 8px; }
.is-gallery .ai-prompt-grid[b-nq39l5kzrf] { gap: 12px; }
.is-gallery .ai-prompt-card[b-nq39l5kzrf] { align-items: flex-start; gap: 12px; padding: 16px; border-radius: 12px; }
.is-gallery .ai-prompt-card-copy[b-nq39l5kzrf] { flex: 1; }
.is-gallery .ai-gallery-card-icon[b-nq39l5kzrf] { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 9px; background: var(--ai-assistant-surface); color: var(--ai-assistant-primary-light); }
.is-gallery .ai-gallery-card-arrow[b-nq39l5kzrf] { display: grid; place-items: center; flex: 0 0 16px; height: 36px; color: var(--rz-text-secondary-color); }
.ai-gallery-card-icon[b-nq39l5kzrf]  .rzi { font-size: 22px; }
.ai-gallery-card-arrow[b-nq39l5kzrf]  .rzi { font-size: 18px; }
.is-gallery .ai-prompt-card strong[b-nq39l5kzrf] { line-height: 1.45; }
.is-gallery .ai-prompt-card span span[b-nq39l5kzrf] { line-height: 1.45; }
.is-gallery .ai-prompt-card small[b-nq39l5kzrf] { margin-top: 4px; line-height: 1.4; }
.is-gallery .ai-prompt-pagination[b-nq39l5kzrf] { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--ai-assistant-border); }
.is-gallery .ai-prompt-preview[b-nq39l5kzrf] { border: 0; padding: 0; margin-top: 16px; background: transparent; }
.is-gallery .ai-prompt-text[b-nq39l5kzrf] { margin: 18px 0; padding: 18px; border-radius: 12px; line-height: 1.75; }
.is-gallery .ai-prompt-preview footer[b-nq39l5kzrf] { padding-top: 16px; border-top: 1px solid var(--ai-assistant-border); }
.is-gallery .ai-prompt-use[b-nq39l5kzrf] { background: var(--ai-assistant-primary); color: var(--ai-gallery-on-primary, #fff); }
.is-gallery .ai-prompt-use:hover[b-nq39l5kzrf] { filter: brightness(1.08); }
@media (max-width: 760px) {
    .is-gallery[b-nq39l5kzrf] { padding: 20px; }
    .is-gallery .ai-prompt-library-heading[b-nq39l5kzrf] { flex-wrap: nowrap; gap: 8px; padding-bottom: 16px; margin-bottom: 16px; }
    .is-gallery .ai-prompt-library-title[b-nq39l5kzrf] { align-items: flex-start; }
    .ai-gallery-symbol[b-nq39l5kzrf] { display: none; }
    .is-gallery .ai-gallery-close[b-nq39l5kzrf] { flex: 0 0 44px; height: 44px; }
    .is-gallery .ai-prompt-card[b-nq39l5kzrf] { padding: 14px; gap: 10px; }
    .is-gallery .ai-prompt-result-heading[b-nq39l5kzrf] { gap: 8px; flex-wrap: wrap; }
}
/* /Pages/Shared/AIAssistant/AIAssistantProviderSetup.razor.rz.scp.css */
.ai-setup[b-ur9nws1hkz] {
    --setup-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --setup-muted: var(--rz-text-secondary-color, #697386);
    --setup-accent: var(--rz-primary-light, #5965e8);
    --setup-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --setup-success: var(--rz-notification-success-color, #137a3c);
    --setup-error: var(--rz-notification-error-color, #c3342b);
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    color: var(--rz-text-color, #2d3548);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
}

.ai-setup *[b-ur9nws1hkz], .ai-setup[b-ur9nws1hkz]  * { box-sizing: border-box; }
.ai-setup[b-ur9nws1hkz]  .rzi { width: 20px; height: 20px; flex: 0 0 20px; font-size: 20px; }
.ai-setup button[b-ur9nws1hkz], .ai-setup input[b-ur9nws1hkz] { font: inherit; }
.ai-setup button[b-ur9nws1hkz] { cursor: pointer; }
.ai-setup button:disabled[b-ur9nws1hkz] { cursor: not-allowed; opacity: .5; }
.ai-setup button:focus-visible[b-ur9nws1hkz], .ai-setup summary:focus-visible[b-ur9nws1hkz] {
    outline: 2px solid var(--setup-accent);
    outline-offset: 3px;
}

.ai-setup-scroll[b-ur9nws1hkz] { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 28px; }
.ai-setup-intro[b-ur9nws1hkz] { margin-bottom: 28px; }
.ai-setup-intro h2[b-ur9nws1hkz] { margin: 0 0 6px; color: inherit; font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: 0; }
.ai-setup-intro p[b-ur9nws1hkz] { margin: 0; color: var(--setup-muted); }
.ai-setup-layout[b-ur9nws1hkz] { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: 28px; }
.ai-setup-sidebar[b-ur9nws1hkz] { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.ai-setup-providers[b-ur9nws1hkz] { display: flex; flex-direction: column; gap: 8px; }
.ai-setup-provider[b-ur9nws1hkz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-height: 76px;
    padding: 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    text-align: left;
}
.ai-setup-provider:hover:not(:disabled)[b-ur9nws1hkz] { background: var(--setup-soft); }
.ai-setup-provider.is-selected[b-ur9nws1hkz] {
    border-color: color-mix(in srgb, var(--setup-accent) 48%, var(--setup-border));
    background: color-mix(in srgb, var(--setup-accent) 9%, var(--rz-card-background-color, #fff));
}
.ai-setup-provider-copy[b-ur9nws1hkz] { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ai-setup-provider-copy strong[b-ur9nws1hkz] { font-size: 15px; font-weight: 700; }
.ai-setup-provider[b-ur9nws1hkz] >  .rzi { color: var(--setup-muted); }
.ai-setup-provider.is-selected[b-ur9nws1hkz] >  .rzi { color: var(--setup-accent); }
.ai-setup-provider-status[b-ur9nws1hkz] { display: flex; align-items: center; gap: 7px; color: var(--setup-muted); font-size: 12px; overflow-wrap: anywhere; }
.ai-setup-status-dot[b-ur9nws1hkz] { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.is-ready[b-ur9nws1hkz] { color: var(--setup-success); }
.ai-setup-billing[b-ur9nws1hkz] { display: flex; gap: 8px; padding: 0 8px; color: var(--setup-muted); font-size: 12px; }
.ai-setup-billing strong[b-ur9nws1hkz] { color: var(--rz-text-color); font-weight: 600; }
.ai-setup-billing p[b-ur9nws1hkz] { margin: 5px 0 0; }
.ai-setup-billing[b-ur9nws1hkz]  .rzi { margin-top: 1px; width: 16px; height: 16px; flex-basis: 16px; font-size: 16px; }

.ai-setup-editor[b-ur9nws1hkz] { min-width: 0; padding-left: 28px; border-left: 1px solid var(--setup-border); }
.ai-setup-editor-header[b-ur9nws1hkz] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.ai-setup-editor-header h3[b-ur9nws1hkz] { margin: 0 0 2px; color: inherit; font-size: 18px; line-height: 1.4; font-weight: 700; letter-spacing: 0; }
.ai-setup-editor-header > div > span[b-ur9nws1hkz] { color: var(--setup-muted); font-size: 12px; }
.ai-setup-switch[b-ur9nws1hkz] { position: relative; display: inline-flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; cursor: pointer; }
.ai-setup-switch input[b-ur9nws1hkz] { position: absolute; right: 0; opacity: 0; width: 36px; height: 22px; margin: 0; cursor: pointer; }
.ai-setup-switch-track[b-ur9nws1hkz] { display: block; width: 36px; height: 22px; border: 1px solid var(--setup-border); border-radius: 12px; background: var(--rz-switch-background-color); pointer-events: none; }
.ai-setup-switch-track[b-ur9nws1hkz]::after { content: ""; display: block; width: 14px; height: 14px; margin: 3px; border-radius: 50%; background: var(--rz-switch-circle-background-color, #8792a3); transition: transform .15s; }
.ai-setup-switch input:checked + .ai-setup-switch-track[b-ur9nws1hkz] { background: var(--rz-switch-checked-background-color, #5965e8); border-color: transparent; }
.ai-setup-switch input:checked + .ai-setup-switch-track[b-ur9nws1hkz]::after { background: var(--rz-switch-checked-circle-background-color, #fff); transform: translateX(14px); }
.ai-setup-switch input:focus-visible + .ai-setup-switch-track[b-ur9nws1hkz] { outline: 2px solid var(--setup-accent); outline-offset: 3px; }
.ai-setup-switch input:disabled + .ai-setup-switch-track[b-ur9nws1hkz] { opacity: .5; }

.ai-setup-fields[b-ur9nws1hkz] { display: grid; gap: 18px; }
.ai-setup-field[b-ur9nws1hkz] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.ai-setup-field > label[b-ur9nws1hkz], .ai-setup-field[b-ur9nws1hkz]  .rz-label { color: inherit; margin: 0; font-size: 13px; font-weight: 600; }
.ai-setup-field-heading[b-ur9nws1hkz] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ai-setup-field-heading > span[b-ur9nws1hkz] { font-size: 12px; color: var(--setup-muted); }
.ai-setup-field input[b-ur9nws1hkz], .ai-setup-field[b-ur9nws1hkz]  .rz-dropdown {
    width: 100%;
    min-width: 0;
    height: 44px;
    border: var(--rz-input-border, 1px solid #dfe4ee);
    border-radius: 8px;
    background: var(--rz-input-background-color, #fff);
    color: var(--rz-input-color, #2d3548);
    box-shadow: none;
}
.ai-setup-field input[b-ur9nws1hkz] { padding: 10px 12px; }
.ai-setup-field input[b-ur9nws1hkz]::placeholder { color: var(--setup-muted); opacity: 1; }
.ai-setup-field input:focus[b-ur9nws1hkz] { outline: 0; border: var(--rz-input-focus-border); box-shadow: var(--rz-input-focus-shadow); }
.ai-setup-field input:disabled[b-ur9nws1hkz] { opacity: .6; }
.ai-setup-field[b-ur9nws1hkz]  .rz-dropdown { align-items: stretch; padding: 0; border-radius: 8px !important; }
.ai-setup-field[b-ur9nws1hkz]  .rz-dropdown-label { padding: 0 12px; font-size: 14px; line-height: 42px; text-align: left; }
.ai-setup-field[b-ur9nws1hkz]  .rz-dropdown-trigger { width: 36px; }
.ai-setup-password[b-ur9nws1hkz] { position: relative; }
.ai-setup-password input[b-ur9nws1hkz] { padding-right: 48px; }
.ai-setup-password button[b-ur9nws1hkz] {
    position: absolute;
    top: 1px;
    right: 1px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--setup-muted);
}
.ai-setup-password button:hover[b-ur9nws1hkz] { color: var(--rz-text-color); background: var(--setup-soft); }
.ai-setup-advanced[b-ur9nws1hkz] { margin-top: 22px; border-top: 1px solid var(--setup-border); border-bottom: 1px solid var(--setup-border); }
.ai-setup-advanced summary[b-ur9nws1hkz] { display: flex; align-items: center; gap: 6px; min-height: 48px; cursor: pointer; list-style: none; font-size: 13px; }
.ai-setup-advanced summary[b-ur9nws1hkz]::-webkit-details-marker { display: none; }
.ai-setup-advanced summary[b-ur9nws1hkz]  .rzi { color: var(--setup-muted); transition: transform .15s; }
.ai-setup-advanced[open] summary[b-ur9nws1hkz]  .rzi { transform: rotate(90deg); }
.ai-setup-advanced summary small[b-ur9nws1hkz] { margin-left: auto; color: var(--setup-muted); font-size: 11px; }
.ai-setup-limits[b-ur9nws1hkz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 6px 0 18px; }
.ai-setup-field small[b-ur9nws1hkz] { color: var(--setup-muted); font-size: 12px; line-height: 1.5; }
.ai-setup-test-row[b-ur9nws1hkz] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; }
.ai-setup-connection-status[b-ur9nws1hkz] { display: flex; align-items: flex-start; gap: 7px; min-width: 0; color: var(--setup-muted); font-size: 12px; overflow-wrap: anywhere; }
.ai-setup-connection-status[b-ur9nws1hkz]  .rzi { width: 18px; height: 18px; flex-basis: 18px; font-size: 18px; }
.ai-setup-connection-status.is-ready[b-ur9nws1hkz] { color: var(--setup-success); }
.ai-setup-connection-status.is-error[b-ur9nws1hkz] { color: var(--setup-error); }
.ai-setup-test-button[b-ur9nws1hkz], .ai-setup-continue[b-ur9nws1hkz] { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 9px 16px; border-radius: 8px; font-weight: 600 !important; }
.ai-setup-test-button[b-ur9nws1hkz] { border: 1px solid var(--setup-border); background: var(--rz-card-background-color, #fff); color: var(--rz-text-color); }
.ai-setup-test-button:hover:not(:disabled)[b-ur9nws1hkz] { border-color: var(--setup-accent); background: var(--setup-soft); }
.ai-setup-footer[b-ur9nws1hkz] { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 28px; border-top: 1px solid var(--setup-border); background: var(--setup-soft); }
.ai-setup-privacy[b-ur9nws1hkz] { display: flex; align-items: center; gap: 10px; color: var(--setup-muted); font-size: 12px; }
.ai-setup-privacy strong[b-ur9nws1hkz] { font-weight: 600; }
.ai-setup-continue[b-ur9nws1hkz] { border: 1px solid transparent; background: var(--rz-primary); color: var(--sm-dark-canvas, #fff); }
.ai-setup-continue:hover:not(:disabled)[b-ur9nws1hkz] { filter: brightness(1.1); }

@media (max-width: 700px) {
    .ai-setup-scroll[b-ur9nws1hkz] { flex: 1; padding: 22px 18px; }
    .ai-setup-intro[b-ur9nws1hkz] { margin-bottom: 16px; }
    .ai-setup-intro h2[b-ur9nws1hkz] { font-size: 22px; }
    .ai-setup-layout[b-ur9nws1hkz] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .ai-setup-sidebar[b-ur9nws1hkz] { display: contents; }
    .ai-setup-providers[b-ur9nws1hkz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-setup-provider[b-ur9nws1hkz] { min-height: 72px; padding: 12px; border-color: var(--setup-border); }
    .ai-setup-provider[b-ur9nws1hkz] >  .rzi { display: none; }
    .ai-setup-editor[b-ur9nws1hkz] { padding: 0; border: 0; }
    .ai-setup-editor-header[b-ur9nws1hkz] { margin-bottom: 14px; }
    .ai-setup-switch[b-ur9nws1hkz] { min-height: 44px; }
    .ai-setup-billing[b-ur9nws1hkz] { order: 1; padding: 0; }
    .ai-setup-billing p[b-ur9nws1hkz] { margin-top: 2px; }
    .ai-setup-field input[b-ur9nws1hkz], .ai-setup-field[b-ur9nws1hkz]  .rz-dropdown-label { font-size: 16px; }
    .ai-setup-advanced summary[b-ur9nws1hkz] { padding: 12px 0; }
    .ai-setup-advanced summary small[b-ur9nws1hkz] { display: none; }
    .ai-setup-limits[b-ur9nws1hkz] { gap: 14px; }
    .ai-setup-test-row[b-ur9nws1hkz] { flex-wrap: wrap; gap: 12px; padding-top: 16px; }
    .ai-setup-connection-status[b-ur9nws1hkz] { flex: 1 1 160px; }
    .ai-setup-test-button[b-ur9nws1hkz] { margin-left: auto; min-height: 44px; }
    .ai-setup-footer[b-ur9nws1hkz] { flex-wrap: wrap; gap: 14px; padding: 16px 18px calc(16px + env(safe-area-inset-bottom)); }
    .ai-setup-continue[b-ur9nws1hkz] { width: 100%; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .ai-setup-switch-track[b-ur9nws1hkz]::after, .ai-setup-advanced summary[b-ur9nws1hkz]  .rzi { transition: none; }
}
/* /Pages/Shared/AIAssistant/AIAssistantWorkingStatus.razor.rz.scp.css */
.working-label[b-xtlbq27ntj],
.working-start[b-xtlbq27ntj] {
    display: block;
    color: var(--rz-text-secondary-color, #a3a8b3);
    font-variant-numeric: tabular-nums;
}

.working-label[b-xtlbq27ntj] { margin-top: 2px; font-size: .72rem; }
.working-start[b-xtlbq27ntj] { margin-top: 3px; font-size: .68rem; }
/* /Pages/Shared/AutomationRecoveryBadge.razor.rz.scp.css */
.automation-recovery-badge[b-hxjobtwuxd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    min-width: 0;
    padding: 2px 6px;
    border: 1px solid var(--rz-base-300, #d8dce5);
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
    cursor: pointer;
}

.automation-recovery-badge:hover[b-hxjobtwuxd] {
    background: var(--rz-base-100, #f4f5f8);
}

.automation-recovery-badge:focus-visible[b-hxjobtwuxd] {
    outline: 2px solid var(--rz-primary, #6255e7);
    outline-offset: 2px;
}

.automation-recovery-label[b-hxjobtwuxd] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.automation-recovery-dot[b-hxjobtwuxd] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex: 0 0 6px;
    background: var(--rz-text-tertiary-color, #858b98);
}

.is-ready[b-hxjobtwuxd] { background: var(--rz-success, #27865c); }
.is-blocked[b-hxjobtwuxd] { background: var(--rz-warning, #b9790b); }
.is-waiting[b-hxjobtwuxd] { background: var(--rz-info, #4776bc); }
/* /Pages/Shared/AutomationRecoveryDialog.razor.rz.scp.css */
.automation-recovery-dialog[b-cxsxwotspm] {
    max-height: 70vh;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.5;
}

.automation-recovery-tool-name[b-cxsxwotspm] {
    margin: 0 0 16px;
    font-weight: 600;
}

.automation-recovery-dialog[b-cxsxwotspm]  .automation-recovery-status > * + * {
    margin-top: 16px;
}

.automation-recovery-dialog[b-cxsxwotspm]  .automation-recovery-status label,
.automation-recovery-dialog[b-cxsxwotspm]  .automation-recovery-status small {
    display: block;
}

.automation-recovery-dialog[b-cxsxwotspm]  button {
    margin: 8px 0;
    padding: 6px 12px;
    border: 1px solid var(--rz-base-300, #d8dce5);
    border-radius: 6px;
    background: var(--rz-base-background-color, #fff);
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.automation-recovery-dialog[b-cxsxwotspm]  button:disabled {
    cursor: wait;
    opacity: .6;
}

.automation-recovery-dialog[b-cxsxwotspm]  summary {
    cursor: pointer;
}
/* /Pages/Shared/CustomToolSettings/CtSettingsCollectionRenderer.razor.rz.scp.css */
.ct-settings-collection[b-57w5upq9u4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.ct-composite-settings-group[b-57w5upq9u4] {
    background: var(--sm-light-panel, var(--rz-card-background-color, #ffffff));
    border: 1px solid var(--sm-light-border, var(--rz-border-color, #e3e7ef));
    border-left: 3px solid var(--sm-light-primary, var(--rz-primary, #5965e8));
    border-radius: 4px;
    color: var(--sm-light-text, var(--rz-text-color, #2d3548));
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.ct-composite-settings-root[b-57w5upq9u4] {
    background: var(--sm-light-panel-soft, #f7f9fc);
    font-weight: 600;
    padding: 10px 12px;
}

.ct-composite-settings-children[b-57w5upq9u4] {
    border-top: 1px solid var(--sm-light-border, var(--rz-border-color, #e3e7ef));
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 12px 22px;
}

.ct-composite-settings-child[b-57w5upq9u4] {
    min-width: 0;
}

.ct-composite-settings-child-nested[b-57w5upq9u4] {
    border-left: 1px solid var(--sm-light-border, var(--rz-border-color, #e3e7ef));
    margin-left: 20px;
    padding-left: 12px;
}

.material-dark .ct-composite-settings-group[b-57w5upq9u4] {
    background: var(--sm-dark-panel, var(--rz-card-background-color, #1f232d));
    border-color: var(--sm-dark-border, var(--rz-border-color, #2d3442));
    border-left-color: var(--sm-dark-purple, var(--rz-primary, #a984ff));
    color: var(--sm-dark-text, var(--rz-text-color, #e8ebf4));
}

.material-dark .ct-composite-settings-root[b-57w5upq9u4] {
    background: var(--sm-dark-panel-strong, #232733);
}

.material-dark .ct-composite-settings-children[b-57w5upq9u4],
.material-dark .ct-composite-settings-child-nested[b-57w5upq9u4] {
    border-color: var(--sm-dark-border, var(--rz-border-color, #2d3442));
}

@media (max-width: 720px) {
    .ct-composite-settings-children[b-57w5upq9u4] {
        padding-left: 16px;
    }

    .ct-composite-settings-child-nested[b-57w5upq9u4] {
        margin-left: 10px;
    }
}
/* /Pages/Shared/CustomToolSettings/StringListSettingView.razor.rz.scp.css */
.string-list-setting-editor[b-8bjan02wkk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(640px, 100%);
    min-width: 0;
}

.string-list-setting-help[b-8bjan02wkk],
.string-list-setting-empty[b-8bjan02wkk] {
    color: var(--rz-text-secondary-color);
    font-size: 0.86rem;
}

.string-list-setting-rows[b-8bjan02wkk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.string-list-setting-row[b-8bjan02wkk] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.string-list-setting-input[b-8bjan02wkk],
.string-list-setting-add-input[b-8bjan02wkk] {
    width: 100%;
    min-width: 0;
}

.string-list-setting-remove.rz-button[b-8bjan02wkk] {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: 999px;
    box-shadow: none;
}

.string-list-setting-actions[b-8bjan02wkk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.string-list-setting-action.rz-button[b-8bjan02wkk] {
    min-width: 100px;
    box-shadow: none;
}

@media (max-width: 520px) {
    .string-list-setting[b-8bjan02wkk],
    .string-list-setting-editor[b-8bjan02wkk],
    .string-list-setting-row[b-8bjan02wkk] {
        width: 100%;
    }
}
/* /Pages/Shared/CustomToolSources/SourceCard.razor.rz.scp.css */
.source-card-rank[b-zdmlw775b0] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.source-parked[b-zdmlw775b0] {
    display: flex;
    gap: 12px;
    margin: 12px 0;
    padding: 14px 16px;
    border: 1px solid var(--rz-danger);
    border-left-width: 4px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--rz-danger) 10%, var(--rz-base-background-color));
    color: var(--rz-text-color);
}

.source-parked[b-zdmlw775b0]  .rzi { color: var(--rz-danger); font-size: 26px; }

.source-delay[b-zdmlw775b0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;
    padding: 12px 16px;
    border: 1px solid color-mix(in srgb, var(--rz-warning) 55%, var(--rz-base-300));
    border-left: 4px solid var(--rz-warning);
    border-radius: 8px;
    background: color-mix(in srgb, var(--rz-warning) 14%, var(--rz-base-background-color));
    color: var(--rz-text-color);
}

.source-delay[b-zdmlw775b0]  .source-delay-icon {
    color: var(--rz-warning);
    font-size: 26px;
}

.source-delay-details[b-zdmlw775b0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
}

.source-delay-label[b-zdmlw775b0] {
    font-weight: 600;
}

.source-delay-date[b-zdmlw775b0] {
    font-variant-numeric: tabular-nums;
}

.source-delay-local[b-zdmlw775b0] {
    margin-left: 4px;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

@media (max-width: 600px) {
    .source-delay[b-zdmlw775b0] {
        padding: 12px;
    }

    .source-delay-details[b-zdmlw775b0] {
        flex: 1 1 calc(100% - 40px);
    }
}
/* /Pages/Shared/Dashboard/DashboardPhoneOrderManagerDialog.razor.rz.scp.css */
.overview-phone-manager[b-70qcowj04c] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
}

.overview-phone-manager__intro[b-70qcowj04c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--rz-primary) 10%, transparent);
}

.overview-phone-manager__title[b-70qcowj04c] {
    font-weight: 700;
}

.overview-phone-manager__intro-icon[b-70qcowj04c],
.overview-phone-manager__handle[b-70qcowj04c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: var(--rz-text-secondary-color);
}

.overview-phone-manager__drag-button[b-70qcowj04c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--rz-text-secondary-color);
    cursor: grab;
    touch-action: none;
}

.overview-phone-manager__drag-button:hover[b-70qcowj04c],
.overview-phone-manager__drag-button:focus-visible[b-70qcowj04c] {
    color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 14%, transparent);
    outline: none;
}

.overview-phone-manager__drag-button:active[b-70qcowj04c] {
    cursor: grabbing;
}

.overview-phone-manager__hint[b-70qcowj04c] {
    color: var(--rz-text-secondary-color);
    font-size: 0.9rem;
    line-height: 1.35;
}

.overview-phone-manager__list[b-70qcowj04c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: min(520px, calc(100vh - 260px));
    overflow: auto;
    padding-right: 4px;
}

.overview-phone-manager__item[b-70qcowj04c] {
    display: grid;
    grid-template-columns: 42px 28px minmax(0, 1fr) auto 36px 36px;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    background: var(--rz-base-900, rgba(255, 255, 255, 0.03));
}

.overview-phone-manager__item--first-page[b-70qcowj04c] {
    border-color: color-mix(in srgb, var(--rz-primary) 65%, var(--rz-border-color));
    background: color-mix(in srgb, var(--rz-primary) 8%, transparent);
}

.overview-phone-manager__item--dragging[b-70qcowj04c] {
    opacity: 0.62;
    border-style: dashed;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rz-primary) 70%, transparent);
}

.overview-phone-manager__rank[b-70qcowj04c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--rz-primary);
    color: var(--rz-on-primary);
    font-weight: 700;
}

.overview-phone-manager__name[b-70qcowj04c] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.overview-phone-manager__badge[b-70qcowj04c] {
    padding: 4px 8px;
    border-radius: 999px;
    color: var(--rz-success);
    background: color-mix(in srgb, var(--rz-success) 14%, transparent);
    font-size: 0.75rem;
    font-weight: 700;
}

.overview-phone-manager__actions[b-70qcowj04c] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
}

.overview-phone-manager__empty[b-70qcowj04c] {
    padding: 24px;
    border: 1px dashed var(--rz-border-color);
    border-radius: 8px;
    color: var(--rz-text-secondary-color);
    text-align: center;
}

@media (max-width: 560px) {
    .overview-phone-manager__item[b-70qcowj04c] {
        grid-template-columns: 36px 24px minmax(0, 1fr) 34px 34px;
    }

    .overview-phone-manager__badge[b-70qcowj04c] {
        display: none;
    }
}
/* /Pages/Shared/Dashboard/EntityActivityLogGrid.razor.rz.scp.css */
.entity-activity-log[b-qpnwx78crk] {
    min-width: 0;
    padding: 12px 0 20px;
}

.entity-activity-log[b-qpnwx78crk]  .entity-activity-log-grid > .rz-group-header {
    flex-wrap: wrap;
    align-items: center;
}

/* Let the header template use the space beside Manage Columns instead of
   shrink-wrapping its contents and prematurely wrapping the action buttons. */
.entity-activity-log[b-qpnwx78crk]  .entity-activity-log-grid > .rz-group-header > div:first-child:not(.rz-column-picker) {
    flex: 1 1 800px;
    min-width: 0;
}

.entity-activity-log[b-qpnwx78crk]  .entity-activity-log-grid > .rz-group-header > .rz-column-picker {
    flex: 0 0 auto;
    margin-left: auto;
}

.entity-activity-log-toolbar[b-qpnwx78crk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

.entity-activity-log-toolbar > strong[b-qpnwx78crk] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.entity-activity-log-toolbar[b-qpnwx78crk]  .grid-quick-filter-group {
    flex: 0 1 240px;
    min-width: 170px;
}

.entity-activity-log-errors[b-qpnwx78crk] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    white-space: nowrap;
}

.entity-activity-log-actions[b-qpnwx78crk] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    margin-left: auto;
}

.entity-activity-log-actions[b-qpnwx78crk]  .rz-button-box {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.entity-activity-log-tool[b-qpnwx78crk],
.entity-activity-log-error[b-qpnwx78crk] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.entity-activity-log-error img[b-qpnwx78crk] {
    border: 1px solid var(--rz-base-300);
    border-radius: 4px;
    height: 42px;
    object-fit: cover;
    width: 42px;
}

@media (max-width: 720px) {
    .entity-activity-log[b-qpnwx78crk] {
        padding-top: 8px;
    }

    .entity-activity-log-toolbar[b-qpnwx78crk]  .grid-quick-filter-group {
        flex: 1 1 100%;
        order: 2;
        width: 100%;
    }

    .entity-activity-log-actions[b-qpnwx78crk] {
        flex-wrap: wrap;
        margin-left: 0;
    }
}
/* /Pages/Shared/DevicePlatformAccountFilters.razor.rz.scp.css */
.automation-filter-link[b-hsqdeum7s2] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 5px;
    min-height: 36px;
    padding: 5px 8px;
}

.automation-filter-link-group[b-hsqdeum7s2] {
    align-items: center;
    display: inline-flex;
}

.automation-filter-clear[b-hsqdeum7s2] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--rz-primary);
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    margin-left: -5px;
    padding: 0;
    width: 32px;
}

.automation-filter-clear:hover[b-hsqdeum7s2] {
    background: color-mix(in srgb, var(--rz-primary) 14%, transparent);
}

.automation-filter-clear:focus-visible[b-hsqdeum7s2] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 1px;
}

.automation-filter-clear[b-hsqdeum7s2]  .rzi {
    font-size: 18px;
}

.automation-filter-link strong[b-hsqdeum7s2] {
    color: var(--rz-primary);
    font-weight: 700;
    max-width: 220px;
    overflow: hidden;
    text-decoration: underline;
    text-overflow: ellipsis;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.automation-filter-link[b-hsqdeum7s2]  .rzi {
    color: var(--rz-primary);
    font-size: 18px;
}

.automation-filter-link:hover strong[b-hsqdeum7s2],
.automation-filter-link:focus-visible strong[b-hsqdeum7s2] {
    filter: brightness(.82);
}

.automation-filter-link:focus-visible[b-hsqdeum7s2] {
    border-radius: 6px;
    outline: 2px solid var(--rz-primary);
    outline-offset: 1px;
}

.automation-filter-link-combined strong[b-hsqdeum7s2] {
    max-width: min(520px, 50vw);
}

@media (max-width: 760px) {
    .automation-filter-link-combined strong[b-hsqdeum7s2] {
        max-width: 62vw;
    }
}
/* /Pages/Shared/NurseryLegend.razor.rz.scp.css */
.nursery-legend[b-tmn2xscb60] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; color: var(--rz-text-secondary-color, #697386); font-size: 12px; }
.nursery-legend-title[b-tmn2xscb60] { font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.nursery-legend-item[b-tmn2xscb60] { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.nursery-legend-item[b-tmn2xscb60]  .nursery-platform-icon { width: 24px; height: 24px; border-radius: 7px; }
.nursery-legend-item[b-tmn2xscb60]  .nursery-platform-glyph .rzi { width: 14px; height: 14px; font-size: 14px; line-height: 14px; }
/* /Pages/Shared/NurseryPlatformIcon.razor.rz.scp.css */
.nursery-platform-icon[b-gk2o7lunv3] {
    --npi-ring: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--rz-card-background-color, #fff);
    box-shadow: inset 0 0 0 1px var(--npi-ring);
    vertical-align: middle;
}

.nursery-platform-icon img[b-gk2o7lunv3] { display: block; object-fit: contain; }
.nursery-platform-icon.is-large[b-gk2o7lunv3] { width: 38px; height: 38px; border-radius: 11px; }
.nursery-platform-icon.is-dim img[b-gk2o7lunv3], .nursery-platform-icon.is-dim .nursery-platform-glyph[b-gk2o7lunv3] { filter: grayscale(1); opacity: .45; }
.nursery-platform-glyph[b-gk2o7lunv3] { display: inline-flex; color: var(--rz-text-secondary-color, #697386); }
.nursery-platform-glyph[b-gk2o7lunv3]  .rzi { width: 17px; height: 17px; font-size: 17px; line-height: 17px; }

.nursery-platform-icon.tone-active[b-gk2o7lunv3] { --npi-ring: var(--rz-notification-info-color, #175b9b); box-shadow: inset 0 0 0 2px var(--npi-ring); }
.nursery-platform-icon.tone-success[b-gk2o7lunv3] { --npi-ring: var(--rz-notification-success-color, #137a3c); box-shadow: inset 0 0 0 2px var(--npi-ring); }
.nursery-platform-icon.tone-warning[b-gk2o7lunv3] { --npi-ring: var(--rz-notification-warning-color, #8a6500); box-shadow: inset 0 0 0 2px var(--npi-ring); }
.nursery-platform-icon.tone-danger[b-gk2o7lunv3] { --npi-ring: var(--rz-notification-error-color, #c3342b); box-shadow: inset 0 0 0 2px var(--npi-ring); }
.nursery-platform-icon.tone-info[b-gk2o7lunv3] { --npi-ring: var(--sm-dark-purple, var(--sm-light-primary, #5965e8)); box-shadow: inset 0 0 0 2px var(--npi-ring); }

.nursery-platform-badge[b-gk2o7lunv3] {
    position: absolute;
    right: -5px;
    bottom: -5px;
    display: grid;
    place-items: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--npi-ring);
    color: var(--rz-card-background-color, #fff);
    box-shadow: 0 0 0 2px var(--rz-card-background-color, #fff);
}

.nursery-platform-badge[b-gk2o7lunv3]  .rzi { width: 11px; height: 11px; font-size: 11px; font-weight: 700; line-height: 11px; }
/* /Pages/Shared/PhonesDash.razor.rz.scp.css */
.phones-overview-toolbar[b-qa37df8zop] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 4px 0 16px;
}

.phones-overview-toolbar__summary[b-qa37df8zop],
.phones-overview-toolbar__status[b-qa37df8zop],
.phones-overview-toolbar__actions[b-qa37df8zop] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.phones-overview-toolbar__title[b-qa37df8zop] {
    color: var(--rz-text-color);
    font-size: 1.25rem;
    font-weight: 800;
}

.phones-overview-toolbar__count[b-qa37df8zop],
.phones-overview-toolbar__page[b-qa37df8zop] {
    color: var(--rz-text-secondary-color);
    font-size: 0.85rem;
}

.phones-overview-toolbar__page[b-qa37df8zop] {
    min-width: 88px;
    text-align: center;
}

.phones-overview-toolbar__status[b-qa37df8zop],
.phones-overview-toolbar__actions[b-qa37df8zop] {
    justify-content: flex-end;
}

.phones-overview-status-chip[b-qa37df8zop] {
    --overview-chip-color: var(--rz-primary);
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    color: var(--rz-text-color);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-divider);
    border-radius: 999px;
    box-shadow: 0 1px 3px rgba(35, 45, 70, 0.06);
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.phones-overview-status-chip--online[b-qa37df8zop] {
    --overview-chip-color: #0f9f7a;
}

.phones-overview-status-chip--running[b-qa37df8zop] {
    --overview-chip-color: #5965e8;
}

.phones-overview-status-chip--offline[b-qa37df8zop] {
    --overview-chip-color: #c2410c;
}

.phones-overview-status-chip--stopped[b-qa37df8zop] {
    --overview-chip-color: #717b8c;
}

.phones-overview-status-chip__dot[b-qa37df8zop] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--overview-chip-color);
}

.phones-overview-empty-state[b-qa37df8zop] {
    grid-column: 1 / -1;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 32px;
    padding: clamp(24px, 3vw, 40px);
    border: 1px solid var(--rz-divider);
    border-radius: 16px;
    color: var(--rz-text-secondary-color);
    background: var(--rz-card-background-color);
}

.phones-overview-empty-state__content[b-qa37df8zop] {
    min-width: 0;
}

.phones-overview-empty-state__icon[b-qa37df8zop] {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 12%, transparent);
}

.phones-overview-empty-state__icon[b-qa37df8zop]  .rzi {
    font-size: 28px;
}

.phones-overview-empty-state__title[b-qa37df8zop] {
    margin: 0;
    color: var(--rz-text-color);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
}

.phones-overview-empty-state__text[b-qa37df8zop] {
    max-width: 42ch;
    margin: 12px 0 0;
    font-size: 0.9rem;
    line-height: 1.65;
}

.phones-overview-empty-state__actions[b-qa37df8zop] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 24px;
}

.phones-overview-empty-state__actions[b-qa37df8zop]  .rz-button {
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.phones-overview-empty-state__help[b-qa37df8zop] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--rz-text-color);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.phones-overview-empty-state__help:hover[b-qa37df8zop] {
    color: var(--rz-primary);
}

.phones-overview-empty-state__actions[b-qa37df8zop]  .rz-button:focus-visible,
.phones-overview-empty-state__help:focus-visible[b-qa37df8zop] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 4px;
}

.phones-overview-empty-state__steps[b-qa37df8zop] {
    display: grid;
    gap: 24px;
    margin: 0;
    padding: 0 0 0 32px;
    border-left: 1px solid var(--rz-divider);
    list-style: none;
}

.phones-overview-empty-state__steps li[b-qa37df8zop] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.phones-overview-empty-state__step-number[b-qa37df8zop] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    height: 28px;
    border: 1px solid var(--rz-divider);
    border-radius: 50%;
    color: var(--rz-text-color);
    font-size: 0.8rem;
    font-weight: 700;
}

.phones-overview-empty-state__steps h3[b-qa37df8zop] {
    margin: 2px 0 6px;
    color: var(--rz-text-color);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
}

.phones-overview-empty-state__steps p[b-qa37df8zop] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.6;
}

.overview-phone-grid[b-qa37df8zop] {
    --overview-phone-screen: #ffffff;
    --overview-phone-screen-soft: #f7f9fc;
    --overview-phone-border: #e3e7ef;
    --overview-phone-text: #2d3548;
    --overview-phone-strong: #202650;
    --overview-phone-muted: #697386;
    --overview-phone-primary: #5965e8;
    --overview-phone-green: #0f9f7a;
    --overview-phone-red: #c2410c;
    --overview-phone-slate: #717b8c;
    --overview-phone-shell: #1a202b;
    --overview-phone-shell-2: #2d3442;
    --overview-phone-shadow: 0 18px 34px rgba(24, 31, 50, 0.18);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 320px));
    gap: 16px;
    align-items: start;
    justify-content: start;
    padding: 0;
}

.overview-phone-grid--empty[b-qa37df8zop] {
    grid-template-columns: minmax(0, 1fr);
    container: phones-overview / inline-size;
}

.material-dark .overview-phone-grid[b-qa37df8zop] {
    --overview-phone-screen: #151a23;
    --overview-phone-screen-soft: #1d2330;
    --overview-phone-border: #2d3442;
    --overview-phone-text: #e8ebf4;
    --overview-phone-strong: #f2f5ff;
    --overview-phone-muted: #aeb4c4;
    --overview-phone-primary: #a984ff;
    --overview-phone-green: #57d37a;
    --overview-phone-red: #ff8a70;
    --overview-phone-slate: #9ea5b7;
    --overview-phone-shell: #05070b;
    --overview-phone-shell-2: #1b202a;
    --overview-phone-shadow: 0 22px 44px rgba(0, 0, 0, 0.46);
}

.overview-phone-card[b-qa37df8zop] {
    --overview-phone-status-color: var(--overview-phone-green);
    --overview-phone-status-bg: color-mix(in srgb, var(--overview-phone-green) 11%, transparent);
    min-width: 0;
}

.overview-phone-card--running[b-qa37df8zop] {
    --overview-phone-status-color: var(--overview-phone-primary);
    --overview-phone-status-bg: color-mix(in srgb, var(--overview-phone-primary) 13%, transparent);
}

.overview-phone-card--offline[b-qa37df8zop] {
    --overview-phone-status-color: var(--overview-phone-red);
    --overview-phone-status-bg: color-mix(in srgb, var(--overview-phone-red) 12%, transparent);
}

.overview-phone-card--stopped[b-qa37df8zop] {
    --overview-phone-status-color: var(--overview-phone-slate);
    --overview-phone-status-bg: color-mix(in srgb, var(--overview-phone-slate) 12%, transparent);
}

.overview-phone-frame[b-qa37df8zop] {
    position: relative;
    min-height: 354px;
    display: grid;
    grid-template-rows: 24px minmax(0, 1fr) 24px;
    padding: 0 9px;
    background: linear-gradient(180deg, var(--overview-phone-shell-2), var(--overview-phone-shell));
    border: 1px solid color-mix(in srgb, var(--overview-phone-shell) 84%, #ffffff 16%);
    border-radius: 26px;
    box-shadow: var(--overview-phone-shadow);
}

.overview-phone-frame[b-qa37df8zop]::before,
.overview-phone-frame[b-qa37df8zop]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 3px;
    background: color-mix(in srgb, var(--overview-phone-shell) 80%, #ffffff 20%);
    border-radius: 0 4px 4px 0;
}

.overview-phone-frame[b-qa37df8zop]::before {
    top: 92px;
    height: 38px;
}

.overview-phone-frame[b-qa37df8zop]::after {
    top: 142px;
    height: 62px;
}

.overview-phone-frame__top[b-qa37df8zop],
.overview-phone-frame__bottom[b-qa37df8zop] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.overview-phone-frame__speaker[b-qa37df8zop] {
    width: 66px;
    height: 4px;
    background: #05070b;
    border-radius: 999px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
}

.overview-phone-frame__home-bar[b-qa37df8zop] {
    width: 82px;
    height: 4px;
    background: rgba(255, 255, 255, 0.58);
    border-radius: 999px;
}

.overview-phone-screen[b-qa37df8zop] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    gap: 12px;
    padding: 14px;
    background: var(--overview-phone-screen);
    border: 1px solid color-mix(in srgb, var(--overview-phone-screen) 55%, #ffffff 45%);
    border-radius: 18px;
    overflow: hidden;
}

.material-dark .overview-phone-screen[b-qa37df8zop] {
    border-color: #323948;
}

.overview-phone-device-status[b-qa37df8zop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--overview-phone-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.overview-phone-device-status__signal[b-qa37df8zop] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.overview-phone-device-status__signal[b-qa37df8zop]::before,
.overview-phone-device-status__signal[b-qa37df8zop]::after {
    content: "";
    display: inline-block;
    border-radius: 999px;
    background: currentColor;
}

.overview-phone-device-status__signal[b-qa37df8zop]::before {
    width: 14px;
    height: 8px;
    opacity: 0.55;
}

.overview-phone-device-status__signal[b-qa37df8zop]::after {
    width: 22px;
    height: 9px;
    border: 1px solid currentColor;
    background: linear-gradient(90deg, currentColor 72%, transparent 72%);
    opacity: 0.72;
}

.overview-phone-head[b-qa37df8zop] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
}

.overview-phone-head__copy[b-qa37df8zop] {
    min-width: 0;
}

.overview-phone-status-pill[b-qa37df8zop] {
    width: fit-content;
    max-width: 100%;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    color: var(--overview-phone-status-color);
    background: var(--overview-phone-status-bg);
    border: 1px solid color-mix(in srgb, var(--overview-phone-status-color) 25%, transparent);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 900;
    white-space: nowrap;
}

.overview-phone-status-pill__dot[b-qa37df8zop] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--overview-phone-status-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--overview-phone-status-color) 16%, transparent);
}

.overview-phone-name[b-qa37df8zop] {
    max-width: 100%;
    margin-top: 7px;
    color: var(--overview-phone-strong);
    font-size: 1.12rem;
    line-height: 1.15;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-phone-power-button[b-qa37df8zop] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--overview-phone-status-color);
    background: var(--overview-phone-screen-soft);
    border: 1px solid var(--overview-phone-border);
    border-radius: 50%;
    cursor: pointer;
}

.overview-phone-power-button:hover[b-qa37df8zop],
.overview-phone-power-button:focus-visible[b-qa37df8zop] {
    border-color: color-mix(in srgb, var(--overview-phone-status-color) 42%, var(--overview-phone-border));
    outline: none;
}

.overview-phone-now[b-qa37df8zop] {
    display: grid;
    gap: 8px;
    padding: 11px 12px;
    background: var(--overview-phone-screen-soft);
    border: 1px solid var(--overview-phone-border);
    border-left: 3px solid var(--overview-phone-status-color);
    border-radius: 8px;
}

.overview-phone-now__row[b-qa37df8zop] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.overview-phone-now__copy[b-qa37df8zop] {
    min-width: 0;
}

.overview-phone-label[b-qa37df8zop] {
    color: var(--overview-phone-muted);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.overview-phone-now__title[b-qa37df8zop] {
    margin-top: 2px;
    color: var(--overview-phone-strong);
    font-size: 0.82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-phone-now__value[b-qa37df8zop] {
    color: var(--overview-phone-status-color);
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.overview-phone-progress[b-qa37df8zop],
.overview-phone-mini-bar[b-qa37df8zop] {
    overflow: hidden;
    background: color-mix(in srgb, var(--overview-phone-muted) 18%, transparent);
    border-radius: 999px;
}

.overview-phone-progress[b-qa37df8zop] {
    height: 5px;
}

.overview-phone-progress span[b-qa37df8zop],
.overview-phone-mini-bar i[b-qa37df8zop] {
    display: block;
    width: var(--value);
    height: 100%;
    background: var(--overview-phone-status-color);
    border-radius: inherit;
}

.overview-phone-stats[b-qa37df8zop] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    gap: 8px;
}

.overview-phone-stat[b-qa37df8zop] {
    min-width: 0;
    display: grid;
    gap: 6px;
    padding: 10px;
    background: var(--overview-phone-screen);
    border: 1px solid var(--overview-phone-border);
    border-radius: 8px;
}

.overview-phone-stat span[b-qa37df8zop] {
    color: var(--overview-phone-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.overview-phone-stat strong[b-qa37df8zop] {
    color: var(--overview-phone-strong);
    font-size: 1.18rem;
    line-height: 1;
    font-weight: 900;
}

.overview-phone-stat--capacity[b-qa37df8zop] {
    grid-column: 1 / -1;
}

.overview-phone-stat .overview-phone-capacity-note[b-qa37df8zop] {
    font-weight: 400;
}

.overview-phone-capacity-row[b-qa37df8zop] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.overview-phone-mini-bar[b-qa37df8zop] {
    height: 4px;
}

.overview-phone-activity[b-qa37df8zop] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: var(--overview-phone-screen);
    border: 1px solid var(--overview-phone-border);
    border-radius: 8px;
}

.overview-phone-activity__value[b-qa37df8zop] {
    margin-top: 2px;
    color: var(--overview-phone-strong);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 900;
}

.overview-phone-sparkline[b-qa37df8zop] {
    width: 82px;
    height: 36px;
    display: block;
}

.overview-phone-sparkline__area[b-qa37df8zop] {
    fill: color-mix(in srgb, var(--overview-phone-status-color) 12%, transparent);
}

.overview-phone-sparkline__line[b-qa37df8zop] {
    fill: none;
    stroke: var(--overview-phone-status-color);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.overview-phone-sparkline--empty[b-qa37df8zop] {
    background: color-mix(in srgb, var(--overview-phone-muted) 14%, transparent);
    border-radius: 8px;
}

.overview-phone-footer[b-qa37df8zop] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--overview-phone-muted);
    font-size: 0.7rem;
    font-weight: 800;
}

.overview-phone-footer span[b-qa37df8zop] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@container phones-overview (max-width: 720px) {
    .phones-overview-empty-state[b-qa37df8zop] {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .phones-overview-empty-state__steps[b-qa37df8zop] {
        padding: 24px 0 0;
        border-left: 0;
        border-top: 1px solid var(--rz-divider);
    }
}

@media (max-width: 640px) {
    .phones-overview-toolbar[b-qa37df8zop] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .phones-overview-toolbar__status[b-qa37df8zop],
    .phones-overview-toolbar__actions[b-qa37df8zop] {
        justify-content: flex-start;
    }

    .overview-phone-grid[b-qa37df8zop] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/Phones/DeviceHealthFlags.razor.rz.scp.css */
.device-health-critical[b-yjm016a599] {
    display: block;
    padding: 2px 6px;
    border: 1px solid #fca5a5;
    border-radius: 5px;
    background: #fee2e2;
    color: #991b1b;
    font-size: .73rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}
/* /Pages/Shared/Phones/DeviceIssuesFilter.razor.rz.scp.css */
.device-issues-filter[b-daonw88tb8] { display: inline-flex; align-items: center; gap: 7px; font-size: .8rem; cursor: pointer; white-space: nowrap; }
.device-issues-filter input[b-daonw88tb8] { margin: 0; accent-color: var(--rz-primary, #9380f5); width: 15px; height: 15px; }
/* /Pages/Shared/Phones/PhoneGalleryUploadButton.razor.rz.scp.css */
.phone-gallery-upload[b-uqnz4vxf6n] {
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--live-control-size, 36px);
    width: var(--live-control-size, 36px);
    height: var(--live-control-size, 36px);
    border: 1px solid var(--live-control-border, var(--rz-text-secondary-color));
    border-radius: var(--live-control-radius, 8px);
    background: var(--live-control-bg, var(--rz-input-background-color));
    color: var(--live-control-color, var(--rz-text-color));
    overflow: hidden;
}

.phone-gallery-upload:hover:not(.is-disabled)[b-uqnz4vxf6n] {
    background: var(--live-control-hover, var(--rz-dropdown-item-hover-background-color));
}

.phone-gallery-upload:focus-within[b-uqnz4vxf6n] {
    outline: 2px solid var(--live-control-focus, var(--rz-primary));
    outline-offset: 2px;
}

.phone-gallery-upload.is-disabled[b-uqnz4vxf6n] {
    border-color: var(--live-control-disabled-border, var(--rz-text-disabled-color));
    background: var(--live-control-disabled-bg, var(--rz-input-background-color));
    color: var(--live-control-disabled-color, var(--rz-text-disabled-color));
}

[b-uqnz4vxf6n] .rzi,
[b-uqnz4vxf6n] .rz-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 1;
    pointer-events: none;
}

[b-uqnz4vxf6n] .phone-gallery-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

[b-uqnz4vxf6n] .phone-gallery-file-input:disabled {
    cursor: default;
}

.phone-gallery-status[b-uqnz4vxf6n] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}
/* /Pages/Shared/Phones/PhoneNurseryDialog.razor.rz.scp.css */
.phone-nursery-dialog[b-4wtnvr3ia0] { line-height: 1.5; color: var(--rz-text-color); }
.phone-nursery-dialog p[b-4wtnvr3ia0] { margin: 0 0 1rem; }
.phone-nursery-dialog ul[b-4wtnvr3ia0] { padding-left: 1.4rem; margin-bottom: 1rem; }
.phone-nursery-confirm[b-4wtnvr3ia0] { padding: 1rem; border: 1px solid var(--rz-warning); border-radius: .5rem; }
.phone-nursery-confirm[b-4wtnvr3ia0]  button { margin: .25rem .5rem .25rem 0; }
footer[b-4wtnvr3ia0] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.25rem; }
/* /Pages/Shared/Phones/PhoneSessions.razor.rz.scp.css */
.phone-sessions[b-y8329oa7qm] {
    --session-success: #216e3e;
    --session-danger: #b42318;
    --session-warning: #8a5200;
    color: var(--rz-text-color);
    min-width: 0;
}

.material-dark .phone-sessions[b-y8329oa7qm] {
    --session-success: #79dc9b;
    --session-danger: #ff9b96;
    --session-warning: #f2c16c;
}

.session-history-header[b-y8329oa7qm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

.session-history-title[b-y8329oa7qm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.session-history-title h2[b-y8329oa7qm] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
}

.session-history-count[b-y8329oa7qm] {
    padding: 3px 9px;
    border: 1px solid var(--rz-divider);
    border-radius: 999px;
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.session-history-description[b-y8329oa7qm] {
    margin: 6px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
    line-height: 1.5;
}

.phone-sessions[b-y8329oa7qm]  .session-history-refresh {
    flex-shrink: 0;
    min-height: 36px;
    border-radius: 8px;
    text-transform: none;
    letter-spacing: normal;
}

.session-history-panel[b-y8329oa7qm] {
    overflow: hidden;
    border: 1px solid var(--rz-divider);
    border-radius: 12px;
    background: var(--rz-card-background-color);
}

.session-history-meta[b-y8329oa7qm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 24px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--rz-divider);
    color: var(--rz-text-secondary-color);
    font-size: .8125rem;
}

.session-history-meta > span[b-y8329oa7qm],
.session-history-note[b-y8329oa7qm],
.session-history-error[b-y8329oa7qm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.session-history-meta[b-y8329oa7qm]  .rzi,
.session-history-note[b-y8329oa7qm]  .rzi,
.session-history-error[b-y8329oa7qm]  .rzi {
    display: block;
    font-size: 18px;
}

.session-history-grid[b-y8329oa7qm]  .smt-wide-grid {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.session-history-grid[b-y8329oa7qm]  .rz-grid-table {
    width: 100%;
    min-width: 1345px;
}

.session-history-grid[b-y8329oa7qm]  .rz-grid-table tbody tr > td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Empty history should fit the viewport without reserving the data columns' widths. */
.session-history-grid-empty[b-y8329oa7qm]  .rz-grid-table {
    table-layout: auto;
    min-width: 0 !important;
    width: 100% !important;
}

.session-history-grid-empty[b-y8329oa7qm]  colgroup,
.session-history-grid-empty[b-y8329oa7qm]  thead {
    display: none;
}

.session-history-empty[b-y8329oa7qm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 272px;
    padding: 32px 20px;
    text-align: center;
    white-space: normal;
}

.session-history-empty-icon[b-y8329oa7qm] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    border: 1px solid color-mix(in srgb, var(--rz-primary) 20%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--rz-primary) 9%, transparent);
    color: var(--rz-primary);
}

.session-history-empty-icon[b-y8329oa7qm]  .rzi {
    font-size: 28px;
}

.session-history-empty h3[b-y8329oa7qm] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.session-history-empty p[b-y8329oa7qm] {
    max-width: 420px;
    margin: 8px 0 0;
    color: var(--rz-text-secondary-color);
    font-size: .875rem;
    line-height: 1.6;
}

.session-history-empty-hint[b-y8329oa7qm] {
    margin-top: 16px;
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    line-height: 1.5;
}

.session-history-date[b-y8329oa7qm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-variant-numeric: tabular-nums;
}

.session-history-date .session-history-secondary[b-y8329oa7qm] {
    font-size: .75rem;
}

.session-history-secondary[b-y8329oa7qm] {
    color: var(--rz-text-secondary-color);
}

.session-history-code[b-y8329oa7qm] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.session-history-number[b-y8329oa7qm] {
    font-variant-numeric: tabular-nums;
}

.phone-sessions[b-y8329oa7qm]  .session-history-status {
    padding: 5px 10px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: var(--session-status-color, var(--rz-text-secondary-color));
    background: color-mix(in srgb, var(--session-status-color, var(--rz-text-secondary-color)) 12%, transparent);
}

.phone-sessions[b-y8329oa7qm]  .session-history-status.rz-badge-success {
    --session-status-color: var(--session-success);
}

.phone-sessions[b-y8329oa7qm]  .session-history-status.rz-badge-danger {
    --session-status-color: var(--session-danger);
}

.phone-sessions[b-y8329oa7qm]  .session-history-status.rz-badge-warning {
    --session-status-color: var(--session-warning);
}

.session-history-note[b-y8329oa7qm] {
    align-items: flex-start;
    padding: 14px 20px;
    border-top: 1px solid var(--rz-divider);
    color: var(--rz-text-secondary-color);
    font-size: .8125rem;
    line-height: 1.5;
}

.session-history-note p[b-y8329oa7qm] {
    margin: 0;
}

.session-history-note strong[b-y8329oa7qm] {
    font-weight: 600;
}

.session-history-error[b-y8329oa7qm] {
    padding: 12px 20px;
    border-bottom: 1px solid var(--rz-divider);
    color: var(--rz-text-color);
    background: color-mix(in srgb, var(--rz-danger) 10%, transparent);
    font-size: .875rem;
    line-height: 1.5;
}

.session-history-error[b-y8329oa7qm]  .rzi {
    color: var(--rz-danger);
}

@media (max-width: 640px) {
    .session-history-header[b-y8329oa7qm] {
        align-items: flex-start;
    }

    .session-history-meta[b-y8329oa7qm],
    .session-history-note[b-y8329oa7qm],
    .session-history-error[b-y8329oa7qm] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .session-history-empty[b-y8329oa7qm] {
        min-height: 250px;
        padding: 28px 12px;
    }
}
/* /Pages/Shared/Phones/PhoneStreamNavigation.razor.rz.scp.css */
.phone-navigation[b-rsb6gnigwc] {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.phone-navigation.has-labels[b-rsb6gnigwc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

button[b-rsb6gnigwc] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    width: var(--live-control-size, 36px);
    height: var(--live-control-size, 36px);
    min-width: 0;
    padding: 0;
    border: 1px solid var(--live-control-border, var(--rz-text-secondary-color));
    border-radius: var(--live-control-radius, 8px);
    background: var(--live-control-bg, var(--rz-input-background-color));
    color: var(--live-control-color, var(--rz-text-color));
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.has-labels button[b-rsb6gnigwc] {
    width: 100%;
    gap: 6px;
    padding-inline: 4px;
}

button:hover:not(:disabled)[b-rsb6gnigwc] {
    background: var(--live-control-hover, var(--rz-dropdown-item-hover-background-color));
}

button:focus-visible[b-rsb6gnigwc] {
    outline: 2px solid var(--live-control-focus, var(--rz-primary));
    outline-offset: 2px;
}

button:disabled[b-rsb6gnigwc] {
    border-color: var(--live-control-disabled-border, var(--rz-text-disabled-color));
    background: var(--live-control-disabled-bg, var(--rz-input-background-color));
    color: var(--live-control-disabled-color, var(--rz-text-disabled-color));
    cursor: default;
}

svg[b-rsb6gnigwc] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}
/* /Pages/Shared/Settings/McpAccessSettingsCard.razor.rz.scp.css */
.mcp-access[b-je6lxbuvlo] {
    container: mcp-access / inline-size;
    --mcp-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --mcp-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --mcp-muted: var(--rz-text-secondary-color, #697386);
    --mcp-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --mcp-success: var(--sm-dark-green, var(--sm-light-green, #0f9f7a));
    --mcp-danger: var(--rz-notification-error-color, #c3342b);
    width: 100%;
    min-width: 0;
    padding: 24px 8px;
    color: var(--rz-text-color, #2d3548);
    color-scheme: light;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
}

.material-dark .mcp-access[b-je6lxbuvlo] { color-scheme: dark; }

.mcp-access *[b-je6lxbuvlo], .mcp-access[b-je6lxbuvlo]  * { box-sizing: border-box; }
.mcp-access h2[b-je6lxbuvlo], .mcp-access h3[b-je6lxbuvlo], .mcp-access h4[b-je6lxbuvlo], .mcp-access p[b-je6lxbuvlo] { margin: 0; color: inherit; letter-spacing: 0; }
.mcp-access h2[b-je6lxbuvlo] { font-size: 22px; font-weight: 700; line-height: 1.3; }
.mcp-access h3[b-je6lxbuvlo] { font-size: 16px; font-weight: 650; line-height: 1.4; }
.mcp-access h4[b-je6lxbuvlo] { font-size: 14px; font-weight: 650; line-height: 1.4; }
.mcp-access p[b-je6lxbuvlo] { color: var(--mcp-muted); font-size: 13px; }
.mcp-access button[b-je6lxbuvlo], .mcp-access input[b-je6lxbuvlo] { font: inherit; letter-spacing: 0; }
.mcp-access button[b-je6lxbuvlo] { cursor: pointer; }
.mcp-access button:disabled[b-je6lxbuvlo] { opacity: .5; cursor: not-allowed; }
.mcp-access button:focus-visible[b-je6lxbuvlo], .mcp-access summary:focus-visible[b-je6lxbuvlo], .mcp-access input:focus-visible[b-je6lxbuvlo] { outline: 2px solid var(--mcp-accent); outline-offset: 3px; }
.mcp-access[b-je6lxbuvlo]  .rzi { flex: 0 0 20px; width: 20px; height: 20px; font-size: 20px; }
.mcp-header[b-je6lxbuvlo], .mcp-heading[b-je6lxbuvlo], .mcp-section-toolbar[b-je6lxbuvlo], .mcp-availability[b-je6lxbuvlo], .mcp-section-title[b-je6lxbuvlo] { display: flex; align-items: center; gap: 12px; }
.mcp-header[b-je6lxbuvlo] { flex-wrap: wrap; justify-content: space-between; gap: 24px; padding-bottom: 24px; }
.mcp-heading[b-je6lxbuvlo] { min-width: 0; gap: 14px; }
.mcp-heading p[b-je6lxbuvlo] { margin-top: 4px; }
.mcp-heading-icon[b-je6lxbuvlo] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid var(--mcp-border); border-radius: 8px; color: var(--mcp-accent); background: var(--mcp-soft); }
.mcp-heading-icon[b-je6lxbuvlo]  .rzi { width: 24px; height: 24px; font-size: 24px; }
.mcp-button[b-je6lxbuvlo] { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--mcp-border); border-radius: 8px; background: var(--rz-card-background-color); color: inherit; font-weight: 600 !important; white-space: nowrap; }
.mcp-button:hover:not(:disabled)[b-je6lxbuvlo] { background: var(--mcp-soft); border-color: var(--mcp-accent); }
.mcp-button.is-primary[b-je6lxbuvlo] { border-color: transparent; background: var(--rz-primary); color: var(--sm-dark-canvas, #fff); }
.mcp-button.is-primary:hover:not(:disabled)[b-je6lxbuvlo] { background: var(--rz-primary); filter: brightness(1.12); }
.mcp-availability[b-je6lxbuvlo], .mcp-connection[b-je6lxbuvlo], .mcp-keys[b-je6lxbuvlo], .mcp-limits[b-je6lxbuvlo] {
    min-width: 0;
    margin-bottom: 20px;
    border: 1px solid var(--mcp-border);
    border-radius: 10px;
    background: var(--rz-card-background-color);
}
.mcp-availability[b-je6lxbuvlo] { justify-content: space-between; padding: 20px; }
.mcp-availability-copy p[b-je6lxbuvlo] { margin-top: 5px; }
.mcp-status[b-je6lxbuvlo] { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mcp-muted); white-space: nowrap; }
.mcp-status[b-je6lxbuvlo]::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.mcp-status.is-active[b-je6lxbuvlo] { color: var(--mcp-success); }
.mcp-switch[b-je6lxbuvlo] { position: relative; flex: 0 0 48px; width: 48px; height: 44px; padding: 0; border: 0; background: transparent; }
.mcp-switch[b-je6lxbuvlo]::before { position: absolute; content: ""; inset: 9px 0; border-radius: 20px; background: var(--rz-switch-background-color); }
.mcp-switch span[b-je6lxbuvlo] { position: absolute; top: 13px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--rz-switch-circle-background-color); }
.mcp-switch[aria-checked="true"][b-je6lxbuvlo]::before { background: var(--rz-switch-checked-background-color); }
.mcp-switch[aria-checked="true"] span[b-je6lxbuvlo] { transform: translateX(22px); background: var(--rz-switch-checked-circle-background-color); }
.mcp-connection[b-je6lxbuvlo] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; padding: 20px; }
.mcp-section-copy p[b-je6lxbuvlo] { margin-top: 6px; }
.mcp-connection-fields[b-je6lxbuvlo] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mcp-field[b-je6lxbuvlo] { display: flex; flex-direction: column; min-width: 0; gap: 6px; }
.mcp-field label[b-je6lxbuvlo], .mcp-permissions legend[b-je6lxbuvlo] { color: var(--mcp-muted); font-size: 12px; font-weight: 600; }
.mcp-field > input[b-je6lxbuvlo], .mcp-copy-field[b-je6lxbuvlo] { width: 100%; min-width: 0; min-height: 42px; border: 1px solid var(--mcp-border); border-radius: 6px; color: inherit; background: var(--rz-input-background-color); }
.mcp-field > input[b-je6lxbuvlo] { padding: 8px 12px; }
.mcp-field > input[b-je6lxbuvlo]::placeholder { color: var(--mcp-muted); }
.mcp-copy-field[b-je6lxbuvlo] { display: flex; align-items: center; background: var(--mcp-soft); }
.mcp-copy-field input[b-je6lxbuvlo] { width: 100%; min-width: 0; height: 40px; padding: 8px 12px; border: 0; border-radius: 6px; color: inherit; background: transparent; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; text-overflow: ellipsis; }
.mcp-icon-button[b-je6lxbuvlo] { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 0; border-left: 1px solid var(--mcp-border); border-radius: 0 5px 5px 0; background: transparent; color: var(--mcp-muted); }
.mcp-icon-button:hover[b-je6lxbuvlo] { color: var(--mcp-accent); background: var(--rz-card-background-color); }
.mcp-keys[b-je6lxbuvlo] { padding: 20px; }
.mcp-section-toolbar[b-je6lxbuvlo] { justify-content: space-between; margin-bottom: 18px; }
.mcp-section-toolbar p[b-je6lxbuvlo] { margin-top: 4px; }
.mcp-count[b-je6lxbuvlo] { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border: 1px solid var(--mcp-border); border-radius: 6px; font-size: 12px; color: var(--mcp-muted); }
.mcp-create[b-je6lxbuvlo] { padding: 20px; margin-bottom: 18px; border: 1px solid var(--mcp-border); border-radius: 8px; background: var(--mcp-soft); }
.mcp-create-fields[b-je6lxbuvlo] { display: grid; grid-template-columns: minmax(180px, 1fr) 180px minmax(260px, .85fr); align-items: start; gap: 20px; margin-top: 16px; }
.mcp-permissions[b-je6lxbuvlo] { min-width: 0; padding: 0; margin: 0; border: 0; }
.mcp-permissions legend[b-je6lxbuvlo] { margin-bottom: 6px; padding: 0; }
.mcp-permissions > div[b-je6lxbuvlo] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; min-height: 42px; }
.mcp-permissions label[b-je6lxbuvlo] { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; cursor: pointer; }
.mcp-permissions input[b-je6lxbuvlo] { width: 18px; height: 18px; margin: 0; accent-color: var(--mcp-accent); }
.mcp-form-actions[b-je6lxbuvlo] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.mcp-access .mcp-warning[b-je6lxbuvlo], .mcp-access .mcp-error[b-je6lxbuvlo] { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; padding: 10px 12px; border-radius: 6px; }
.mcp-access .mcp-warning[b-je6lxbuvlo] { color: var(--rz-notification-warning-color, #8a6500); background: var(--rz-notification-warning-background-color, #fff8dd); }
.mcp-access .mcp-error[b-je6lxbuvlo] { margin: 0 0 16px; color: var(--mcp-danger); background: var(--rz-notification-error-background-color, #fff0ee); }
.mcp-secret[b-je6lxbuvlo] { display: grid; gap: 14px; padding: 20px; margin-bottom: 18px; border: 1px solid var(--mcp-success); border-radius: 8px; background: var(--mcp-soft); }
.mcp-secret-heading[b-je6lxbuvlo] { display: flex; align-items: flex-start; gap: 10px; }
.mcp-secret-heading[b-je6lxbuvlo] >  .rzi { color: var(--mcp-success); }
.mcp-secret-heading p[b-je6lxbuvlo] { margin-top: 4px; }
.mcp-secret > button[b-je6lxbuvlo] { justify-self: end; }
.mcp-empty[b-je6lxbuvlo] { display: flex; align-items: center; gap: 16px; min-height: 112px; padding: 24px; border: 1px dashed var(--mcp-border); border-radius: 8px; }
.mcp-empty-icon[b-je6lxbuvlo] { color: var(--mcp-muted); }
.mcp-empty-icon[b-je6lxbuvlo]  .rzi { width: 28px; height: 28px; font-size: 28px; }
.mcp-empty p[b-je6lxbuvlo] { margin-top: 5px; }
.mcp-key-grid[b-je6lxbuvlo] { min-width: 0; }
.mcp-key-grid[b-je6lxbuvlo]  .rz-data-grid { box-shadow: none; }
.mcp-key-grid[b-je6lxbuvlo]  .mcp-key-name { display: block; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.mcp-key-grid[b-je6lxbuvlo]  .rz-cell-data { font-size: 13px; }
.mcp-key-grid[b-je6lxbuvlo]  .rz-column-title { font-size: 12px; }
.mcp-revoke[b-je6lxbuvlo] { min-height: 36px; padding: 6px 8px; border: 1px solid transparent; border-radius: 6px; color: var(--mcp-danger); background: transparent; font-weight: 600 !important; }
.mcp-revoke:hover:not(:disabled)[b-je6lxbuvlo] { border-color: var(--mcp-danger); background: var(--rz-notification-error-background-color); }
.mcp-mobile-keys[b-je6lxbuvlo] { display: none; padding: 0; margin: 0; list-style: none; }
.mcp-limits[b-je6lxbuvlo] { padding: 0 20px; margin-bottom: 0; }
.mcp-limits summary[b-je6lxbuvlo] { display: flex; align-items: center; gap: 6px; min-height: 48px; color: var(--mcp-muted); font-size: 13px; cursor: pointer; list-style: none; }
.mcp-limits summary[b-je6lxbuvlo]::-webkit-details-marker { display: none; }
.mcp-limits[open] summary[b-je6lxbuvlo]  .rzi { transform: rotate(90deg); }
.mcp-limit-values[b-je6lxbuvlo] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 4px 0 16px; }
.mcp-limit-values dt[b-je6lxbuvlo] { color: var(--mcp-muted); font-size: 12px; font-weight: 400; }
.mcp-limit-values dd[b-je6lxbuvlo] { margin: 4px 0 0; font-size: 14px; font-weight: 600; }
.mcp-limits > p[b-je6lxbuvlo] { padding-bottom: 18px; }
.mcp-access .mcp-feedback[b-je6lxbuvlo] { min-height: 24px; margin-top: 12px; color: var(--mcp-accent); }
.mcp-load-state[b-je6lxbuvlo] { display: flex; align-items: center; gap: 16px; padding: 24px 0; }

@container mcp-access (max-width: 1100px) {
    .mcp-connection[b-je6lxbuvlo] { grid-template-columns: 180px minmax(0, 1fr); gap: 20px; }
    .mcp-create-fields[b-je6lxbuvlo] { grid-template-columns: minmax(0, 1fr) 180px; }
    .mcp-permissions[b-je6lxbuvlo] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .mcp-access[b-je6lxbuvlo] { padding: 20px 0; }
}

@container mcp-access (max-width: 760px) {
    .mcp-header[b-je6lxbuvlo] { flex-wrap: wrap; gap: 16px; padding-bottom: 20px; }
    .mcp-access h2[b-je6lxbuvlo] { font-size: 20px; }
    .mcp-availability[b-je6lxbuvlo], .mcp-connection[b-je6lxbuvlo], .mcp-keys[b-je6lxbuvlo] { padding: 16px; }
    .mcp-limits[b-je6lxbuvlo] { padding-inline: 16px; }
    .mcp-section-title[b-je6lxbuvlo] { flex-wrap: wrap; gap: 8px; }
    .mcp-connection[b-je6lxbuvlo] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .mcp-section-copy[b-je6lxbuvlo] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
    .mcp-section-copy p[b-je6lxbuvlo] { margin: 0; }
    .mcp-copy-field input[b-je6lxbuvlo], .mcp-field > input[b-je6lxbuvlo] { font-size: 16px; min-height: 44px; }
    .mcp-icon-button[b-je6lxbuvlo] { flex-basis: 44px; width: 44px; height: 44px; }
    .mcp-section-toolbar[b-je6lxbuvlo] { align-items: flex-start; flex-wrap: wrap; }
    .mcp-button[b-je6lxbuvlo], .mcp-revoke[b-je6lxbuvlo] { min-height: 44px; }
    .mcp-create[b-je6lxbuvlo], .mcp-secret[b-je6lxbuvlo] { padding: 16px; }
    .mcp-create-fields[b-je6lxbuvlo] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .mcp-permissions[b-je6lxbuvlo] { grid-column: auto; }
    .mcp-permissions label[b-je6lxbuvlo] { min-height: 44px; }
    .mcp-empty[b-je6lxbuvlo] { padding: 20px 16px; }
    .mcp-limit-values[b-je6lxbuvlo] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .mcp-limits p[b-je6lxbuvlo], .mcp-feedback[b-je6lxbuvlo] { overflow-wrap: anywhere; }
}

@container mcp-access (max-width: 960px) {
    .mcp-key-grid[b-je6lxbuvlo] { display: none; }
    .mcp-mobile-keys[b-je6lxbuvlo] { display: grid; gap: 12px; }
    .mcp-mobile-keys li[b-je6lxbuvlo] { min-width: 0; padding: 16px; border: 1px solid var(--mcp-border); border-radius: 8px; background: var(--mcp-soft); }
    .mcp-mobile-key-heading[b-je6lxbuvlo] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
    .mcp-mobile-key-heading strong[b-je6lxbuvlo] { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
    .mcp-mobile-keys dl[b-je6lxbuvlo] { display: grid; gap: 8px; margin: 16px 0 6px; font-size: 13px; }
    .mcp-mobile-keys dl > div[b-je6lxbuvlo] { display: flex; justify-content: space-between; gap: 12px; }
    .mcp-mobile-keys dt[b-je6lxbuvlo] { color: var(--mcp-muted); font-weight: 400; }
    .mcp-mobile-keys dd[b-je6lxbuvlo] { margin: 0; text-align: right; }
    .mcp-mobile-keys .mcp-revoke[b-je6lxbuvlo] { min-height: 44px; margin-left: -8px; }
}

.mcp-header-actions[b-je6lxbuvlo] { display: flex; flex-wrap: wrap; gap: 10px; }

.mcp-limits[b-je6lxbuvlo] { padding: 1rem; border-bottom: 1px solid var(--rz-base-200); }
.mcp-limits dl[b-je6lxbuvlo] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: .75rem 0; }
.mcp-limits dt[b-je6lxbuvlo] { font-size: .85rem; }
.mcp-limits dd[b-je6lxbuvlo] { font-size: 1.25rem; font-weight: 600; margin: .25rem 0; }
/* /Pages/Shared/Settings/McpPromptGalleryDialog.razor.rz.scp.css */
.mcp-prompt-gallery[b-bftsgxswrf] {
    --ai-assistant-surface: var(--rz-dialog-background-color, #fff);
    --ai-assistant-surface-soft: var(--ai-gallery-card, var(--rz-card-background-color));
    --ai-assistant-border: var(--ai-gallery-border, var(--rz-divider));
    --ai-assistant-primary: var(--rz-primary, #4f46e5);
    --ai-assistant-primary-light: var(--rz-primary-light, var(--rz-primary, #7c3aed));
    --ai-assistant-primary-panel: var(--ai-gallery-accent-soft, color-mix(in srgb, var(--rz-primary) 8%, var(--rz-dialog-background-color)));
    min-width: 0;
    width: 100%;
}
/* /Pages/Shared/Settings/PushEventSettingsCard.razor.rz.scp.css */
.push-settings[b-ghlh3x1m4x] {
    container: push-settings / inline-size;
    --push-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --push-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --push-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --push-muted: var(--rz-text-secondary-color);
    width: 100%;
    min-width: 0;
    margin-top: 8px;
    padding: 24px 8px;
    color: var(--rz-text-color);
    font-size: 14px;
    line-height: 1.5;
}

.push-settings *[b-ghlh3x1m4x], .push-settings[b-ghlh3x1m4x]  * { box-sizing: border-box; }
.push-settings h2[b-ghlh3x1m4x], .push-settings h3[b-ghlh3x1m4x], .push-settings p[b-ghlh3x1m4x] { margin: 0; color: inherit; letter-spacing: 0; }
.push-settings h2[b-ghlh3x1m4x] { font-size: 22px; line-height: 1.3; font-weight: 700; }
.push-settings h3[b-ghlh3x1m4x] { font-size: 16px; line-height: 1.4; font-weight: 650; }
.push-settings p[b-ghlh3x1m4x], .push-settings small[b-ghlh3x1m4x] { color: var(--push-muted); font-size: 13px; }
.push-settings button[b-ghlh3x1m4x], .push-settings input[b-ghlh3x1m4x] { font: inherit; letter-spacing: 0; }
.push-settings fieldset[b-ghlh3x1m4x] { min-width: 0; padding: 0; margin: 0; border: 0; }
.push-settings[b-ghlh3x1m4x]  .rzi { flex-shrink: 0; width: 20px; height: 20px; font-size: 20px; }
.push-heading[b-ghlh3x1m4x] { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.push-heading p[b-ghlh3x1m4x] { margin-top: 6px; }
.push-heading-icon[b-ghlh3x1m4x] { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid var(--push-border); border-radius: 8px; background: var(--push-soft); color: var(--push-accent); }
.push-heading-icon[b-ghlh3x1m4x]  .rzi { width: 24px; height: 24px; font-size: 24px; }
.push-channels[b-ghlh3x1m4x] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.push-channel[b-ghlh3x1m4x] { min-width: 0; border: 1px solid var(--push-border); border-radius: 10px; background: var(--rz-card-background-color); }
.push-channel-heading[b-ghlh3x1m4x] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--push-border); border-radius: 10px 10px 0 0; background: var(--push-soft); }
.push-channel-heading p[b-ghlh3x1m4x] { margin-top: 4px; }
.push-fields[b-ghlh3x1m4x] { display: grid; gap: 16px; padding: 20px; }
.push-field[b-ghlh3x1m4x] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.push-field > label[b-ghlh3x1m4x] { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
.push-field input[b-ghlh3x1m4x] { width: 100%; min-width: 0; min-height: 42px; padding: 8px 12px; border: 1px solid var(--push-border); border-radius: 6px; background: var(--rz-input-background-color); color: inherit; }
.push-field input[b-ghlh3x1m4x]::placeholder { color: var(--push-muted); opacity: 1; }
.push-field input:hover:not(:disabled)[b-ghlh3x1m4x] { border-color: var(--push-accent); }
.push-field small[b-ghlh3x1m4x] { min-height: 20px; font-size: 12px; }
.push-saved[b-ghlh3x1m4x] { padding: 1px 6px; border-radius: 4px; background: var(--push-soft); color: var(--push-muted); font-size: 11px; font-weight: 500; }
.push-number[b-ghlh3x1m4x] { display: flex; align-items: center; gap: 10px; color: var(--push-muted); font-size: 13px; }
.push-number input[b-ghlh3x1m4x] { width: 100px; color: var(--rz-text-color); }
.push-toggle[b-ghlh3x1m4x] { display: inline-flex; position: relative; flex-shrink: 0; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; font-size: 12px; color: var(--push-muted); }
.push-toggle input[b-ghlh3x1m4x] { position: absolute; right: 0; width: 44px; height: 44px; margin: 0; opacity: 0; cursor: pointer; }
.push-toggle-track[b-ghlh3x1m4x] { display: block; width: 44px; height: 24px; border-radius: 20px; background: var(--rz-switch-background-color); pointer-events: none; }
.push-toggle-track[b-ghlh3x1m4x]::after { content: ""; display: block; width: 16px; height: 16px; margin: 4px; border-radius: 50%; background: var(--rz-switch-circle-background-color); }
.push-toggle input:checked + .push-toggle-track[b-ghlh3x1m4x] { background: var(--rz-switch-checked-background-color); }
.push-toggle input:checked + .push-toggle-track[b-ghlh3x1m4x]::after { transform: translateX(20px); background: var(--rz-switch-checked-circle-background-color); }
.push-settings input:focus-visible[b-ghlh3x1m4x], .push-settings button:focus-visible[b-ghlh3x1m4x], .push-settings summary:focus-visible[b-ghlh3x1m4x], .push-toggle input:focus-visible + .push-toggle-track[b-ghlh3x1m4x] { outline: 2px solid var(--push-accent); outline-offset: 3px; }
.push-settings input:disabled[b-ghlh3x1m4x], .push-settings button:disabled[b-ghlh3x1m4x], .push-toggle input:disabled + .push-toggle-track[b-ghlh3x1m4x] { opacity: .5; cursor: not-allowed; }
.push-settings .push-hint[b-ghlh3x1m4x] { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 28px; font-size: 12px; }
.push-hint[b-ghlh3x1m4x]  .rzi { color: var(--push-accent); }
.push-events[b-ghlh3x1m4x], .push-delivery[b-ghlh3x1m4x], .push-details[b-ghlh3x1m4x] {
    min-width: 0;
    border: 1px solid var(--push-border);
    border-radius: 10px;
    background: var(--rz-card-background-color);
}
.push-events[b-ghlh3x1m4x] { padding: 20px; }
.push-events > p[b-ghlh3x1m4x] { margin-top: 4px; }
.push-settings table[b-ghlh3x1m4x] { width: 100%; margin-top: 16px; border-collapse: collapse; table-layout: fixed; color: inherit; }
.push-settings th[b-ghlh3x1m4x], .push-settings td[b-ghlh3x1m4x] { border-bottom: 1px solid var(--push-border); }
.push-settings th[b-ghlh3x1m4x] { padding: 12px 16px; text-align: left; font-weight: 500; }
.push-settings thead th[b-ghlh3x1m4x] { background: var(--push-soft); color: var(--push-muted); font-size: 12px; font-weight: 600; }
.push-settings thead th:not(:first-child)[b-ghlh3x1m4x] { width: 120px; text-align: center; }
.push-settings td[b-ghlh3x1m4x] { padding: 0; text-align: center; }
.push-settings tbody tr:hover[b-ghlh3x1m4x] { background: var(--push-soft); }
.push-column-state[b-ghlh3x1m4x] { display: block; font-size: 11px; font-weight: 400; margin-top: 2px; }
.push-check[b-ghlh3x1m4x] { display: flex; align-items: center; justify-content: center; min-height: 48px; cursor: pointer; }
.push-check input[b-ghlh3x1m4x] { width: 18px; height: 18px; margin: 0; accent-color: var(--push-accent); cursor: pointer; }
.push-actions[b-ghlh3x1m4x] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 20px 0; }
.push-save-hint[b-ghlh3x1m4x] { color: var(--push-muted); font-size: 12px; }
.push-button[b-ghlh3x1m4x] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--push-border); border-radius: 8px; color: inherit; background: var(--rz-card-background-color); font-weight: 600 !important; cursor: pointer; }
.push-button:hover:not(:disabled)[b-ghlh3x1m4x] { border-color: var(--push-accent); background: var(--push-soft); }
.push-button.is-primary[b-ghlh3x1m4x] { border-color: transparent; background: var(--rz-primary); color: var(--sm-dark-canvas, #fff); }
.push-button.is-primary:hover:not(:disabled)[b-ghlh3x1m4x] { background: var(--rz-primary); filter: brightness(1.12); }
.push-settings .push-feedback[b-ghlh3x1m4x] { margin-bottom: 16px; color: var(--push-accent); }
.push-settings .push-alert[b-ghlh3x1m4x] { padding: 12px 14px; margin-bottom: 16px; border-radius: 6px; color: var(--rz-notification-error-color, #c3342b); background: var(--rz-notification-error-background-color, #fff0ee); }
.push-delivery[b-ghlh3x1m4x] { padding: 20px; margin-bottom: 20px; }
.push-delivery-heading[b-ghlh3x1m4x] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.push-stats[b-ghlh3x1m4x] { display: flex; flex-wrap: wrap; gap: 20px 48px; margin: 16px 0 0; }
.push-stats dt[b-ghlh3x1m4x] { color: var(--push-muted); font-size: 12px; font-weight: 400; }
.push-stats dd[b-ghlh3x1m4x] { margin: 4px 0 0; font-size: 14px; font-weight: 600; }
.push-delivery .push-alert[b-ghlh3x1m4x] { margin: 16px 0 0; }
.push-details[b-ghlh3x1m4x] { padding: 0 20px; }
.push-details summary[b-ghlh3x1m4x] { padding: 14px 0; color: var(--push-muted); font-size: 13px; cursor: pointer; }
.push-details-body[b-ghlh3x1m4x] { display: grid; gap: 12px; padding: 0 0 18px; }
.push-settings code[b-ghlh3x1m4x] { color: inherit; overflow-wrap: anywhere; font-size: 12px; }
.push-load-state[b-ghlh3x1m4x] { display: flex; align-items: center; gap: 16px; padding: 24px 0; }
.push-sr-only[b-ghlh3x1m4x] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 760px) {
    .push-settings[b-ghlh3x1m4x] { padding: 20px 0; }
}

@container push-settings (max-width: 760px) {
    .push-channels[b-ghlh3x1m4x] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .push-settings h2[b-ghlh3x1m4x] { font-size: 20px; }
    .push-channel-heading[b-ghlh3x1m4x], .push-fields[b-ghlh3x1m4x] { padding: 16px; }
    .push-events[b-ghlh3x1m4x], .push-delivery[b-ghlh3x1m4x] { padding: 16px; }
    .push-details[b-ghlh3x1m4x] { padding-inline: 16px; }
    .push-field input[b-ghlh3x1m4x] { font-size: 16px; min-height: 44px; }
    .push-settings th[b-ghlh3x1m4x] { padding: 10px 8px; font-size: 12px; }
    .push-settings thead th:not(:first-child)[b-ghlh3x1m4x] { width: 78px; padding-inline: 4px; }
    .push-button[b-ghlh3x1m4x] { min-height: 44px; }
    .push-actions[b-ghlh3x1m4x] { align-items: flex-start; flex-direction: column; }
    .push-delivery-heading[b-ghlh3x1m4x] { flex-wrap: wrap; }
}
/* /Pages/Shared/Settings/SkyeTelegramSettingsCard.razor.rz.scp.css */
.skye-tg[b-34bgsdubjm] {
    --tg-accent: var(--settings-accent, var(--rz-primary));
    --tg-green: var(--sm-dark-green, #0f7a5f);
    --tg-border: var(--settings-border, var(--rz-divider));
    --tg-soft: var(--settings-soft, var(--rz-base-100));
    --tg-muted: var(--rz-text-secondary-color);
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.skye-tg h3[b-34bgsdubjm], .skye-tg h4[b-34bgsdubjm], .skye-tg p[b-34bgsdubjm] { margin: 0; letter-spacing: 0; }
.skye-tg h3[b-34bgsdubjm] { color: inherit; font-size: 16px; font-weight: 650; line-height: 1.4; }
.skye-tg h4[b-34bgsdubjm] { color: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; }
.skye-tg p[b-34bgsdubjm] { color: var(--tg-muted); font-size: 13px; line-height: 1.5; }

.skye-tg-header[b-34bgsdubjm] { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.skye-tg-logo[b-34bgsdubjm] { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--tg-border); border-radius: 8px; background: var(--tg-soft); color: var(--tg-accent); }
.skye-tg-logo[b-34bgsdubjm]  .rzi { font-size: 21px; transform: rotate(-28deg); }
.skye-tg-heading[b-34bgsdubjm] { min-width: 0; }
.skye-tg-heading p[b-34bgsdubjm] { margin-top: 3px; }
.skye-tg-pill[b-34bgsdubjm] { display: inline-flex; align-items: center; gap: 6px; justify-self: end; padding: 4px 8px; border: 1px solid var(--tg-border); border-radius: 6px; background: var(--tg-soft); color: var(--tg-muted); font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.skye-tg-pill[b-34bgsdubjm]::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.skye-tg-pill.is-on[b-34bgsdubjm] { color: var(--tg-green); border-color: color-mix(in srgb, var(--tg-green) 25%, var(--tg-border)); background: color-mix(in srgb, var(--tg-green) 8%, var(--tg-soft)); }
.skye-tg-pill.is-paused[b-34bgsdubjm] { color: var(--tg-accent); }

.skye-tg-setup[b-34bgsdubjm] { padding-top: 20px; border-top: 1px solid var(--tg-border); }
.skye-tg-steps[b-34bgsdubjm] { display: grid; gap: 16px; margin: 16px 0 0; padding: 0; list-style: none; }
.skye-tg-steps li[b-34bgsdubjm] { display: flex; align-items: flex-start; gap: 12px; }
.skye-tg-step-number[b-34bgsdubjm] { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; margin-top: 2px; border: 1px solid var(--tg-border); border-radius: 6px; background: var(--tg-soft); color: var(--tg-accent); font-size: 12px; font-weight: 600; }
.skye-tg-steps strong[b-34bgsdubjm] { font-size: 14px; font-weight: 600; line-height: 1.4; }
.skye-tg-steps p[b-34bgsdubjm] { margin-top: 2px; }

.skye-tg-actions[b-34bgsdubjm] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.skye-tg-actions[b-34bgsdubjm]  .rz-button { flex-shrink: 0; }
.skye-tg-link[b-34bgsdubjm] { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 40px; padding: 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--tg-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.skye-tg-link[b-34bgsdubjm]  .rzi { font-size: 18px; }
.skye-tg-link:hover:not(:disabled)[b-34bgsdubjm] { color: var(--rz-text-color); background: var(--tg-soft); }
.skye-tg button:disabled[b-34bgsdubjm] { opacity: .5; cursor: not-allowed; }
.skye-tg button:focus-visible[b-34bgsdubjm], .skye-tg summary:focus-visible[b-34bgsdubjm] { outline: 2px solid var(--tg-accent); outline-offset: 3px; }

.skye-tg-manual[b-34bgsdubjm] { display: grid; gap: 16px; min-width: 0; padding: 16px; border: 1px solid var(--tg-border); border-radius: 8px; background: var(--tg-soft); }
.skye-tg-manual[b-34bgsdubjm]  .rz-button { justify-self: start; }
.skye-tg-manual .settings-fields-grid[b-34bgsdubjm] { gap: 16px; }

.skye-tg-delivery[b-34bgsdubjm] { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--tg-border); border-radius: 8px; background: var(--tg-soft); }
.skye-tg-delivery > div[b-34bgsdubjm] { min-width: 0; }
.skye-tg-delivery-label[b-34bgsdubjm] { display: block; font-size: 14px; font-weight: 600; }
.skye-tg-destination[b-34bgsdubjm] { display: flex; align-items: center; gap: 6px; margin: 6px 0; font-size: 13px; }
.skye-tg-destination[b-34bgsdubjm]  .rzi { flex: 0 0 18px; font-size: 18px; color: var(--tg-muted); }
.skye-tg-switch[b-34bgsdubjm] { position: relative; flex: 0 0 48px; width: 48px; height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.skye-tg-switch[b-34bgsdubjm]::before { position: absolute; content: ""; inset: 9px 0; border-radius: 20px; background: var(--rz-switch-background-color); transition: background-color .15s; }
.skye-tg-switch span[b-34bgsdubjm] { position: absolute; top: 13px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--rz-switch-circle-background-color); transition: transform .15s; }
.skye-tg-switch[aria-checked="true"][b-34bgsdubjm]::before { background: var(--rz-switch-checked-background-color); }
.skye-tg-switch[aria-checked="true"] span[b-34bgsdubjm] { transform: translateX(22px); background: var(--rz-switch-checked-circle-background-color); }

.skye-tg-ideas-heading p[b-34bgsdubjm] { margin-top: 4px; }
.skye-tg-idea-list[b-34bgsdubjm] { display: grid; gap: 8px; margin-top: 12px; }
.skye-tg-idea[b-34bgsdubjm] { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 64px; padding: 10px 12px; border: 1px solid var(--tg-border); border-radius: 8px; background: transparent; color: var(--rz-text-color); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s; }
.skye-tg-idea > span[b-34bgsdubjm] { display: grid; gap: 2px; flex: 1 1 auto; min-width: 0; }
.skye-tg-idea strong[b-34bgsdubjm] { font-size: 13px; font-weight: 600; line-height: 1.4; }
.skye-tg-idea small[b-34bgsdubjm] { color: var(--tg-muted); font-size: 12px; line-height: 1.4; }
.skye-tg-idea[b-34bgsdubjm]  .rzi { flex: 0 0 20px; font-size: 20px; color: var(--tg-accent); }
.skye-tg-idea[b-34bgsdubjm]  .skye-tg-idea-arrow { color: var(--tg-muted); font-size: 18px; }
.skye-tg-idea:hover[b-34bgsdubjm] { border-color: var(--tg-accent); background: var(--tg-soft); }

.skye-tg-loading[b-34bgsdubjm] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 104px; padding: 16px; border: 1px solid var(--tg-border); border-radius: 8px; background: var(--tg-soft); color: var(--tg-muted); font-size: 13px; }
.skye-tg-loading > span[b-34bgsdubjm] { flex: 1 1 180px; }
.skye-tg .skye-tg-feedback[b-34bgsdubjm], .skye-tg .skye-tg-error[b-34bgsdubjm] { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border: 1px solid var(--tg-border); border-radius: 6px; background: var(--tg-soft); overflow-wrap: anywhere; }
.skye-tg .skye-tg-feedback[b-34bgsdubjm] { color: var(--tg-green); }
.skye-tg .skye-tg-error[b-34bgsdubjm] { color: var(--rz-danger); }
.skye-tg-feedback[b-34bgsdubjm]  .rzi, .skye-tg-error[b-34bgsdubjm]  .rzi { flex: 0 0 18px; margin-top: 1px; font-size: 18px; }

.skye-tg-notes[b-34bgsdubjm] { padding-top: 16px; border-top: 1px solid var(--tg-border); }
.skye-tg-notes summary[b-34bgsdubjm] { display: flex; align-items: center; gap: 10px; min-height: 28px; width: fit-content; border-radius: 4px; color: var(--tg-muted); font-size: 13px; font-weight: 600; list-style: none; cursor: pointer; }
.skye-tg-notes summary[b-34bgsdubjm]::-webkit-details-marker { display: none; }
.skye-tg-notes summary[b-34bgsdubjm]::before { content: ""; width: 6px; height: 6px; margin-left: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
.skye-tg-notes[open] summary[b-34bgsdubjm]::before { transform: rotate(45deg); }
.skye-tg-notes summary:hover[b-34bgsdubjm] { color: var(--rz-text-color); }
.skye-tg-notes ul[b-34bgsdubjm] { display: grid; gap: 8px; margin: 12px 0 0; padding-left: 18px; color: var(--tg-muted); font-size: 13px; line-height: 1.5; }

@container settings-content (max-width: 600px) {
    .skye-tg-header[b-34bgsdubjm] { grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; }
    .skye-tg-pill[b-34bgsdubjm] { grid-column: 2; justify-self: start; }
    .skye-tg-manual .settings-fields-grid[b-34bgsdubjm] { grid-template-columns: minmax(0, 1fr); }
    .skye-tg-actions[b-34bgsdubjm]  .rz-button, .skye-tg-link[b-34bgsdubjm] { flex: 1 1 auto; min-height: 44px; }
    .skye-tg-notes summary[b-34bgsdubjm] { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .skye-tg-idea[b-34bgsdubjm], .skye-tg-switch[b-34bgsdubjm]::before, .skye-tg-switch span[b-34bgsdubjm] { transition: none; }
}
/* /Pages/Shared/Settings/TelegramConnectionDialog.razor.rz.scp.css */
.tg-connect[b-4auxu67ine] {
    --tg-blue: #229ed9;
    --tg-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --tg-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --tg-muted: var(--rz-text-secondary-color);
    --tg-green: var(--sm-dark-green, var(--sm-light-green, #0f9f7a));
    display: grid;
    gap: 18px;
    min-width: 0;
    color: var(--rz-text-color);
    font-size: 14px;
    line-height: 1.5;
}

.tg-steps[b-4auxu67ine] { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.tg-steps li[b-4auxu67ine] { display: flex; flex: 1 1 0; align-items: center; gap: 8px; min-width: 0; padding: 7px 10px; border-radius: 10px; background: var(--tg-soft); color: var(--tg-muted); font-size: 12px; font-weight: 600; }
.tg-steps li.is-current[b-4auxu67ine] { background: color-mix(in srgb, var(--tg-blue) 11%, transparent); color: var(--rz-text-color); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tg-blue) 45%, transparent); }
.tg-steps li.is-done[b-4auxu67ine] { color: var(--rz-text-color); }
.tg-step-mark[b-4auxu67ine] { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: var(--rz-card-background-color); box-shadow: inset 0 0 0 1px var(--tg-border); font-size: 12px; }
.tg-steps li.is-current .tg-step-mark[b-4auxu67ine] { background: var(--tg-blue); color: #fff; box-shadow: none; }
.tg-steps li.is-done .tg-step-mark[b-4auxu67ine] { background: var(--tg-green); color: #fff; box-shadow: none; }
.tg-step-mark[b-4auxu67ine]  .rzi { font-size: 15px; }

.tg-body[b-4auxu67ine] { display: grid; gap: 14px; min-width: 0; margin: 0; padding: 0; border: 0; }
.tg-body h3[b-4auxu67ine] { margin: 0; color: inherit; font-size: 16px; font-weight: 650; line-height: 1.4; letter-spacing: 0; }
.tg-muted[b-4auxu67ine] { margin: 0; color: var(--tg-muted); font-size: 13px; }
.tg-muted code[b-4auxu67ine], .tg-command code[b-4auxu67ine] { padding: 1px 6px; border-radius: 6px; background: var(--tg-soft); box-shadow: inset 0 0 0 1px var(--tg-border); font-size: 12px; }

.tg-body a:not(.tg-choice)[b-4auxu67ine] { color: var(--tg-blue); text-decoration: underline; text-underline-offset: 2px; }
.tg-body a:not(.tg-choice):hover[b-4auxu67ine] { color: var(--rz-text-color); }

.tg-field[b-4auxu67ine] { display: grid; gap: 6px; min-width: 0; }
.tg-field[b-4auxu67ine]  .rz-label { margin: 0; color: var(--tg-muted); font-size: 12px; font-weight: 600; }
.tg-field small[b-4auxu67ine] { color: var(--tg-muted); font-size: 12px; }
.tg-inline[b-4auxu67ine] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.tg-inline[b-4auxu67ine]  .rz-textbox { flex: 1 1 auto; min-width: 0; }
.tg-inline[b-4auxu67ine]  .rz-button { flex: 0 0 auto; }

.tg-bot[b-4auxu67ine] { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; background: color-mix(in srgb, var(--tg-green) 11%, transparent); font-size: 13px; }
.tg-bot[b-4auxu67ine]  .rzi { color: var(--tg-green); font-size: 20px; }

.tg-choices[b-4auxu67ine] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tg-choice[b-4auxu67ine] { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px; border: 1px solid var(--tg-border); border-radius: 12px; color: inherit; text-decoration: none; transition: border-color .15s, background-color .15s, transform .15s; }
.tg-choice:hover[b-4auxu67ine] { border-color: var(--tg-blue); background: color-mix(in srgb, var(--tg-blue) 7%, transparent); color: inherit; transform: translateY(-1px); }
.tg-choice strong[b-4auxu67ine] { display: block; font-size: 14px; font-weight: 650; }
.tg-choice small[b-4auxu67ine] { display: block; color: var(--tg-muted); font-size: 12px; line-height: 1.4; }
.tg-choice-icon[b-4auxu67ine] { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: color-mix(in srgb, var(--tg-blue) 14%, transparent); color: var(--tg-blue); }
.tg-choice-icon[b-4auxu67ine]  .rzi { font-size: 20px; }

.tg-find[b-4auxu67ine] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 12px; background: var(--tg-soft); color: var(--tg-muted); font-size: 13px; }

.tg-chats[b-4auxu67ine] { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tg-chats li[b-4auxu67ine], .tg-selected[b-4auxu67ine] { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 12px; border: 1px solid var(--tg-border); border-radius: 12px; }
.tg-avatar[b-4auxu67ine] { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(145deg, #3fb7ec, #1c8cc6); color: #fff; font-weight: 700; }
.tg-chat-name[b-4auxu67ine] { display: grid; flex: 1 1 auto; min-width: 0; line-height: 1.3; }
.tg-chat-name strong[b-4auxu67ine] { overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.tg-chat-name small[b-4auxu67ine] { color: var(--tg-muted); font-size: 12px; }

.tg-help[b-4auxu67ine] { color: var(--tg-muted); font-size: 13px; }
.tg-help summary[b-4auxu67ine] { width: fit-content; font-weight: 600; cursor: pointer; }
.tg-help summary:hover[b-4auxu67ine] { color: var(--rz-text-color); }
.tg-help p[b-4auxu67ine] { margin: 8px 0 0; }
.tg-command[b-4auxu67ine] { display: flex; align-items: center; gap: 10px; min-width: 0; margin-top: 8px; }
.tg-command code[b-4auxu67ine] { flex: 1 1 auto; min-width: 0; overflow: hidden; padding: 6px 10px; text-overflow: ellipsis; white-space: nowrap; user-select: all; }

.tg-link[b-4auxu67ine] { justify-self: start; padding: 0; border: 0; background: none; color: var(--tg-muted); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.tg-link:hover[b-4auxu67ine] { color: var(--rz-text-color); }
.tg-choice:focus-visible[b-4auxu67ine], .tg-link:focus-visible[b-4auxu67ine], .tg-help summary:focus-visible[b-4auxu67ine] { outline: 2px solid var(--rz-primary); outline-offset: 3px; }

.tg-message[b-4auxu67ine] { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--tg-soft); font-size: 13px; }
.tg-footer[b-4auxu67ine] { display: flex; justify-content: flex-end; gap: 10px; }

.tg-sr-only[b-4auxu67ine] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 560px) {
    .tg-choices[b-4auxu67ine] { grid-template-columns: minmax(0, 1fr); }
    .tg-steps li[b-4auxu67ine] { justify-content: center; }
    .tg-chats li[b-4auxu67ine] { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    .tg-choice[b-4auxu67ine] { transition: none; }
}
/* /Pages/Shared/UserAccounts/AddAccountsDialog.razor.rz.scp.css */
.accounts-wizard[b-r0yzuequo9] {
    --aw-panel: var(--sm-light-panel, #ffffff);
    --aw-soft: var(--sm-light-panel-soft, #f7f9fc);
    --aw-border: var(--sm-light-border, #e3e7ef);
    --aw-line: #dfe4ee;
    --aw-text: var(--sm-light-text, #2d3548);
    --aw-muted: var(--sm-light-text-muted, #697386);
    --aw-accent: var(--sm-light-primary, #5965e8);
    --aw-accent-text: #3f4bd1;
    --aw-track: #e6eaf2;
    --aw-ok: #137a3c;
    --aw-bad: #b42318;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - 48px);
    color: var(--aw-text);
}

.material-dark .accounts-wizard[b-r0yzuequo9] {
    --aw-panel: var(--sm-dark-panel-soft, #171c25);
    --aw-soft: #1c212b;
    --aw-border: var(--sm-dark-border, #2d3442);
    --aw-line: #3a4054;
    --aw-text: var(--sm-dark-text, #e8ebf4);
    --aw-muted: var(--sm-dark-text-muted, #aeb4c4);
    --aw-accent: var(--sm-dark-purple, #a984ff);
    --aw-accent-text: #c7b9ff;
    --aw-track: #2a3142;
    --aw-ok: #6fdc96;
    --aw-bad: #ff9b91;
}

.accounts-header[b-r0yzuequo9] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 60px;
    padding: 0 12px 0 24px;
    border-bottom: 1px solid var(--aw-border);
}

.accounts-title[b-r0yzuequo9] {
    margin: 0;
    color: inherit;
    font-size: 1.125rem;
    font-weight: 700;
    white-space: nowrap;
}

.accounts-header[b-r0yzuequo9]  .accounts-close {
    grid-column: 3;
    justify-self: end;
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    border-radius: 999px;
}

.accounts-body[b-r0yzuequo9] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 20px 24px;
    overflow: auto;
}

.accounts-loading[b-r0yzuequo9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 160px;
    color: var(--aw-muted);
}

.accounts-band-group[b-r0yzuequo9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* The theme pads dropdowns for 44px fields, which clips the platform icon in a 36px pill. */
.accounts-band-group[b-r0yzuequo9]  .accounts-platform {
    align-items: center;
    min-width: 200px;
    height: 36px !important;
    min-height: 36px !important;
    padding-block: 0 !important;
    border-radius: 999px;
}

.accounts-band-group[b-r0yzuequo9]  .accounts-platform .rz-dropdown-label {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: normal;
}

.accounts-platform-option img[b-r0yzuequo9] {
    display: block;
    flex: 0 0 auto;
}

.accounts-slots-text[b-r0yzuequo9] {
    font-size: 0.8125rem;
    font-weight: 600;
}

.accounts-platform-option[b-r0yzuequo9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.accounts-meter[b-r0yzuequo9] {
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--aw-track);
}

.accounts-meter.is-wide[b-r0yzuequo9] {
    width: 160px;
    height: 6px;
}

.accounts-meter > span[b-r0yzuequo9] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--aw-accent);
}

.accounts-paste-row[b-r0yzuequo9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 14px;
}

.accounts-paste[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px 12px;
    border: 1.5px dashed var(--aw-line);
    border-radius: 16px;
    background: var(--aw-soft);
}

.accounts-paste-label[b-r0yzuequo9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.accounts-paste-label[b-r0yzuequo9]  .rzi {
    color: var(--aw-accent-text);
    font-size: 18px;
}

.accounts-paste[b-r0yzuequo9]  .accounts-paste-input {
    min-height: 64px;
    font-size: 0.875rem;
}

.accounts-hint[b-r0yzuequo9] {
    color: var(--aw-muted);
    font-size: 0.78rem;
}

.accounts-paste-actions[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.accounts-paste-actions[b-r0yzuequo9]  .rz-button,
.accounts-paste-actions .accounts-import-button[b-r0yzuequo9] {
    justify-content: center;
    width: 100%;
}

.accounts-import-button[b-r0yzuequo9] {
    position: relative;
    box-sizing: border-box;
    gap: 6px;
    overflow: hidden;
    cursor: pointer;
}

.accounts-section-head[b-r0yzuequo9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.accounts-section-title[b-r0yzuequo9],
.accounts-section-actions[b-r0yzuequo9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.accounts-section-title .smt-dialog-heading[b-r0yzuequo9] {
    margin-right: 4px;
}

.accounts-sheet[b-r0yzuequo9] {
    overflow: hidden;
    border: 1px solid var(--aw-border);
    border-radius: 12px;
    background: var(--aw-panel);
}

.accounts-sheet[b-r0yzuequo9]  .accounts-grid {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.accounts-sheet[b-r0yzuequo9]  .accounts-grid .rz-data-row > td {
    padding-block: 5px;
    vertical-align: top;
}

.accounts-row-actions[b-r0yzuequo9] {
    display: inline-flex;
    justify-content: flex-end;
    gap: 2px;
}

.accounts-row-actions[b-r0yzuequo9]  .rz-button.is-active {
    color: var(--aw-accent-text) !important;
}

.accounts-sheet-footer[b-r0yzuequo9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-top: 1px solid var(--aw-border);
    background: var(--aw-soft);
}

.accounts-sheet-footer[b-r0yzuequo9]  .rz-button.accounts-delete-all:not(.rz-state-disabled) {
    color: var(--aw-bad) !important;
}

.accounts-sheet-note[b-r0yzuequo9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding-right: 8px;
    color: var(--aw-muted);
    font-size: 0.78rem;
}

.accounts-sheet-note[b-r0yzuequo9]  .rzi {
    font-size: 15px;
}

.accounts-field-error[b-r0yzuequo9] {
    margin: 3px 10px 2px;
    color: var(--aw-bad);
    font-size: 0.75rem;
    line-height: 1.35;
    white-space: normal;
}

/* The expanded row spans every column. A 1px basis with a 100% minimum keeps the editor
   from widening the table, so it fills the visible grid instead. */
.accounts-email-settings[b-r0yzuequo9] {
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    width: 1px;
    min-width: 100%;
    padding: 12px 16px 16px;
    white-space: normal;
}

.accounts-device-groups[b-r0yzuequo9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    align-items: start;
    gap: 14px;
}

.accounts-device-group[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--aw-border);
    border-radius: 16px;
    background: var(--aw-soft);
}

.accounts-device-group.is-unassigned[b-r0yzuequo9] {
    border-style: dashed;
    border-color: var(--aw-line);
    background: transparent;
}

.accounts-device-head[b-r0yzuequo9],
.accounts-unassigned-head[b-r0yzuequo9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.accounts-unassigned-head[b-r0yzuequo9] {
    flex-wrap: wrap;
    gap: 8px;
}

.accounts-device-icon[b-r0yzuequo9] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    border: 1px solid var(--aw-border);
    border-radius: 12px;
    background: var(--aw-panel);
    color: var(--aw-muted);
}

.accounts-device-icon[b-r0yzuequo9]  .rzi {
    font-size: 18px;
}

.accounts-device-copy[b-r0yzuequo9],
.accounts-card-copy[b-r0yzuequo9] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.accounts-device-name[b-r0yzuequo9] {
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-device-meta[b-r0yzuequo9],
.accounts-card-meta[b-r0yzuequo9] {
    overflow: hidden;
    color: var(--aw-muted);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-device-group.is-full .accounts-meter > span[b-r0yzuequo9] {
    background: var(--aw-bad);
}

.accounts-existing[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.accounts-overline[b-r0yzuequo9] {
    color: var(--aw-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.accounts-existing-names[b-r0yzuequo9] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 7px 10px;
    border: 1px solid var(--aw-border);
    border-radius: 10px;
    background: var(--aw-panel);
    color: var(--aw-muted);
    font-size: 0.78rem;
}

.accounts-existing-names > span[b-r0yzuequo9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-existing-names[b-r0yzuequo9]  .rzi {
    flex: 0 0 auto;
    font-size: 15px;
}

.accounts-device-empty[b-r0yzuequo9] {
    padding: 14px;
    border: 1px dashed var(--aw-line);
    border-radius: 12px;
    background: var(--aw-panel);
    color: var(--aw-muted);
    font-size: 0.78rem;
    text-align: center;
}

.accounts-unassigned-cards[b-r0yzuequo9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}

.accounts-card[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 9px 9px 9px 12px;
    border: 1px solid var(--aw-border);
    border-radius: 14px;
    background: var(--aw-panel);
}

.accounts-card.has-error[b-r0yzuequo9] {
    border-color: var(--aw-bad);
}

.accounts-card-main[b-r0yzuequo9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.accounts-card-name[b-r0yzuequo9] {
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The theme sizes dropdowns for 44px fields; Move is a compact pill. */
.accounts-card[b-r0yzuequo9]  .rz-dropdown.accounts-move {
    flex: 0 0 auto !important;
    align-items: center;
    width: 96px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 6px 0 12px !important;
    border-radius: 999px;
}

.accounts-card[b-r0yzuequo9]  .rz-dropdown.accounts-move .rz-dropdown-label {
    height: auto;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 28px;
}

/* Radzen syncs the popup width to the 96px pill; let the device list size to its names instead. */
.accounts-card[b-r0yzuequo9]  .rz-dropdown.accounts-move .rz-dropdown-panel {
    width: max-content !important;
    min-width: 220px !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    overflow-x: hidden;
}

.accounts-card[b-r0yzuequo9]  .rz-dropdown.accounts-move .rz-dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts-card-options[b-r0yzuequo9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.accounts-card-options[b-r0yzuequo9]  .accounts-card-select {
    width: 100%;
    height: 34px;
    min-height: 34px;
}

.accounts-review[b-r0yzuequo9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 20px;
}

.accounts-review-main[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.accounts-review-heading[b-r0yzuequo9] {
    font-size: 1.125rem;
}

.accounts-review-account[b-r0yzuequo9] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.accounts-summary[b-r0yzuequo9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--aw-border);
    border-radius: 16px;
    background: var(--aw-soft);
}

.accounts-summary-slots[b-r0yzuequo9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.85rem;
}

.accounts-summary-slots .is-healthy[b-r0yzuequo9] {
    color: var(--aw-ok);
    font-weight: 600;
}

.accounts-summary-slots .is-danger[b-r0yzuequo9] {
    color: var(--aw-bad);
    font-weight: 600;
}

@media (max-width: 980px) {
    .accounts-review[b-r0yzuequo9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .accounts-header[b-r0yzuequo9] {
        grid-template-columns: minmax(0, 1fr) auto;
        padding-block: 10px;
    }

    .accounts-header[b-r0yzuequo9]  .accounts-close {
        grid-column: 2;
        grid-row: 1;
    }

    .accounts-header .smt-dialog-steps[b-r0yzuequo9] {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .accounts-paste-row[b-r0yzuequo9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .accounts-paste-actions[b-r0yzuequo9] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .accounts-paste-actions[b-r0yzuequo9]  .rz-button,
    .accounts-paste-actions .accounts-import-button[b-r0yzuequo9] {
        width: auto;
        flex: 1 1 140px;
    }
}

@media (max-width: 640px) {
    .accounts-body[b-r0yzuequo9] {
        padding: 16px;
    }

    .accounts-sheet-note[b-r0yzuequo9] {
        margin-left: 0;
    }
}
/* /Pages/UserAccountEdit.razor.rz.scp.css */
.account-credentials-title[b-w0na48o29z] {
    font-weight: 700;
}

.account-credentials-grid[b-w0na48o29z] {
    display: grid;
    grid-template-columns:
        max-content minmax(320px, 440px)
        max-content minmax(240px, 320px)
        max-content minmax(240px, 320px);
    align-items: center;
    column-gap: 18px;
    row-gap: 12px;
    width: 100%;
}

.account-credential-label[b-w0na48o29z] {
    white-space: nowrap;
}

[b-w0na48o29z] .account-credential-field {
    min-width: 0;
}

[b-w0na48o29z] .account-credential-field input,
[b-w0na48o29z] .account-credential-field-wide input {
    font-size: 1rem;
}

@media (max-width: 1200px) {
    .account-credentials-grid[b-w0na48o29z] {
        grid-template-columns: max-content minmax(260px, 1fr) max-content minmax(220px, 1fr);
    }
}

@media (max-width: 820px) {
    .account-credentials-grid[b-w0na48o29z] {
        grid-template-columns: max-content minmax(0, 1fr);
    }
}
/* /Pages/Warmup.razor.rz.scp.css */
.warmup[b-2tvxhst883] {
    --w-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --w-border-soft: var(--sm-dark-border-soft, #eef1f5);
    --w-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --w-panel: var(--rz-card-background-color, #ffffff);
    --w-text: var(--rz-text-color, #2d3548);
    --w-muted: var(--rz-text-secondary-color, #697386);
    --w-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --w-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --w-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --w-primary: var(--rz-primary, #202650);
    --w-on-primary: #ffffff;
    --w-success: var(--rz-notification-success-color, #137a3c);
    --w-warning: var(--rz-notification-warning-color, #8a6500);
    --w-danger: var(--rz-notification-error-color, #c3342b);
    --w-radius: 22px;
    container: warmup / inline-size;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 28px 48px;
    color: var(--w-text);
    font-size: 14px;
    line-height: 1.45;
}

.material-dark .warmup[b-2tvxhst883] { --w-on-primary: #151628; }

.warmup *[b-2tvxhst883], .warmup *[b-2tvxhst883]::before, .warmup *[b-2tvxhst883]::after { box-sizing: border-box; }
.warmup[b-2tvxhst883]  .rzi { flex-shrink: 0; width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.warmup h1[b-2tvxhst883], .warmup h2[b-2tvxhst883], .warmup h3[b-2tvxhst883] { letter-spacing: 0; }
.warmup button:focus-visible[b-2tvxhst883], .warmup a:focus-visible[b-2tvxhst883], .warmup input:focus-visible[b-2tvxhst883], .warmup select:focus-visible[b-2tvxhst883], .warmup summary:focus-visible[b-2tvxhst883] {
    outline: 2px solid var(--w-accent);
    outline-offset: 2px;
}

.tone-neutral[b-2tvxhst883] { --tone: var(--w-muted); --tone-bg: var(--w-soft); }
.tone-active[b-2tvxhst883] { --tone: var(--rz-notification-info-color, #175b9b); --tone-bg: var(--rz-notification-info-background-color, #eaf4ff); }
.tone-info[b-2tvxhst883] { --tone: var(--w-accent); --tone-bg: var(--w-accent-soft); }
.tone-success[b-2tvxhst883] { --tone: var(--w-success); --tone-bg: var(--rz-notification-success-background-color, #eaf8ef); }
.tone-warning[b-2tvxhst883] { --tone: var(--w-warning); --tone-bg: var(--rz-notification-warning-background-color, #fff8dd); }
.tone-danger[b-2tvxhst883] { --tone: var(--w-danger); --tone-bg: var(--rz-notification-error-background-color, #fff0ee); }

/* Header */
.warmup-header[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: 20px; }
.warmup-heading[b-2tvxhst883] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.warmup-heading h1[b-2tvxhst883] { margin: 0; color: var(--w-strong); font-size: 26px; font-weight: 700; line-height: 1.2; }
.warmup-heading p[b-2tvxhst883] { margin: 4px 0 0; color: var(--w-muted); }
.warmup-heading-icon[b-2tvxhst883] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; background: var(--w-accent-soft); color: var(--w-accent); }
.warmup-heading-icon[b-2tvxhst883]  .rzi { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }

/* Summary tiles */
.warmup-tiles[b-2tvxhst883] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.warmup-tile[b-2tvxhst883] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 14px 18px; border: 1px solid var(--w-border); border-radius: var(--w-radius); background: var(--w-panel); }
.warmup-tile-label[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; font-weight: 600; }
.warmup-tile-value[b-2tvxhst883] { color: var(--tone); font-size: 26px; font-weight: 700; line-height: 1.25; font-variant-numeric: tabular-nums; }
.warmup-tile.tone-neutral .warmup-tile-value[b-2tvxhst883] { color: var(--w-strong); }
.warmup-tile.is-zero .warmup-tile-value[b-2tvxhst883] { color: var(--w-muted); }
.warmup-tile-detail[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; line-height: 1.35; }

/* Banners */
.warmup-banner[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--tone) 30%, transparent); border-radius: 18px; background: var(--tone-bg); color: var(--tone); }
.warmup-banner > span[b-2tvxhst883] { display: inline-flex; }
.warmup-banner p[b-2tvxhst883] { flex: 1 1 320px; margin: 0; color: inherit; }

/* Toolbar */
.warmup-toolbar[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.warmup-filters[b-2tvxhst883] { display: flex; flex-wrap: wrap; gap: 8px; }
.warmup-filter[b-2tvxhst883] {
    display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 8px 0 16px;
    border: 1px solid var(--w-border); border-radius: 999px; background: var(--w-panel); color: var(--w-strong);
    font: inherit; font-weight: 600; cursor: pointer; transition: border-color .14s ease;
}
.warmup-filter:hover[b-2tvxhst883] { border-color: var(--w-accent); }
.warmup-filter-count[b-2tvxhst883] { min-width: 26px; padding: 2px 8px; border-radius: 999px; background: var(--w-accent-soft); color: var(--w-accent); font-size: 12px; text-align: center; font-variant-numeric: tabular-nums; }
.warmup-filter.is-on[b-2tvxhst883] { border-color: var(--w-primary); background: var(--w-primary); color: var(--w-on-primary); }
.warmup-filter.is-on .warmup-filter-count[b-2tvxhst883] { background: color-mix(in srgb, var(--w-on-primary) 20%, transparent); color: inherit; }
.warmup-toolbar-end[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.warmup-search[b-2tvxhst883], .warmup-select select[b-2tvxhst883] {
    height: 40px; border: var(--rz-input-border, 1px solid #dfe4ee); border-radius: var(--rz-input-border-radius, 18px);
    background: var(--rz-input-background-color, #ffffff); color: var(--w-text); font: inherit;
}
.warmup-select select[b-2tvxhst883] { min-width: 160px; padding: 0 14px; cursor: pointer; }
.warmup-search[b-2tvxhst883] { display: flex; align-items: center; gap: 8px; width: 260px; padding: 0 14px; color: var(--w-muted); }
.warmup-search:focus-within[b-2tvxhst883], .warmup-select select:focus[b-2tvxhst883] { border: var(--rz-input-focus-border, 1px solid #5965e8); outline: none; box-shadow: var(--rz-input-focus-shadow, none); }
.warmup-search > span[b-2tvxhst883] { display: inline-flex; }
.warmup-search input[b-2tvxhst883] { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--w-text); font: inherit; }
.warmup-search input:focus-visible[b-2tvxhst883] { outline: none; }

.warmup-switch[b-2tvxhst883] { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 28px; font-size: 13px; cursor: pointer; }
.warmup-switch input[b-2tvxhst883] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.warmup-switch-track[b-2tvxhst883] { position: relative; flex: 0 0 34px; width: 34px; height: 20px; border-radius: 999px; background: var(--rz-switch-background-color, #d9dee8); transition: background-color .15s ease; }
.warmup-switch-track[b-2tvxhst883]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s ease; }
.warmup-switch input:checked + .warmup-switch-track[b-2tvxhst883] { background: var(--rz-switch-checked-background-color, #5965e8); }
.warmup-switch input:checked + .warmup-switch-track[b-2tvxhst883]::after { transform: translateX(14px); }
.warmup-switch input:focus-visible + .warmup-switch-track[b-2tvxhst883] { outline: 2px solid var(--w-accent); outline-offset: 2px; }

/* Selection bar and confirmations */
.warmup-selection[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; padding: 10px 14px; border-radius: 18px; background: var(--w-primary); color: var(--w-on-primary); }
.warmup-selection strong[b-2tvxhst883] { margin-right: 8px; }
.warmup-selection button[b-2tvxhst883] { height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--w-on-primary) 16%, transparent); color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.warmup-selection button:hover:not(:disabled)[b-2tvxhst883] { background: color-mix(in srgb, var(--w-on-primary) 28%, transparent); }
.warmup-selection button:disabled[b-2tvxhst883] { opacity: .5; cursor: default; }
.warmup-selection button.is-clear[b-2tvxhst883] { margin-left: auto; border: 1px solid color-mix(in srgb, var(--w-on-primary) 45%, transparent); background: transparent; }
.warmup-confirm[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--w-danger) 30%, var(--w-border)); border-radius: 18px; background: var(--rz-notification-error-background-color, #fff0ee); }
.warmup-confirm p[b-2tvxhst883] { flex: 1 1 300px; margin: 0; color: var(--w-text); }

/* Cards */
.warmup-card[b-2tvxhst883] { min-width: 0; margin-bottom: 16px; border: 1px solid var(--w-border); border-radius: var(--w-radius); background: var(--w-panel); }
.warmup-card-header[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 6px 16px; padding: 18px 20px 12px; }
.warmup-card-header h2[b-2tvxhst883] { margin: 0; color: var(--w-strong); font-size: 17px; font-weight: 700; }
.warmup-card-header p[b-2tvxhst883] { margin: 3px 0 0; color: var(--w-muted); font-size: 13px; }
.warmup-card-note[b-2tvxhst883] { margin: 12px 20px 18px; color: var(--w-muted); font-size: 13px; }
.warmup-state[b-2tvxhst883] { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 180px; color: var(--w-muted); }
.warmup-state p[b-2tvxhst883] { margin: 0; }
.warmup-empty[b-2tvxhst883] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 20px; text-align: center; }
.warmup-empty h3[b-2tvxhst883] { margin: 4px 0 0; color: var(--w-strong); font-size: 16px; }
.warmup-empty p[b-2tvxhst883] { max-width: 520px; margin: 0; color: var(--w-muted); }
.warmup-empty .warmup-button[b-2tvxhst883] { margin-top: 8px; }

/* Buttons, chips and meters */
.warmup-actions[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.warmup-switch[b-2tvxhst883] { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; height: 38px; padding: 0 16px 0 8px; border: 1px solid var(--w-border); border-radius: 999px; background: var(--w-panel); color: var(--w-strong); font-weight: 600; white-space: nowrap; cursor: pointer; }
.warmup-switch input[b-2tvxhst883] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.warmup-switch-track[b-2tvxhst883] { position: relative; flex: 0 0 40px; width: 40px; height: 24px; border-radius: 999px; background: var(--rz-switch-background-color, #d9dee8); transition: background-color .15s ease; }
.warmup-switch-track[b-2tvxhst883]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s ease; }
.warmup-switch input:checked + .warmup-switch-track[b-2tvxhst883] { background: var(--rz-switch-checked-background-color, #5965e8); }
.warmup-switch input:checked + .warmup-switch-track[b-2tvxhst883]::after { transform: translateX(16px); }
.warmup-switch input:focus-visible + .warmup-switch-track[b-2tvxhst883] { outline: 2px solid var(--w-accent); outline-offset: 2px; }
.warmup-switch:has(input:disabled)[b-2tvxhst883] { cursor: default; opacity: .7; }
.warmup-button[b-2tvxhst883] {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 16px;
    border: 1px solid var(--w-border); border-radius: 999px; background: var(--w-panel); color: var(--w-strong);
    font: inherit; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: border-color .14s ease, background-color .14s ease;
}
.warmup-button:hover:not(:disabled)[b-2tvxhst883] { border-color: var(--w-accent); background: var(--w-accent-soft); color: var(--w-strong); text-decoration: none; }
.warmup-button:disabled[b-2tvxhst883] { opacity: .5; cursor: default; }
.warmup-button > span[b-2tvxhst883] { display: inline-flex; }
.warmup-button.is-small[b-2tvxhst883] { height: 32px; padding: 0 14px; font-size: 13px; }
.warmup-button.is-primary[b-2tvxhst883] { border-color: var(--w-primary); background: var(--w-primary); color: var(--w-on-primary); }
.warmup-button.is-primary:hover:not(:disabled)[b-2tvxhst883] { border-color: var(--w-primary); background: color-mix(in srgb, var(--w-primary) 85%, #ffffff); color: var(--w-on-primary); }
.warmup-button.is-danger[b-2tvxhst883] { border-color: var(--w-danger); background: var(--w-danger); color: #ffffff; }
.warmup-button.is-danger:hover:not(:disabled)[b-2tvxhst883] { border-color: var(--w-danger); background: color-mix(in srgb, var(--w-danger) 85%, #000000); color: #ffffff; }
.warmup-button.is-danger-outline[b-2tvxhst883] { border-color: color-mix(in srgb, var(--w-danger) 35%, var(--w-border)); color: var(--w-danger); }
.warmup-button.is-danger-outline:hover:not(:disabled)[b-2tvxhst883] { border-color: var(--w-danger); background: var(--rz-notification-error-background-color, #fff0ee); color: var(--w-danger); }
.warmup-icon-button[b-2tvxhst883] { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--w-border); border-radius: 50%; background: var(--w-panel); color: var(--w-strong); cursor: pointer; }
.warmup-icon-button:hover[b-2tvxhst883] { border-color: var(--w-accent); }
.warmup-link[b-2tvxhst883] { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer; }

.warmup-chip[b-2tvxhst883] { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--tone-bg); color: var(--tone); font-size: 12px; font-weight: 700; white-space: nowrap; }
.warmup-chip.tone-neutral[b-2tvxhst883] { color: var(--w-text); }
.warmup-meter[b-2tvxhst883] { display: block; width: 100%; max-width: 170px; height: 6px; margin: 7px 0 5px; overflow: hidden; border-radius: 999px; background: var(--w-border); }
.warmup-meter > span[b-2tvxhst883] { display: block; height: 100%; border-radius: inherit; background: var(--w-accent); transition: width .3s ease; }
.warmup-meter.is-ready > span[b-2tvxhst883] { background: var(--w-success); }
.warmup-meter.is-wide[b-2tvxhst883] { max-width: none; }
.warmup-muted[b-2tvxhst883] { color: var(--w-muted); }
.warmup-warning-text[b-2tvxhst883] { color: var(--w-warning); }
.warmup-success-text[b-2tvxhst883] { color: var(--w-success); }
.warmup-grow[b-2tvxhst883] { flex: 1 1 auto; min-width: 0; }
.warmup-sr[b-2tvxhst883] { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.warmup-hint[b-2tvxhst883] { margin: 8px 0 0; color: var(--w-muted); font-size: 12px; }
.warmup-note[b-2tvxhst883] { margin: 10px 0 0; color: var(--w-accent); font-size: 13px; font-weight: 600; }
.warmup-reason[b-2tvxhst883] { margin: 10px 0 0; padding: 10px 14px; border-radius: 14px; background: var(--tone-bg); color: var(--tone); font-size: 13px; font-weight: 600; }
.warmup-card > .warmup-reason[b-2tvxhst883] { margin: 0 20px 12px; }

/* Account list */
.warmup-list[b-2tvxhst883] { overflow: hidden; }
.warmup-table-scroll[b-2tvxhst883] { overflow-x: auto; }
.warmup-table[b-2tvxhst883] { width: 100%; min-width: 1080px; border-collapse: collapse; }
.warmup-table th[b-2tvxhst883] { padding: 11px 12px; border-bottom: 1px solid var(--w-border); background: var(--w-soft); color: var(--w-muted); font-size: 12px; font-weight: 600; text-align: left; white-space: nowrap; }
.warmup-table td[b-2tvxhst883] { padding: 13px 12px; border-bottom: 1px solid var(--w-border-soft); vertical-align: top; }
.warmup-table tbody tr:last-child td[b-2tvxhst883] { border-bottom: 0; }
.warmup-table tbody tr:hover[b-2tvxhst883] { background: color-mix(in srgb, var(--w-accent) 4%, transparent); }
.warmup-table tbody tr.is-selected[b-2tvxhst883] { background: color-mix(in srgb, var(--w-accent) 9%, transparent); }
.warmup-table td small[b-2tvxhst883] { display: block; margin-top: 4px; color: var(--w-muted); font-size: 12px; }
.warmup-table td > strong[b-2tvxhst883] { color: var(--w-strong); font-weight: 600; }
.warmup-table input[type="checkbox"][b-2tvxhst883] { width: 18px; height: 18px; margin: 0; accent-color: var(--w-accent); cursor: pointer; vertical-align: middle; }
.warmup-table .col-select[b-2tvxhst883] { width: 48px; padding-left: 18px; }
.warmup-table .col-progress[b-2tvxhst883] { min-width: 190px; }
.warmup-table .col-today[b-2tvxhst883] { max-width: 260px; color: var(--w-muted); font-size: 13px; }
.warmup-table .col-status[b-2tvxhst883] { min-width: 180px; max-width: 280px; }
.warmup-table .col-status .warmup-chip[b-2tvxhst883] { vertical-align: top; margin: 0 6px 4px 0; }
.warmup-table .col-status small[b-2tvxhst883] { margin-top: 0; }
.warmup-table .col-pace[b-2tvxhst883] { white-space: nowrap; }
.warmup-table .col-action[b-2tvxhst883] { width: 1%; padding-top: 9px; padding-right: 18px; text-align: right; white-space: nowrap; }
.warmup-account[b-2tvxhst883] { display: flex; align-items: center; gap: 12px; min-width: 200px; }
.warmup-account strong[b-2tvxhst883] { display: block; color: var(--w-strong); font-weight: 600; }
.warmup-account small[b-2tvxhst883] { margin-top: 2px; }
.warmup-list-footer[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 18px; border-top: 1px solid var(--w-border-soft); color: var(--w-muted); font-size: 12px; }
.warmup-pager[b-2tvxhst883] { display: inline-flex; gap: 8px; }
.warmup-list-note[b-2tvxhst883] { margin-left: auto; }

/* Start / change options */
.warmup-options[b-2tvxhst883] { padding-bottom: 18px; }
.warmup-option[b-2tvxhst883] { padding: 4px 20px 14px; }
.warmup-option h3[b-2tvxhst883] { margin: 0 0 10px; color: var(--w-strong); font-size: 14px; font-weight: 700; }
.warmup-choices[b-2tvxhst883] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.warmup-choices.is-three[b-2tvxhst883] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.warmup-choice[b-2tvxhst883] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; padding: 12px 16px;
    border: 1px solid var(--w-border); border-radius: 16px; background: var(--w-panel); color: var(--w-text);
    font: inherit; text-align: left; cursor: pointer; transition: border-color .14s ease, background-color .14s ease;
}
.warmup-choice:hover[b-2tvxhst883] { border-color: color-mix(in srgb, var(--w-accent) 50%, var(--w-border)); }
.warmup-choice.is-on[b-2tvxhst883] { border-color: var(--w-accent); background: var(--w-accent-soft); box-shadow: inset 0 0 0 1px var(--w-accent); }
.warmup-choice strong[b-2tvxhst883] { color: var(--w-strong); }
.warmup-choice small[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; }
.warmup-choice span[b-2tvxhst883] { display: inline-flex; align-items: center; gap: 6px; color: var(--w-muted); font-size: 12px; }
.warmup-choice input[b-2tvxhst883] { width: 64px; height: 30px; padding: 0 8px; border: var(--rz-input-border, 1px solid #dfe4ee); border-radius: 10px; background: var(--rz-input-background-color, #ffffff); color: var(--w-text); font: inherit; }
.warmup-hold[b-2tvxhst883] { display: flex; align-items: flex-start; gap: 12px; margin: 4px 20px 14px; padding: 14px 16px; border-radius: 16px; background: var(--w-soft); cursor: pointer; }
.warmup-hold input[b-2tvxhst883], .warmup-check input[b-2tvxhst883], .warmup-checklist input[b-2tvxhst883] { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--w-accent); cursor: pointer; }
.warmup-hold strong[b-2tvxhst883] { display: block; color: var(--w-strong); }
.warmup-hold small[b-2tvxhst883] { display: block; margin-top: 2px; color: var(--w-muted); font-size: 12px; }
.warmup-details[b-2tvxhst883] { margin: 0 20px 14px; padding: 12px 16px; border: 1px solid var(--w-border); border-radius: 16px; }
.warmup-details summary[b-2tvxhst883] { color: var(--w-accent); font-weight: 600; cursor: pointer; }
.warmup-details ul[b-2tvxhst883] { margin: 10px 0 0; padding-left: 18px; color: var(--w-muted); font-size: 12px; word-break: break-all; }
.warmup-fields[b-2tvxhst883] { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.warmup-field[b-2tvxhst883] { display: flex; flex: 1 1 240px; flex-direction: column; gap: 5px; min-width: 0; }
.warmup-field.is-wide[b-2tvxhst883] { flex-basis: 360px; }
.warmup-field > span[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; font-weight: 600; }
.warmup-field input[b-2tvxhst883] {
    width: 100%; min-height: 40px; padding: 8px 14px; border: var(--rz-input-border, 1px solid #dfe4ee);
    border-radius: var(--rz-input-border-radius, 18px); background: var(--rz-input-background-color, #ffffff); color: var(--w-text); font: inherit;
}
.warmup-field input:focus[b-2tvxhst883] { border: var(--rz-input-focus-border, 1px solid #5965e8); outline: none; }
.warmup-check[b-2tvxhst883] { display: flex; align-items: center; gap: 10px; font-size: 13px; cursor: pointer; }
.warmup-options > .warmup-reason[b-2tvxhst883] { margin: 0 20px 14px; }
.warmup-options-actions[b-2tvxhst883] { padding: 4px 20px 0; }

/* Account view */
.warmup-back[b-2tvxhst883] { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 6px 2px; border: 0; background: none; color: var(--w-muted); font: inherit; font-weight: 600; cursor: pointer; }
.warmup-back:hover[b-2tvxhst883] { color: var(--w-strong); }
.warmup-back > span[b-2tvxhst883] { display: inline-flex; }
.warmup-account-header[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 16px; }
.warmup-title[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.warmup-account-header h1[b-2tvxhst883] { margin: 0; color: var(--w-strong); font-size: 24px; font-weight: 700; line-height: 1.2; }
.warmup-account-header p[b-2tvxhst883] { margin: 4px 0 0; color: var(--w-muted); }
.warmup-overview[b-2tvxhst883] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px 24px; padding: 20px; }
.warmup-overview-main[b-2tvxhst883] { flex: 1 1 420px; min-width: 0; max-width: 720px; }
.warmup-overview-main h2[b-2tvxhst883] { margin: 0; color: var(--w-strong); font-size: 20px; font-weight: 700; }
.warmup-overview-main > p[b-2tvxhst883] { margin: 6px 0 0; font-size: 13px; }
.warmup-overview-main > p:first-of-type[b-2tvxhst883] { color: var(--w-text); font-size: 14px; }
.warmup-overview-main .warmup-meter[b-2tvxhst883] { height: 8px; margin: 12px 0 10px; }
.warmup-overview-actions[b-2tvxhst883] { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.warmup-overview-actions .warmup-actions[b-2tvxhst883] { justify-content: flex-end; }

.warmup-phases[b-2tvxhst883] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; padding: 0; list-style: none; }
.warmup-phase[b-2tvxhst883] { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 14px 16px; border: 1px solid var(--w-border); border-radius: 18px; background: var(--w-panel); }
.warmup-phase strong[b-2tvxhst883] { color: var(--w-strong); }
.warmup-phase small[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; }
.warmup-phase > span:last-child[b-2tvxhst883] { margin-top: 4px; color: var(--w-text); font-size: 13px; line-height: 1.4; }
.warmup-phase-state[b-2tvxhst883] { color: var(--w-muted); font-size: 12px; font-weight: 700; }
.warmup-phase.is-done .warmup-phase-state[b-2tvxhst883] { color: var(--w-success); }
.warmup-phase.is-now[b-2tvxhst883] { border-color: var(--w-accent); background: var(--w-accent-soft); box-shadow: inset 0 0 0 1px var(--w-accent); }
.warmup-phase.is-now .warmup-phase-state[b-2tvxhst883] { color: var(--w-accent); }

.warmup-columns[b-2tvxhst883] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); align-items: start; gap: 16px; }
.warmup-limits[b-2tvxhst883] { display: flex; flex-direction: column; gap: 14px; margin: 4px 20px 4px; padding: 0; list-style: none; }
.warmup-limits li[b-2tvxhst883] { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) 96px; align-items: center; gap: 16px; }
.warmup-limits strong[b-2tvxhst883] { display: block; color: var(--w-strong); font-weight: 600; }
.warmup-limits small[b-2tvxhst883] { display: block; color: var(--w-muted); font-size: 12px; }
.warmup-limits .warmup-meter[b-2tvxhst883] { margin: 0; }
.warmup-limit-value[b-2tvxhst883] { color: var(--w-strong); font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.warmup-card > p.warmup-reason[b-2tvxhst883] { margin: 12px 20px 0; }
.warmup-facts[b-2tvxhst883] { display: flex; flex-direction: column; gap: 10px; margin: 4px 20px 0; }
.warmup-facts > div[b-2tvxhst883] { display: flex; justify-content: space-between; gap: 16px; }
.warmup-facts dt[b-2tvxhst883] { color: var(--w-text); }
.warmup-facts dd[b-2tvxhst883] { margin: 0; color: var(--w-strong); font-weight: 700; text-align: right; }
.warmup-checklist[b-2tvxhst883] { display: flex; flex-direction: column; gap: 10px; margin: 4px 20px 0; }
.warmup-checklist label[b-2tvxhst883] { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.warmup-card > .warmup-details[b-2tvxhst883] { margin-top: 4px; margin-bottom: 18px; }

.warmup-timeline[b-2tvxhst883] { margin: 0 20px 18px; padding: 0; list-style: none; }
.warmup-timeline li[b-2tvxhst883] { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-top: 1px solid var(--w-border-soft); }
.warmup-timeline li:first-child[b-2tvxhst883] { border-top: 0; }
.warmup-timeline time[b-2tvxhst883] { color: var(--w-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.warmup-timeline strong[b-2tvxhst883] { display: block; color: var(--w-strong); font-weight: 600; }
.warmup-timeline span[b-2tvxhst883] { display: block; margin-top: 2px; color: var(--w-muted); font-size: 13px; }

@container warmup (max-width: 1100px) {
    .warmup-tiles[b-2tvxhst883] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .warmup-phases[b-2tvxhst883] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .warmup-columns[b-2tvxhst883] { grid-template-columns: minmax(0, 1fr); }
    .warmup-list-note[b-2tvxhst883] { margin-left: 0; }
}

@container warmup (max-width: 760px) {
    .warmup-heading h1[b-2tvxhst883] { font-size: 22px; }
    .warmup-toolbar-end[b-2tvxhst883], .warmup-search[b-2tvxhst883] { width: 100%; }
    .warmup-choices[b-2tvxhst883], .warmup-choices.is-three[b-2tvxhst883] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .warmup-phases[b-2tvxhst883] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .warmup-overview-actions[b-2tvxhst883] { align-items: flex-start; }
    .warmup-overview-actions .warmup-actions[b-2tvxhst883] { justify-content: flex-start; }
    .warmup-limits li[b-2tvxhst883] { grid-template-columns: minmax(0, 1fr) 80px; }
    .warmup-limits .warmup-meter[b-2tvxhst883] { grid-column: 1 / -1; grid-row: 2; }
    .warmup-timeline li[b-2tvxhst883] { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}

@container warmup (max-width: 560px) {
    .warmup-tiles[b-2tvxhst883] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .warmup-choices[b-2tvxhst883], .warmup-choices.is-three[b-2tvxhst883] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 700px) {
    .warmup[b-2tvxhst883] { padding: 16px 12px 32px; }
}
/* /Pages/WarmupSettings.razor.rz.scp.css */
.warmup-settings[b-4cbso20u7o] {
    --w-border: var(--sm-dark-border, var(--sm-light-border, #e3e7ef));
    --w-border-soft: var(--sm-dark-border-soft, #eef1f5);
    --w-soft: var(--sm-dark-panel-soft, var(--sm-light-panel-soft, #f7f9fc));
    --w-panel: var(--rz-card-background-color, #ffffff);
    --w-text: var(--rz-text-color, #2d3548);
    --w-muted: var(--rz-text-secondary-color, #697386);
    --w-strong: var(--sm-dark-text, var(--sm-light-primary-dark, #202650));
    --w-accent: var(--sm-dark-purple, var(--sm-light-primary, #5965e8));
    --w-accent-soft: var(--sm-dark-purple-soft, var(--sm-light-primary-soft, #eef0ff));
    --w-primary: var(--rz-primary, #202650);
    --w-on-primary: #ffffff;
    --w-success: var(--rz-notification-success-color, #137a3c);
    --w-warning: var(--rz-notification-warning-color, #8a6500);
    container: warmup-settings / inline-size;
    box-sizing: border-box;
    width: 100%;
    color: var(--w-text);
    font-size: 14px;
    line-height: 1.45;
}

.material-dark .warmup-settings[b-4cbso20u7o] { --w-on-primary: #151628; }

.warmup-settings.is-page[b-4cbso20u7o] { padding: 24px 28px 48px; }
.warmup-settings *[b-4cbso20u7o], .warmup-settings *[b-4cbso20u7o]::before, .warmup-settings *[b-4cbso20u7o]::after { box-sizing: border-box; }
.warmup-settings[b-4cbso20u7o]  .rzi { flex-shrink: 0; width: 18px; height: 18px; font-size: 18px; line-height: 18px; }
.warmup-settings h1[b-4cbso20u7o], .warmup-settings h2[b-4cbso20u7o] { letter-spacing: 0; }
.warmup-settings button:focus-visible[b-4cbso20u7o], .warmup-settings a:focus-visible[b-4cbso20u7o], .warmup-settings input:focus-visible[b-4cbso20u7o], .warmup-settings select:focus-visible[b-4cbso20u7o] {
    outline: 2px solid var(--w-accent);
    outline-offset: 2px;
}
.tone-warning[b-4cbso20u7o] { --tone: var(--w-warning); --tone-bg: var(--rz-notification-warning-background-color, #fff8dd); }

.ws-back[b-4cbso20u7o] { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 6px 2px; color: var(--w-muted); font-weight: 600; text-decoration: none; }
.ws-back:hover[b-4cbso20u7o] { color: var(--w-strong); text-decoration: none; }
.ws-back > span[b-4cbso20u7o] { display: inline-flex; }
.ws-heading[b-4cbso20u7o] { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.ws-heading h1[b-4cbso20u7o] { margin: 0; color: var(--w-strong); font-size: 26px; font-weight: 700; line-height: 1.2; }
.ws-heading p[b-4cbso20u7o] { margin: 4px 0 0; color: var(--w-muted); }
.ws-heading-icon[b-4cbso20u7o] { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; background: var(--w-accent-soft); color: var(--w-accent); }
.ws-heading-icon[b-4cbso20u7o]  .rzi { width: 24px; height: 24px; font-size: 24px; line-height: 24px; }

.ws-banner[b-4cbso20u7o] { display: flex; align-items: center; gap: 10px 14px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid color-mix(in srgb, var(--tone) 30%, transparent); border-radius: 18px; background: var(--tone-bg); color: var(--tone); }
.ws-banner > span[b-4cbso20u7o] { display: inline-flex; }
.ws-banner p[b-4cbso20u7o] { margin: 0; }

.ws-card[b-4cbso20u7o] { min-width: 0; margin-bottom: 16px; padding: 20px 22px; border: 1px solid var(--w-border); border-radius: 22px; background: var(--w-panel); }
.ws-state[b-4cbso20u7o] { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 160px; color: var(--w-muted); }
.ws-state p[b-4cbso20u7o] { margin: 0; }
.ws-card-row[b-4cbso20u7o] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px 32px; }
.ws-card-copy[b-4cbso20u7o] { min-width: 0; max-width: 900px; }
.ws-card-copy h2[b-4cbso20u7o] { margin: 0; color: var(--w-strong); font-size: 17px; font-weight: 700; }
.ws-card-copy p[b-4cbso20u7o] { margin: 4px 0 0; color: var(--w-muted); font-size: 13px; }

.ws-switch[b-4cbso20u7o] { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; height: 40px; padding: 0 14px 0 8px; border: 1px solid var(--w-border); border-radius: 999px; background: var(--w-panel); font-weight: 600; cursor: pointer; }
.ws-switch input[b-4cbso20u7o] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.ws-switch-track[b-4cbso20u7o] { position: relative; flex: 0 0 40px; width: 40px; height: 24px; border-radius: 999px; background: var(--rz-switch-background-color, #d9dee8); transition: background-color .15s ease; }
.ws-switch-track[b-4cbso20u7o]::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: transform .15s ease; }
.ws-switch input:checked + .ws-switch-track[b-4cbso20u7o] { background: var(--rz-switch-checked-background-color, #5965e8); }
.ws-switch input:checked + .ws-switch-track[b-4cbso20u7o]::after { transform: translateX(16px); }
.ws-switch input:focus-visible + .ws-switch-track[b-4cbso20u7o] { outline: 2px solid var(--w-accent); outline-offset: 2px; }
.ws-switch:has(input:disabled)[b-4cbso20u7o] { cursor: default; }
.ws-switch.is-dim[b-4cbso20u7o] { opacity: .55; }
.ws-switch-text[b-4cbso20u7o] { min-width: 24px; color: var(--w-strong); }

.ws-field[b-4cbso20u7o] { display: flex; flex-direction: column; gap: 5px; max-width: 560px; margin-top: 16px; }
.ws-field > span[b-4cbso20u7o] { color: var(--w-muted); font-size: 12px; font-weight: 600; }
.ws-field input[b-4cbso20u7o], .ws-length select[b-4cbso20u7o], .ws-length input[b-4cbso20u7o] {
    min-height: 42px; padding: 8px 14px; border: var(--rz-input-border, 1px solid #dfe4ee); border-radius: var(--rz-input-border-radius, 18px);
    background: var(--rz-input-background-color, #ffffff); color: var(--rz-input-value-color, var(--w-text)); font: inherit;
}
.ws-field input[b-4cbso20u7o] { width: 100%; }
.ws-field input[b-4cbso20u7o]::placeholder { color: var(--w-muted); opacity: .8; }
.ws-field input:focus[b-4cbso20u7o], .ws-length select:focus[b-4cbso20u7o], .ws-length input:focus[b-4cbso20u7o] { border: var(--rz-input-focus-border, 1px solid #5965e8); outline: none; box-shadow: var(--rz-input-focus-shadow, none); }
.ws-field small[b-4cbso20u7o] { color: var(--w-muted); font-size: 12px; }

.ws-table-scroll[b-4cbso20u7o] { margin-top: 14px; overflow-x: auto; }
.ws-table[b-4cbso20u7o] { width: 100%; min-width: 720px; border-collapse: collapse; }
.ws-table thead th[b-4cbso20u7o] { padding: 10px 12px; border-bottom: 1px solid var(--w-border); color: var(--w-muted); font-size: 12px; font-weight: 600; text-align: left; white-space: nowrap; }
.ws-table td[b-4cbso20u7o], .ws-table tbody th[b-4cbso20u7o] { padding: 12px; border-bottom: 1px solid var(--w-border-soft); text-align: left; vertical-align: middle; }
.ws-table tbody tr:last-child td[b-4cbso20u7o], .ws-table tbody tr:last-child th[b-4cbso20u7o] { border-bottom: 0; }
.ws-table tbody th[b-4cbso20u7o] { width: 180px; color: var(--w-strong); font-weight: 700; }
.ws-platform[b-4cbso20u7o] { display: inline-flex; align-items: center; gap: 10px; }
.ws-length[b-4cbso20u7o] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ws-length select[b-4cbso20u7o] { min-width: 200px; cursor: pointer; }
.ws-length input[b-4cbso20u7o] { width: 84px; }
.ws-muted[b-4cbso20u7o] { color: var(--w-muted); }
.ws-segmented[b-4cbso20u7o] { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--w-border); border-radius: 999px; background: var(--w-soft); }
.ws-segmented button[b-4cbso20u7o] { height: 32px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--w-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ws-segmented button:hover:not(:disabled):not(.is-on)[b-4cbso20u7o] { color: var(--w-strong); }
.ws-segmented button.is-on[b-4cbso20u7o] { background: var(--w-primary); color: var(--w-on-primary); }
.ws-segmented button:disabled[b-4cbso20u7o] { cursor: default; }
.ws-field > .ws-segmented[b-4cbso20u7o] { align-self: flex-start; }
.ws-devices[b-4cbso20u7o] { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 6px 0 0; padding: 0; list-style: none; }
.ws-devices label[b-4cbso20u7o] { display: inline-flex; align-items: center; gap: 6px; color: var(--w-strong); font-size: 13px; cursor: pointer; }

.ws-later[b-4cbso20u7o] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 0; padding: 10px 14px; border: 1px dashed var(--w-border); border-radius: 16px; color: var(--w-muted); font-size: 13px; }
.ws-later-icons[b-4cbso20u7o] { display: inline-flex; gap: 6px; }
.ws-hint[b-4cbso20u7o] { margin: 12px 0 0; color: var(--w-muted); font-size: 12px; }
.ws-sr[b-4cbso20u7o] { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ws-footer[b-4cbso20u7o] { margin: 4px 2px 0; color: var(--w-muted); font-size: 12px; }
.ws-saved[b-4cbso20u7o] { display: inline-flex; align-items: center; gap: 4px; color: var(--w-success); font-weight: 600; }
.ws-saved > span[b-4cbso20u7o] { display: inline-flex; }
.ws-saved[b-4cbso20u7o]  .rzi { width: 15px; height: 15px; font-size: 15px; line-height: 15px; }

@container warmup-settings (max-width: 700px) {
    .ws-card-row[b-4cbso20u7o] { flex-direction: column; }
}

@media (max-width: 700px) {
    .warmup-settings.is-page[b-4cbso20u7o] { padding: 16px 12px 32px; }
    .ws-card[b-4cbso20u7o] { padding: 16px; }
}