/* /Layout/AdminLayout.razor.rz.scp.css */
.admin[b-yu4fagjqyz] {
    min-height: 100vh;
    background: #F4F6FB;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

/* ---------- phone: one column and the bottom tabs ---------- */
.side[b-yu4fagjqyz] {
    display: none;
}

.main[b-yu4fagjqyz] {
    padding: 8px 16px 110px;
}

.nav[b-yu4fagjqyz] {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    width: calc(100% - 32px);
    max-width: 428px;
    display: flex;
    background: #fff;
    border-radius: 28px;
    padding: 6px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.12);
    z-index: 10;
}

    .nav[b-yu4fagjqyz]  .tab {
        flex: 1;
        min-height: 56px;
        border-radius: 22px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        font-size: 12px;
        font-weight: 500;
        color: #5F6882;
        text-decoration: none;
    }

        .nav[b-yu4fagjqyz]  .tab.on {
            background: #E8EDFE;
            color: #1F34A8;
        }

/* ---------- desktop: side menu and a wide page ---------- */
@media (min-width: 900px) {
    .frame[b-yu4fagjqyz] {
        display: flex;
        align-items: flex-start;
    }

    .side[b-yu4fagjqyz] {
        display: block;
        position: sticky;
        top: 0;
        width: 248px;
        flex: none;
        height: 100vh;
        overflow-y: auto;
        padding: 24px 16px;
        box-sizing: border-box;
        background: #fff;
        box-shadow: 1px 0 0 #E4E8F2;
    }

    .brand[b-yu4fagjqyz] {
        margin: 0 10px 18px;
        font-size: 18px;
        font-weight: 700;
        color: #1F34A8;
        letter-spacing: -.01em;
    }

    .group[b-yu4fagjqyz] {
        margin: 20px 10px 6px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #8A93AB;
    }

    .side[b-yu4fagjqyz]  .link {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 12px;
        border-radius: 14px;
        font-size: 15px;
        font-weight: 500;
        color: #3A4259;
        text-decoration: none;
    }

        .side[b-yu4fagjqyz]  .link:hover {
            background: #F1F4FD;
        }

        .side[b-yu4fagjqyz]  .link.on {
            background: #E8EDFE;
            color: #1F34A8;
        }

        .side[b-yu4fagjqyz]  .link.back {
            color: #5F6882;
            margin-bottom: 4px;
        }

    .main[b-yu4fagjqyz] {
        flex: 1;
        min-width: 0;
        max-width: 1800px;
        padding: 28px 36px 48px;
    }

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

/* ---------- shared pieces the office pages use ---------- */
.main[b-yu4fagjqyz]  h1 {
    margin: 8px 0 4px;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.main[b-yu4fagjqyz]  .a-sub {
    margin: 0 0 20px;
    font-size: 14px;
    color: #5F6882;
}

.main[b-yu4fagjqyz]  .a-card {
    background: #fff;
    border-radius: 24px;
    padding: 20px 24px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

    .main[b-yu4fagjqyz]  .a-card h2 {
        margin: 0 0 14px;
        font-size: 18px;
        font-weight: 600;
    }

.main[b-yu4fagjqyz]  .a-error {
    color: #B3261E;
    font-weight: 500;
}

.main[b-yu4fagjqyz]  .a-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.main[b-yu4fagjqyz]  .a-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 180px;
}

    .main[b-yu4fagjqyz]  .a-field span {
        font-size: 13px;
        font-weight: 500;
        color: #5F6882;
    }

.main[b-yu4fagjqyz]  .a-in {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #D9DEEB;
    border-radius: 14px;
    background: #fff;
    font: 400 15px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

    .main[b-yu4fagjqyz]  .a-in:focus {
        outline: 2px solid #AFC0FA;
        border-color: #1F34A8;
    }

.main[b-yu4fagjqyz]  .a-btn {
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: #1F34A8;
    color: #fff;
    font: 600 15px 'DM Sans', system-ui, sans-serif;
    cursor: pointer;
}

    .main[b-yu4fagjqyz]  .a-btn.sec {
        background: #E8EDFE;
        color: #1F34A8;
    }

    .main[b-yu4fagjqyz]  .a-btn.small {
        min-height: 34px;
        padding: 0 14px;
        font-size: 13px;
    }

    .main[b-yu4fagjqyz]  .a-btn.danger {
        background: #FBE9E7;
        color: #B3261E;
    }

    .main[b-yu4fagjqyz]  .a-btn:disabled {
        opacity: .5;
        cursor: default;
    }

.main[b-yu4fagjqyz]  .a-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
}

    .main[b-yu4fagjqyz]  .a-table th {
        text-align: left;
        padding: 10px 12px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: #8A93AB;
        border-bottom: 1px solid #E4E8F2;
    }

    .main[b-yu4fagjqyz]  .a-table td {
        padding: 12px;
        border-bottom: 1px solid #EEF0F5;
        vertical-align: middle;
    }

    .main[b-yu4fagjqyz]  .a-table tr:last-child td {
        border-bottom: 0;
    }

    .main[b-yu4fagjqyz]  .a-table td.actions {
        text-align: right;
        white-space: nowrap;
    }

.main[b-yu4fagjqyz]  .a-empty {
    padding: 16px 4px;
    color: #5F6882;
}
.main[b-yu4fagjqyz]  .a-late {
    color: #B3261E;
    font-weight: 600;
}

.main[b-yu4fagjqyz]  .a-soon {
    color: #8A5A00;
    font-weight: 600;
}

.main[b-yu4fagjqyz]  .a-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.main[b-yu4fagjqyz]  .a-wide {
    grid-column: 1 / -1;
}
.main[b-yu4fagjqyz]  .a-money {
    position: relative;
    display: block;
}

    .main[b-yu4fagjqyz]  .a-money i {
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-style: normal;
        color: #5F6882;
        pointer-events: none;
    }

    .main[b-yu4fagjqyz]  .a-money .a-in {
        width: 100%;
        box-sizing: border-box;
        padding-left: 28px;
    }
.main[b-yu4fagjqyz] {
    min-width: 0;
}

    .main[b-yu4fagjqyz]  .a-card {
        overflow-x: auto;
    }

@media (max-width: 899px) {
    .main[b-yu4fagjqyz]  .a-table {
        min-width: 620px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-uo1pit9qat] {
    min-height: 100vh;
    background: #F4F6FB;
}

.content[b-uo1pit9qat] {
    padding: 8px 8px 110px;
}

.nav[b-uo1pit9qat] {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    width: calc(100% - 32px);
    max-width: 428px;
    display: flex;
    background: #fff;
    border-radius: 28px;
    padding: 6px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.12);
    z-index: 10;
}

.nav[b-uo1pit9qat]  .tab {
    flex: 1;
    min-height: 56px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #5F6882;
    text-decoration: none;
}

    .nav[b-uo1pit9qat]  .tab.on {
        background: #E8EDFE;
        color: #1F34A8;
    }
/* /Layout/OfflineBar.razor.rz.scp.css */
.offline-bar[b-vuawk1txee] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #FFF1D6;
    color: #7A4B00;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 8px 16px;
    border-bottom: 1px solid #F0D9A8;
}
    .offline-bar.sending[b-vuawk1txee] {
        background: #E8EDFE;
        color: #1F34A8;
        border-bottom-color: #C9D3FB;
    }

    .offline-bar.bad[b-vuawk1txee] {
        background: #FDE3E3;
        color: #8A1C1C;
        border-bottom-color: #F3B8B8;
    }

    .offline-bar button[b-vuawk1txee] {
        margin-left: 8px;
        border: 1px solid currentColor;
        background: transparent;
        color: inherit;
        border-radius: 8px;
        padding: 2px 10px;
        font: inherit;
    }
/* /Pages/AddCustomer.razor.rz.scp.css */
.page[b-af7irrvkh5] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-af7irrvkh5] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-af7irrvkh5] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-af7irrvkh5] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.error[b-af7irrvkh5] {
    color: #B3261E;
    font-weight: 500;
}

