/* /Layout/MainLayout.razor.rz.scp.css */
/* ========================================
   ChillCheck Main Layout
   Top Navigation (welcome-inspired)
   ======================================== */

.app-layout[b-0sreorb0g6] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--cc-bg);
}

.top-nav[b-0sreorb0g6] {
    background: linear-gradient(135deg, var(--cc-navy-light) 0%, var(--cc-navy) 100%);
    border-bottom: 1px solid rgba(10, 186, 181, 0.2);
    box-shadow: 0 8px 24px rgba(11, 29, 58, 0.24);
    position: sticky;
    top: 0;
    z-index: 100;
}

.nav-container[b-0sreorb0g6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.brand[b-0sreorb0g6] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.brand-logo[b-0sreorb0g6] {
    height: 32px !important;
    max-width: 220px;
    width: auto;
    object-fit: contain;
    display: block;
}

.main-nav[b-0sreorb0g6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    justify-content: flex-start;
    margin-left: 1rem;
}

/* Keep white link color scoped to header nav only */
[b-0sreorb0g6] .top-nav .main-nav .nav-link,
.top-nav .main-nav[b-0sreorb0g6]  .nav-link {
    padding: 0.5rem 1rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
}

[b-0sreorb0g6] .top-nav .main-nav .nav-link:hover,
.top-nav .main-nav[b-0sreorb0g6]  .nav-link:hover {
    color: #FFFFFF !important;
    background-color: rgba(10, 186, 181, 0.16);
}

/* ActiveClass in markup is nav-active, not active */
[b-0sreorb0g6] .top-nav .main-nav .nav-link.nav-active,
.top-nav .main-nav[b-0sreorb0g6]  .nav-link.nav-active,
.top-nav .main-nav .nav-link.nav-active[b-0sreorb0g6] {
    color: #FFFFFF !important;
    background-color: rgba(10, 186, 181, 0.22);
    font-weight: 700;
    border-bottom: 2px solid var(--cc-primary);
    border-radius: 8px 8px 0 0;
}

.user-nav[b-0sreorb0g6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.user-name[b-0sreorb0g6] {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

.sign-out-link[b-0sreorb0g6] {
    font-weight: 700;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    line-height: 1.2;
    color: #FFFFFF !important;
}

.account-link[b-0sreorb0g6] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    padding: 0.25rem;
}

.account-link:hover[b-0sreorb0g6] {
    color: #FFFFFF !important;
}

.sign-in-btn[b-0sreorb0g6] {
    padding: 0.5rem 1.25rem;
    background: var(--cc-primary);
    color: #FFFFFF !important;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.sign-in-btn:hover[b-0sreorb0g6] {
    background: var(--cc-primary-dark);
    color: #FFFFFF !important;
    box-shadow: var(--cc-shadow-teal);
}

.main-content[b-0sreorb0g6] {
    flex: 1;
    padding: 2rem 0 3rem;
    background: linear-gradient(180deg, rgba(232, 244, 248, 0.65) 0%, rgba(250, 252, 253, 0.95) 42%, #FAFCFD 100%);
}

.content-container[b-0sreorb0g6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.subscription-banner[b-0sreorb0g6] {
    border-radius: 10px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.92rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.subscription-banner-info[b-0sreorb0g6] {
    background: var(--cc-ice-blue);
    border: 1px solid var(--cc-ice-blue-deep);
    color: #089E9A;
}

.subscription-banner-warning[b-0sreorb0g6] {
    background: var(--cc-warning-light);
    border: 1px solid #F5A623;
    color: #92400E;
}

.subscription-banner-danger[b-0sreorb0g6] {
    background: var(--cc-danger-light);
    border: 1px solid #E8604C;
    color: #C0392B;
}

.banner-action[b-0sreorb0g6] {
    color: inherit;
    text-decoration: underline;
    font-weight: 800;
}

.app-footer[b-0sreorb0g6] {
    border-top: 1px solid var(--cc-border);
    background: var(--cc-white);
}

.app-footer a[b-0sreorb0g6] {
    color: var(--cc-text-muted);
    text-decoration: none;
    font-size: 0.875rem;
}

.app-footer a:hover[b-0sreorb0g6] {
    color: var(--cc-text);
    text-decoration: underline;
}

.cookie-banner[b-0sreorb0g6] {
    position: sticky;
    bottom: 0;
    z-index: 110;
    border-radius: 0;
}

@media (max-width: 768px) {
    .nav-container[b-0sreorb0g6] {
        padding: 0 1rem;
        height: 3.25rem;
        position: relative;
    }

    .brand-logo[b-0sreorb0g6] {
        height: 27px !important;
        max-width: 180px;
    }

    .content-container[b-0sreorb0g6] {
        padding: 0 1rem;
    }

    .main-content[b-0sreorb0g6] {
        padding: 1.5rem 0 2rem;
    }
}

/* Error UI styles are in wwwroot/css/app.css (global) since the element lives in index.html */
/* /Pages/Account.razor.rz.scp.css */
/* ========================================
   Account Settings Page Styles
   ======================================== */

/* Form switches styling adjustments */
.form-check-label[b-vqoat0jrf4] {
    cursor: pointer;
}

.form-check-label small[b-vqoat0jrf4] {
    display: block;
    margin-top: 0.25rem;
}

/* Danger zone styling */
.card.border-danger .card-header[b-vqoat0jrf4] {
    border-bottom: none;
}

/* Modal styling adjustments */
.modal .btn-close-white[b-vqoat0jrf4] {
    filter: brightness(0) invert(1);
}

/* Locked input icon styling */
.input-group-text .bi-lock-fill[b-vqoat0jrf4] {
    font-size: 0.875rem;
}
/* /Pages/Home.razor.rz.scp.css */
.setup-panel[b-q9nbme835t] {
    text-align: center;
    padding: 4rem 2rem;
    max-width: 600px;
    margin: 2rem auto;
}

.setup-panel-icon[b-q9nbme835t] {
    font-size: 4rem;
    color: var(--chillsafe-primary, #0d6efd);
    margin-bottom: 1.5rem;
}

.setup-panel-description[b-q9nbme835t] {
    font-size: 1.1rem;
    color: var(--text-muted, #6c757d);
    margin-bottom: 0.5rem;
}

.setup-panel-hint[b-q9nbme835t] {
    color: var(--text-muted, #6c757d);
    margin-bottom: 2rem;
}

.setup-panel-actions[b-q9nbme835t] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
/* /Shared/WeeklySignoffCard.razor.rz.scp.css */
.signoff-section[b-2h8ykl9mas] {
    margin-top: 0;
}

.signoff-header-row[b-2h8ykl9mas] {
    margin-bottom: 1rem;
}

.signoff-title[b-2h8ykl9mas] {
    margin: 0;
}

.signoff-month-selector[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.month-label[b-2h8ykl9mas] {
    min-width: 8.5rem;
    text-align: center;
    font-weight: 600;
    color: var(--cc-text);
}

.month-btn[b-2h8ykl9mas] {
    border: 1px solid var(--cc-border);
    background: var(--cc-white);
    color: var(--cc-text-muted);
    border-radius: var(--cc-radius-sm);
    height: 2rem;
    width: 2rem;
    padding: 0;
    line-height: 1;
}

.month-btn:hover[b-2h8ykl9mas] {
    border-color: var(--cc-primary);
    color: var(--cc-primary);
}

.signoff-alert[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    border: 1px solid #f3d184;
    background: #fff7e3;
    border-radius: var(--cc-radius);
}

.signoff-alert-icon[b-2h8ykl9mas] {
    color: #b16900;
    font-size: 1rem;
    font-weight: 700;
}

.signoff-alert-text[b-2h8ykl9mas] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.signoff-alert-title[b-2h8ykl9mas] {
    color: #8b5c00;
    font-size: 0.9rem;
    font-weight: 600;
}

.signoff-alert-desc[b-2h8ykl9mas] {
    color: #8b5c00;
    font-size: 0.8rem;
}

.signoff-setup-state[b-2h8ykl9mas] {
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-radius);
    background: #f8fafc;
    text-align: center;
    padding: 1.2rem;
}

.setup-title[b-2h8ykl9mas] {
    margin: 0;
    font-size: 1rem;
    color: var(--cc-text);
}

.setup-description[b-2h8ykl9mas] {
    margin: 0.55rem auto 0.85rem;
    max-width: 32rem;
    color: var(--cc-text-muted);
    font-size: 0.86rem;
}

.signoff-empty-state[b-2h8ykl9mas] {
    border: 1px dashed var(--cc-border);
    border-radius: var(--cc-radius);
    color: var(--cc-text-muted);
    padding: 1rem;
    text-align: center;
    font-size: 0.86rem;
}

.signoff-table-wrap[b-2h8ykl9mas] {
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-radius);
    overflow: hidden;
}

.signoff-grid-row[b-2h8ykl9mas] {
    display: grid;
    grid-template-columns: 1fr 110px 130px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.875rem 1rem;
}

.signoff-table-header[b-2h8ykl9mas] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cc-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--cc-border);
}

.signoff-week-row[b-2h8ykl9mas] {
    border-bottom: 1px solid var(--cc-border);
}

.signoff-week-row:last-child[b-2h8ykl9mas] {
    border-bottom: none;
}

.signoff-week-row.overdue[b-2h8ykl9mas] {
    background: #fff8ee;
}

.week-label[b-2h8ykl9mas] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cc-text);
}

.week-dates[b-2h8ykl9mas] {
    margin-top: 0.125rem;
    font-size: 0.78rem;
    color: var(--cc-text-muted);
}

.report-chip-wrap[b-2h8ykl9mas] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.report-chip[b-2h8ykl9mas] {
    border: 1px solid #b6dcf9;
    background: #eef7ff;
    color: #1f6ea8;
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 1.1;
    padding: 0.3rem 0.55rem;
    font-weight: 500;
}

button.report-chip:hover[b-2h8ykl9mas] {
    background: #dff0ff;
}

.report-chip.disabled[b-2h8ykl9mas] {
    opacity: 0.65;
}

.report-chip.off-month[b-2h8ykl9mas] {
    opacity: 0.55;
}

.center[b-2h8ykl9mas] {
    text-align: center;
}

.right[b-2h8ykl9mas] {
    text-align: right;
}

.status-badge[b-2h8ykl9mas] {
    display: inline-block;
    border-radius: 999px;
    font-size: 0.72rem;
    padding: 0.25rem 0.6rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.status-signed[b-2h8ykl9mas] {
    color: #147a3f;
    background: #eaf9ee;
    border-color: #bde5cb;
}

.status-pending[b-2h8ykl9mas] {
    color: #9c5f00;
    background: #fff7e3;
    border-color: #f3d184;
}

.status-overdue[b-2h8ykl9mas] {
    color: #a21f1f;
    background: #feecec;
    border-color: #f5bcbc;
}

.status-upcoming[b-2h8ykl9mas] {
    color: var(--cc-text-muted);
    background: #f3f4f6;
    border-color: #e5e7eb;
}

.signed-pill[b-2h8ykl9mas] {
    display: inline-block;
    border: 1px solid #bde5cb;
    color: #147a3f;
    background: #eaf9ee;
    border-radius: var(--cc-radius-sm);
    padding: 0.35rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 600;
}

.signoff-not-available-btn[b-2h8ykl9mas] {
    font-size: 0.72rem;
    line-height: 1.1;
    padding: 0.22rem 0.45rem;
}

.signoff-action-btn[b-2h8ykl9mas] {
    font-size: 0.72rem;
    line-height: 1.1;
    padding: 0.22rem 0.45rem;
    min-height: 1.55rem;
}

.signoff-footer-summary[b-2h8ykl9mas] {
    text-align: left;
    color: var(--cc-text-muted);
    font-size: 0.85rem;
}

.signoff-modal-overlay[b-2h8ykl9mas] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
    z-index: 1000;
}

.signoff-modal[b-2h8ykl9mas] {
    width: 32rem;
    max-width: 92vw;
    max-height: calc(100dvh - 2rem);
    background: var(--cc-white);
    border-radius: var(--cc-radius-lg);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}

.signoff-modal-header[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--cc-border);
}

.signoff-modal-header h3[b-2h8ykl9mas] {
    margin: 0;
    font-size: 1rem;
}

.modal-close[b-2h8ykl9mas] {
    border: none;
    background: transparent;
    color: var(--cc-text-muted);
    font-size: 1rem;
}

.signoff-modal-body[b-2h8ykl9mas] {
    padding: 1rem 1.25rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.signoff-modal-body p[b-2h8ykl9mas] {
    margin: 0 0 0.8rem 0;
    color: var(--cc-text-muted);
    font-size: 0.9rem;
}

/* ── Critical alert section ─────────────────────────────── */

.signoff-modal .signoff-critical-section[b-2h8ykl9mas] {
    display: block;
    background: #fff1f1;
    border: 1px solid #f5bcbc;
    border-left: 3px solid #dc3545;
    border-radius: var(--cc-radius);
    padding: 0.85rem;
    margin-bottom: 1rem;
}

.signoff-critical-header[b-2h8ykl9mas] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.88rem;
    color: #b4232d;
}

.signoff-critical-icon[b-2h8ykl9mas] {
    font-size: 1rem;
    line-height: 1.3;
}

.signoff-critical-desc[b-2h8ykl9mas] {
    margin: 0.35rem 0 0.6rem;
    font-size: 0.82rem;
    color: #8b2020;
}

.signoff-modal .signoff-alert-list[b-2h8ykl9mas] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.signoff-modal .signoff-alert-row[b-2h8ykl9mas] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    background: #ffffff;
    border: 1px solid #f5bcbc;
    border-radius: var(--cc-radius-sm);
    padding: 0.55rem 0.65rem;
    cursor: pointer;
    transition: background 0.15s;
}

.signoff-modal .signoff-alert-row:hover[b-2h8ykl9mas] {
    background: #fef2f2;
}

.signoff-modal .signoff-alert-checkbox[b-2h8ykl9mas] {
    appearance: auto;
    width: 0.95rem;
    height: 0.95rem;
    flex: 0 0 auto;
    margin-top: 0.2rem;
    accent-color: #dc3545;
}

.signoff-alert-detail[b-2h8ykl9mas] {
    flex: 1;
    min-width: 0;
}

.signoff-alert-top[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.signoff-alert-badge[b-2h8ykl9mas] {
    display: inline-block;
    background: #dc3545;
    color: #ffffff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.signoff-alert-time[b-2h8ykl9mas] {
    font-size: 0.78rem;
    color: var(--cc-text-muted);
}

.signoff-alert-message[b-2h8ykl9mas] {
    margin-top: 0.2rem;
    font-size: 0.82rem;
    color: var(--cc-text);
}

.signoff-alert-threshold[b-2h8ykl9mas] {
    color: var(--cc-text-muted);
    font-size: 0.78rem;
}

/* ── Alert actions bar ──────────────────────────────────── */

.signoff-modal .signoff-alert-actions-bar[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.55rem;
}

.signoff-modal .signoff-select-all[b-2h8ykl9mas] {
    border: none;
    background: transparent;
    color: #b4232d;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    box-shadow: none;
    outline: none;
}

.signoff-modal .signoff-select-all:hover[b-2h8ykl9mas] {
    color: #8b1a22;
}

.signoff-selected-count[b-2h8ykl9mas] {
    font-size: 0.78rem;
    color: var(--cc-text-muted);
}

/* ── Corrective action section ──────────────────────────── */

.signoff-corrective-section[b-2h8ykl9mas] {
    margin-top: 0.65rem;
    padding-top: 0.6rem;
    border-top: 1px solid #f5bcbc;
}

.signoff-type-group[b-2h8ykl9mas] {
    border: 1px solid #f5d9d9;
    border-radius: var(--cc-radius-sm);
    background: #fff8f8;
    padding: 0.5rem 0.55rem;
    margin-bottom: 0.5rem;
}

.signoff-type-group-title[b-2h8ykl9mas] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #8b2020;
    margin-bottom: 0.35rem;
}

.signoff-corrective-label[b-2h8ykl9mas] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #8b2020;
    margin-bottom: 0.4rem;
}

