/* _content/SeasonFlow.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hd0v337yrr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-hd0v337yrr], article[b-hd0v337yrr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-hd0v337yrr] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hd0v337yrr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SeasonFlow.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ghy6jl6jhm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ghy6jl6jhm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ghy6jl6jhm] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ghy6jl6jhm] {
    font-size: 1.1rem;
}

.bi[b-ghy6jl6jhm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ghy6jl6jhm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ghy6jl6jhm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ghy6jl6jhm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ghy6jl6jhm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ghy6jl6jhm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ghy6jl6jhm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ghy6jl6jhm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ghy6jl6jhm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ghy6jl6jhm]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ghy6jl6jhm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ghy6jl6jhm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ghy6jl6jhm] {
        display: none;
    }

    .nav-scrollable[b-ghy6jl6jhm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/SeasonFlow.Web/Components/Pages/AccountManagement.razor.rz.scp.css */
/* ── AccountManagement page styles ── */

.acm-page-header[b-30mtb7mmvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.acm-sec-inline[b-30mtb7mmvz] {
    margin-bottom: 0;
}

.acm-content[b-30mtb7mmvz] {
    display: flex;
    flex-direction: column;
}

.acm-card-flush[b-30mtb7mmvz] {
    padding: 0;
    overflow-x: auto;
    flex: 1;
    min-height: 0;
}

.acm-td-name[b-30mtb7mmvz] {
    max-width: 200px;
    overflow: hidden;
}

.acm-td-name > div:first-child[b-30mtb7mmvz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acm-th-actions[b-30mtb7mmvz] {
    width: 140px;
}

.acm-td-username[b-30mtb7mmvz] {
    font-weight: 600;
    font-family: var(--mono);
}

.acm-td-actions[b-30mtb7mmvz] {
    display: flex;
    gap: 5px;
}

.acm-td-empty[b-30mtb7mmvz] {
    text-align: center;
    padding: 28px;
}

.acm-mbox-lg[b-30mtb7mmvz] {
    width: 440px;
}

.acm-mbox-md[b-30mtb7mmvz] {
    width: 420px;
}

.acm-mbox-sm[b-30mtb7mmvz] {
    width: 360px;
}

.acm-modal-footer[b-30mtb7mmvz] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

.acm-modal-footer-nogap[b-30mtb7mmvz] {
    display: flex;
    gap: 10px;
}

.acm-flex1[b-30mtb7mmvz] {
    flex: 1;
}

.acm-flex2[b-30mtb7mmvz] {
    flex: 2;
}

.acm-username-inline[b-30mtb7mmvz] {
    font-size: 14px;
}

.acm-pw-divider[b-30mtb7mmvz] {
    border-top: 1px solid var(--border);
    margin: 14px 0;
    padding-top: 14px;
}

.acm-pw-label[b-30mtb7mmvz] {
    margin-bottom: 8px;
}

.acm-delete-msg[b-30mtb7mmvz] {
    font-size: 14px;
    color: var(--ink2);
    margin-bottom: 18px;
}

/* Search / filter toolbar */
.acm-toolbar[b-30mtb7mmvz] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}
.acm-search-wrap[b-30mtb7mmvz] {
    position: relative;
    flex: 1;
    min-width: 0;
}
.acm-search-icon[b-30mtb7mmvz] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ink3);
    pointer-events: none;
    font-size: 15px;
}
.acm-search-input[b-30mtb7mmvz] {
    padding-left: 34px;
}
.acm-role-sel[b-30mtb7mmvz] {
    width: auto;
}

/* Pagination */
.acm-pager-row[b-30mtb7mmvz] { display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 4px }
.acm-pager[b-30mtb7mmvz] { display:flex;align-items:center }
.acm-pager .acm-page-btn[b-30mtb7mmvz] { border-radius:0;margin-left:-.5px;padding:6px 12px;min-width:36px;justify-content:center;position:relative;z-index:0;font-size:13px }
.acm-pager .acm-page-btn:first-child[b-30mtb7mmvz] { border-radius:7px 0 0 7px;margin-left:0 }
.acm-pager .acm-page-btn:last-child[b-30mtb7mmvz] { border-radius:0 7px 7px 0 }
.acm-pager .acm-page-btn.bd[b-30mtb7mmvz] { z-index:1 }
.acm-pager .acm-page-btn:hover:not([disabled])[b-30mtb7mmvz] { z-index:1 }
.acm-pagesize-sel[b-30mtb7mmvz] { width:auto;font-size:13px;height:34px;padding:4px 10px }

/* Custom roles column */
.acm-td-custom-roles[b-30mtb7mmvz] {
    max-width: 180px;
}

.acm-role-badge[b-30mtb7mmvz] {
    margin-right: 3px;
    margin-bottom: 2px;
    display: inline-block;
    font-size: 11px;
}

.acm-th-actions[b-30mtb7mmvz] { width: 160px; }

/* Assign modal */
.acm-mbox-assign[b-30mtb7mmvz] {
    width: 460px;
    max-height: 85vh;
    overflow-y: auto;
}

.acm-assign-section-lbl[b-30mtb7mmvz] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

.acm-assign-roles[b-30mtb7mmvz],
.acm-assign-depts[b-30mtb7mmvz] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.acm-assign-item[b-30mtb7mmvz] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
}

.acm-assign-role-name[b-30mtb7mmvz] { font-weight: 500; }
.acm-assign-role-desc[b-30mtb7mmvz] { font-size: 12px; }

.acm-dept-dot[b-30mtb7mmvz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 2px;
}
/* _content/SeasonFlow.Web/Components/Pages/AccountRegister.razor.rz.scp.css */
.ar-card[b-60ekg00n66] {
    background: var(--card);
    border-radius: 14px;
    width: 100%;
    max-width: 420px;
    border: .5px solid var(--border);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,.1);
}

.ar-header[b-60ekg00n66] {
    padding: 24px 24px 16px;
    text-align: center;
    border-bottom: .5px solid var(--border);
}