.stack[b-af7irrvkh5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px;
}

.card[b-af7irrvkh5] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

    .card.stack[b-af7irrvkh5] {
        gap: 14px;
        padding-top: 18px;
    }

.cap[b-af7irrvkh5] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.note[b-af7irrvkh5] {
    padding: 0 6px;
    line-height: 1.5;
}

.lbl[b-af7irrvkh5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.in[b-af7irrvkh5] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 0 16px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

.btn[b-af7irrvkh5], .btn2[b-af7irrvkh5] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-af7irrvkh5] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-af7irrvkh5] {
    background: #E8EDFE;
    color: #1F34A8;
}

button:disabled[b-af7irrvkh5] {
    opacity: .5;
    cursor: default;
}
/* /Pages/Admin/CompletedJobs.razor.rz.scp.css */
.chips[b-xp9kiihds2] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.chip[b-xp9kiihds2] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #DDE2EE;
    font: 500 15px 'DM Sans', sans-serif;
    color: #1E2330;
    cursor: pointer;
    white-space: nowrap;
}

    .chip.on[b-xp9kiihds2] {
        background: #E8EDFE;
        border-color: #2340CC;
        color: #1F34A8;
    }

.cols[b-xp9kiihds2] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

.list[b-xp9kiihds2] {
    flex: 1 1 560px;
    min-width: 0;
}

.panel[b-xp9kiihds2] {
    flex: 1 1 540px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

tr.sel td[b-xp9kiihds2] {
    background: #F1F4FF;
}

.pill[b-xp9kiihds2] {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
    white-space: nowrap;
    display: inline-block;
}

    .pill.ready[b-xp9kiihds2] {
        background: #E8EDFE;
        color: #1F34A8;
    }

    .pill.review[b-xp9kiihds2] {
        background: #FFF1CF;
        color: #6B4700;
    }

    .pill.done[b-xp9kiihds2] {
        background: #DFF3E7;
        color: #14573A;
    }

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

.muted[b-xp9kiihds2] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.sec[b-xp9kiihds2] {
    font-size: 13px;
    font-weight: 600;
    color: #5F6882;
    margin-top: 4px;
}

.warn[b-xp9kiihds2] {
    background: #FFF1CF;
    color: #6B4700;
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
}

.inv[b-xp9kiihds2] {
    background: #F4F6FB;
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1.5;
}

.inv-h[b-xp9kiihds2] {
    font-weight: 600;
}

.ln[b-xp9kiihds2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 36px;
    align-items: center;
    border-top: 1px solid #EEF0F5;
}

    .ln.total[b-xp9kiihds2] {
        border-top: 2px solid #DDE2EE;
    }

.btns[b-xp9kiihds2] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
/* /Pages/DaySheet.razor.rz.scp.css */
.page[b-fsy8r8tbpl] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-fsy8r8tbpl] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-fsy8r8tbpl] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-fsy8r8tbpl] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.error[b-fsy8r8tbpl] {
    color: #B3261E;
    font-weight: 500;
}