.signoff-corrective-pills[b-2h8ykl9mas] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.signoff-pill[b-2h8ykl9mas] {
    border: 1px solid #f5bcbc;
    background: #ffffff;
    color: #8b2020;
    border-radius: 999px;
    font-size: 0.75rem;
    padding: 0.3rem 0.65rem;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.15s;
}

.signoff-pill:hover[b-2h8ykl9mas] {
    background: #fef2f2;
    border-color: #dc3545;
}

.signoff-pill-active[b-2h8ykl9mas] {
    background: #dc3545;
    color: #ffffff;
    border-color: #dc3545;
}

.signoff-other-input[b-2h8ykl9mas] {
    width: 100%;
    border: 1px solid #f5bcbc;
    border-radius: var(--cc-radius-sm);
    padding: 0.45rem 0.6rem;
    font-size: 0.82rem;
    resize: vertical;
    min-height: 2.5rem;
    margin-bottom: 0.5rem;
}

.signoff-corrective-error[b-2h8ykl9mas] {
    color: #dc3545;
    font-size: 0.78rem;
    margin-bottom: 0.4rem;
}

.signoff-acknowledge-btn[b-2h8ykl9mas] {
    width: 100%;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem;
}

/* ── All critical acknowledged indicator ────────────────── */

.signoff-alerts-ok[b-2h8ykl9mas] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    background: #eaf9ee;
    border: 1px solid #bde5cb;
    border-radius: var(--cc-radius);
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: #147a3f;
    font-weight: 500;
}