.ar-logo[b-60ekg00n66] {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: var(--ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.ar-logo i[b-60ekg00n66] {
    font-size: 22px;
    color: #fff;
}

.ar-title[b-60ekg00n66] {
    font-size: 18px;
    font-weight: 600;
}

.ar-body[b-60ekg00n66] {
    padding: 20px 24px;
}

.ar-success-link[b-60ekg00n66] {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
}

.ar-success-link a[b-60ekg00n66] {
    color: var(--ink);
    font-weight: 500;
}

.ar-submit[b-60ekg00n66] {
    width: 100%;
}

.ar-footer[b-60ekg00n66] {
    text-align: center;
    margin-top: 14px;
    font-size: 12px;
    color: var(--ink3);
}

.ar-footer a[b-60ekg00n66] {
    color: var(--ink);
    font-weight: 500;
}
/* _content/SeasonFlow.Web/Components/Pages/AdminCheckRequests.razor.rz.scp.css */
/* ── Left panel ─────────────────────────────── */
.acr-toolbar-justify[b-zkdlnbvt1i] { justify-content: space-between; }

.acr-title[b-zkdlnbvt1i] { font-size: 16px; font-weight: 600; }
.acr-title-meta[b-zkdlnbvt1i] { margin-top: 2px; }

/* Filter row */
.acr-filter-row[b-zkdlnbvt1i] {
    padding: 6px 18px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.acr-search-wrap[b-zkdlnbvt1i] { position: relative; flex: 1; min-width: 140px; }
.acr-search-icon[b-zkdlnbvt1i] { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none;font-size:14px }
.acr-search-input[b-zkdlnbvt1i] { padding-left: 32px; width: 100%; }

/* List body */
.acr-list-body[b-zkdlnbvt1i] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 18px 14px;
}

/* Loading state */
.acr-loading[b-zkdlnbvt1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}

.acr-loading-icon[b-zkdlnbvt1i] { font-size: 28px; }

/* Empty state */
.acr-empty[b-zkdlnbvt1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}
.acr-empty i[b-zkdlnbvt1i] { font-size: 36px; }

/* Card */
.acr-card[b-zkdlnbvt1i] {
    cursor: pointer;
    padding: 10px 12px;
}
.acr-card-sel[b-zkdlnbvt1i] { border-color: var(--ink) !important; }

.acr-card-top[b-zkdlnbvt1i] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
    min-width: 0;
}

.acr-type-pill[b-zkdlnbvt1i] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.acr-card-name[b-zkdlnbvt1i] {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}

.acr-card-meta[b-zkdlnbvt1i] {
    font-size: 11px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}

.acr-dot[b-zkdlnbvt1i] { color: var(--ink3); flex-shrink: 0; }

.acr-dist-badge[b-zkdlnbvt1i] {
    font-size: 10px;
    font-weight: 600;
    background: var(--surface);
    border: .5px solid var(--border2);
    border-radius: 4px;
    padding: 1px 5px;
}

/* ── Detail panel ──────────────────────────── */
.acr-det-hd[b-zkdlnbvt1i] {
    border-bottom: .5px solid var(--border);
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.acr-det-title-row[b-zkdlnbvt1i] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    min-width: 0;
}

.acr-det-name[b-zkdlnbvt1i] {
    font-size: 15px;
    font-weight: 700;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acr-det-code[b-zkdlnbvt1i] {
    font-family: var(--mono);
    font-size: 11px;
    background: var(--surface);
    border-radius: 4px;
    padding: 1px 5px;
    flex-shrink: 0;
}

.acr-det-meta[b-zkdlnbvt1i] {
    font-size: 12px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.7;
}

.acr-det-card[b-zkdlnbvt1i] { padding: 14px 16px; }

.acr-det-lbl[b-zkdlnbvt1i] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

/* Shift info */
.acr-shift-name[b-zkdlnbvt1i] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.acr-shift-times[b-zkdlnbvt1i] {
    font-size: 12px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 5px;
}

.acr-shift-sep[b-zkdlnbvt1i] { color: var(--ink3); }

/* GPS box */
.acr-gps-box[b-zkdlnbvt1i] {
    background: var(--gb);
    border-radius: 8px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.acr-gps-icon[b-zkdlnbvt1i] { color: var(--gm); }

.acr-gps-coords[b-zkdlnbvt1i] {
    font-size: 12px;
    color: var(--ink2);
    flex: 1;
}

.acr-gps-dist[b-zkdlnbvt1i] {
    font-size: 11px;
    color: var(--gm);
    font-weight: 600;
}

.acr-map-btn[b-zkdlnbvt1i] { font-size: 11px; }

/* No GPS */
.acr-no-gps[b-zkdlnbvt1i] {
    background: var(--surface);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 12px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Error box */
.acr-error[b-zkdlnbvt1i] {
    background: var(--rb);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    color: var(--red);
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Reject input */
.acr-reject-input[b-zkdlnbvt1i] {
    width: 100%;
    margin-bottom: 10px;
}

/* Action buttons */
.acr-resolve-acts[b-zkdlnbvt1i] {
    display: flex;
    gap: 8px;
}
/* _content/SeasonFlow.Web/Components/Pages/AdminSendNotification.razor.rz.scp.css */
.asn-grid[b-dddgz2lkx8] {
    align-items: start;
}

.asn-compose-header[b-dddgz2lkx8] {
    margin-bottom: 14px;
}

.asn-textarea[b-dddgz2lkx8] {
    resize: vertical;
}

.asn-loader[b-dddgz2lkx8] {
    animation: spin .8s linear infinite;
}

.asn-preview-card[b-dddgz2lkx8] {
    background: var(--surface2, var(--surface));
}

.asn-preview-header[b-dddgz2lkx8] {
    margin-bottom: 12px;
    font-size: 13px;
}

.asn-preview-box[b-dddgz2lkx8] {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 14px;
    background: var(--surface);
}

.asn-preview-row[b-dddgz2lkx8] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.asn-preview-icon[b-dddgz2lkx8] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.asn-preview-icon i[b-dddgz2lkx8] {
    font-size: 16px;
    color: #fff;
}

.asn-preview-content[b-dddgz2lkx8] {
    min-width: 0;
}

.asn-preview-title[b-dddgz2lkx8] {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}

.asn-preview-body[b-dddgz2lkx8] {
    font-size: 13px;
    color: var(--ink2);
    white-space: pre-wrap;
}

.asn-preview-time[b-dddgz2lkx8] {
    font-size: 11px;
    color: var(--ink3);
    margin-top: 6px;
}

.asn-preview-footer[b-dddgz2lkx8] {
    margin-top: 10px;
    font-size: 12px;
    color: var(--ink3);
}
/* _content/SeasonFlow.Web/Components/Pages/Attendance.razor.rz.scp.css */
/* ── Toolbar ─────────────────────────────────────── */
.att-toolbar-justify[b-mfm88lnzo8] {
    justify-content: space-between;
}

.att-toolbar-right[b-mfm88lnzo8] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.att-date-input[b-mfm88lnzo8] {
    width: auto;
}

/* Time range filter */
.att-time-range[b-mfm88lnzo8] { display:flex;align-items:center;gap:4px }
.att-time-input[b-mfm88lnzo8] { width:auto }
.att-time-sep[b-mfm88lnzo8] { color:var(--ink3);flex-shrink:0 }

@keyframes spin-b-mfm88lnzo8 { to { transform:rotate(360deg) } }

/* ── Title ───────────────────────────────────────── */
.att-title[b-mfm88lnzo8] {
    font-size: 16px;
    font-weight: 600;
}

.att-title-meta[b-mfm88lnzo8] {
    margin-top: 2px;
}

/* ── List panel ──────────────────────────────────── */
.att-list-body[b-mfm88lnzo8] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 18px;
}

.att-loading[b-mfm88lnzo8] {
    text-align: center;
    padding: 36px;
}

/* ── Card (list item) ────────────────────────────── */
.att-card[b-mfm88lnzo8] {
    cursor: pointer;
    padding: 12px 14px;
}

/* ── Card row ────────────────────────────────────── */
.att-card-header[b-mfm88lnzo8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.att-card-left[b-mfm88lnzo8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.att-card-name[b-mfm88lnzo8] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.att-gps-icon[b-mfm88lnzo8] {
    font-size: 13px;
    color: var(--bm);
}

.att-card-right[b-mfm88lnzo8] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* Checkout button inside card */
.att-checkout-btn[b-mfm88lnzo8] {
    padding: 3px 8px;
    background: var(--bb);
    color: var(--bm);
    border-color: var(--bm);
}

.att-spin[b-mfm88lnzo8] {
    font-size: 12px;
    animation: spin-b-mfm88lnzo8 .8s linear infinite;
}

.att-ico-sm[b-mfm88lnzo8] {
    font-size: 12px;
}

.att-ico-edit[b-mfm88lnzo8] {
    font-size: 13px;
}

.att-edit-btn[b-mfm88lnzo8] {
    padding: 3px 8px;
}

/* Inline paid / edited indicators */
.att-paid[b-mfm88lnzo8] {
    color: var(--gm);
    margin-left: 6px;
}

.att-edited[b-mfm88lnzo8] {
    color: var(--am);
    margin-left: 6px;
}

.att-edited-ico[b-mfm88lnzo8] {
    font-size: 11px;
}

/* ── Detail panel (right side) ───────────────────── */
.att-detail-header[b-mfm88lnzo8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

.att-detail-name[b-mfm88lnzo8] {
    font-size: 16px;
    font-weight: 600;
}

.att-detail-meta[b-mfm88lnzo8] {
    margin-top: 3px;
}

.att-detail-badge[b-mfm88lnzo8] {
    margin-top: 6px;
}

.att-detail-actions[b-mfm88lnzo8] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Checkout button in detail panel */
.att-detail-checkout-btn[b-mfm88lnzo8] {
    background: var(--bb);
    color: var(--bm);
    border-color: var(--bm);
}

.att-detail-spin[b-mfm88lnzo8] {
    animation: spin-b-mfm88lnzo8 .8s linear infinite;
}

/* Timeline card */
.att-timeline-card[b-mfm88lnzo8] {
    padding: 14px 16px;
}

/* Info card */
.att-info-card[b-mfm88lnzo8] {
    padding: 0;
    overflow: hidden;
}

/* GPS location row value */
.att-gps-value[b-mfm88lnzo8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.att-gps-coords[b-mfm88lnzo8] {
    font-size: 12px;
}

.att-map-link[b-mfm88lnzo8] {
    font-size: 11px;
}

/* ── Check-in modal ──────────────────────────────── */
.att-ci-mbox[b-mfm88lnzo8] {
    width: 460px;
}

.att-ci-row[b-mfm88lnzo8] {
    align-items: end;
}

.att-ci-field-lg[b-mfm88lnzo8] {
    flex: 2;
}

.att-ci-field-sm[b-mfm88lnzo8] {
    flex: 1;
}

.att-ci-search-btn[b-mfm88lnzo8] {
    width: 100%;
    justify-content: center;
    margin-bottom: 14px;
}

.att-ci-spin[b-mfm88lnzo8] {
    animation: spin-b-mfm88lnzo8 .8s linear infinite;
}

/* Schedule results section header */
.att-ci-section-label[b-mfm88lnzo8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

.att-ci-list[b-mfm88lnzo8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

/* Schedule item row */
.att-ci-item-inner[b-mfm88lnzo8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.att-ci-item-info[b-mfm88lnzo8] {
    flex: 1;
    min-width: 0;
}

.att-ci-item-top[b-mfm88lnzo8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.att-ci-item-name[b-mfm88lnzo8] {
    font-weight: 600;
    font-size: 14px;
}

.att-ci-item-time[b-mfm88lnzo8] {
    font-size: 12px;
    color: var(--ink3);
}

.att-ci-dept-gap[b-mfm88lnzo8] {
    margin-left: 10px;
}

.att-ci-item-ci[b-mfm88lnzo8] {
    font-size: 11px;
    color: var(--ink3);
    margin-top: 3px;
}

/* Modal footer buttons */
.att-modal-footer[b-mfm88lnzo8] {
    display: flex;
    gap: 10px;
}

.att-modal-cancel[b-mfm88lnzo8] {
    flex: 1;
}

.att-modal-submit[b-mfm88lnzo8] {
    flex: 2;
    justify-content: center;
}

.att-submit-spin[b-mfm88lnzo8] {
    animation: spin-b-mfm88lnzo8 .8s linear infinite;
}

/* ── Edit modal ──────────────────────────────────── */
.att-edit-mbox[b-mfm88lnzo8] {
    width: 440px;
}

.att-edit-alert[b-mfm88lnzo8] {
    align-items: flex-start;
}

.att-edit-alert-icon[b-mfm88lnzo8] {
    margin-top: 2px;
}

.att-edit-alert-name[b-mfm88lnzo8] {
    font-weight: 600;
}

.att-edit-alert-code[b-mfm88lnzo8] {
    font-size: 11px;
    color: var(--ink3);
    margin-left: 6px;
}

.att-edit-alert-meta[b-mfm88lnzo8] {
    font-size: 12px;
    color: var(--ink2);
    margin-top: 2px;
}

.att-required-hint[b-mfm88lnzo8] {
    font-size: 11px;
    color: var(--am);
}

.att-required-star[b-mfm88lnzo8] {
    color: var(--rm);
}

.att-textarea-resize[b-mfm88lnzo8] {
    resize: vertical;
}

/* ── Timeline (TlStep) ───────────────────────────── */
.att-tl-step[b-mfm88lnzo8] {
    display: flex;
    gap: 10px;
}

.att-tl-left[b-mfm88lnzo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.att-tl-line[b-mfm88lnzo8] {
    width: 1.5px;
    flex: 1;
    min-height: 10px;
    background: var(--border);
    margin: 3px 0;
}

.att-tl-body[b-mfm88lnzo8] {
    padding-top: 2px;
    min-width: 0;
}

.att-tl-label[b-mfm88lnzo8] {
    font-weight: 600;
    font-size: 13px;
}

.att-tl-sub[b-mfm88lnzo8] {
    font-size: 12px;
    color: var(--ink3);
}

.att-tl-detail[b-mfm88lnzo8] {
    font-size: 12px;
    color: var(--ink2);
    margin-top: 2px;
    font-style: italic;
}

/* Search */
.att-search-row[b-mfm88lnzo8] { padding:6px 18px 0;flex-shrink:0 }
.att-search-wrap[b-mfm88lnzo8] { position:relative }
.att-search-icon[b-mfm88lnzo8] { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none;font-size:15px }
.att-search-input[b-mfm88lnzo8] { padding-left:34px }

/* Pagination */
.att-pager-row[b-mfm88lnzo8] { display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 18px 4px;flex-shrink:0 }
.att-pager[b-mfm88lnzo8] { display:flex;align-items:center }
.att-pager .att-page-btn[b-mfm88lnzo8] { border-radius:0;margin-left:-.5px;padding:6px 12px;min-width:36px;justify-content:center;position:relative;z-index:0;font-size:13px }
.att-pager .att-page-btn:first-child[b-mfm88lnzo8] { border-radius:7px 0 0 7px;margin-left:0 }
.att-pager .att-page-btn:last-child[b-mfm88lnzo8] { border-radius:0 7px 7px 0 }
.att-pager .att-page-btn.bd[b-mfm88lnzo8] { z-index:1 }
.att-pager .att-page-btn:hover:not([disabled])[b-mfm88lnzo8] { z-index:1 }
.att-pagesize-sel[b-mfm88lnzo8] { width:auto;font-size:13px;height:34px;padding:4px 10px }

/* _content/SeasonFlow.Web/Components/Pages/ChangePassword.razor.rz.scp.css */
.cp-wrap[b-xabaqmrep5] {
    max-width: 420px;
}

.cp-title[b-xabaqmrep5] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;
}

.cp-success-body[b-xabaqmrep5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.cp-success-head[b-xabaqmrep5] {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 7px;
}

.cp-success-icon[b-xabaqmrep5] {
    font-size: 18px;
}

.cp-success-msg[b-xabaqmrep5] {
    font-size: 13px;
}

.cp-card[b-xabaqmrep5] {
    background: var(--card);
    border: .5px solid var(--border);
    border-radius: 12px;
    padding: 22px 24px;
}

.cp-pw-wrap[b-xabaqmrep5] {
    position: relative;
}

.cp-pw-toggle[b-xabaqmrep5] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--ink3);
    padding: 4px;
}

.cp-pw-icon[b-xabaqmrep5] {
    font-size: 17px;
}

.cp-hint[b-xabaqmrep5] {
    font-size: 12px;
    color: var(--red);
    margin-top: 4px;
}

.cp-submit[b-xabaqmrep5] {
    width: 100%;
}
/* _content/SeasonFlow.Web/Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard page scoped styles */

/* Stat card grid */
.db-stat-grid[b-0ztrp5jjou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

/* Top row inside each stat card: label + icon */
.db-card-top[b-0ztrp5jjou] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

/* Large stat value number */
.db-stat-val[b-0ztrp5jjou] {
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}

/* Sub-label below stat value */
.db-stat-sub[b-0ztrp5jjou] {
    font-size: 11px;
    color: var(--ink3);
    margin-top: 5px;
}

/* Department workforce row: name + count */
.db-dept-row[b-0ztrp5jjou] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

/* Department count label */
.db-dept-count[b-0ztrp5jjou] {
    font-weight: 600;
    color: var(--gm);
}

/* Pending-approval card row — employee applications */
.db-pend-app[b-0ztrp5jjou] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--bb);
    margin-bottom: 10px;
    cursor: pointer;
}

/* Pending-approval card row — schedule requests */
.db-pend-sched[b-0ztrp5jjou] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--ab);
    margin-bottom: 10px;
    cursor: pointer;
}

/* Left side of a pending row: icon + text block */
.db-pend-inner[b-0ztrp5jjou] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Title inside a pending row */
.db-pend-title[b-0ztrp5jjou] {
    font-size: 13px;
    font-weight: 600;
}

/* Sub-label inside a pending row */
.db-pend-sub[b-0ztrp5jjou] {
    font-size: 11px;
    color: var(--ink3);
}

/* Right side of a pending row: count + badge */
.db-pend-count[b-0ztrp5jjou] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Small badge font size override */
.db-badge-sm[b-0ztrp5jjou] {
    font-size: 10px;
}

/* Pending icon size */
.db-pend-icon[b-0ztrp5jjou] {
    font-size: 20px;
}

/* Icon color variants for pending rows */
.db-icon-blue[b-0ztrp5jjou] {
    color: var(--bm);
}

.db-icon-amber[b-0ztrp5jjou] {
    color: var(--am);
}

/* Clickable alert (navigate on click) */
.alert-link[b-0ztrp5jjou] {
    cursor: pointer;
}

/* Live clock quick-access banner */
.db-clock-widget[b-0ztrp5jjou] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    background: var(--gb);
    cursor: pointer;
    border: 1px solid transparent;
}

.db-clock-widget:hover[b-0ztrp5jjou] {
    border-color: var(--gm);
}
/* _content/SeasonFlow.Web/Components/Pages/EmployeeCheckIn.razor.rz.scp.css */
/* Loading state */
.eci-loading[b-i5zvnlbob4] {
    padding: 48px;
    text-align: center;
    color: var(--ink3);
}

.eci-loading-icon[b-i5zvnlbob4] {
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}

/* Not-employee message */
.eci-not-employee[b-i5zvnlbob4] {
    padding: 40px;
    text-align: center;
    color: var(--ink3);
}

/* Alert with margin */
.eci-alert-margin[b-i5zvnlbob4] {
    margin: 24px;
}

/* Page header */
.eci-header[b-i5zvnlbob4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 12px;
}

.eci-title[b-i5zvnlbob4] {
    font-size: 18px;
    font-weight: 700;
}

.eci-subtitle[b-i5zvnlbob4] {
    font-size: 13px;
    color: var(--ink3);
    margin-top: 2px;
}

/* Centered page wrapper */
.eci-wrap[b-i5zvnlbob4] {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

/* Card list */
.eci-list[b-i5zvnlbob4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Shift card */
.eci-shift-card[b-i5zvnlbob4] {
    background: var(--card);
    border-radius: 14px;
    border: .5px solid var(--border);
    overflow: hidden;
}

/* Section label */
.eci-section-label[b-i5zvnlbob4] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: -4px;
}

/* Collapsible header button */
.eci-card-hd[b-i5zvnlbob4] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 20px;
    border: none;
    background: none;
    cursor: pointer;
    font-family: var(--font);
    text-align: left;
    transition: background .12s;
}
.eci-card-hd:hover[b-i5zvnlbob4] { background: var(--surface); }
.eci-card-hd-content[b-i5zvnlbob4] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.eci-card-chevron[b-i5zvnlbob4] { font-size: 16px; color: var(--ink3); flex-shrink: 0; }

/* Card body (inside collapse) */
.eci-card-body[b-i5zvnlbob4] { padding: 0 20px 18px; }

.eci-shift-name[b-i5zvnlbob4] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.eci-shift-times[b-i5zvnlbob4] {
    font-size: 13px;
    color: var(--ink3);
    margin-bottom: 3px;
}

.eci-dept-name[b-i5zvnlbob4] {
    font-size: 12px;
    color: var(--ink2);
    font-weight: 500;
}

.eci-dept-icon[b-i5zvnlbob4] {
    color: var(--bm);
}

/* Error box */
.eci-error[b-i5zvnlbob4] {
    background: var(--rb);
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--red);
}

/* Check-in info box */
.eci-checkin-box[b-i5zvnlbob4] {
    background: var(--gb);
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.eci-checkin-icon[b-i5zvnlbob4] {
    font-size: 18px;
    color: var(--gm);
}

.eci-checkin-label[b-i5zvnlbob4] {
    font-weight: 600;
    font-size: 14px;
    color: var(--gm);
}

.eci-checkin-status[b-i5zvnlbob4] {
    font-size: 13px;
    color: var(--ink2);
}

/* GPS row inside check-in box */
.eci-gps-row[b-i5zvnlbob4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    border-top: .5px solid #97C45940;
}

.eci-gps-icon[b-i5zvnlbob4] {
    font-size: 14px;
    color: var(--gm);
}

.eci-gps-coords[b-i5zvnlbob4] {
    font-size: 12px;
    color: var(--ink2);
}

.eci-map-btn[b-i5zvnlbob4] {
    font-size: 11px;
    margin-left: auto;
}

/* Check-out box */
.eci-checkout-box[b-i5zvnlbob4] {
    background: var(--bb);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.eci-checkout-icon[b-i5zvnlbob4] {
    font-size: 18px;
    color: var(--bm);
}

.eci-checkout-label[b-i5zvnlbob4] {
    font-weight: 600;
    font-size: 14px;
    color: var(--bm);
}

.eci-early-note[b-i5zvnlbob4] {
    font-size: 12px;
    color: var(--am);
}

/* Action buttons */
.eci-btn-full[b-i5zvnlbob4] {
    width: 100%;
    justify-content: center;
    padding: 11px;
}

.eci-btn-full-lg[b-i5zvnlbob4] {
    width: 100%;
    justify-content: center;
    padding: 12px;
}

/* GPS hint */
.eci-gps-hint[b-i5zvnlbob4] {
    text-align: center;
    font-size: 11px;
    color: var(--ink3);
    margin-top: 8px;
}

/* Spinner */
.eci-spin[b-i5zvnlbob4] {
    animation: spin .8s linear infinite;
}

/* ── Live shift clock ───────────────────────────── */
.eci-clock-section[b-i5zvnlbob4] {
    display: flex;
    align-items: center;
    gap: 28px;
    background: var(--card);
    border-radius: 20px;
    padding: 26px 28px;
    margin-bottom: 22px;
    border: .5px solid var(--border);
}

.eci-clock-svg[b-i5zvnlbob4] {
    width: 160px;
    height: 160px;
    flex-shrink: 0;
}

.eci-clock-info[b-i5zvnlbob4] {
    flex: 1;
    min-width: 0;
}

.eci-clock-name[b-i5zvnlbob4] {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
}

.eci-clock-times[b-i5zvnlbob4] {
    font-size: 13px;
    color: var(--ink3);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.eci-clock-remain[b-i5zvnlbob4] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -.2px;
}

.eci-clock-bar[b-i5zvnlbob4] {
    background: var(--surface);
    border-radius: 6px;
    height: 8px;
    overflow: hidden;
    display: flex;
}

.eci-clock-seg[b-i5zvnlbob4] {
    height: 100%;
    transition: flex 1s linear;
}

@media (max-width: 480px) {
    .eci-clock-section[b-i5zvnlbob4] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 22px 20px;
    }
    .eci-clock-times[b-i5zvnlbob4] {
        justify-content: center;
    }
}
/* _content/SeasonFlow.Web/Components/Pages/EmployeeRegistration.razor.rz.scp.css */
/* ── Card shell ──────────────────────────────────── */
.er-card[b-vecpkfwfcz] { background:var(--card); border-radius:14px; width:100%; max-width:520px; border:.5px solid var(--border); overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.08); }

/* ── Card header ─────────────────────────────────── */
.er-hd[b-vecpkfwfcz] { padding:16px 20px; border-bottom:.5px solid var(--border); }

/* ── Card body ───────────────────────────────────── */
.er-body[b-vecpkfwfcz] { padding:18px 20px; }

/* ── Card footer ─────────────────────────────────── */
.er-ft[b-vecpkfwfcz] { padding:8px 20px; border-top:.5px solid var(--border); text-align:center; font-size:11px; color:var(--ink3); }

/* ── Step bar segments ───────────────────────────── */
.er-stepseg[b-vecpkfwfcz] { flex:1; height:3px; border-radius:2px; background:var(--border2); }
.er-stepseg.er-dn[b-vecpkfwfcz] { background:var(--ink); }

/* ── Upload box ──────────────────────────────────── */
.er-upload-box[b-vecpkfwfcz] { border:.5px dashed var(--border2); border-radius:8px; padding:14px; text-align:center; cursor:pointer; background:var(--surface); transition:border-color .12s; display:block; }
.er-upload-box:hover[b-vecpkfwfcz] { border-color:var(--ink3); }
.er-upload-box.er-has-file[b-vecpkfwfcz] { border-style:solid; border-color:var(--gm); background:var(--gb); }

/* ── Success screen icon ─────────────────────────── */
.er-success-icon[b-vecpkfwfcz] { width:32px; height:32px; border-radius:50%; background:var(--gb); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.er-success-icon i[b-vecpkfwfcz] { font-size:17px; color:var(--gm); }

/* ── Header icon (logo/brand) ────────────────────── */
.er-brand-icon[b-vecpkfwfcz] { width:32px; height:32px; border-radius:8px; background:var(--ink); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.er-brand-icon i[b-vecpkfwfcz] { font-size:15px; color:#fff; }

/* ── Header title row ────────────────────────────── */
.er-hd-row[b-vecpkfwfcz] { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.er-hd-title[b-vecpkfwfcz] { font-size:14px; font-weight:600; }

/* ── Step bar row ────────────────────────────────── */
.er-stepbar[b-vecpkfwfcz] { display:flex; gap:5px; margin-bottom:6px; }
.er-step-label[b-vecpkfwfcz] { font-size:12px; font-weight:600; color:var(--ink); }

/* ── Success header row ──────────────────────────── */
.er-success-row[b-vecpkfwfcz] { display:flex; align-items:center; gap:9px; }
.er-success-title[b-vecpkfwfcz] { font-size:14px; font-weight:600; }

/* ── Step 1: required asterisk ───────────────────── */
.er-req[b-vecpkfwfcz] { color:var(--red); }

/* ── Step 1: full-width next button ─────────────── */
.er-btn-full[b-vecpkfwfcz] { width:100%; margin-top:4px; }

/* ── Step 2: bank + account grid ────────────────── */
.er-bank-grid[b-vecpkfwfcz] { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.er-bank-grid .field[b-vecpkfwfcz] { margin-bottom:0; }

/* ── Step 2: section label (CCCD, QR) ───────────── */
.er-section-label[b-vecpkfwfcz] { margin-top:14px; margin-bottom:6px; font-size:11px; font-weight:600; color:var(--ink3); text-transform:uppercase; letter-spacing:.3px; }
.er-section-label-mb0[b-vecpkfwfcz] { margin-top:0; margin-bottom:6px; font-size:11px; font-weight:600; color:var(--ink3); text-transform:uppercase; letter-spacing:.3px; }

/* ── Step 2: CCCD upload grid ────────────────────── */
.er-cccd-grid[b-vecpkfwfcz] { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.er-cccd-label[b-vecpkfwfcz] { font-size:11px; margin-bottom:5px; }

/* ── Step 2: upload image preview ───────────────── */
.er-upload-img[b-vecpkfwfcz] { width:100%; height:72px; object-fit:cover; border-radius:5px; }
.er-upload-ok[b-vecpkfwfcz] { font-size:10px; color:var(--gm); margin-top:4px; }
.er-upload-icon[b-vecpkfwfcz] { font-size:18px; color:var(--ink3); display:block; margin-bottom:4px; }
.er-upload-hint[b-vecpkfwfcz] { font-size:11px; color:var(--ink3); }

/* ── Step 2: QR upload box wrapper ──────────────── */
.er-qr-wrap[b-vecpkfwfcz] { margin-bottom:14px; }
.er-qr-row[b-vecpkfwfcz] { display:flex; align-items:center; gap:10px; justify-content:center; }
.er-qr-img[b-vecpkfwfcz] { width:56px; height:56px; object-fit:contain; border-radius:5px; }
.er-qr-info[b-vecpkfwfcz] { text-align:left; }
.er-qr-ok[b-vecpkfwfcz] { font-size:12px; font-weight:600; color:var(--gm); }
.er-qr-sub[b-vecpkfwfcz] { font-size:10px; color:var(--ink3); }
.er-qr-icon[b-vecpkfwfcz] { font-size:22px; color:var(--ink3); display:block; margin-bottom:5px; }
.er-qr-hint[b-vecpkfwfcz] { font-size:12px; color:var(--ink3); }
.er-qr-note[b-vecpkfwfcz] { font-size:10px; color:var(--ink3); margin-top:3px; }

/* ── Step 2 / 3: nav button row ──────────────────── */
.er-nav[b-vecpkfwfcz] { display:flex; gap:8px; }
.er-nav-btn[b-vecpkfwfcz] { flex:1; }

/* ── Step 3: summary box ─────────────────────────── */
.er-summary[b-vecpkfwfcz] { background:var(--bb); border-radius:9px; padding:12px 14px; margin-bottom:12px; }
.er-summary-name[b-vecpkfwfcz] { font-size:13px; font-weight:600; margin-bottom:8px; }
.er-summary-row[b-vecpkfwfcz] { display:flex; gap:8px; font-size:12px; margin-bottom:4px; }
.er-summary-key[b-vecpkfwfcz] { width:90px; color:var(--ink3); flex-shrink:0; }
.er-summary-val[b-vecpkfwfcz] { font-weight:500; }

/* ── Step 3: attachment check row ────────────────── */
.er-attach-row[b-vecpkfwfcz] { display:flex; gap:8px; margin-bottom:10px; font-size:12px; }
.er-attach-cell[b-vecpkfwfcz] { flex:1; padding:8px; background:var(--surface); border-radius:7px; text-align:center; }
.er-attach-icon-ok[b-vecpkfwfcz] { color:var(--gm); }
.er-attach-icon-no[b-vecpkfwfcz] { color:var(--ink3); }
.er-attach-label[b-vecpkfwfcz] { font-size:10px; margin-top:2px; }
.er-attach-label-no[b-vecpkfwfcz] { font-size:10px; margin-top:2px; color:var(--ink3); }

/* ── Step 3: submit button row ───────────────────── */
.er-submit-btn[b-vecpkfwfcz] { flex:2; background:#3B6D11; border-color:#3B6D11; }

/* ── Error alert placement ───────────────────────── */
.er-error[b-vecpkfwfcz] { margin:12px 20px 0; }

/* ── Misc spacing helpers ────────────────────────── */
.er-meta-sub[b-vecpkfwfcz] { margin-top:2px; }
.er-meta-sub1[b-vecpkfwfcz] { margin-top:1px; }
.er-alert-info[b-vecpkfwfcz] { margin-bottom:14px; }
.er-alert-note[b-vecpkfwfcz] { margin-bottom:12px; }
/* _content/SeasonFlow.Web/Components/Pages/Employees.razor.rz.scp.css */
/* ── Search bar ───────────────────────────────────── */
.search-wrap[b-yrcnnkboxl] {
    position: relative;
    flex: 1;
    min-width: 150px;
}
.search-icon[b-yrcnnkboxl] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ink3);
    pointer-events: none;
    font-size: 15px;
}
.search-input[b-yrcnnkboxl] {
    padding-left: 34px;
}

/* ── Table cell ───────────────────────────────────── */
.emp-cell[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
}
.emp-name[b-yrcnnkboxl] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* ── Detail panel ─────────────────────────────────── */
.detail-header[b-yrcnnkboxl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}
.detail-name[b-yrcnnkboxl] {
    font-size: 16px;
    font-weight: 600;
}
.detail-code[b-yrcnnkboxl] {
    margin-top: 3px;
}
.detail-badge[b-yrcnnkboxl] {
    margin-top: 5px;
}
.detail-actions[b-yrcnnkboxl] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* ── Stat boxes ───────────────────────────────────── */
.stat-box[b-yrcnnkboxl] {
    background: var(--surface);
    border-radius: 8px;
    padding: 10px 12px;
}
.stat-lbl[b-yrcnnkboxl] {
    font-size: 13px;
    color: var(--ink3);
    margin-bottom: 2px;
}
.stat-val[b-yrcnnkboxl] {
    font-size: 15px;
    font-weight: 600;
}
.stat-val-lg[b-yrcnnkboxl] {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--mono);
}

/* ── CCCD / QR images ─────────────────────────────── */
.img-section-label[b-yrcnnkboxl] {
    font-size: 10px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 7px;
    margin-top: 14px;
}
.cccd-grid[b-yrcnnkboxl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}
.cccd-col-label[b-yrcnnkboxl] {
    font-size: 10px;
    color: var(--ink3);
    margin-bottom: 4px;
}
.cccd-img[b-yrcnnkboxl] {
    width: 100%;
    height: 78px;
    object-fit: cover;
    border-radius: 7px;
    border: 0.5px solid var(--border);
    cursor: pointer;
    transition: opacity 0.15s;
}
.cccd-img:hover[b-yrcnnkboxl] {
    opacity: 0.85;
}
.cccd-ph[b-yrcnnkboxl] {
    height: 78px;
    border-radius: 7px;
    border: 0.5px dashed var(--border2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--ink3);
    font-size: 11px;
    gap: 4px;
}
.qr-row[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: var(--gb);
    border-radius: 8px;
    border: 0.5px solid #97C459;
    margin-bottom: 12px;
}
.qr-img[b-yrcnnkboxl] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: 5px;
    cursor: pointer;
}
.qr-label[b-yrcnnkboxl] {
    font-size: 11px;
    font-weight: 600;
    color: var(--gm);
}

/* ── Utilities ────────────────────────────────────── */
.emp-code[b-yrcnnkboxl] {
    font-weight: 500;
}

.card-flush[b-yrcnnkboxl] {
    padding: 0;
    overflow: hidden;
}

.mt10[b-yrcnnkboxl] {
    margin-top: 10px;
}

.cb-label[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.cb-label input[type="checkbox"][b-yrcnnkboxl] {
    width: auto;
}

.emp-modal-footer[b-yrcnnkboxl] {
    display: flex;
    gap: 10px;
}

.flex1[b-yrcnnkboxl] {
    flex: 1;
}

.flex2[b-yrcnnkboxl] {
    flex: 2;
}

/* ── Modal width ──────────────────────────────────── */
.mbox-emp[b-yrcnnkboxl] {
    width: 500px;
}

/* ── Placeholder icon size ────────────────────────── */
.cccd-ph-icon[b-yrcnnkboxl] {
    font-size: 16px;
}

/* ── Bulk action bar ──────────────────────────────── */
.emp-bulk-bar[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    background: var(--surface);
    border: 0.5px solid var(--border);
    border-radius: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.emp-bulk-info[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ink2);
    margin-right: 4px;
}
.emp-bulk-actions[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* ── Checkbox column ──────────────────────────────── */
.emp-chk-th[b-yrcnnkboxl],
.emp-chk-td[b-yrcnnkboxl] {
    width: 36px;
    text-align: center;
    padding: 0 4px;
}
.emp-chk[b-yrcnnkboxl] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: var(--brand, #4A7CEB);
}
.emp-row-sel[b-yrcnnkboxl] {
    background: color-mix(in srgb, var(--brand, #4A7CEB) 6%, transparent);
}

/* ── Pagination row ───────────────────────────────── */
.emp-pager-row[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 0 4px;
}
.emp-pager[b-yrcnnkboxl] {
    display: flex;
    align-items: center;
}
/* Bootstrap-style connected pagination buttons */
.emp-pager .emp-page-btn[b-yrcnnkboxl] {
    border-radius: 0;
    margin-left: -.5px;
    padding: 6px 12px;
    min-width: 36px;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-size: 13px;
}
.emp-pager .emp-page-btn:first-child[b-yrcnnkboxl] {
    border-radius: 7px 0 0 7px;
    margin-left: 0;
}
.emp-pager .emp-page-btn:last-child[b-yrcnnkboxl] {
    border-radius: 0 7px 7px 0;
}
.emp-pager .emp-page-btn.bd[b-yrcnnkboxl] {
    z-index: 1;
}
.emp-pager .emp-page-btn:hover:not([disabled])[b-yrcnnkboxl] {
    z-index: 1;
}
.emp-pagesize-sel[b-yrcnnkboxl] {
    width: auto;
    font-size: 13px;
    height: 34px;
    padding: 4px 10px;
}

/* ── Selection hint in statusbar ─────────────────── */
.emp-sel-hint[b-yrcnnkboxl] {
    color: var(--brand, #4A7CEB);
    font-weight: 500;
}

.mb12[b-yrcnnkboxl] {
    margin-bottom: 12px;
}
/* _content/SeasonFlow.Web/Components/Pages/Login.razor.rz.scp.css */
.lg-card[b-xgwu7varjz] {
    background: var(--card);
    border-radius: 14px;
    width: 100%;
    max-width: 380px;
    border: .5px solid var(--border);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,.1);
}

.lg-header[b-xgwu7varjz] {
    padding: 24px 24px 16px;
    text-align: center;
    border-bottom: .5px solid var(--border);
}

.lg-logo[b-xgwu7varjz] {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: var(--ink);
    display: inline-flex;
    align-items: center;
    justify-content:center;
    margin-bottom: 12px;
}

.lg-logo i[b-xgwu7varjz] {
    font-size: 22px;
    color: #fff;
}

.lg-title[b-xgwu7varjz] {
    font-size: 18px;
    font-weight: 600;
}

.lg-body[b-xgwu7varjz] {
    padding: 20px 24px;
}

.lg-pw-wrap[b-xgwu7varjz] {
    position: relative;
}

.lg-pw-input[b-xgwu7varjz] {
    padding-right: 40px;
    width: 100%;
}

.lg-pw-toggle[b-xgwu7varjz] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--ink3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.lg-pw-toggle i[b-xgwu7varjz] {
    font-size: 16px;
}

.lg-remember[b-xgwu7varjz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 12px;
}

.lg-remember label[b-xgwu7varjz] {
    cursor: pointer;
}

.lg-submit[b-xgwu7varjz] {
    width: 100%;
}

.lg-footer[b-xgwu7varjz] {
    text-align: center;
    margin-top: 14px;
    font-size: 12px;
    color: var(--ink3);
}

.lg-footer a[b-xgwu7varjz] {
    color: var(--ink);
    font-weight: 500;
}
/* _content/SeasonFlow.Web/Components/Pages/MyAttendance.razor.rz.scp.css */
/* ── Wrapper ── */
.mac-wrap[b-tumb2vlitv] { max-width: 860px; margin: 0 auto; width: 100%; }

/* ── Loading ── */
.mac-loading[b-tumb2vlitv] { display:flex;align-items:center;justify-content:center;gap:8px;padding:60px;color:var(--ink3);font-size:13px }
.mac-loading-icon[b-tumb2vlitv] { font-size:18px }

/* ── Not-employee state ── */
.mac-not-employee[b-tumb2vlitv] { padding:60px 24px;text-align:center;color:var(--ink3) }
.mac-admin-icon-wrap[b-tumb2vlitv] { width:64px;height:64px;border-radius:16px;background:var(--surface);border:.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px }
.mac-admin-icon[b-tumb2vlitv] { font-size:28px;color:var(--ink3) }
.mac-admin-title[b-tumb2vlitv] { font-size:15px;font-weight:600;margin-bottom:6px;color:var(--ink) }
.mac-admin-sub[b-tumb2vlitv] { font-size:13px;color:var(--ink3) }

/* ── Header ── */
.mac-hd[b-tumb2vlitv] { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap }
.mac-title[b-tumb2vlitv] { font-size:20px;font-weight:700;color:var(--ink) }


/* ── Stats cards ── */
.mac-stats[b-tumb2vlitv] { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px }
.mac-stat[b-tumb2vlitv] { background:var(--card);border:.5px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden }
.mac-stat-blue[b-tumb2vlitv]  { border-top:3px solid var(--bm) }
.mac-stat-green[b-tumb2vlitv] { border-top:3px solid var(--gm) }
.mac-stat-amber[b-tumb2vlitv] { border-top:3px solid var(--am) }
.mac-stat-neutral[b-tumb2vlitv] { border-top:3px solid var(--ink3) }
.mac-stat-body[b-tumb2vlitv] { min-width:0 }
.mac-stat-num[b-tumb2vlitv] { font-size:28px;font-weight:700;line-height:1;color:var(--ink) }
.mac-stat-lbl[b-tumb2vlitv] { font-size:12px;color:var(--ink3);margin-top:4px;white-space:nowrap }
.mac-unit[b-tumb2vlitv] { font-size:14px;font-weight:500;color:var(--ink3);margin-left:1px }
.mac-stat-ico[b-tumb2vlitv] { font-size:32px;color:var(--border2);flex-shrink:0 }

/* ── Earning strip ── */
.mac-earn-strip[b-tumb2vlitv] { background:var(--card);border:.5px solid var(--border);border-radius:10px;padding:12px 18px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:0 }
.mac-earn-item[b-tumb2vlitv] { display:flex;flex-direction:column;gap:2px;padding:4px 18px }
.mac-earn-item:first-child[b-tumb2vlitv] { padding-left:4px }
.mac-earn-lbl[b-tumb2vlitv] { font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.4px;font-weight:500 }
.mac-earn-val[b-tumb2vlitv] { font-size:15px;font-weight:600;color:var(--ink);font-family:var(--mono) }
.mac-earn-paid[b-tumb2vlitv] { color:var(--gm);display:flex;align-items:center;gap:4px }
.mac-earn-unpaid[b-tumb2vlitv] { color:var(--am) }
.mac-earn-sep[b-tumb2vlitv] { width:.5px;height:36px;background:var(--border);margin:0 4px;flex-shrink:0 }

/* ── Week groups ── */
.mac-groups[b-tumb2vlitv] { display:flex;flex-direction:column;gap:8px }

.mac-week[b-tumb2vlitv] { background:var(--card);border:.5px solid var(--border);border-left:3px solid var(--gm);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04) }
.mac-week-late[b-tumb2vlitv] { border-left-color:var(--am) }

.mac-week-hd[b-tumb2vlitv] { width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:none;background:none;cursor:pointer;font-family:var(--font);text-align:left;transition:background .12s }
.mac-week-hd:hover[b-tumb2vlitv] { background:var(--surface) }

.mac-week-body[b-tumb2vlitv] { overflow:hidden;transition:max-height .25s ease }

.mac-week-hd-l[b-tumb2vlitv] { display:flex;align-items:center;gap:10px;min-width:0 }
.mac-week-hd-r[b-tumb2vlitv] { display:flex;align-items:center;gap:8px;flex-shrink:0 }
.mac-chevron[b-tumb2vlitv] { font-size:16px;color:var(--ink3);flex-shrink:0 }

.mac-week-name[b-tumb2vlitv] { font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;line-height:1.2 }
.mac-week-range[b-tumb2vlitv] { font-size:12px;color:var(--ink3);margin-top:2px }
.mac-now-badge[b-tumb2vlitv] { font-size:10px;font-weight:500;background:var(--bb);color:var(--bm);padding:1px 7px;border-radius:10px }

.mac-wchip[b-tumb2vlitv] { display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink3);background:var(--surface);border-radius:5px;padding:3px 9px;white-space:nowrap }
.mac-wchip i[b-tumb2vlitv] { font-size:12px }
.mac-wchip-earn[b-tumb2vlitv] { color:var(--ink2);font-weight:600;background:transparent;padding-right:0 }

/* ── Table (desktop) ── */
.mac-tbl-wrap[b-tumb2vlitv] { border-top:.5px solid var(--border);overflow-x:auto }
.mac-tbl-wrap table[b-tumb2vlitv] { border-radius:0 }
.mac-tbl-wrap thead tr[b-tumb2vlitv] { background:var(--surface);position:static }
.mac-tbl-wrap th[b-tumb2vlitv] { font-size:12px;padding:10px 14px;color:var(--ink3) }
.mac-tbl-wrap td[b-tumb2vlitv] { padding:10px 14px;font-size:13px }
.mac-tbl-wrap tbody tr[b-tumb2vlitv] { cursor:default }

.mac-tr-late[b-tumb2vlitv]   { background:var(--ab) }
.mac-tr-late:hover[b-tumb2vlitv] { background:var(--ab) }
.mac-tr-absent[b-tumb2vlitv] { background:var(--rb) }
.mac-tr-absent:hover[b-tumb2vlitv] { background:var(--rb) }
.mac-tr-today[b-tumb2vlitv]  { box-shadow:inset 3px 0 0 var(--bm) }

.mac-date[b-tumb2vlitv] { font-weight:600;font-size:13px }
.mac-date-today[b-tumb2vlitv] { color:var(--bm) }
.mac-shift-name[b-tumb2vlitv] { font-weight:500;font-size:13px }
.mac-hours[b-tumb2vlitv] { font-size:13px }
.mac-dash[b-tumb2vlitv] { color:var(--ink3) }
.mac-late-time[b-tumb2vlitv] { color:var(--am);font-weight:600 }
.mac-pay-paid[b-tumb2vlitv] { font-size:13px;font-weight:600;color:var(--gm) }
.mac-pay-pending[b-tumb2vlitv] { font-size:13px;color:var(--ink3) }
.mac-currency[b-tumb2vlitv] { font-size:11px;margin-left:2px }

/* ── Mobile cards ── */
.mac-cards[b-tumb2vlitv] { display:none;border-top:.5px solid var(--border) }
.mac-card[b-tumb2vlitv] { padding:12px 14px;border-bottom:.5px solid var(--border);transition:background .1s }
.mac-card:last-child[b-tumb2vlitv] { border-bottom:none }
.mac-card:hover[b-tumb2vlitv] { background:var(--surface) }
.mac-card-today[b-tumb2vlitv] { box-shadow:inset 3px 0 0 var(--bm);background:rgba(29,78,216,.03) }
.mac-card-top[b-tumb2vlitv] { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px }
.mac-card-date[b-tumb2vlitv] { font-size:13px;font-weight:600;color:var(--ink) }
.mac-card-shift[b-tumb2vlitv] { font-size:12px;color:var(--ink3);margin-top:2px }
.mac-card-row2[b-tumb2vlitv] { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap }
.mac-card-time[b-tumb2vlitv] { display:flex;align-items:center;gap:5px;font-size:13px;font-family:var(--mono) }

/* ── Mobile breakpoint ── */
@media (max-width: 768px) {
    .mac-wrap[b-tumb2vlitv] { max-width: 100% }
    .mac-hd[b-tumb2vlitv] { margin-bottom: 16px }
    .mac-title[b-tumb2vlitv] { font-size: 17px }
    .mac-stats[b-tumb2vlitv] { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px }
    .mac-stat[b-tumb2vlitv] { padding: 12px 14px }
    .mac-stat-num[b-tumb2vlitv] { font-size: 22px }
    .mac-stat-ico[b-tumb2vlitv] { font-size: 24px }
    .mac-earn-strip[b-tumb2vlitv] { padding: 10px 14px; gap: 0 }
    .mac-earn-item[b-tumb2vlitv] { padding: 3px 12px }
    .mac-earn-item:first-child[b-tumb2vlitv] { padding-left: 0 }
    .mac-earn-val[b-tumb2vlitv] { font-size: 13px }
    .mac-week-hd[b-tumb2vlitv] { padding: 12px 12px }
    .mac-wchip-earn[b-tumb2vlitv] { display: none }
    /* Show mobile cards, hide table */
    .mac-tbl-wrap[b-tumb2vlitv] { display: none }
    .mac-cards[b-tumb2vlitv] { display: block }
}
/* _content/SeasonFlow.Web/Components/Pages/MyNotifications.razor.rz.scp.css */
.mn-loading[b-p585rva34y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}

.mn-error[b-p585rva34y] {
    margin: 24px;
}

.mn-not-employee[b-p585rva34y] {
    padding: 60px 24px;
    text-align: center;
    color: var(--ink3);
}

.mn-admin-icon-wrap[b-p585rva34y] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: var(--surface);
    border: .5px solid var(--border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.mn-admin-icon[b-p585rva34y] {
    font-size: 28px;
    color: var(--ink3);
}

.mn-admin-title[b-p585rva34y] {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--ink);
}

.mn-admin-sub[b-p585rva34y] {
    font-size: 13px;
    color: var(--ink3);
}

.mn-header[b-p585rva34y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 640px;
    margin: 0 auto 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.mn-page-title[b-p585rva34y] {
    font-size: 18px;
    font-weight: 700;
}

.mn-unread-count[b-p585rva34y] {
    font-size: 13px;
    color: var(--ink3);
    margin-top: 2px;
}

.mn-empty[b-p585rva34y] {
    height: auto;
    padding: 64px 24px;
}

.mn-list[b-p585rva34y] {
    max-width: 640px;
    margin: 0 auto;
}

.mn-item[b-p585rva34y] {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 12px;
    margin-bottom: 10px;
    transition: background .2s;
}

.mn-icon-box[b-p585rva34y] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.mn-icon[b-p585rva34y] {
    font-size: 20px;
}

.mn-body[b-p585rva34y] {
    flex: 1;
    min-width: 0;
}

.mn-item-head[b-p585rva34y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}

.mn-dot[b-p585rva34y] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bm);
    flex-shrink: 0;
    margin-top: 5px;
}

.mn-message[b-p585rva34y] {
    font-size: 14px;
    color: var(--ink2);
    line-height: 1.5;
}

.mn-time[b-p585rva34y] {
    font-size: 12px;
    color: var(--ink3);
    margin-top: 6px;
}

.mn-del-btn[b-p585rva34y] {
    opacity: 0;
    transition: opacity .15s;
}

.mn-item:hover .mn-del-btn[b-p585rva34y] {
    opacity: 1;
}
/* _content/SeasonFlow.Web/Components/Pages/MyPayroll.razor.rz.scp.css */
/* MyPayroll scoped styles */

.mpy-loading[b-v9sjqxrl2p] {
    padding: 48px;
    text-align: center;
    color: var(--ink3);
}

.mpy-loader-icon[b-v9sjqxrl2p] {
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}

.mpy-alert-wrap[b-v9sjqxrl2p] {
    margin: 24px;
}

.mpy-not-employee[b-v9sjqxrl2p] {
    padding: 40px;
    text-align: center;
    color: var(--ink3);
}

.mpy-header[b-v9sjqxrl2p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 12px;
}

.mpy-title[b-v9sjqxrl2p] {
    font-size: 18px;
    font-weight: 700;
}

.mpy-cards-grid[b-v9sjqxrl2p] {
    margin-bottom: 22px;
}

.mpy-card-total[b-v9sjqxrl2p] {
    background: var(--card);
    border: .5px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
}

.mpy-card-label[b-v9sjqxrl2p] {
    font-size: 13px;
    color: var(--ink3);
    margin-bottom: 8px;
}

.mpy-card-amount[b-v9sjqxrl2p] {
    font-size: 28px;
    font-weight: 700;
    font-family: var(--mono);
}

.mpy-card-meta[b-v9sjqxrl2p] {
    font-size: 13px;
    color: var(--ink3);
    margin-top: 6px;
}

.mpy-card-col[b-v9sjqxrl2p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mpy-card-paid[b-v9sjqxrl2p] {
    background: var(--gb);
    border: .5px solid #97C459;
    border-radius: 10px;
    padding: 14px 18px;
    flex: 1;
}

.mpy-card-paid-label[b-v9sjqxrl2p] {
    font-size: 13px;
    color: var(--gm);
    margin-bottom: 6px;
    font-weight: 500;
}

.mpy-card-paid-amount[b-v9sjqxrl2p] {
    font-size: 22px;
    font-weight: 700;
    color: var(--green);
    font-family: var(--mono);
}

.mpy-card-unpaid[b-v9sjqxrl2p] {
    background: var(--ab);
    border: .5px solid #e9b96e;
    border-radius: 10px;
    padding: 14px 18px;
    flex: 1;
}

.mpy-card-unpaid-label[b-v9sjqxrl2p] {
    font-size: 13px;
    color: var(--am);
    margin-bottom: 6px;
    font-weight: 500;
}

.mpy-card-unpaid-amount[b-v9sjqxrl2p] {
    font-size: 22px;
    font-weight: 700;
    color: var(--amber);
    font-family: var(--mono);
}

.mpy-empty[b-v9sjqxrl2p] {
    height: auto;
    padding: 48px 24px;
}

.mpy-week[b-v9sjqxrl2p] {
    margin-bottom: 14px;
    border: .5px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}

.mpy-week-hd[b-v9sjqxrl2p] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 16px;
    background: var(--surface);
    border: none;
    border-bottom: .5px solid var(--border);
    cursor: pointer;
    font-family: var(--font);
    text-align: left;
    transition: background .12s;
}

.mpy-week-hd:hover[b-v9sjqxrl2p] { background: rgba(0,0,0,.04); }

.mpy-week-hd-left[b-v9sjqxrl2p] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.mpy-week-title[b-v9sjqxrl2p] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mpy-week-meta[b-v9sjqxrl2p] {
    color: var(--ink3);
    font-size: 13px;
    margin-left: 8px;
    white-space: nowrap;
}

.mpy-week-hd-right[b-v9sjqxrl2p] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.mpy-week-earn[b-v9sjqxrl2p] {
    font-weight: 700;
    font-family: var(--mono);
    font-size: 16px;
    white-space: nowrap;
}

.mpy-chevron[b-v9sjqxrl2p] {
    font-size: 16px;
    color: var(--ink3);
    flex-shrink: 0;
}

.mpy-rows[b-v9sjqxrl2p] {
    overflow: hidden;
    transition: max-height .25s ease;
}

.mpy-row[b-v9sjqxrl2p] {
    display: grid;
    grid-template-columns: 90px 1fr auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    border-bottom: .5px solid var(--border);
    background: var(--card);
}

.mpy-date-name[b-v9sjqxrl2p] {
    font-weight: 500;
}

.mpy-date-dow[b-v9sjqxrl2p] {
    font-size: 12px;
    color: var(--ink3);
}

.mpy-shift-name[b-v9sjqxrl2p] {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mpy-shift-meta[b-v9sjqxrl2p] {
    font-size: 12px;
    color: var(--ink3);
}

/* Allow shift column to shrink on desktop without pushing auto columns */
.mpy-row > div:nth-child(2)[b-v9sjqxrl2p] { min-width: 0 }

.mpy-amount-col[b-v9sjqxrl2p] {
    text-align: right;
}

.mpy-amount-val[b-v9sjqxrl2p] {
    font-weight: 600;
    font-family: var(--mono);
    white-space: nowrap;
}

.mpy-paid-lbl[b-v9sjqxrl2p] {
    font-size: 11px;
    color: var(--gm);
}

.mpy-unpaid-lbl[b-v9sjqxrl2p] {
    font-size: 11px;
    color: var(--am);
}

.mpy-dash[b-v9sjqxrl2p] {
    color: var(--ink3);
    font-size: 13px;
}

.mpy-subtotal[b-v9sjqxrl2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: var(--surface);
}

.mpy-subtotal-rate[b-v9sjqxrl2p] {
    font-size: 13px;
    color: var(--ink3);
}

.mpy-subtotal-total[b-v9sjqxrl2p] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--mono);
}

/* ── Mobile ── */
@media (max-width: 768px) {
    /* Page header: keep on one line, shrink title font */
    .mpy-header[b-v9sjqxrl2p] { flex-wrap: nowrap; margin-bottom: 16px }
    .mpy-title[b-v9sjqxrl2p] { font-size: 16px }

    /* Week header: stack title row above earn+badge row */
    .mpy-week-hd[b-v9sjqxrl2p] { flex-direction: column; align-items: stretch; gap: 6px; padding: 10px 14px }
    .mpy-week-hd-left[b-v9sjqxrl2p] { flex: none }
    .mpy-week-hd-right[b-v9sjqxrl2p] { flex-shrink: unset; justify-content: flex-end }

    /* Row: 2-row layout — date spans both rows, shift info on top, badge+amount on bottom */
    .mpy-row[b-v9sjqxrl2p] {
        grid-template-columns: 52px 1fr auto;
        grid-template-rows: auto auto;
        gap: 4px 8px;
        padding: 10px 14px;
    }
    .mpy-row > div:nth-child(1)[b-v9sjqxrl2p] { grid-row: 1 / 3; align-self: center }
    .mpy-row > div:nth-child(2)[b-v9sjqxrl2p] { grid-column: 2 / 4; grid-row: 1; min-width: 0 }
    .mpy-row > div:nth-child(3)[b-v9sjqxrl2p] { grid-column: 2; grid-row: 2 }
    .mpy-amount-col[b-v9sjqxrl2p] { grid-column: 3; grid-row: 2; text-align: right }

    .mpy-subtotal[b-v9sjqxrl2p] { padding: 8px 14px }
}
/* _content/SeasonFlow.Web/Components/Pages/MyProfile.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────── */
.mp-wrap[b-49682f6jmz] {
    max-width: 640px;
    margin: 0 auto;
}

.mp-title[b-49682f6jmz] {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* ── Column layout ────────────────────────────────── */
.mp-cols[b-49682f6jmz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1100px) {
    .mp-wrap[b-49682f6jmz] {
        max-width: 1060px;
    }

    .mp-cols[b-49682f6jmz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        align-items: start;
    }
}

/* ── State screens (loading / error / admin / not-found) */
.mp-state[b-49682f6jmz] {
    padding: 40px;
    text-align: center;
    color: var(--ink3);
}

.mp-state-icon[b-49682f6jmz] {
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}

.mp-state-alert[b-49682f6jmz] {
    margin: 24px;
}

.mp-admin-icon-wrap[b-49682f6jmz] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: var(--gb);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.mp-admin-icon[b-49682f6jmz] {
    font-size: 30px;
    color: var(--gm);
}

.mp-admin-title[b-49682f6jmz] {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* ── Info card ────────────────────────────────────── */
.mp-info-card[b-49682f6jmz] {
    background: var(--surface);
    border-radius: 12px;
    padding: 18px 20px;
    border: .5px solid var(--border);
}

.mp-info-name-row[b-49682f6jmz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.mp-info-avatar[b-49682f6jmz] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--card);
    border: .5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 22px;
    color: var(--ink3);
}

.mp-info-fullname[b-49682f6jmz] {
    font-size: 15px;
    font-weight: 700;
}

.mp-info-code[b-49682f6jmz] {
    font-size: 12px;
    color: var(--ink3);
    margin-top: 2px;
}

.mp-info-sep[b-49682f6jmz] {
    border-top: .5px solid var(--border);
    margin: 12px 0;
}

.mp-info-row[b-49682f6jmz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.mp-info-row:last-child[b-49682f6jmz] {
    margin-bottom: 0;
}

.mp-info-icon[b-49682f6jmz] {
    font-size: 15px;
    color: var(--ink3);
    margin-top: 1px;
    flex-shrink: 0;
    width: 16px;
}

.mp-info-label[b-49682f6jmz] {
    font-size: 11px;
    color: var(--ink3);
    margin-bottom: 2px;
}

/* ── Pending banner ───────────────────────────────── */
.mp-pending[b-49682f6jmz] {
    background: var(--ab);
    border: .5px solid #e9b96e;
    border-radius: 10px;
    padding: 14px 16px;
    margin-top: 12px;
}

.mp-pending-header[b-49682f6jmz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 8px;
}

.mp-pending-icon[b-49682f6jmz] {
    font-size: 18px;
    color: var(--am);
}

.mp-pending-date[b-49682f6jmz] {
    color: var(--ink3);
    font-weight: 400;
    font-size: 13px;
}

.mp-pending-chips[b-49682f6jmz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 12px;
}

.mp-chip[b-49682f6jmz] {
    background: rgba(0,0,0,.06);
    border-radius: 5px;
    padding: 4px 10px;
}

/* ── Info notice card ─────────────────────────────── */
.mp-notice[b-49682f6jmz] {
    background: var(--card);
    border: .5px solid var(--border);
    border-radius: var(--rl);
    font-size: 13px;
    color: var(--ink3);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    margin-bottom: 12px;
}

.mp-notice-icon[b-49682f6jmz] {
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Section label ────────────────────────────────── */
.mp-section-label[b-49682f6jmz] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-bottom: 7px;
}

/* ── Upload labels ────────────────────────────────── */
.mp-upload[b-49682f6jmz] {
    display: block;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    transition: opacity .15s;
}

.mp-upload:hover[b-49682f6jmz] {
    opacity: .85;
}

.mp-upload-hint[b-49682f6jmz] {
    font-size: 11px;
    margin-bottom: 5px;
    color: var(--ink3);
}

.mp-upload-img[b-49682f6jmz] {
    width: 100%;
    height: 64px;
    object-fit: cover;
    border-radius: 5px;
}

.mp-upload-ok[b-49682f6jmz] {
    font-size: 10px;
    color: var(--gm);
    margin-top: 3px;
}

.mp-upload-icon[b-49682f6jmz] {
    font-size: 16px;
    color: var(--ink3);
    display: block;
    margin-bottom: 3px;
}

.mp-upload-text[b-49682f6jmz] {
    font-size: 11px;
    color: var(--ink3);
}

/* ── QR preview ───────────────────────────────────── */
.mp-qr-preview[b-49682f6jmz] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.mp-qr-img[b-49682f6jmz] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 5px;
}

.mp-qr-info[b-49682f6jmz] {
    text-align: left;
}

.mp-qr-ok[b-49682f6jmz] {
    font-size: 12px;
    font-weight: 600;
    color: var(--gm);
}

.mp-qr-hint[b-49682f6jmz] {
    font-size: 10px;
    color: var(--ink3);
}

.mp-qr-icon[b-49682f6jmz] {
    font-size: 20px;
    color: var(--ink3);
    display: block;
    margin-bottom: 4px;
}

.mp-qr-text[b-49682f6jmz] {
    font-size: 12px;
    color: var(--ink3);
}

/* ── Actions row ──────────────────────────────────── */
.mp-actions[b-49682f6jmz] {
    display: flex;
    gap: 10px;
    margin-bottom: 32px;
}

/* ── History ──────────────────────────────────────── */
.mp-history[b-49682f6jmz] {
    border-top: .5px solid var(--border);
    padding-top: 20px;
}

.mp-hist-card[b-49682f6jmz] {
    background: var(--card);
    border: .5px solid var(--border);
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 10px;
}

.mp-hist-header[b-49682f6jmz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.mp-hist-date[b-49682f6jmz] {
    font-size: 13px;
    color: var(--ink3);
}

.mp-hist-row[b-49682f6jmz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
}

.mp-hist-chip[b-49682f6jmz] {
    background: var(--surface);
    border-radius: 5px;
    padding: 3px 10px;
}

.mp-hist-note[b-49682f6jmz] {
    margin-top: 8px;
    font-size: 13px;
    color: var(--ink3);
}

.mp-hist-admin-note[b-49682f6jmz] {
    margin-top: 6px;
    font-size: 13px;
    color: var(--ink3);
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.mp-hist-admin-rej[b-49682f6jmz] {
    color: var(--red);
}
/* _content/SeasonFlow.Web/Components/Pages/MySchedule.razor.rz.scp.css */
/* MySchedule scoped styles */

.msc-loading[b-2966523yv2] {
    padding: 48px;
    text-align: center;
    color: var(--ink3);
}

.msc-loader-icon[b-2966523yv2] {
    font-size: 26px;
    display: block;
    margin-bottom: 10px;
}

.msc-alert-wrap[b-2966523yv2] {
    margin: 24px;
}

.msc-not-employee[b-2966523yv2] {
    padding: 40px;
    text-align: center;
    color: var(--ink3);
}

.msc-header[b-2966523yv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

.msc-title[b-2966523yv2] {
    font-size: 18px;
    font-weight: 700;
}

.msc-tab-count[b-2966523yv2] {
    opacity: .6;
    font-size: 12px;
}

.msc-empty[b-2966523yv2] {
    height: auto;
    padding: 48px 24px;
}

.msc-empty-btn[b-2966523yv2] {
    margin-top: 16px;
}

.msc-wrap[b-2966523yv2] {
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
}

.msc-list[b-2966523yv2] {}

.msc-card[b-2966523yv2] {
    background: var(--card);
    border: .5px solid var(--border);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}

.msc-card-hd[b-2966523yv2] {
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}

.msc-week-icon[b-2966523yv2] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.msc-week-icon-label[b-2966523yv2] {
    font-size: 10px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
}

.msc-week-icon-day[b-2966523yv2] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.msc-card-body[b-2966523yv2] {
    flex: 1;
    min-width: 0;
}

.msc-card-title[b-2966523yv2] {
    font-weight: 600;
    margin-bottom: 3px;
}

.msc-card-meta[b-2966523yv2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.msc-card-meta-txt[b-2966523yv2] {
    font-size: 13px;
    color: var(--ink3);
}

.msc-chevron[b-2966523yv2] {
    font-size: 18px;
    color: var(--ink3);
    flex-shrink: 0;
}

.msc-detail[b-2966523yv2] {
    border-top: .5px solid var(--border);
    padding: 14px 18px;
}

.msc-notes[b-2966523yv2] {
    font-size: 13px;
    color: var(--ink3);
    margin-bottom: 12px;
    padding: 10px 14px;
    background: var(--surface);
    border-radius: 7px;
}

.msc-day-group[b-2966523yv2] {
    margin-bottom: 10px;
}

.msc-day-label[b-2966523yv2] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-bottom: 6px;
}

.msc-slots[b-2966523yv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.msc-slot[b-2966523yv2] {
    background: var(--surface);
    border-radius: 8px;
    padding: 8px 12px;
    border: .5px solid var(--border);
}

.msc-slot-name[b-2966523yv2] {
    font-weight: 600;
    font-size: 14px;
}

.msc-slot-time[b-2966523yv2] {
    font-size: 12px;
    color: var(--ink3);
    margin-top: 2px;
}

.msc-slot-dept[b-2966523yv2] {
    margin-top: 5px;
    display: inline-block;
}

.msc-approved-msg[b-2966523yv2] {
    padding: 10px 14px;
    background: var(--gb);
    border-radius: 7px;
    font-size: 13px;
    color: var(--gm);
    display: flex;
    align-items: center;
    gap: 8px;
}

.msc-rejected-msg[b-2966523yv2] {
    padding: 10px 14px;
    background: var(--rb);
    border-radius: 7px;
    font-size: 13px;
    color: var(--red);
    display: flex;
    align-items: center;
    gap: 8px;
}

.msc-msg-icon[b-2966523yv2] {
    font-size: 16px;
}

/* ── Top bar (tabs + action) ───────────────────── */
.msc-top-bar[b-2966523yv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── Week picker ────────────────────────────────── */
.msc-wkpicker[b-2966523yv2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.msc-wk-label[b-2966523yv2] {
    font-size: 14px;
    font-weight: 600;
    min-width: 150px;
    text-align: center;
}

/* ── Week grid ──────────────────────────────────── */
.msc-wk-grid[b-2966523yv2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.msc-wk-day[b-2966523yv2] {
    background: var(--card);
    border-radius: 10px;
    padding: 10px 14px;
    border: .5px solid var(--border);
}

.msc-wk-today[b-2966523yv2] {
    border-color: #97C459;
    background: var(--gb);
}

.msc-wk-day-hd[b-2966523yv2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
}

.msc-wk-dow[b-2966523yv2] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
    width: 18px;
    flex-shrink: 0;
}

.msc-wk-date[b-2966523yv2] {
    font-size: 13px;
    font-weight: 600;
}

.msc-today-badge[b-2966523yv2] {
    font-size: 10px !important;
    padding: 1px 6px !important;
}

.msc-wk-empty[b-2966523yv2] {
    font-size: 13px;
    color: var(--ink3);
    padding: 2px 0 2px;
}

/* Attendance record inside a day */
.msc-wk-att[b-2966523yv2] {
    background: var(--surface);
    border-radius: 7px;
    padding: 7px 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.msc-wk-att-name[b-2966523yv2] {
    font-weight: 600;
    font-size: 13px;
    flex: 1;
    min-width: 70px;
}

.msc-wk-att-meta[b-2966523yv2] {
    font-size: 11px;
    color: var(--ink3);
    font-family: var(--mono);
    flex-shrink: 0;
}

/* ── Request status filter bar ───────────────────── */
.msc-filter-bar[b-2966523yv2] {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.msc-fbtn[b-2966523yv2] {
    font-size: 12px;
    font-family: var(--font);
    padding: 5px 12px;
    border-radius: 20px;
    border: .5px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    color: var(--ink3);
    transition: all .12s;
}

.msc-fbtn.on[b-2966523yv2] {
    background: var(--ink);
    color: var(--bg);
    border-color: var(--ink);
}

.msc-fbtn:hover:not(.on)[b-2966523yv2] {
    border-color: var(--ink3);
    color: var(--ink2);
}
/* _content/SeasonFlow.Web/Components/Pages/MyWorkRequests.razor.rz.scp.css */
/* ── Page container ──────────────────────────────── */
.wr-wrap[b-f4dbzeu9h3] { max-width: 760px; margin: 0 auto; width: 100%; }

/* ── Loading ─────────────────────────────────────── */
.mwr-loading[b-f4dbzeu9h3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}

/* ── Top bar (title + action button) ────────────── */
.wr-topbar[b-f4dbzeu9h3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.wr-topbar-left[b-f4dbzeu9h3] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.wr-page-title[b-f4dbzeu9h3] {
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
}

.wr-total-badge[b-f4dbzeu9h3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    background: var(--surface);
    border: .5px solid var(--border2);
    border-radius: 11px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
}

/* ── Filter pill bar ─────────────────────────────── */
.wr-filter-bar[b-f4dbzeu9h3] {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.wr-fbtn[b-f4dbzeu9h3] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-family: var(--font);
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 20px;
    border: .5px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    color: var(--ink3);
    transition: all .12s;
    white-space: nowrap;
}

.wr-fbtn.on[b-f4dbzeu9h3] {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
}

.wr-fbtn:hover:not(.on)[b-f4dbzeu9h3] {
    border-color: var(--ink3);
    color: var(--ink2);
}

.wr-fbtn-count[b-f4dbzeu9h3] {
    font-size: 11px;
    opacity: .65;
}

.wr-fbtn.on .wr-fbtn-count[b-f4dbzeu9h3] { opacity: .75; }

/* ── Empty state ─────────────────────────────────── */
.wr-empty[b-f4dbzeu9h3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}
.wr-empty i[b-f4dbzeu9h3] { font-size: 36px; }

/* ── Card list ───────────────────────────────────── */
.wr-list[b-f4dbzeu9h3] { display: flex; flex-direction: column; gap: 8px; }

.wr-card[b-f4dbzeu9h3] {
    background: var(--card);
    border-radius: 12px;
    border: .5px solid var(--border);
    overflow: hidden;
    transition: box-shadow .15s;
}
.wr-card-open[b-f4dbzeu9h3] { box-shadow: 0 2px 12px rgba(0,0,0,.08); }

.wr-card-hd[b-f4dbzeu9h3] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--font);
}
.wr-card-hd:hover[b-f4dbzeu9h3] { background: var(--surface); }

.wr-card-hd-left[b-f4dbzeu9h3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wr-card-title[b-f4dbzeu9h3] {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wr-card-meta[b-f4dbzeu9h3] {
    font-size: 11px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

/* ── Priority badges ─────────────────────────────── */
.wr-priority[b-f4dbzeu9h3] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: .4px;
    align-self: flex-start;
    white-space: nowrap;
}
.wr-p-low[b-f4dbzeu9h3]    { background: #f0f0f0; color: #888; }
.wr-p-normal[b-f4dbzeu9h3] { background: var(--gb); color: var(--gm); }
.wr-p-high[b-f4dbzeu9h3]   { background: #fff3e0; color: #bf6000; }
.wr-p-urgent[b-f4dbzeu9h3] { background: #fdecea; color: var(--rm); }

.wr-overdue[b-f4dbzeu9h3] { color: var(--rm); font-weight: 600; }

/* ── Card expanded body ──────────────────────────── */
.wr-card-body[b-f4dbzeu9h3] {
    padding: 0 18px 16px;
    border-top: .5px solid var(--border);
}

.wr-content-box[b-f4dbzeu9h3] {
    font-size: 13px;
    color: var(--ink2);
    line-height: 1.6;
    white-space: pre-wrap;
    padding: 12px 0 10px;
}

.wr-note-box[b-f4dbzeu9h3] {
    background: var(--surface);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12px;
    color: var(--ink2);
    margin-top: 4px;
}
.wr-note-lbl[b-f4dbzeu9h3] { font-size: 11px; font-weight: 600; color: var(--ink3); margin-bottom: 4px; }

.wr-resolved-at[b-f4dbzeu9h3] { font-size: 11px; color: var(--ink3); margin-top: 8px; }

.wr-images[b-f4dbzeu9h3] { display: flex; flex-wrap: wrap; gap: 6px; }
.wr-thumb[b-f4dbzeu9h3] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: .5px solid var(--border);
    cursor: pointer;
    transition: opacity .15s;
}
.wr-thumb:hover[b-f4dbzeu9h3] { opacity: .85; }

/* ── Image upload (modal) ────────────────────────── */
.mwr-img-lbl[b-f4dbzeu9h3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 13px;
    padding: 7px 12px;
    background: var(--surface);
    border: .5px solid var(--border);
    border-radius: 8px;
    color: var(--ink2);
}
.mwr-img-lbl:hover[b-f4dbzeu9h3] { border-color: var(--ink3); color: var(--ink); }

.mwr-img-preview[b-f4dbzeu9h3] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mwr-img-item[b-f4dbzeu9h3] { position: relative; display: inline-block; }

.mwr-img-thumb[b-f4dbzeu9h3] {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
    border: .5px solid var(--border);
    display: block;
}

.mwr-img-del[b-f4dbzeu9h3] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--rm);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

/* ── Modal footer — 1:2 ratio ────────────────────── */
.mwr-modal-footer[b-f4dbzeu9h3] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}
.mwr-modal-footer .btn[b-f4dbzeu9h3] { justify-content: center; }
.mwr-modal-footer .btn:first-child[b-f4dbzeu9h3] { flex: 1; }
.mwr-modal-footer .btn:last-child[b-f4dbzeu9h3]  { flex: 2; }

/* ── Mobile ──────────────────────────────────────── */
@media (max-width: 768px) {
    .wr-page-title[b-f4dbzeu9h3] { font-size: 15px; }

    /* Tighter card padding */
    .wr-card-hd[b-f4dbzeu9h3] { padding: 12px 14px; gap: 8px; }
    .wr-card-body[b-f4dbzeu9h3] { padding: 0 14px 14px; }

    /* Smaller image thumbs */
    .wr-thumb[b-f4dbzeu9h3] { width: 64px; height: 64px; }
    .mwr-img-thumb[b-f4dbzeu9h3] { width: 58px; height: 58px; }
}
/* _content/SeasonFlow.Web/Components/Pages/Payroll.razor.rz.scp.css */
/* ── Toolbar ─────────────────────────────────────── */
.py-toolbar[b-qhpbaqbuiu] {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.py-title[b-qhpbaqbuiu] {
    font-size: 18px;
    font-weight: 700;
}

.py-filters[b-qhpbaqbuiu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.py-input[b-qhpbaqbuiu] {
    padding: 6px 10px;
    border-radius: 8px;
    border: .5px solid var(--border);
    background: var(--card);
    color: var(--ink);
    font-size: 13px;
    height: 34px;
}

/* ── Stat cards ──────────────────────────────────── */
.py-stats[b-qhpbaqbuiu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.py-stat[b-qhpbaqbuiu] {
    background: var(--card);
    border-radius: 10px;
    padding: 14px 16px;
    border-left: 3px solid var(--border);
}

.py-stat--paid[b-qhpbaqbuiu] {
    border-left-color: var(--gm);
    background: var(--gb);
}

.py-stat--unpaid[b-qhpbaqbuiu] {
    border-left-color: var(--am);
    background: var(--ab);
}

.py-stat--shifts[b-qhpbaqbuiu] {
    border-left-color: var(--bm);
    background: var(--bb);
}

.py-stat-lbl[b-qhpbaqbuiu] {
    margin-bottom: 4px;
}

.py-stat-val[b-qhpbaqbuiu] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 2px;
}

/* ── Chart card ──────────────────────────────────── */
.py-chart-card[b-qhpbaqbuiu] {
    padding: 16px 20px;
    margin-bottom: 16px;
}

.py-chart-hd[b-qhpbaqbuiu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.py-chart-title[b-qhpbaqbuiu] {
    font-size: 14px;
    font-weight: 600;
}

.py-chart-legend[b-qhpbaqbuiu] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.py-legend-dot[b-qhpbaqbuiu] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.py-legend-dot--gap[b-qhpbaqbuiu] {
    margin-left: 10px;
}

.py-chart-scroll[b-qhpbaqbuiu] {
    overflow-x: auto;
}

/* ── List toolbar ────────────────────────────────── */
.py-list-hd[b-qhpbaqbuiu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

/* ── Search bar ──────────────────────────────────── */
.py-search-bar[b-qhpbaqbuiu] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0 10px;
    min-width: 200px;
    max-width: 300px;
    flex: 1;
    transition: border-color .15s;
}

.py-search-bar:focus-within[b-qhpbaqbuiu],
.py-search-bar--active[b-qhpbaqbuiu] {
    border-color: var(--bm);
}

.py-search-ico[b-qhpbaqbuiu] {
    color: var(--ink3);
    font-size: 14px;
    flex-shrink: 0;
}

.py-search-bar--active .py-search-ico[b-qhpbaqbuiu] {
    color: var(--bm);
}

.py-search-input[b-qhpbaqbuiu] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 13px;
    color: var(--ink);
    padding: 8px 0;
    outline: none;
    min-width: 0;
}

.py-search-input[b-qhpbaqbuiu]::placeholder {
    color: var(--ink3);
}

.py-search-clear[b-qhpbaqbuiu] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--ink3);
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
    font-size: 13px;
    flex-shrink: 0;
}

.py-search-clear:hover[b-qhpbaqbuiu] {
    color: var(--ink);
    background: var(--surface);
}

/* ── Shared employee info styles ─────────────────── */
.py-av[b-qhpbaqbuiu] {
    width: 36px;
    height: 36px;
    background: var(--gb);
    color: var(--gm);
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.py-emp-name-btn[b-qhpbaqbuiu] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--ink);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.py-emp-name-btn:hover[b-qhpbaqbuiu] {
    color: var(--bm);
    text-decoration: underline;
}

.py-emp-total[b-qhpbaqbuiu]  { font-size: 15px; font-weight: 700; }
.py-paid-note[b-qhpbaqbuiu]  { color: var(--gm); }

.py-emp-contact[b-qhpbaqbuiu] {
    display: flex;
    gap: 10px;
    margin-top: 2px;
    font-size: 11px;
    color: var(--ink3);
    flex-wrap: wrap;
}

.py-emp-contact span[b-qhpbaqbuiu] { display: flex; align-items: center; gap: 3px; }
.py-contact-ico[b-qhpbaqbuiu]      { font-size: 10px; }
.py-contact--hit[b-qhpbaqbuiu]     { color: var(--bm); font-weight: 600; }

/* ── Single master table ─────────────────────────── */
.py-table-card[b-qhpbaqbuiu] {
    padding: 0;
    overflow-x: auto;
    margin-bottom: 10px;
}

.py-table[b-qhpbaqbuiu] {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.py-table thead th[b-qhpbaqbuiu] {
    padding: 9px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: var(--ink2);
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

/* Employee header row */
.py-emp-hdr-row[b-qhpbaqbuiu] {
    background: var(--surface);
}

.py-emp-hdr-cell[b-qhpbaqbuiu] {
    padding: 10px 12px;
    border-top: 2px solid var(--border);
}

.py-emp-hdr-left[b-qhpbaqbuiu] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
}

.py-emp-hdr-right[b-qhpbaqbuiu] {
    padding: 10px 12px;
    text-align: right;
    vertical-align: middle;
    border-top: 2px solid var(--border);
    white-space: nowrap;
}

.py-emp-hdr-right > * + *[b-qhpbaqbuiu] {
    margin-left: 8px;
}

/* Breakdown rows */
.py-row td[b-qhpbaqbuiu] {
    padding: 7px 12px;
    border-bottom: .5px solid var(--border);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.py-row:hover td[b-qhpbaqbuiu] {
    background: var(--surface);
}

/* Separator between employees */
.py-sep-row td[b-qhpbaqbuiu] {
    height: 4px;
    background: var(--surface);
    padding: 0;
    border: none;
}

/* Shared cell alignment */
.py-td-r[b-qhpbaqbuiu]        { text-align: right; }
.py-td-ellipsis[b-qhpbaqbuiu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* .py-th-r needs higher specificity to beat "thead th { text-align:left }" */
.py-table thead th.py-th-r[b-qhpbaqbuiu],
.py-detail-table thead th.py-th-r[b-qhpbaqbuiu] { text-align: right; }

/* ── Empty / loading ─────────────────────────────── */
.py-loading[b-qhpbaqbuiu] { text-align: center; padding: 48px; color: var(--ink3); }
.py-empty[b-qhpbaqbuiu]   { text-align: center; padding: 40px; color: var(--ink3); }
.py-empty i[b-qhpbaqbuiu] { font-size: 36px; display: block; margin-bottom: 10px; }

/* ── Detail page ─────────────────────────────────── */
.py-detail-back-hd[b-qhpbaqbuiu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.py-detail-table[b-qhpbaqbuiu] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    table-layout: fixed;
}

.py-detail-table thead th[b-qhpbaqbuiu] {
    padding: 9px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: var(--ink2);
    border-bottom: .5px solid var(--border);
    background: var(--surface);
}

.py-detail-table td[b-qhpbaqbuiu] {
    padding: 8px 12px;
    border-bottom: .5px solid var(--border);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.py-detail-unpaid-row td[b-qhpbaqbuiu] {
    background: #fffbf0;
}

.py-detail-total-row td[b-qhpbaqbuiu] {
    padding: 8px 12px;
    font-weight: 600;
    background: var(--surface);
    border-top: 1px solid var(--border);
}

.py-inout[b-qhpbaqbuiu]     { white-space: nowrap; }
.py-inout-sep[b-qhpbaqbuiu] { margin: 0 3px; }

/* ── Pagination ──────────────────────────────────── */
.py-pager-row[b-qhpbaqbuiu] { display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 4px }
.py-pager[b-qhpbaqbuiu] { display:flex;align-items:center }
.py-pager .py-page-btn[b-qhpbaqbuiu] { border-radius:0;margin-left:-.5px;padding:6px 12px;min-width:36px;justify-content:center;position:relative;z-index:0;font-size:13px }
.py-pager .py-page-btn:first-child[b-qhpbaqbuiu] { border-radius:7px 0 0 7px;margin-left:0 }
.py-pager .py-page-btn:last-child[b-qhpbaqbuiu] { border-radius:0 7px 7px 0 }
.py-pager .py-page-btn.bd[b-qhpbaqbuiu] { z-index:1 }
.py-pager .py-page-btn:hover:not([disabled])[b-qhpbaqbuiu] { z-index:1 }
.py-pagesize-sel[b-qhpbaqbuiu] { width:auto;font-size:13px;height:34px;padding:4px 10px }

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 720px) {
    .py-stats[b-qhpbaqbuiu] { grid-template-columns: repeat(2, 1fr); }
    .py-detail-back-hd[b-qhpbaqbuiu] { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .py-stats[b-qhpbaqbuiu] { grid-template-columns: 1fr 1fr; }
}
/* _content/SeasonFlow.Web/Components/Pages/RegistrationProfiles.razor.rz.scp.css */
.reg-img[b-tdaw7nsfhg] { width:100%;height:78px;object-fit:cover;border-radius:7px;border:.5px solid var(--border);cursor:pointer }
.img-ph[b-tdaw7nsfhg] { height:78px;border-radius:7px;border:.5px dashed var(--border2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink3);font-size:11px;gap:4px }
.approve-box[b-tdaw7nsfhg] { background:var(--gb);border:.5px solid #97C459;border-radius:9px;padding:12px 14px;margin-top:12px }
.rp-acct-list[b-tdaw7nsfhg] { border:.5px solid var(--border);border-radius:8px;overflow:hidden }
.rp-acct-row[b-tdaw7nsfhg] { display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;cursor:pointer;background:var(--card);border-top:.5px solid var(--border);transition:background .12s }
.rp-acct-row:first-child[b-tdaw7nsfhg] { border-top:none }
.rp-acct-row:hover[b-tdaw7nsfhg] { background:var(--surface) }
.rp-acct-row.on[b-tdaw7nsfhg] { background:color-mix(in srgb,var(--bd) 8%,var(--card)) }
.rp-acct-radio[b-tdaw7nsfhg] { font-size:15px;color:var(--ink3);flex-shrink:0 }
.rp-acct-row.on .rp-acct-radio[b-tdaw7nsfhg] { color:var(--bd) }
.rp-acct-since[b-tdaw7nsfhg] { margin-left:auto;font-size:11px }

/* Toolbar */
.rp-toolbar-between[b-tdaw7nsfhg] { justify-content:space-between }
.rp-toolbar-actions[b-tdaw7nsfhg] { display:flex;gap:8px;align-items:center }

/* Tab / filter bar */
.rp-tabwrap[b-tdaw7nsfhg] { padding:6px 18px;border-bottom:.5px solid var(--border);flex-shrink:0 }
.rp-filterwrap[b-tdaw7nsfhg] { padding:6px 18px 0;flex-shrink:0 }
.rp-filter-bar[b-tdaw7nsfhg] { background:transparent;gap:4px }

/* Search row */
.rp-search-row[b-tdaw7nsfhg] { padding:6px 0 4px }
.rp-search-wrap[b-tdaw7nsfhg] { position:relative }
.rp-search-icon[b-tdaw7nsfhg] { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none;font-size:15px }
.rp-search-input[b-tdaw7nsfhg] { padding-left:34px }

/* List scroll area */
.rp-list[b-tdaw7nsfhg] { flex:1;overflow-y:auto;padding:10px 18px }

/* Pagination */
.rp-pager-row[b-tdaw7nsfhg] { display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 18px 4px;flex-shrink:0 }
.rp-pager[b-tdaw7nsfhg] { display:flex;align-items:center }
.rp-pager .rp-page-btn[b-tdaw7nsfhg] { border-radius:0;margin-left:-.5px;padding:6px 12px;min-width:36px;justify-content:center;position:relative;z-index:0;font-size:13px }
.rp-pager .rp-page-btn:first-child[b-tdaw7nsfhg] { border-radius:7px 0 0 7px;margin-left:0 }
.rp-pager .rp-page-btn:last-child[b-tdaw7nsfhg] { border-radius:0 7px 7px 0 }
.rp-pager .rp-page-btn.bd[b-tdaw7nsfhg] { z-index:1 }
.rp-pager .rp-page-btn:hover:not([disabled])[b-tdaw7nsfhg] { z-index:1 }
.rp-pagesize-sel[b-tdaw7nsfhg] { width:auto;font-size:13px;height:34px;padding:4px 10px }

/* List card rows */
.rp-card-row[b-tdaw7nsfhg] { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px }
.rp-card-clickable[b-tdaw7nsfhg] { cursor:pointer;padding:12px 14px }
.rp-name[b-tdaw7nsfhg] { font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0 }
.rp-code[b-tdaw7nsfhg] { margin-left:6px }

/* Detail panel header */
.rp-detail-hd[b-tdaw7nsfhg] { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px }
.rp-detail-title[b-tdaw7nsfhg] { font-size:16px;font-weight:600 }
.rp-detail-meta[b-tdaw7nsfhg] { margin-top:2px }
.rp-detail-badge[b-tdaw7nsfhg] { margin-top:6px }

/* Section label */
.rp-section-lbl[b-tdaw7nsfhg] { font-size:10px;font-weight:600;color:var(--ink3);margin-bottom:7px;text-transform:uppercase;letter-spacing:.3px }

/* CCCD image grid */
.rp-img-grid[b-tdaw7nsfhg] { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px }
.rp-img-caption[b-tdaw7nsfhg] { font-size:10px;color:var(--ink3);margin-bottom:4px }
.rp-icon-sm[b-tdaw7nsfhg] { font-size:16px }

/* QR box */
.rp-qr-box[b-tdaw7nsfhg] { display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--gb);border-radius:8px;border:.5px solid #97C459 }
.rp-qr-img[b-tdaw7nsfhg] { width:60px;height:60px;object-fit:contain;border-radius:5px;cursor:pointer }
.rp-qr-label[b-tdaw7nsfhg] { font-size:11px;font-weight:600;color:var(--gm) }
.rp-qr-sub[b-tdaw7nsfhg] { font-size:10px;color:var(--gm);margin-top:1px }

/* QR box (profile tab, smaller) */
.rp-qr-box-mb[b-tdaw7nsfhg] { display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--gb);border-radius:8px;border:.5px solid #97C459;margin-bottom:14px }
.rp-qr-img-sm[b-tdaw7nsfhg] { width:56px;height:56px;object-fit:contain;border-radius:5px;cursor:pointer }

/* Approve box internals */
.rp-approve-title[b-tdaw7nsfhg] { font-size:12px;font-weight:600;margin-bottom:10px }
.rp-approve-grid[b-tdaw7nsfhg] { display:grid;grid-template-columns:1fr 1fr;gap:8px }
.rp-field-nm[b-tdaw7nsfhg] { margin-bottom:0 }
.rp-approve-actions[b-tdaw7nsfhg] { display:flex;gap:8px;margin-top:10px }
.rp-btn-flex1[b-tdaw7nsfhg] { flex:1 }
.rp-btn-flex2[b-tdaw7nsfhg] { flex:2 }

/* Status text (approved/rejected) */
.rp-status-text[b-tdaw7nsfhg] { text-align:center;font-size:12px;color:var(--ink3);padding:10px }

/* Muted loading */
.rp-loading[b-tdaw7nsfhg] { text-align:center;padding:36px }

/* Slot shift info */
.rp-slot-ml[b-tdaw7nsfhg] { margin-left:5px }

/* Sched detail actions */
.rp-sched-actions[b-tdaw7nsfhg] { display:flex;gap:10px }

/* Profile reject box actions */
.rp-reject-actions[b-tdaw7nsfhg] { display:flex;gap:8px }

/* Slot empty */
.rp-slot-empty[b-tdaw7nsfhg] { padding:12px 14px;font-size:13px;color:var(--ink3) }

/* Card with no-padding + overflow */
.rp-card-inset[b-tdaw7nsfhg] { padding:0;overflow:hidden }

/* Account setup modal */
.rp-acc-mbox[b-tdaw7nsfhg] { width:400px }
.rp-acc-footer[b-tdaw7nsfhg] { display:flex;gap:10px;margin-top:4px }
.mb12[b-tdaw7nsfhg] { margin-bottom:12px }
.mb8[b-tdaw7nsfhg] { margin-bottom:8px }
/* _content/SeasonFlow.Web/Components/Pages/RoleManagement.razor.rz.scp.css */
/* ── RoleManagement page styles ── */

.rm-page-header[b-23h4dtnf5j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.rm-sec-inline[b-23h4dtnf5j] { margin-bottom: 0; }

/* Two-column layout: role list + permission panel */
.rm-layout[b-23h4dtnf5j] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px;
    align-items: start;
}

/* ── Role list (left column) ── */
.rm-role-list[b-23h4dtnf5j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rm-role-card[b-23h4dtnf5j] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    transition: border-color .12s, box-shadow .12s;
}

.rm-role-card:hover[b-23h4dtnf5j] {
    border-color: var(--ink3);
}

.rm-role-card--active[b-23h4dtnf5j] {
    border-color: var(--bm) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--bm) 15%, transparent);
}

.rm-role-top[b-23h4dtnf5j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}

.rm-role-name[b-23h4dtnf5j] {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.rm-badge-off[b-23h4dtnf5j] {
    font-size: 10px;
    background: var(--surface);
    color: var(--ink3);
    border: .5px solid var(--border2);
}

.rm-role-desc[b-23h4dtnf5j] {
    font-size: 12px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rm-role-meta[b-23h4dtnf5j] {
    display: flex;
    gap: 12px;
    font-size: 11px;
}

.rm-empty[b-23h4dtnf5j] {
    text-align: center;
    padding: 32px 16px;
    line-height: 1.6;
    font-size: 13px;
    border: 1px dashed var(--border2);
    border-radius: 10px;
}

/* ── Permission panel (right column) ── */
.rm-perm-panel[b-23h4dtnf5j] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    min-height: 200px;
}

.rm-perm-empty[b-23h4dtnf5j] {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 60px 24px;
    font-size: 13px;
}

.rm-perm-header[b-23h4dtnf5j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
}

.rm-perm-header-actions[b-23h4dtnf5j] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-shrink: 0;
}

.rm-perm-title[b-23h4dtnf5j] {
    font-size: 15px;
    font-weight: 700;
}

.rm-perm-subtitle[b-23h4dtnf5j] {
    font-size: 12px;
    margin-top: 2px;
}

.rm-perm-body[b-23h4dtnf5j] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rm-perm-group[b-23h4dtnf5j] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 8px;
    align-items: start;
}

.rm-perm-resource[b-23h4dtnf5j] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink2);
    padding-top: 3px;
}

.rm-perm-actions[b-23h4dtnf5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
}

.rm-perm-item[b-23h4dtnf5j] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}

.rm-chk[b-23h4dtnf5j] {
    width: auto;
    cursor: pointer;
}

.rm-perm-footer[b-23h4dtnf5j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid var(--border);
    background: var(--surface);
}

.rm-perm-count[b-23h4dtnf5j] {
    font-size: 12px;
}

/* ── Modals ── */
.rm-mbox[b-23h4dtnf5j] { width: 400px; }

.rm-modal-footer[b-23h4dtnf5j] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

.rm-flex1[b-23h4dtnf5j] { flex: 1; }
.rm-flex2[b-23h4dtnf5j] { flex: 2; }

.rm-chk-label[b-23h4dtnf5j] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* ── Responsive ── */
@media (max-width: 820px) {
    .rm-layout[b-23h4dtnf5j] {
        grid-template-columns: 1fr;
    }
}
/* _content/SeasonFlow.Web/Components/Pages/ScheduleRegister.razor.rz.scp.css */
/* ── Slot pills ─────────────────────────────────── */
.slot-pill[b-vjswswoona] { display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px; padding:6px 11px; border-radius:8px; border:1px solid var(--border2); cursor:pointer; font-size:12px; transition:border-color .12s,background .12s; }
.slot-pill.on[b-vjswswoona] { border:1.5px solid var(--ink); font-weight:600; }
.slot-pill:hover[b-vjswswoona] { opacity:.85; }
.slot-pill .sp-name[b-vjswswoona] { font-weight:500; }
.slot-pill .sp-time[b-vjswswoona] { font-size:10px; opacity:.7; }

/* ── Day row ─────────────────────────────────────── */
.day-row[b-vjswswoona] { padding:10px 0; border-bottom:.5px solid var(--border); }
.day-row:last-child[b-vjswswoona] { border-bottom:none; }

/* ── Step bar segments ───────────────────────────── */
.stepseg[b-vjswswoona] { flex:1; height:3px; border-radius:2px; background:var(--border2); }
.stepseg.dn[b-vjswswoona] { background:var(--ink); }

/* ── Step labels: never wrap, clip with ellipsis ─── */
.sr-steplabel[b-vjswswoona] { flex:1; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── Loading / centered states ───────────────────── */
.sr-page-loading[b-vjswswoona] { justify-content:center; gap:10px; }
.sr-spin-lg[b-vjswswoona] { font-size:26px; color:var(--ink3); }
.sr-loading-txt[b-vjswswoona] { font-size:14px; color:var(--ink3); }

/* ── Success screen ──────────────────────────────── */
.sr-success[b-vjswswoona] { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; max-width:400px; }
.sr-success-icon[b-vjswswoona] { width:56px; height:56px; border-radius:50%; background:var(--gb); display:flex; align-items:center; justify-content:center; }
.sr-success-icon i[b-vjswswoona] { font-size:26px; color:var(--gm); }
.sr-success-title[b-vjswswoona] { font-size:17px; font-weight:600; }
.sr-success-btn[b-vjswswoona] { margin-top:8px; }

/* ── Page wrapper ────────────────────────────────── */
.sr-page[b-vjswswoona] { display:flex; flex-direction:column; align-items:center; padding:20px; overflow-y:auto; flex:1; min-height:0; }
.sr-card[b-vjswswoona] { background:var(--card); border-radius:14px; width:100%; max-width:560px; border:.5px solid var(--border); overflow:hidden; }

/* ── Card header ─────────────────────────────────── */
.sr-header[b-vjswswoona] { padding:16px 20px; border-bottom:.5px solid var(--border); }
.sr-stepbar[b-vjswswoona] { display:flex; gap:5px; margin-bottom:4px; }
.sr-steplabels[b-vjswswoona] { display:flex; gap:5px; margin-bottom:14px; }
.sr-title[b-vjswswoona] { font-size:14px; font-weight:600; }

/* ── Card body ───────────────────────────────────── */
.sr-body[b-vjswswoona] { padding:16px 20px; }

/* ── Employee info box (employee self-view) ──────── */
.sr-emp-box[b-vjswswoona] { background:var(--gb); border-radius:8px; padding:12px 14px; margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.sr-emp-icon[b-vjswswoona] { font-size:20px; color:var(--gm); flex-shrink:0; }
.sr-emp-info[b-vjswswoona] { flex:1; min-width:0; }
.sr-emp-name[b-vjswswoona] { font-size:13px; font-weight:600; }
.sr-emp-meta[b-vjswswoona] { font-size:11px; color:var(--gm); }

/* ── Employee search dropdown ────────────────────── */
.sr-search-wrap[b-vjswswoona] { position:relative; }
.sr-search-icon[b-vjswswoona] { position:absolute; left:10px; top:50%; transform:translateY(-50%); color:var(--ink3); pointer-events:none; }
.sr-search-input[b-vjswswoona] { padding-left:34px; }
.sr-dropdown[b-vjswswoona] { position:absolute; top:100%; left:0; right:0; background:var(--card); border:.5px solid var(--border2); border-radius:6px; max-height:220px; overflow-y:auto; z-index:200; box-shadow:0 4px 16px rgba(0,0,0,.1); margin-top:2px; }
.sr-dropdown-item[b-vjswswoona] { padding:9px 12px; cursor:pointer; border-bottom:.5px solid var(--border); }
.sr-dropdown-item-name[b-vjswswoona] { font-size:12px; font-weight:500; }
.sr-dropdown-item-meta[b-vjswswoona] { font-size:10px; color:var(--ink3); }
.sr-dropdown-empty[b-vjswswoona] { position:absolute; top:100%; left:0; right:0; background:var(--card); border:.5px solid var(--border2); border-radius:6px; padding:10px 12px; z-index:200; font-size:12px; color:var(--ink3); margin-top:2px; }

/* ── Week picker row ─────────────────────────────── */
.sr-week-row[b-vjswswoona] { display:flex; align-items:center; gap:8px; margin-top:4px; }
.sr-week-label[b-vjswswoona] { flex:1; text-align:center; padding:7px 12px; background:var(--surface); border-radius:6px; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── Step 2: info bar ────────────────────────────── */
.sr-info-text[b-vjswswoona] { font-size:12px; }

/* ── Step 2: day label ───────────────────────────── */
.sr-day-label[b-vjswswoona] { font-size:12px; font-weight:600; }
.sr-day-label .sr-day-date[b-vjswswoona] { margin-left:6px; }
.sr-no-slots[b-vjswswoona] { font-size:11px; color:var(--ink3); }
.sr-slots-wrap[b-vjswswoona] { display:flex; gap:6px; flex-wrap:wrap; }
.sr-conflict-note[b-vjswswoona] { color:#d32f2f; font-size:9px; }

/* ── Step 2: summary bar ─────────────────────────── */
.sr-summary-bar[b-vjswswoona] { margin-top:10px; padding-top:10px; border-top:.5px solid var(--border); display:flex; justify-content:space-between; align-items:center; }
.sr-summary-count[b-vjswswoona] { font-size:12px; color:var(--ink3); }
.sr-summary-count strong[b-vjswswoona] { color:var(--ink); }

/* ── Step 2: nav buttons ─────────────────────────── */
.sr-nav[b-vjswswoona] { display:flex; gap:8px; margin-top:14px; }
.sr-nav-btn[b-vjswswoona] { flex:1; }

/* ── Step 3: confirmation ────────────────────────── */
.sr-confirm[b-vjswswoona] { margin-bottom:12px; }
.sr-confirm-heading[b-vjswswoona] { font-size:13px; font-weight:600; margin-bottom:7px; }
.sr-confirm-summary[b-vjswswoona] { background:var(--bb); border-radius:8px; padding:9px 12px; margin-bottom:10px; font-size:12px; }
.sr-slot-row[b-vjswswoona] { display:flex; align-items:center; gap:8px; padding:7px 10px; background:var(--surface); border-radius:7px; margin-bottom:5px; font-size:12px; }
.sr-slot-dot[b-vjswswoona] { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.sr-slot-label[b-vjswswoona] { flex:1; }

/* ── Step 3: submit buttons ──────────────────────── */
.sr-submit-row[b-vjswswoona] { display:flex; gap:8px; }
.sr-submit-btn[b-vjswswoona] { flex:2; background:#3B6D11; border-color:#3B6D11; }

/* ── Full-width button (step 1 next button) ──────── */
.sr-full-btn[b-vjswswoona] { display:flex; width:100%; margin-top:4px; justify-content:center; }

/* ── Card footer ─────────────────────────────────── */
.sr-footer[b-vjswswoona] { padding:8px 20px; border-top:.5px solid var(--border); text-align:center; font-size:11px; color:var(--ink3); }

.sr-error-alert[b-vjswswoona] { margin:12px 20px 0; }
.sr-emp-meta-sm[b-vjswswoona] { font-size:12px; }

/* ── Mobile ──────────────────────────────────────── */
@media (max-width: 768px) {
    /* Page padding — bottom clears fixed bottom-nav */
    .sr-page[b-vjswswoona] { padding: 12px 12px 88px; }

    /* Step labels hidden — sr-title already shows current step */
    .sr-steplabels[b-vjswswoona] { display: none; }

    /* Week picker: icon buttons are fixed-size squares */
    .sr-week-row .btn[b-vjswswoona] { min-height: unset; width: 34px; padding: 0; justify-content: center; flex-shrink: 0; }
    .sr-week-label[b-vjswswoona] { font-size: 12px; padding: 6px 8px; }

    /* Full-width next button */
    .sr-full-btn[b-vjswswoona] { min-height: 48px; }

    /* Nav / submit buttons */
    .sr-nav-btn[b-vjswswoona] { justify-content: center; }
    .sr-submit-row .btn[b-vjswswoona] { justify-content: center; }

    /* Step 3 slot rows: 2-col grid keeps dot + label on same row, meta below */
    .sr-slot-row[b-vjswswoona] { display: grid; grid-template-columns: 14px 1fr; column-gap: 8px; row-gap: 3px; align-items: start; }
    .sr-slot-dot[b-vjswswoona] { grid-row: 1 / 3; align-self: center; }
    .sr-slot-label[b-vjswswoona] { min-width: 0; }
    .sr-slot-row .meta[b-vjswswoona] { font-size: 11px; color: var(--ink3); }
}
/* _content/SeasonFlow.Web/Components/Pages/ScheduleRequests.razor.rz.scp.css */
/* ── ScheduleRequests page styles ── */

.sreq-toolbar-header[b-lt7zvho7ko] {
    justify-content: space-between;
}

.sreq-toolbar-meta[b-lt7zvho7ko] {
    margin-top: 2px;
}

.sreq-toolbar-actions[b-lt7zvho7ko] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sreq-list-body[b-lt7zvho7ko] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 18px;
}

.sreq-empty-msg[b-lt7zvho7ko] {
    text-align: center;
    padding: 36px;
}

.sreq-card[b-lt7zvho7ko] {
    cursor: pointer;
    padding: 12px 14px;
}

.sreq-card-header[b-lt7zvho7ko] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}

.sreq-card-header > div:first-child[b-lt7zvho7ko] {
    min-width: 0;
    overflow: hidden;
}

.sreq-card-name[b-lt7zvho7ko] {
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sreq-ml6[b-lt7zvho7ko] {
    margin-left: 6px;
}

.sreq-detail-header[b-lt7zvho7ko] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

.sreq-detail-title[b-lt7zvho7ko] {
    font-size: 16px;
    font-weight: 600;
}

.sreq-detail-code[b-lt7zvho7ko] {
    margin-top: 3px;
}

.sreq-detail-badge[b-lt7zvho7ko] {
    margin-top: 6px;
}

.sreq-card-flush[b-lt7zvho7ko] {
    padding: 0;
    overflow: hidden;
}

.sreq-slot-empty[b-lt7zvho7ko] {
    padding: 12px 14px;
    font-size: 13px;
    color: var(--ink3);
}

.sreq-action-row[b-lt7zvho7ko] {
    display: flex;
    gap: 10px;
}

.sreq-flex1[b-lt7zvho7ko] {
    flex: 1;
}

/* Search */
.sreq-search-row[b-lt7zvho7ko] { padding:6px 18px 0;flex-shrink:0 }
.sreq-search-wrap[b-lt7zvho7ko] { position:relative }
.sreq-search-icon[b-lt7zvho7ko] { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none;font-size:15px }
.sreq-search-input[b-lt7zvho7ko] { padding-left:34px }

/* Pagination */
.sreq-pager-row[b-lt7zvho7ko] { display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 18px 4px;flex-shrink:0 }
.sreq-pager[b-lt7zvho7ko] { display:flex;align-items:center }
.sreq-pager .sreq-page-btn[b-lt7zvho7ko] { border-radius:0;margin-left:-.5px;padding:6px 12px;min-width:36px;justify-content:center;position:relative;z-index:0;font-size:13px }
.sreq-pager .sreq-page-btn:first-child[b-lt7zvho7ko] { border-radius:7px 0 0 7px;margin-left:0 }
.sreq-pager .sreq-page-btn:last-child[b-lt7zvho7ko] { border-radius:0 7px 7px 0 }
.sreq-pager .sreq-page-btn.bd[b-lt7zvho7ko] { z-index:1 }
.sreq-pager .sreq-page-btn:hover:not([disabled])[b-lt7zvho7ko] { z-index:1 }
.sreq-pagesize-sel[b-lt7zvho7ko] { width:auto;font-size:13px;height:34px;padding:4px 10px }
/* _content/SeasonFlow.Web/Components/Pages/Settings.razor.rz.scp.css */
/* Settings page scoped styles */

/* Card section header row: title + action button */
.st-card-header[b-px8yshsw15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

/* Flush sec title (no bottom margin inside card header) */
.st-sec-flush[b-px8yshsw15] {
    margin-bottom: 0;
}

/* Table cell: medium weight name */
.st-fw5[b-px8yshsw15] {
    font-weight: 500;
}

/* Table cell: bold name (dept) */
.st-fw6[b-px8yshsw15] {
    font-weight: 600;
}

/* Inline action button group */
.st-act[b-px8yshsw15] {
    display: flex;
    gap: 5px;
}

/* Empty-state table cell */
.st-empty-cell[b-px8yshsw15] {
    text-align: center;
    padding: 24px;
}

/* Department name cell: dot + text */
.st-dept-name[b-px8yshsw15] {
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    min-width: 0;
}

.st-dept-name .st-fw6[b-px8yshsw15] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* Image count badge in department table row */
.st-img-count[b-px8yshsw15] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--ink3);
    background: var(--surface);
    border: .5px solid var(--border2);
    border-radius: 4px;
    padding: 1px 6px;
    cursor: pointer;
}


/* Modal box fixed width */
.st-mbox[b-px8yshsw15] {
    width: 400px;
}

/* Checkbox label row */
.st-chk-label[b-px8yshsw15] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* Checkbox natural width */
.st-chk[b-px8yshsw15] {
    width: auto;
}

/* Modal footer button row */
.st-modal-footer[b-px8yshsw15] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

/* Cancel button: equal share */
.st-btn-cancel[b-px8yshsw15] {
    flex: 1;
}

/* Save button: larger share */
.st-btn-save[b-px8yshsw15] {
    flex: 2;
}

/* Color swatch picker row */
.st-color-row[b-px8yshsw15] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
}

/* Native color input sized to match swatches */
.st-color-input[b-px8yshsw15] {
    width: 30px;
    height: 26px;
    padding: 0;
    border-radius: 5px;
    cursor: pointer;
}

/* Geofencing sub-section separator */
.st-geo-section[b-px8yshsw15] {
    border-top: .5px solid var(--border);
    padding-top: 12px;
    margin-top: 4px;
    margin-bottom: 10px;
}

/* Geofencing section label */
.st-geo-title[b-px8yshsw15] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

/* Geofencing hint text */
.st-geo-hint[b-px8yshsw15] {
    font-size: 11px;
    color: var(--ink3);
    margin-top: 4px;
}

/* ── Department image gallery popup ─────────────── */
.st-view-mbox[b-px8yshsw15] {
    width: 520px;
    padding: 0;
    overflow: hidden;
}

.st-view-head[b-px8yshsw15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: .5px solid var(--border);
}

.st-view-title-row[b-px8yshsw15] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.st-dept-color-dot[b-px8yshsw15] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    flex-shrink: 0;
}

.st-view-name[b-px8yshsw15] {
    font-size: 15px;
    font-weight: 700;
}

.st-view-close[b-px8yshsw15] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--ink3);
    padding: 4px;
    line-height: 1;
    flex-shrink: 0;
}

.st-view-gallery[b-px8yshsw15] {
    padding: 14px 16px 16px;
}

.st-view-main-wrap[b-px8yshsw15] {
    margin-bottom: 8px;
}

.st-view-main-img[b-px8yshsw15] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 8px;
    border: .5px solid var(--border2);
    display: block;
}

.st-view-thumb-row[b-px8yshsw15] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.st-view-thumb[b-px8yshsw15] {
    width: 80px;
    height: 58px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .12s, opacity .12s;
    opacity: .65;
}

.st-view-thumb:hover[b-px8yshsw15] { opacity: 1; }
.st-view-thumb-on[b-px8yshsw15] { border-color: var(--ink) !important; opacity: 1 !important; }

.st-view-empty[b-px8yshsw15] {
    padding: 36px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--ink3);
    font-size: 13px;
}

/* Department images sub-section */
.st-img-section[b-px8yshsw15] {
    border-top: .5px solid var(--border);
    padding-top: 12px;
    margin-top: 4px;
    margin-bottom: 10px;
}

.st-img-grid[b-px8yshsw15] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.st-img-item[b-px8yshsw15] {
    position: relative;
    width: 90px;
}

.st-img-thumb[b-px8yshsw15] {
    width: 90px;
    height: 68px;
    object-fit: cover;
    border-radius: 6px;
    border: .5px solid var(--border2);
    display: block;
}

.st-img-main-badge[b-px8yshsw15] {
    position: absolute;
    top: 4px;
    left: 4px;
    background: var(--ink);
    color: var(--bg);
    font-size: 9px;
    font-weight: 600;
    padding: 2px 5px;
    border-radius: 4px;
}

.st-img-btns[b-px8yshsw15] {
    display: flex;
    gap: 3px;
    margin-top: 4px;
}

.st-img-btn[b-px8yshsw15] {
    flex: 1;
    font-size: 10px;
    padding: 3px 4px;
}

.st-img-upload[b-px8yshsw15] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    padding: 6px 12px;
    border: .5px dashed var(--border2);
    border-radius: 6px;
    cursor: pointer;
    color: var(--ink3);
    background: var(--surface);
}

.st-img-upload:hover[b-px8yshsw15] {
    border-color: var(--ink3);
    color: var(--ink);
}

.st-img-error[b-px8yshsw15] {
    font-size: 11px;
    color: var(--red);
    margin-top: 5px;
}

/* _content/SeasonFlow.Web/Components/Pages/ShiftSchedule.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────── */
.ss-page[b-d5ecxoyuq5] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

/* ── Toolbar spacer ──────────────────────────────── */
.ss-spacer[b-d5ecxoyuq5] {
    flex: 1;
}

/* ── Main content area ───────────────────────────── */
.ss-body[b-d5ecxoyuq5] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

.ss-main[b-d5ecxoyuq5] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

/* ── Week grid card ──────────────────────────────── */
.ss-grid-card[b-d5ecxoyuq5] {
    padding: 0;
    overflow: hidden;
}

.ss-table[b-d5ecxoyuq5] {
    table-layout: fixed;
    width: 100%;
}

.ss-th-day[b-d5ecxoyuq5] {
    text-align: center;
    padding: 10px 4px;
}

.ss-th-day-date[b-d5ecxoyuq5] {
    margin-top: 1px;
}

.ss-th-dept[b-d5ecxoyuq5] {
    width: 130px;
}

/* dept header row (spans all columns) */
.ss-dept-header-row td[b-d5ecxoyuq5] {
    padding: 8px 12px 4px;
    background: var(--surface);
}

.ss-dept-header-content[b-d5ecxoyuq5] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--ink2);
}

/* shift name cell (left column) */
.ss-shift-name-cell[b-d5ecxoyuq5] {
    padding: 4px 8px 4px 16px;
    white-space: nowrap;
    vertical-align: middle;
}

.ss-shift-name-label[b-d5ecxoyuq5] {
    font-size: 12px;
    color: var(--ink2);
}

/* attendance count cell */
.ss-att-cell[b-d5ecxoyuq5] {
    padding: 4px;
}

/* empty cell (no config, no attendance) */
.ss-empty-cell[b-d5ecxoyuq5] {
    background: var(--surface);
    border-radius: 7px;
    padding: 6px 4px;
    text-align: center;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ss-empty-dash[b-d5ecxoyuq5] {
    font-size: 16px;
}

/* short-count warning label */
.ss-short-label[b-d5ecxoyuq5] {
    font-size: 9px;
    color: #dc2626;
}


/* ── Detail panel ─────────────────────────────────── */
.ss-detail-panel[b-d5ecxoyuq5] {
    width: 320px;
    flex-shrink: 0;
    border-left: .5px solid var(--border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--card);
}

.ss-detail-header[b-d5ecxoyuq5] {
    padding: 14px 16px;
    border-bottom: .5px solid var(--border);
    flex-shrink: 0;
}

.ss-detail-title-row[b-d5ecxoyuq5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ss-detail-dept-row[b-d5ecxoyuq5] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 3px;
}

.ss-detail-dept-name[b-d5ecxoyuq5] {
    font-size: 15px;
    font-weight: 600;
}

/* stat boxes row */
.ss-stat-row[b-d5ecxoyuq5] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.ss-stat-ci[b-d5ecxoyuq5] {
    background: var(--gb);
    border-radius: 6px;
    padding: 6px 10px;
    flex: 1;
    text-align: center;
}

.ss-stat-ci-lbl[b-d5ecxoyuq5] {
    color: var(--gm);
}

.ss-stat-ci-val[b-d5ecxoyuq5] {
    font-size: 18px;
    font-weight: 700;
    color: var(--gm);
}

.ss-stat-late[b-d5ecxoyuq5] {
    background: var(--ab);
    border-radius: 6px;
    padding: 6px 10px;
    flex: 1;
    text-align: center;
}

.ss-stat-late-lbl[b-d5ecxoyuq5] {
    color: var(--am);
}

.ss-stat-late-val[b-d5ecxoyuq5] {
    font-size: 18px;
    font-weight: 700;
    color: var(--am);
}

.ss-stat-unpaid[b-d5ecxoyuq5] {
    background: var(--rb);
    border-radius: 6px;
    padding: 6px 10px;
    flex: 1;
    text-align: center;
}

.ss-stat-unpaid-lbl[b-d5ecxoyuq5] {
    color: var(--red);
}

.ss-stat-unpaid-val[b-d5ecxoyuq5] {
    font-size: 18px;
    font-weight: 700;
    color: var(--red);
}

/* quick redirect links below stat row */
.ss-detail-links[b-d5ecxoyuq5] {
    display: flex;
    gap: 7px;
    margin-top: 10px;
}

.ss-detail-link-btn[b-d5ecxoyuq5] {
    flex: 1;
    justify-content: center;
    font-size: 12px;
}

/* employee list inside detail panel */
.ss-detail-list[b-d5ecxoyuq5] {
    flex: 1;
    overflow-y: auto;
}

.ss-detail-row[b-d5ecxoyuq5] {
    padding: 10px 14px;
    border-bottom: .5px solid var(--border);
}

.ss-detail-row-header[b-d5ecxoyuq5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4px;
}

.ss-detail-emp-name[b-d5ecxoyuq5] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.ss-detail-emp-code[b-d5ecxoyuq5] {
    margin-left: 6px;
}

.ss-detail-ico-sm[b-d5ecxoyuq5] {
    font-size: 12px;
}

.ss-detail-emp-link[b-d5ecxoyuq5] {
    padding: 3px 6px;
    font-size: 12px;
    margin-left: 6px;
    flex-shrink: 0;
}

.ss-detail-paid[b-d5ecxoyuq5] {
    color: var(--gm);
    margin-left: 6px;
}

.ss-detail-notes[b-d5ecxoyuq5] {
    margin-top: 3px;
    color: var(--am);
}

.ss-detail-notes-ico[b-d5ecxoyuq5] {
    font-size: 11px;
}

/* ── Add check-in modal ──────────────────────────── */
.ss-add-mbox[b-d5ecxoyuq5] {
    width: 400px;
}

.ss-modal-footer[b-d5ecxoyuq5] {
    display: flex;
    gap: 10px;
}

.ss-modal-btn[b-d5ecxoyuq5] {
    flex: 1;
}

/* ── Week config modal ───────────────────────────── */
.ss-cfg-mbox[b-d5ecxoyuq5] {
    width: 600px;
    max-height: 88vh;
}

.ss-cfg-info-text[b-d5ecxoyuq5] {
    font-size: 12px;
}

.ss-cfg-scroll[b-d5ecxoyuq5] {
    max-height: 440px;
    overflow-y: auto;
}

.ss-cfg-dept-block[b-d5ecxoyuq5] {
    margin-bottom: 14px;
}

.ss-cfg-dept-row[b-d5ecxoyuq5] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}

.ss-cfg-dept-name[b-d5ecxoyuq5] {
    font-size: 13px;
    font-weight: 600;
}

.ss-cfg-day-block[b-d5ecxoyuq5] {
    border-bottom: .5px solid var(--border);
    padding: 6px 0 4px;
}

.ss-cfg-day-hd[b-d5ecxoyuq5] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-bottom: 4px;
}

.ss-cfg-shift-row[b-d5ecxoyuq5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0 3px 4px;
}

.ss-cfg-shift-name[b-d5ecxoyuq5] {
    font-size: 12px;
    flex: 1;
    min-width: 0;
}

.ss-cfg-checkbox[b-d5ecxoyuq5] {
    width: auto;
    cursor: pointer;
    flex-shrink: 0;
}

.ss-cfg-slot-wrap[b-d5ecxoyuq5] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.ss-cfg-slot-label[b-d5ecxoyuq5] {
    font-size: 11px;
    color: var(--ink3);
}

.ss-cfg-slot-input[b-d5ecxoyuq5] {
    width: 52px;
    text-align: center;
}

.ss-cfg-footer[b-d5ecxoyuq5] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.ss-cfg-cancel[b-d5ecxoyuq5] {
    flex: 1;
}

.ss-cfg-save[b-d5ecxoyuq5] {
    flex: 2;
}
/* _content/SeasonFlow.Web/Components/Pages/WorkClock.razor.rz.scp.css */
/* ── Page wrapper ───────────────────────────────── */
.clk-page[b-5zl0136dsx] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

/* ── Top bar ────────────────────────────────────── */
.clk-topbar[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-bottom: .5px solid var(--border);
    flex-shrink: 0;
}

.clk-refresh-hint[b-5zl0136dsx] {
    font-size: 11px;
    margin-left: auto;
}

/* ── Hero clock ─────────────────────────────────── */
.clk-hero[b-5zl0136dsx] {
    text-align: center;
    padding: 20px 20px 10px;
    flex-shrink: 0;
}

.clk-time[b-5zl0136dsx] {
    font-size: 52px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
}

.clk-date[b-5zl0136dsx] {
    margin-top: 4px;
    font-size: 13px;
    color: var(--ink3);
}

/* ── Loading ────────────────────────────────────── */
.clk-loading[b-5zl0136dsx] {
    text-align: center;
    padding: 36px;
    font-size: 13px;
}

/* ── Stat cards row ─────────────────────────────── */
.clk-stats[b-5zl0136dsx] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 12px 20px;
    flex-shrink: 0;
}

.clk-stat-top[b-5zl0136dsx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 12px;
}

.clk-stat-val[b-5zl0136dsx] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

/* ── Body: two columns ──────────────────────────── */
.clk-body[b-5zl0136dsx] {
    flex: 1;
    display: flex;
    gap: 16px;
    padding: 0 20px 16px;
    overflow: hidden;
    min-height: 0;
}

/* ── Shift column (left) ────────────────────────── */
.clk-shift-col[b-5zl0136dsx] {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.clk-col-head[b-5zl0136dsx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 12px 14px 8px;
    border-bottom: .5px solid var(--border);
    flex-shrink: 0;
}

.clk-col-scroll[b-5zl0136dsx] {
    flex: 1;
    overflow-y: auto;
}

.clk-col-empty[b-5zl0136dsx] {
    padding: 24px 14px;
    font-size: 12px;
    text-align: center;
}

.clk-shift-row[b-5zl0136dsx] {
    padding: 10px 14px;
    border-bottom: .5px solid var(--border);
    border-left: 3px solid transparent;
}

.clk-shift-row-top[b-5zl0136dsx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4px;
}

.clk-shift-name[b-5zl0136dsx] {
    font-weight: 600;
    font-size: 13px;
}

.clk-shift-cnt[b-5zl0136dsx] {
    font-size: 11px;
    color: var(--ink3);
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Employee column (right) ────────────────────── */
.clk-emp-col[b-5zl0136dsx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    min-width: 0;
}

.clk-emp-list[b-5zl0136dsx] {
    flex: 1;
    overflow-y: auto;
}

.clk-emp-row[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: .5px solid var(--border);
}

.clk-emp-info[b-5zl0136dsx] {
    flex: 1;
    min-width: 0;
}

.clk-emp-name[b-5zl0136dsx] {
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clk-emp-right[b-5zl0136dsx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    flex-shrink: 0;
}

.clk-emp-time[b-5zl0136dsx] {
    font-size: 13px;
    font-weight: 600;
}

/* ── Hours report tab ───────────────────────────── */
.clk-hours[b-5zl0136dsx] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.clk-hours-bar[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

/* ── Kiosk modal backdrop ───────────────────────── */
.clk-kiosk-bg[b-5zl0136dsx] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* ── Kiosk box ──────────────────────────────────── */
.clk-kiosk-box[b-5zl0136dsx] {
    width: 420px;
    max-height: 88vh;
    background: var(--card);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

/* ── Kiosk header ───────────────────────────────── */
.clk-kiosk-head[b-5zl0136dsx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 18px 14px;
    background: var(--ink);
    color: #fff;
    flex-shrink: 0;
}

.clk-kiosk-htime[b-5zl0136dsx] {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
}

.clk-kiosk-hdate[b-5zl0136dsx] {
    margin-top: 3px;
    font-size: 12px;
    opacity: .7;
}

/* ── Kiosk body ─────────────────────────────────── */
.clk-kiosk-body[b-5zl0136dsx] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
}

/* ── Kiosk search ───────────────────────────────── */
.clk-kiosk-search-wrap[b-5zl0136dsx] {
    position: relative;
    margin-bottom: 12px;
}

.clk-kiosk-search-icon[b-5zl0136dsx] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ink3);
    font-size: 15px;
}

.clk-kiosk-input[b-5zl0136dsx] {
    width: 100%;
    padding: 10px 12px 10px 34px;
    font-size: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--ink);
    font-family: var(--font);
    box-sizing: border-box;
}

.clk-kiosk-input:focus[b-5zl0136dsx] {
    outline: none;
    border-color: var(--ink3);
}

/* ── Kiosk search results ───────────────────────── */
.clk-kiosk-result[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 4px;
    border: 1px solid var(--border);
}

.clk-kiosk-result:hover[b-5zl0136dsx] {
    background: var(--surface);
}

.clk-kiosk-result-name[b-5zl0136dsx] {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.clk-kiosk-hint[b-5zl0136dsx] {
    text-align: center;
    padding: 24px 0;
    font-size: 12px;
    color: var(--ink3);
}

/* ── Kiosk selected employee ────────────────────── */
.clk-kiosk-emp-box[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--surface);
    border-radius: 10px;
    margin-bottom: 14px;
}

.clk-kiosk-emp-name[b-5zl0136dsx] {
    font-size: 16px;
    font-weight: 700;
}

/* ── Kiosk shift row ────────────────────────────── */
.clk-kiosk-shift[b-5zl0136dsx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 8px;
}

.clk-kiosk-shift-info[b-5zl0136dsx] {
    flex: 1;
    min-width: 0;
}

.clk-kiosk-shift-name[b-5zl0136dsx] {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 2px;
}

.clk-kiosk-action-btn[b-5zl0136dsx] {
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Responsive: collapse stats to 2 cols on narrow ── */
@media (max-width: 900px) {
    .clk-stats[b-5zl0136dsx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .clk-body[b-5zl0136dsx] {
        flex-direction: column;
    }

    .clk-shift-col[b-5zl0136dsx] {
        width: 100%;
        max-height: 200px;
    }
}
/* _content/SeasonFlow.Web/Components/Pages/WorkRequests.razor.rz.scp.css */
/* ── Left panel ─────────────────────────────── */
.wr-toolbar-justify[b-632d2zg6g2] { justify-content: space-between; }

.wr-title[b-632d2zg6g2] { font-size: 16px; font-weight: 600; }
.wr-title-meta[b-632d2zg6g2] { margin-top: 2px; }

/* Filter row */
.wr-filter-row[b-632d2zg6g2] {
    padding: 6px 18px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.wr-search-wrap[b-632d2zg6g2] { position: relative; flex: 1; min-width: 140px; }
.wr-search-icon[b-632d2zg6g2] { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none;font-size:14px }
.wr-search-input[b-632d2zg6g2] { padding-left: 32px; width: 100%; }

.wr-sel[b-632d2zg6g2] { width: auto; }

.wr-date-group[b-632d2zg6g2] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.wr-date-input[b-632d2zg6g2] { width: 130px; }
.wr-date-lbl[b-632d2zg6g2] { font-size: 12px; color: var(--ink3); white-space: nowrap; }

/* List body */
.wr-list-body[b-632d2zg6g2] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 18px 14px;
}

/* Empty state */
.wr-empty[b-632d2zg6g2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 60px 20px;
    color: var(--ink3);
    font-size: 13px;
}
.wr-empty i[b-632d2zg6g2] { font-size: 36px; }

/* Card */
.wr-card[b-632d2zg6g2] {
    cursor: pointer;
    padding: 10px 12px;
}
.wr-card-sel[b-632d2zg6g2] { border-color: var(--ink) !important; }

.wr-card-top[b-632d2zg6g2] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
    min-width: 0;
}

.wr-card-title[b-632d2zg6g2] {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}

.wr-card-meta[b-632d2zg6g2] {
    font-size: 11px;
    color: var(--ink3);
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    margin-bottom: 6px;
}

.wr-emp-name[b-632d2zg6g2] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex-shrink: 1;
}

.wr-code[b-632d2zg6g2] {
    font-family: var(--mono);
    font-size: 11px;
    background: var(--surface);
    border-radius: 4px;
    padding: 1px 5px;
    flex-shrink: 0;
}

.wr-dot[b-632d2zg6g2] { color: var(--ink3); flex-shrink: 0; }

.wr-card-foot[b-632d2zg6g2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.wr-img-badge[b-632d2zg6g2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--ink3);
    background: var(--surface);
    border: .5px solid var(--border2);
    border-radius: 4px;
    padding: 1px 6px;
}

/* Priority */
.wr-priority[b-632d2zg6g2] {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: .4px;
    flex-shrink: 0;
}
.wr-p-low[b-632d2zg6g2]    { background: #f0f0f0; color: #888; }
.wr-p-normal[b-632d2zg6g2] { background: var(--gb); color: var(--gm); }
.wr-p-high[b-632d2zg6g2]   { background: #fff3e0; color: #bf6000; }
.wr-p-urgent[b-632d2zg6g2] { background: #fdecea; color: var(--rm); }

.wr-overdue[b-632d2zg6g2] { color: var(--rm); font-weight: 600; }

/* ── Detail panel ──────────────────────────── */
.wr-det-hd[b-632d2zg6g2] {
    border-bottom: .5px solid var(--border);
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.wr-det-title-row[b-632d2zg6g2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    min-width: 0;
}

.wr-det-title[b-632d2zg6g2] {
    font-size: 15px;
    font-weight: 700;
    flex: 1;
    min-width: 0;
}

.wr-det-meta[b-632d2zg6g2] {
    font-size: 12px;
    color: var(--ink3);
    line-height: 1.7;
}

.wr-det-card[b-632d2zg6g2] { padding: 14px 16px; }

.wr-det-lbl[b-632d2zg6g2] {
    font-size: 11px;
    font-weight: 600;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 8px;
}

.wr-content-box[b-632d2zg6g2] {
    font-size: 13px;
    color: var(--ink2);
    line-height: 1.6;
    white-space: pre-wrap;
}

.wr-note-body[b-632d2zg6g2] {
    font-size: 13px;
    color: var(--ink2);
    line-height: 1.6;
    white-space: pre-wrap;
}

.wr-images[b-632d2zg6g2] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

.wr-thumb[b-632d2zg6g2] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: .5px solid var(--border);
    cursor: pointer;
    transition: opacity .15s;
}
.wr-thumb:hover[b-632d2zg6g2] { opacity: .85; }

.wr-resolved-at[b-632d2zg6g2] { font-size: 11px; color: var(--ink3); margin-top: 8px; }

/* Resolve form */
.wr-resolve-ta[b-632d2zg6g2] {
    width: 100%;
    border: .5px solid var(--border);
    border-radius: 8px;
    padding: 8px 10px;
    font-family: var(--font);
    font-size: 13px;
    background: var(--surface);
    color: var(--ink);
    resize: vertical;
}

.wr-upload-lbl[b-632d2zg6g2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    padding: 6px 10px;
    background: var(--surface);
    border: .5px solid var(--border);
    border-radius: 7px;
    cursor: pointer;
    color: var(--ink2);
}
.wr-upload-lbl:hover[b-632d2zg6g2] { border-color: var(--ink3); color: var(--ink); }

.wr-resolve-imgs[b-632d2zg6g2] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

.wr-resolve-img[b-632d2zg6g2] { position: relative; display: inline-block; }

.wr-resolve-img-t[b-632d2zg6g2] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 7px;
    border: .5px solid var(--border);
    display: block;
}

.wr-resolve-img-x[b-632d2zg6g2] {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--rm);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

.wr-resolve-acts[b-632d2zg6g2] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}