.warn[b-fsy8r8tbpl] {
    background: #FFF1CF;
    color: #6B4700;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 500;
}

.datebar[b-fsy8r8tbpl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 14px;
}

.arrow[b-fsy8r8tbpl] {
    min-width: 48px;
    min-height: 48px;
    border-radius: 24px;
    border: 0;
    background: #E8EDFE;
    color: #1F34A8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .arrow:disabled[b-fsy8r8tbpl] {
        opacity: .4;
        cursor: default;
    }

.datemid[b-fsy8r8tbpl] {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.datetext[b-fsy8r8tbpl] {
    font-weight: 600;
    font-size: 16px;
}

.datein[b-fsy8r8tbpl] {
    border: 0;
    background: transparent;
    font: 500 14px 'DM Sans', sans-serif;
    color: #2340CC;
    text-align: center;
}

.stack[b-fsy8r8tbpl] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.card[b-fsy8r8tbpl] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.sec[b-fsy8r8tbpl] {
    font-size: 18px;
    font-weight: 600;
    padding: 6px 4px 0;
}

.cap[b-fsy8r8tbpl] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.big[b-fsy8r8tbpl] {
    font-size: 24px;
    font-weight: 600;
}

.bold[b-fsy8r8tbpl] {
    font-weight: 600;
}

.muted[b-fsy8r8tbpl] {
    color: #5F6882;
    font-size: 14px;
}

.text[b-fsy8r8tbpl] {
    margin: 0;
    line-height: 1.5;
    white-space: pre-wrap;
}

.blue[b-fsy8r8tbpl] {
    color: #2340CC;
}

.grow[b-fsy8r8tbpl] {
    flex-grow: 1;
}

.two[b-fsy8r8tbpl] {
    display: flex;
    gap: 12px;
}

    .two > *[b-fsy8r8tbpl] {
        flex: 1;
        min-width: 0;
    }

.three[b-fsy8r8tbpl] {
    display: flex;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #EEF1F8;
}

    .three > *[b-fsy8r8tbpl] {
        flex: 1;
    }

.lbl[b-fsy8r8tbpl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.in[b-fsy8r8tbpl] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 0 16px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

.entry.live[b-fsy8r8tbpl] {
    box-shadow: 0 0 0 2px #2340CC, 0 10px 28px rgba(20,30,60,.06);
}

.entry-head[b-fsy8r8tbpl] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: 0;
    padding: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.chips[b-fsy8r8tbpl] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.chip[b-fsy8r8tbpl] {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 15px;
    background: #E8ECF6;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #3C4457;
}

    .chip.dark[b-fsy8r8tbpl] {
        background: #1E2330;
        color: #fff;
    }

.dur[b-fsy8r8tbpl] {
    font-weight: 600;
    white-space: nowrap;
}

.edit[b-fsy8r8tbpl] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #EEF1F8;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.desc[b-fsy8r8tbpl] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #EEF1F8;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.area[b-fsy8r8tbpl] {
    width: 100%;
    min-height: 110px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    font: 16px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    resize: none;
}

.link[b-fsy8r8tbpl] {
    background: none;
    border: 0;
    padding: 0;
    align-self: flex-start;
    color: #2340CC;
    font: 600 15px 'DM Sans', sans-serif;
    min-height: 44px;
    cursor: pointer;
}

.btn[b-fsy8r8tbpl], .btn2[b-fsy8r8tbpl] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-fsy8r8tbpl] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-fsy8r8tbpl] {
    background: #E8EDFE;
    color: #1F34A8;
}

.danger[b-fsy8r8tbpl] {
    min-height: 48px;
    border-radius: 999px;
    border: 0;
    background: #FBE3E0;
    color: #B3261E;
    font: 600 15px 'DM Sans', sans-serif;
    cursor: pointer;
}

button:disabled[b-fsy8r8tbpl] {
    opacity: .5;
    cursor: default;
}
.sheet-back[b-fsy8r8tbpl] {
    position: fixed;
    inset: 0;
    background: rgba(20,30,60,.45);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1000;
}

.sheet[b-fsy8r8tbpl] {
    width: 100%;
    max-width: 460px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 28px 28px 0 0;
    padding: 22px 18px 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sheet-title[b-fsy8r8tbpl] {
    font-size: 22px;
    font-weight: 600;
    color: #1E2330;
}
/* /Pages/JobCard.razor.rz.scp.css */
.page[b-0k0tq32hmy] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-0k0tq32hmy] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-0k0tq32hmy] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-0k0tq32hmy] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.error[b-0k0tq32hmy] {
    color: #B3261E;
    font-weight: 500;
}