.signoff-alerts-ok-icon[b-2h8ykl9mas] {
    font-size: 1rem;
    color: #147a3f;
}

.detail-box[b-2h8ykl9mas] {
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-radius);
    padding: 0.7rem 0.8rem;
    background: var(--cc-ice-blue);
    margin-bottom: 0.8rem;
}

.detail-row[b-2h8ykl9mas] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.83rem;
    color: var(--cc-text-muted);
    padding: 0.18rem 0;
}

.detail-row strong[b-2h8ykl9mas] {
    color: var(--cc-text);
}

.confirm-box[b-2h8ykl9mas] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    font-size: 0.82rem;
    border: 1px solid #bde5cb;
    background: #eaf9ee;
    border-radius: var(--cc-radius);
    padding: 0.65rem;
    margin-top: 0.6rem;
}

.confirm-box input[b-2h8ykl9mas] {
    margin-top: 0.1rem;
}

.notes-box[b-2h8ykl9mas] {
    width: 100%;
    margin-top: 0.8rem;
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-radius-sm);
    padding: 0.5rem 0.6rem;
    font-size: 0.84rem;
    resize: vertical;
    min-height: 3rem;
}

.signoff-modal-footer[b-2h8ykl9mas] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.9rem 1.25rem 1.1rem;
    border-top: 1px solid var(--cc-border);
    margin-top: 0.4rem;
    flex-shrink: 0;
}

.signoff-modal-footer .btn-primary[b-2h8ykl9mas] {
    background: var(--cc-primary);
    border-color: var(--cc-primary);
    color: var(--cc-white);
}

.signoff-modal-footer .btn-primary:disabled[b-2h8ykl9mas] {
    background: var(--cc-primary);
    border-color: var(--cc-primary);
    color: var(--cc-white);
    opacity: 0.55;
}

@media (max-width: 1024px) {
    .signoff-grid-row[b-2h8ykl9mas] {
        grid-template-columns: 140px 1fr 90px 120px;
    }
}

@media (max-width: 768px) {
    .signoff-modal-overlay[b-2h8ykl9mas] {
        align-items: flex-start;
        padding: 0.6rem;
    }

    .signoff-modal[b-2h8ykl9mas] {
        width: 100%;
        max-width: 100%;
        max-height: calc(100dvh - 1.2rem);
    }

    .signoff-modal-header[b-2h8ykl9mas],
    .signoff-modal-footer[b-2h8ykl9mas] {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }

    .signoff-modal-body[b-2h8ykl9mas] {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }

    .signoff-grid-row[b-2h8ykl9mas] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .signoff-table-header[b-2h8ykl9mas] {
        display: none;
    }

    .center[b-2h8ykl9mas],
    .right[b-2h8ykl9mas] {
        text-align: left;
    }

    .signoff-month-selector[b-2h8ykl9mas] {
        margin-top: 0.6rem;
    }

    .signoff-header-row[b-2h8ykl9mas] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Shared/WeeklyStatsCard.razor.rz.scp.css */
.weekly-stats-card[b-qcuzmnu0y9] {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.weekly-stats-header[b-qcuzmnu0y9] {
    padding: 1rem 1.25rem 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--cc-border);
}

.weekly-stats-header .section-title[b-qcuzmnu0y9] {
    margin: 0;
    font-size: 1rem;
}

.week-nav[b-qcuzmnu0y9] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.week-nav-btn[b-qcuzmnu0y9] {
    border: 1px solid var(--cc-border);
    background: var(--cc-white);
    color: var(--cc-text-secondary);
    border-radius: 6px;
    width: 28px;
    height: 24px;
    font-size: 0.7rem;
    line-height: 1;
    padding: 0;
}

.week-nav-btn:disabled[b-qcuzmnu0y9] {
    opacity: 0.4;
    cursor: not-allowed;
}

.week-nav-label[b-qcuzmnu0y9] {
    min-width: 120px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cc-text-secondary);
}