.stack[b-0k0tq32hmy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.card[b-0k0tq32hmy] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.sec[b-0k0tq32hmy] {
    padding: 6px 4px 0;
}

.h2[b-0k0tq32hmy] {
    font-size: 18px;
    font-weight: 600;
}

.cap[b-0k0tq32hmy] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.bold[b-0k0tq32hmy] {
    font-weight: 600;
}

.muted[b-0k0tq32hmy] {
    color: #5F6882;
    font-size: 14px;
}

.text[b-0k0tq32hmy] {
    margin: 6px 0 0;
    line-height: 1.5;
    white-space: pre-wrap;
}

.grow[b-0k0tq32hmy] {
    flex-grow: 1;
}

.between[b-0k0tq32hmy] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.row[b-0k0tq32hmy] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #EEF1F8;
}

.val[b-0k0tq32hmy] {
    font-weight: 600;
    text-align: right;
}

.req[b-0k0tq32hmy] {
    padding-top: 10px;
}

.note[b-0k0tq32hmy] {
    padding: 12px 0;
    border-bottom: 1px solid #EEF1F8;
}

.rm[b-0k0tq32hmy] {
    background: none;
    border: 0;
    padding: 4px 0;
    color: #B3261E;
    font: 600 13px 'DM Sans', sans-serif;
    min-height: 32px;
    cursor: pointer;
}

.add[b-0k0tq32hmy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
}

.area[b-0k0tq32hmy] {
    width: 100%;
    min-height: 96px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    font: 16px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    resize: none;
}

.link[b-0k0tq32hmy] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #2340CC;
    font: 600 15px 'DM Sans', sans-serif;
    text-decoration: none;
}

.btn[b-0k0tq32hmy], .btn2[b-0k0tq32hmy] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-0k0tq32hmy] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-0k0tq32hmy] {
    background: #E8EDFE;
    color: #1F34A8;
}

button:disabled[b-0k0tq32hmy] {
    opacity: .5;
    cursor: default;
}
/* /Pages/JobList.razor.rz.scp.css */
.jobs[b-knwc8q22os] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 80px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.head[b-knwc8q22os] {
    padding: 16px 4px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.head-text[b-knwc8q22os] {
    flex-grow: 1;
}

h1[b-knwc8q22os] {
    margin: 2px 0 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.cap[b-knwc8q22os] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.error[b-knwc8q22os] {
    color: #B3261E;
    font-weight: 500;
}

.sr[b-knwc8q22os] {
    position: absolute;
    left: -9999px;
}

.btn[b-knwc8q22os] {
    min-height: 48px;
    border-radius: 999px;
    border: 0;
    background: #2340CC;
    color: #fff;
    font: 600 15px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 20px;
    text-decoration: none;
}

.in[b-knwc8q22os] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 999px;
    padding: 0 20px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

.chips[b-knwc8q22os] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.chip[b-knwc8q22os] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #DDE2EE;
    font: 500 15px 'DM Sans', sans-serif;
    color: #1E2330;
    white-space: nowrap;
    cursor: pointer;
}

    .chip.on[b-knwc8q22os] {
        background: #E8EDFE;
        border-color: #2340CC;
        color: #1F34A8;
    }

.card[b-knwc8q22os] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.job[b-knwc8q22os] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-decoration: none;
    color: inherit;
}

    .job.live[b-knwc8q22os] {
        box-shadow: 0 0 0 2px #2340CC, 0 10px 28px rgba(20,30,60,.06);
    }

.between[b-knwc8q22os] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.job-title[b-knwc8q22os] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.sub[b-knwc8q22os] {
    color: #3C4457;
}

.meta[b-knwc8q22os] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    color: #5F6882;
    font-size: 14px;
}

.late[b-knwc8q22os] {
    color: #B3261E;
    font-weight: 600;
}

.pill[b-knwc8q22os] {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
    white-space: nowrap;
}

    .pill.open[b-knwc8q22os] {
        background: #EEF0F5;
        color: #3C4457;
    }

    .pill.active[b-knwc8q22os] {
        background: #E8EDFE;
        color: #1F34A8;
    }

    .pill.waiting[b-knwc8q22os] {
        background: #FFF1CF;
        color: #6B4700;
    }

    .pill.done[b-knwc8q22os] {
        background: #DFF3E7;
        color: #14573A;
    }

.runbar[b-knwc8q22os] {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 96px;
    width: calc(100% - 32px);
    max-width: 428px;
    background: #2340CC;
    color: #fff;
    border-radius: 999px;
    padding: 8px 8px 8px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'DM Sans', system-ui, sans-serif;
    z-index: 9;
}

.dot[b-knwc8q22os] {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #fff;
}

.grow[b-knwc8q22os] {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.light[b-knwc8q22os] {
    color: #D5DDFF;
}

.rt[b-knwc8q22os] {
    font-size: 20px;
    font-weight: 500;
}

.go[b-knwc8q22os] {
    min-width: 44px;
    min-height: 44px;
    border-radius: 22px;
    background: #fff;
    color: #1F34A8;
    display: flex;
    align-items: center;
    justify-content: center;
}
.soon[b-knwc8q22os] {
    color: #8A5A00;
    font-weight: 600;
}
/* /Pages/JobOverview.razor.rz.scp.css */
.page[b-53twr5pfdt] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-53twr5pfdt] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-53twr5pfdt] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-53twr5pfdt] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
    flex-grow: 1;
}

.title[b-53twr5pfdt] {
    font-size: 18px;
    font-weight: 500;
    color: #3C4457;
    padding: 0 4px 12px;
}

.error[b-53twr5pfdt] {
    color: #B3261E;
    font-weight: 500;
}

.pill[b-53twr5pfdt] {
    padding: 6px 14px;
    border-radius: 999px;
    background: #E8EDFE;
    color: #1F34A8;
    font-size: 14px;
    font-weight: 600;
}

    .pill.wait[b-53twr5pfdt] {
        background: #FFF1CF;
        color: #6B4700;
    }

    .pill.done[b-53twr5pfdt] {
        background: #DFF3E7;
        color: #14573A;
    }

.tabs[b-53twr5pfdt] {
    display: flex;
    gap: 6px;
    background: #E8ECF6;
    border-radius: 999px;
    padding: 4px;
    margin-bottom: 16px;
}

.tab[b-53twr5pfdt] {
    flex: 1;
    min-height: 44px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    font: 600 15px 'DM Sans', sans-serif;
    color: #5F6882;
    cursor: pointer;
}

    .tab.on[b-53twr5pfdt] {
        background: #fff;
        color: #2340CC;
        box-shadow: 0 1px 3px rgba(20,30,60,.12);
    }

.stack[b-53twr5pfdt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card[b-53twr5pfdt] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.h2[b-53twr5pfdt] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.cap[b-53twr5pfdt] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.mt[b-53twr5pfdt] {
    margin-top: 14px;
    margin-bottom: 6px;
}

.row[b-53twr5pfdt] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #EEF1F8;
}

    .row:last-child[b-53twr5pfdt] {
        border-bottom: 0;
    }

    .row.total[b-53twr5pfdt] {
        border-top: 1px solid #DDE2EE;
        border-bottom: 0;
    }

.val[b-53twr5pfdt] {
    font-weight: 600;
    text-align: right;
}

.bold[b-53twr5pfdt] {
    font-weight: 600;
}

.muted[b-53twr5pfdt] {
    color: #5F6882;
    font-size: 14px;
}

.grow[b-53twr5pfdt] {
    flex-grow: 1;
}

.text[b-53twr5pfdt] {
    margin: 0;
    line-height: 1.5;
    white-space: pre-wrap;
}

.contact[b-53twr5pfdt] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F4F6FB;
    border-radius: 18px;
    padding: 12px 14px;
    margin-top: 8px;
}

.call[b-53twr5pfdt] {
    min-width: 48px;
    min-height: 48px;
    border-radius: 24px;
    background: #2340CC;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tiles[b-53twr5pfdt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.tile[b-53twr5pfdt] {
    background: #F4F6FB;
    border-radius: 16px;
    padding: 12px 14px;
}

    .tile.soon[b-53twr5pfdt] {
        background: #FFF1CF;
    }

        .tile.soon .cap[b-53twr5pfdt] {
            color: #6B4700;
        }

    .tile.late[b-53twr5pfdt] {
        background: #FBE3E0;
    }

        .tile.late .cap[b-53twr5pfdt] {
            color: #B3261E;
        }

.totals[b-53twr5pfdt] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
}

    .totals > div[b-53twr5pfdt] {
        flex: 1;
        background: #F4F6FB;
        border-radius: 16px;
        padding: 14px;
    }

.big[b-53twr5pfdt] {
    font-size: 22px;
    font-weight: 600;
}

.entry[b-53twr5pfdt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.two[b-53twr5pfdt] {
    display: flex;
    gap: 12px;
}

    .two > *[b-53twr5pfdt] {
        flex: 1;
        min-width: 0;
    }

.btn[b-53twr5pfdt], .btn2[b-53twr5pfdt] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-53twr5pfdt] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-53twr5pfdt] {
    background: #E8EDFE;
    color: #1F34A8;
}

    .btn2.sel[b-53twr5pfdt] {
        background: #2340CC;
        color: #fff;
    }

button:disabled[b-53twr5pfdt] {
    opacity: .5;
    cursor: default;
}
.between[b-53twr5pfdt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 6px;
}

.desc[b-53twr5pfdt] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #DDE2EE;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.area[b-53twr5pfdt] {
    width: 100%;
    min-height: 110px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    font: 16px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    resize: none;
}

.link[b-53twr5pfdt] {
    background: none;
    border: 0;
    padding: 0;
    align-self: flex-start;
    color: #2340CC;
    font: 600 15px 'DM Sans', sans-serif;
    min-height: 44px;
    cursor: pointer;
}
.cardlink[b-53twr5pfdt] {
    display: inline-flex;
    align-items: center;
    margin: -6px 4px 10px;
}
/* /Pages/JobParts.razor.rz.scp.css */
.page[b-75qmy3rxzw] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-75qmy3rxzw] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-75qmy3rxzw] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-75qmy3rxzw] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.error[b-75qmy3rxzw] {
    color: #B3261E;
    font-weight: 500;
}