.scroll-count[b-qcuzmnu0y9] {
    padding: 0.45rem 1.25rem;
    font-size: 0.69rem;
    color: var(--cc-text-muted);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border-bottom: 1px solid var(--cc-border);
    background: #f8fafc;
}

.scroll-count-arrow[b-qcuzmnu0y9] {
    font-size: 0.625rem;
}

.scroll-count-arrow.up[b-qcuzmnu0y9] {
    transform: rotate(180deg);
}

.scroll-wrapper[b-qcuzmnu0y9] {
    position: relative;
}

.sensor-stat-scroll[b-qcuzmnu0y9] {
    max-height: none;
    overflow-y: visible;
}

.sensor-stat-scroll.is-scrollable[b-qcuzmnu0y9] {
    max-height: 340px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.sensor-stat-scroll.is-scrollable[b-qcuzmnu0y9]::-webkit-scrollbar {
    width: 5px;
}

.sensor-stat-scroll.is-scrollable[b-qcuzmnu0y9]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.scroll-fade-bottom[b-qcuzmnu0y9] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96));
}

.sensor-stat-row[b-qcuzmnu0y9] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem 1.25rem;
    border-top: 1px solid #f1f5f9;
}

.sensor-stat-row.partial[b-qcuzmnu0y9] {
    opacity: 0.6;
}