.stack[b-75qmy3rxzw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card[b-75qmy3rxzw] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

    .card.stack[b-75qmy3rxzw] {
        gap: 14px;
    }

.h2[b-75qmy3rxzw] {
    font-size: 18px;
    font-weight: 600;
}

.cap[b-75qmy3rxzw] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.mb[b-75qmy3rxzw] {
    margin-bottom: 8px;
}

.bold[b-75qmy3rxzw] {
    font-weight: 600;
}

.muted[b-75qmy3rxzw] {
    color: #5F6882;
    font-size: 14px;
}

.big[b-75qmy3rxzw] {
    font-size: 26px;
    font-weight: 600;
}

.text[b-75qmy3rxzw] {
    margin: 8px 0 0;
    line-height: 1.5;
}

.grow[b-75qmy3rxzw] {
    flex-grow: 1;
    min-width: 0;
}

.between[b-75qmy3rxzw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.total[b-75qmy3rxzw] {
    margin-top: 6px;
    padding-top: 12px;
    border-top: 2px solid #1E2330;
    align-items: center;
}

.item[b-75qmy3rxzw] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #EEF1F8;
}

.right[b-75qmy3rxzw] {
    text-align: right;
    white-space: nowrap;
}

.rm[b-75qmy3rxzw] {
    background: none;
    border: 0;
    padding: 4px 0;
    color: #B3261E;
    font: 600 13px 'DM Sans', sans-serif;
    min-height: 32px;
    cursor: pointer;
}

.lbl[b-75qmy3rxzw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.in[b-75qmy3rxzw] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 0 16px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

.pick[b-75qmy3rxzw] {
    text-align: left;
    min-height: 56px;
    border: 1px solid #DDE2EE;
    border-radius: 14px;
    background: #fff;
    padding: 8px 14px;
    font: 15px 'DM Sans', sans-serif;
    color: #1E2330;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chosen[b-75qmy3rxzw] {
    min-height: 56px;
    border-radius: 16px;
    background: #F4F6FB;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.link[b-75qmy3rxzw] {
    background: none;
    border: 0;
    padding: 0;
    align-self: flex-start;
    color: #2340CC;
    font: 600 15px 'DM Sans', sans-serif;
    min-height: 44px;
    cursor: pointer;
}

.step[b-75qmy3rxzw] {
    display: flex;
    align-items: center;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    background: #fff;
    width: 190px;
    overflow: hidden;
}

    .step button[b-75qmy3rxzw] {
        min-width: 54px;
        min-height: 52px;
        border: 0;
        background: #F4F6FB;
        font: 600 22px 'DM Sans', sans-serif;
        color: #1F34A8;
        cursor: pointer;
    }

    .step input[b-75qmy3rxzw] {
        width: 80px;
        min-height: 52px;
        border: 0;
        text-align: center;
        font: 600 18px 'DM Sans', sans-serif;
        color: #1E2330;
    }

.chips[b-75qmy3rxzw] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.chip[b-75qmy3rxzw] {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #DDE2EE;
    font: 500 15px 'DM Sans', sans-serif;
    color: #1E2330;
    cursor: pointer;
}

.btn[b-75qmy3rxzw], .btn2[b-75qmy3rxzw] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-75qmy3rxzw] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-75qmy3rxzw] {
    background: #E8EDFE;
    color: #1F34A8;
}

button:disabled[b-75qmy3rxzw] {
    opacity: .5;
    cursor: default;
}
.area[b-75qmy3rxzw] {
    width: 100%;
    min-height: 90px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    font: 16px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    resize: none;
}

.costrow[b-75qmy3rxzw] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 6px;
}

.costin[b-75qmy3rxzw] {
    width: 110px;
    min-height: 40px;
    padding: 0 12px;
}
/* /Pages/More.razor.rz.scp.css */
.more[b-8ikr5uevpt] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 24px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