.sensor-stat-row.has-warning[b-qcuzmnu0y9] {
    border-left: 3px solid #f59e0b;
    padding-left: 1.05rem;
}

.sensor-stat-row.has-critical[b-qcuzmnu0y9] {
    border-left: 3px solid #ef4444;
    padding-left: 1.05rem;
}

.sensor-stat-left[b-qcuzmnu0y9] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.sensor-icon-box[b-qcuzmnu0y9] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.sensor-icon-box.fridge[b-qcuzmnu0y9] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.sensor-icon-box.freezer[b-qcuzmnu0y9] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
}

.sensor-stat-name[b-qcuzmnu0y9] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cc-text);
}

.sensor-stat-position-label[b-qcuzmnu0y9] {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    font-weight: 700;
    margin-bottom: 0.1rem;
}

.sensor-stat-name.position-name[b-qcuzmnu0y9] {
    display: inline-block;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e293b;
    font-weight: 700;
}

.sensor-stat-type[b-qcuzmnu0y9] {
    font-size: 0.68rem;
    color: var(--cc-text-muted);
}

.sensor-stat-right[b-qcuzmnu0y9] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.metric-group[b-qcuzmnu0y9] {
    min-width: 44px;
    text-align: center;
}

.metric-label[b-qcuzmnu0y9] {
    font-size: 0.56rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cc-text-muted);
}