h1[b-8ikr5uevpt] {
    margin: 16px 4px 4px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.cap[b-8ikr5uevpt] {
    margin: 0 4px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

    .cap b[b-8ikr5uevpt] {
        color: #1E2330;
    }

.error[b-8ikr5uevpt] {
    color: #B3261E;
    font-weight: 500;
}

.section[b-8ikr5uevpt] {
    margin: 18px 4px 8px;
    font-size: 18px;
    font-weight: 600;
}

.card[b-8ikr5uevpt] {
    background: #fff;
    border-radius: 24px;
    padding: 4px 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.item[b-8ikr5uevpt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    color: #1E2330;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #EEF0F5;
}

    .item i[b-8ikr5uevpt] {
        font-style: normal;
        font-size: 22px;
        color: #9AA2B8;
    }

    .item:hover[b-8ikr5uevpt] {
        color: #1F34A8;
    }

    .item:last-child[b-8ikr5uevpt] {
        border-bottom: 0;
    }

.out[b-8ikr5uevpt] {
    margin-top: 20px;
    width: 100%;
    min-height: 54px;
    border: 0;
    border-radius: 999px;
    background: #E8EDFE;
    color: #1F34A8;
    font: 600 16px 'DM Sans', sans-serif;
    cursor: pointer;
}

@media (min-width: 900px) {
    .more[b-8ikr5uevpt] {
        max-width: 900px;
        padding: 16px 24px 32px;
    }

    .cols[b-8ikr5uevpt] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 24px;
        align-items: start;
    }

    .out[b-8ikr5uevpt] {
        width: auto;
        padding: 0 32px;
    }
}
/* /Pages/NewJob.razor.rz.scp.css */
.page[b-d3k3qzoicu] {
    max-width: 460px;
    margin: 0 auto;
    padding: 8px 16px 120px;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
}

.topbar[b-d3k3qzoicu] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 0 6px;
}

.back[b-d3k3qzoicu] {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E2330;
}

h1[b-d3k3qzoicu] {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.error[b-d3k3qzoicu] {
    color: #B3261E;
    font-weight: 500;
}

.warn[b-d3k3qzoicu] {
    background: #FFF1CF;
    color: #6B4700;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 500;
}

.stack[b-d3k3qzoicu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px;
}

.stack8[b-d3k3qzoicu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card[b-d3k3qzoicu] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

    .card.stack[b-d3k3qzoicu] {
        padding-top: 18px;
        gap: 14px;
    }

.h2[b-d3k3qzoicu] {
    font-size: 18px;
    font-weight: 600;
}

.cap[b-d3k3qzoicu] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.mb[b-d3k3qzoicu] {
    margin-bottom: 8px;
}

.two[b-d3k3qzoicu] {
    display: flex;
    gap: 12px;
}

    .two > *[b-d3k3qzoicu] {
        flex: 1;
        min-width: 0;
    }

.half[b-d3k3qzoicu] {
    width: 50%;
    padding-right: 6px;
}

.lbl[b-d3k3qzoicu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ro[b-d3k3qzoicu] {
    min-height: 52px;
    border-radius: 16px;
    background: #F4F6FB;
    padding: 0 16px;
    display: flex;
    align-items: center;
    color: #3C4457;
}

.grow[b-d3k3qzoicu] {
    flex-grow: 1;
}

.bold[b-d3k3qzoicu] {
    font-weight: 600;
}

.muted[b-d3k3qzoicu] {
    color: #5F6882;
}

.in[b-d3k3qzoicu] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 0 16px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

    .in.upper[b-d3k3qzoicu] {
        text-transform: uppercase;
    }

.area[b-d3k3qzoicu] {
    padding: 14px 16px;
    min-height: 130px;
    resize: none;
}

.check[b-d3k3qzoicu] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.chips[b-d3k3qzoicu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.chip[b-d3k3qzoicu] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #DDE2EE;
    font: 500 15px 'DM Sans', sans-serif;
    color: #1E2330;
    cursor: pointer;
}

    .chip.on[b-d3k3qzoicu] {
        background: #E8EDFE;
        border-color: #2340CC;
        color: #1F34A8;
    }

    .chip:disabled[b-d3k3qzoicu] {
        opacity: .6;
        cursor: default;
    }

.pick[b-d3k3qzoicu] {
    text-align: left;
    min-height: 48px;
    border: 1px solid #DDE2EE;
    border-radius: 14px;
    background: #fff;
    padding: 0 14px;
    font: 500 15px 'DM Sans', sans-serif;
    color: #1E2330;
    cursor: pointer;
}

.chosen[b-d3k3qzoicu] {
    min-height: 52px;
    border-radius: 16px;
    background: #F4F6FB;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.link[b-d3k3qzoicu] {
    background: none;
    border: 0;
    padding: 0;
    color: #2340CC;
    font: 500 15px 'DM Sans', sans-serif;
    text-decoration: none;
    min-height: 44px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.contact[b-d3k3qzoicu] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #F4F6FB;
    border-radius: 18px;
    padding: 12px 14px;
}

.call[b-d3k3qzoicu] {
    min-width: 48px;
    min-height: 48px;
    border-radius: 24px;
    background: #2340CC;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn[b-d3k3qzoicu], .btn2[b-d3k3qzoicu] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-d3k3qzoicu] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-d3k3qzoicu] {
    background: #E8EDFE;
    color: #1F34A8;
}

button:disabled[b-d3k3qzoicu] {
    opacity: .5;
    cursor: default;
}
/* /Pages/Today.razor.rz.scp.css */
.today[b-4oc4u4ksf5] {
    max-width: 460px;
    margin: 0 auto;
    background: #F4F6FB;
    color: #1E2330;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 16px;
    padding: 8px 16px 32px;
    border-radius: 24px;
}

.head[b-4oc4u4ksf5] {
    padding: 16px 4px 6px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.head-text[b-4oc4u4ksf5] {
    flex-grow: 1;
}

h1[b-4oc4u4ksf5] {
    margin: 2px 0 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.avatar[b-4oc4u4ksf5] {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #E8EDFE;
    color: #1F34A8;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cap[b-4oc4u4ksf5] {
    font-size: 13px;
    font-weight: 500;
    color: #5F6882;
}

.error[b-4oc4u4ksf5] {
    color: #B3261E;
    font-weight: 500;
}

.body[b-4oc4u4ksf5] {
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card[b-4oc4u4ksf5] {
    background: #fff;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(20,30,60,.05), 0 10px 28px rgba(20,30,60,.06);
}

.stack[b-4oc4u4ksf5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.center[b-4oc4u4ksf5] {
    align-items: center;
    text-align: center;
}

.two[b-4oc4u4ksf5] {
    display: flex;
    gap: 12px;
}

    .two > *[b-4oc4u4ksf5] {
        flex: 1;
    }

.between[b-4oc4u4ksf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.grow[b-4oc4u4ksf5] {
    flex-grow: 1;
}

.big[b-4oc4u4ksf5] {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -.01em;
}

.dim[b-4oc4u4ksf5] {
    color: #9AA2B8;
}

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

.cap b[b-4oc4u4ksf5] {
    color: #1E2330;
    font-weight: 600;
    font-size: 15px;
}

.btn[b-4oc4u4ksf5], .btn2[b-4oc4u4ksf5], .btn-break[b-4oc4u4ksf5], .btn-white[b-4oc4u4ksf5] {
    min-height: 54px;
    border-radius: 999px;
    border: 0;
    font: 600 16px 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 22px;
    text-decoration: none;
    cursor: pointer;
}

.btn[b-4oc4u4ksf5] {
    background: #2340CC;
    color: #fff;
}

.btn2[b-4oc4u4ksf5] {
    background: #E8EDFE;
    color: #1F34A8;
}

    .btn2.small[b-4oc4u4ksf5] {
        min-height: 44px;
        padding: 0 18px;
        font-size: 15px;
        flex: none;
    }

.btn-break[b-4oc4u4ksf5] {
    background: #FFF1CF;
    color: #6B4700;
}

.btn-white[b-4oc4u4ksf5] {
    background: #fff;
    color: #1F34A8;
}

button:disabled[b-4oc4u4ksf5] {
    opacity: .5;
    cursor: default;
}

.working[b-4oc4u4ksf5] {
    background: #2340CC;
    color: #fff;
}

.light-cap[b-4oc4u4ksf5] {
    font-size: 13px;
    font-weight: 500;
    color: #D5DDFF;
}

.light[b-4oc4u4ksf5] {
    color: #D5DDFF;
}

.job-title[b-4oc4u4ksf5] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.clock[b-4oc4u4ksf5] {
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1;
}

.white[b-4oc4u4ksf5] {
    color: #fff;
}

.breakcard[b-4oc4u4ksf5] {
    background: #FFF1CF;
    padding: 28px 18px;
    gap: 8px;
}

.brown[b-4oc4u4ksf5] {
    color: #6B4700;
}

.brown-cap[b-4oc4u4ksf5] {
    font-size: 18px;
    font-weight: 600;
    color: #4A3200;
}

.breakcard .clock[b-4oc4u4ksf5] {
    color: #4A3200;
    font-size: 52px;
}

.breakcard .btn[b-4oc4u4ksf5] {
    width: 100%;
    margin-top: 8px;
}

.pill[b-4oc4u4ksf5] {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
    white-space: nowrap;
    display: inline-block;
}

.glass[b-4oc4u4ksf5] {
    background: rgba(255,255,255,.18);
    color: #fff;
}

.blue[b-4oc4u4ksf5] {
    background: #E8EDFE;
    color: #1F34A8;
    margin-top: 4px;
}

.field[b-4oc4u4ksf5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.in[b-4oc4u4ksf5] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 0 16px;
    background: #fff;
    font: inherit;
    color: #1E2330;
}

.list-head[b-4oc4u4ksf5] {
    margin: 4px 4px 8px;
}

.list-title[b-4oc4u4ksf5] {
    font-size: 18px;
    font-weight: 600;
}

.link[b-4oc4u4ksf5] {
    font-weight: 500;
    color: #2340CC;
    text-decoration: none;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.list[b-4oc4u4ksf5] {
    padding: 4px 18px;
}

.row[b-4oc4u4ksf5] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    border-bottom: 1px solid #EEF0F5;
}

    .row:last-child[b-4oc4u4ksf5] {
        border-bottom: 0;
    }

.row-title[b-4oc4u4ksf5] {
    font-weight: 600;
}

.right[b-4oc4u4ksf5] {
    text-align: right;
}

.dur[b-4oc4u4ksf5] {
    font-weight: 500;
}
.sheet-back[b-4oc4u4ksf5] {
    position: fixed;
    inset: 0;
    background: rgba(20,30,60,.45);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1000;
}

.sheet[b-4oc4u4ksf5] {
    width: 100%;
    max-width: 460px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 28px 28px 0 0;
    padding: 22px 18px 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sheet-title[b-4oc4u4ksf5] {
    font-size: 22px;
    font-weight: 600;
    color: #1E2330;
}

.sheet-item[b-4oc4u4ksf5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.area[b-4oc4u4ksf5] {
    width: 100%;
    min-height: 96px;
    border: 1px solid #DDE2EE;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    font: 16px 'DM Sans', system-ui, sans-serif;
    color: #1E2330;
    resize: none;
}