.metric-value[b-qcuzmnu0y9] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cc-text);
}

.metric-value.low[b-qcuzmnu0y9] {
    color: #3b82f6;
}

.metric-value.high[b-qcuzmnu0y9] {
    color: #f59e0b;
}

.metric-divider[b-qcuzmnu0y9] {
    width: 1px;
    height: 30px;
    background: #e2e8f0;
}

.range-bar-container[b-qcuzmnu0y9] {
    min-width: 86px;
}

.range-bar-label[b-qcuzmnu0y9] {
    font-size: 0.56rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cc-text-muted);
    text-align: center;
    margin-bottom: 0.25rem;
}

.range-bar[b-qcuzmnu0y9] {
    position: relative;
    height: 7px;
    border-radius: 4px;
    background: #f1f5f9;
}

.range-bar-fill[b-qcuzmnu0y9] {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 4px;
}

.range-bar-fill.ok[b-qcuzmnu0y9] {
    background: linear-gradient(90deg, #86efac, #4ade80);
}

.range-bar-fill.warn[b-qcuzmnu0y9] {
    background: linear-gradient(90deg, #fde68a, #fbbf24);
}

.range-bar-avg[b-qcuzmnu0y9] {
    position: absolute;
    top: -3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #1a2332;
    background: #fff;
    transform: translateX(-50%);
}

.range-bar-threshold[b-qcuzmnu0y9] {
    position: absolute;
    top: -2px;
    height: 11px;
    border-left: 1px dashed #ef4444;
}

.range-labels[b-qcuzmnu0y9] {
    margin-top: 2px;
    display: flex;
    justify-content: space-between;
}

.range-label-val[b-qcuzmnu0y9] {
    font-size: 0.56rem;
    color: var(--cc-text-muted);
}

.range-label-val.warn[b-qcuzmnu0y9] {
    color: #ef4444;
    font-weight: 600;
}

.week-status-pill[b-qcuzmnu0y9] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    white-space: nowrap;
}

.week-status-pill.ok[b-qcuzmnu0y9] {
    color: #059669;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.week-status-pill.warn[b-qcuzmnu0y9] {
    color: #d97706;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.week-status-pill.critical[b-qcuzmnu0y9] {
    color: #b91c1c;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.week-status-pill.partial[b-qcuzmnu0y9] {
    color: var(--cc-text-muted);
    background: #f8fafc;
    border: 1px solid var(--cc-border);
}

.advisory[b-qcuzmnu0y9] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0 1.25rem 0.35rem;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    font-size: 0.74rem;
    line-height: 1.45;
}

.advisory-icon[b-qcuzmnu0y9] {
    flex-shrink: 0;
    font-size: 0.84rem;
    margin-top: 0.05rem;
}

.advisory-text[b-qcuzmnu0y9] {
    color: inherit;
}

.advisory-text strong[b-qcuzmnu0y9] {
    font-weight: 700;
}

.advisory.warning[b-qcuzmnu0y9] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.advisory.critical[b-qcuzmnu0y9] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.weekly-stats-footer[b-qcuzmnu0y9] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--cc-border);
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.weekly-stats-footer-text[b-qcuzmnu0y9] {
    font-size: 0.69rem;
    color: var(--cc-text-muted);
}

.weekly-stats-footer-link[b-qcuzmnu0y9] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cc-primary);
    text-decoration: none;
}

@media (max-width: 768px) {
    .sensor-stat-row[b-qcuzmnu0y9] {
        grid-template-columns: 1fr;
    }

    .sensor-stat-right[b-qcuzmnu0y9] {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .weekly-stats-footer[b-qcuzmnu0y9] {
        flex-direction: column;
        align-items: flex-start;
    }
}