/* /Components/Business/CulturePage.razor.rz.scp.css */
.cp-intro h4[b-zr6gzi7iej] {
    margin: 0 0 8px;
    letter-spacing: 0.02em;
}

.cp-intro p[b-zr6gzi7iej] {
    margin: 0 0 10px;
    color: #374151;
    line-height: 1.55;
    white-space: pre-line;
}

.cp-intro p:last-child[b-zr6gzi7iej] {
    margin-bottom: 0;
}

.cp-item-head[b-zr6gzi7iej] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cp-item-head h4[b-zr6gzi7iej] {
    margin: 0;
}

/* The acknowledge button and pill never wrap or shrink, however long the title (owner, 6 September 2026). */
.cp-item-head .sd-btn[b-zr6gzi7iej],
.cp-item-head .status-pill[b-zr6gzi7iej],
.cp-item-head .sd-count[b-zr6gzi7iej] {
    white-space: nowrap;
    flex-shrink: 0;
}

.cp-body[b-zr6gzi7iej] {
    margin: 8px 0 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-line;
}

@media (max-width: 699px) {
    .cp-item-head[b-zr6gzi7iej] {
        flex-direction: column;
        align-items: stretch;
    }
}

/* The examples at the end of the page (owner, 6 September 2026). */
.cp-examples h4[b-zr6gzi7iej] {
    margin: 0 0 8px;
}
/* /Components/Business/DocBody.razor.rz.scp.css */
.doc-body[b-9q7i735d01] {
    color: #1e293b;
    font-size: 14px;
    line-height: 1.65;
}

/* Document strapline — the H2 under the page title. Selectors are anchored
   under .doc-body so they outrank the layout's ::deep .sd-card h4 rule. */
.doc-body .doc-strap[b-9q7i735d01] {
    margin: 0 0 18px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.45;
    color: #0f172a;
}

/* Section headings within the document — the H3 level. */
.doc-body .doc-heading[b-9q7i735d01] {
    margin: 26px 0 10px;
    font-size: 14.5px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #0f172a;
}

.doc-body .doc-heading[b-9q7i735d01]::after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-top: 6px;
    border-radius: 2px;
    background: #0d6efd;
}

.doc-body .doc-heading:first-child[b-9q7i735d01] {
    margin-top: 0;
}

/* Mini subheading — a short lead-in line above a bulleted list. */
.doc-body .doc-subhead[b-9q7i735d01] {
    margin: 14px 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.doc-body p[b-9q7i735d01] {
    margin: 0 0 12px;
    white-space: normal;
}

.doc-body > p:last-child[b-9q7i735d01] {
    margin-bottom: 0;
}

.doc-body .doc-list[b-9q7i735d01] {
    margin: 0 0 12px;
    padding-left: 20px;
    display: grid;
    gap: 5px;
}

.doc-body .doc-list li[b-9q7i735d01]::marker {
    color: #0d6efd;
}

/* Stage card — one card per career-path / checklist stage. */
.doc-body .doc-stage[b-9q7i735d01] {
    border: 1px solid #e2e8f0;
    border-left: 4px solid #0d6efd;
    border-radius: 12px;
    background: #f8fafc;
    padding: 14px 16px;
    margin: 0 0 14px;
}

.doc-body .doc-stage-head[b-9q7i735d01] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.doc-body .doc-stage-badge[b-9q7i735d01] {
    width: 28px;
    height: 28px;
    flex: none;
    border-radius: 999px;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 800;
    font-size: 14px;
    display: grid;
    place-items: center;
}

.doc-body .doc-stage-title[b-9q7i735d01] {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.doc-body .doc-stage > p:last-child[b-9q7i735d01],
.doc-body .doc-stage > ul:last-child[b-9q7i735d01] {
    margin-bottom: 0;
}

/* Numbered step — "1. …" goal lines. */
.doc-body .doc-step[b-9q7i735d01] {
    display: flex;
    gap: 12px;
    margin: 0 0 12px;
}

.doc-body .doc-step-num[b-9q7i735d01] {
    width: 26px;
    height: 26px;
    flex: none;
    margin-top: 2px;
    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #0d6efd;
    font-weight: 800;
    font-size: 13px;
    display: grid;
    place-items: center;
}

.doc-body .doc-step p[b-9q7i735d01] {
    margin: 0;
}

/* Pull quote with attribution. */
.doc-body .doc-quote[b-9q7i735d01] {
    margin: 0 0 16px;
    padding: 14px 18px;
    border-left: 4px solid #0d6efd;
    border-radius: 0 12px 12px 0;
    background: #f8fafc;
}

.doc-body .doc-quote p[b-9q7i735d01] {
    font-size: 15px;
    font-style: italic;
    color: #334155;
}

.doc-body .doc-quote p:last-of-type[b-9q7i735d01] {
    margin-bottom: 0;
}

.doc-body .doc-quote figcaption[b-9q7i735d01] {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #0f172a;
}

/* Label/value rows — job-description headers, essential/desired lists. */
.doc-body .doc-meta[b-9q7i735d01] {
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    padding: 12px 14px;
}

.doc-body .doc-meta-row[b-9q7i735d01] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 10px;
}

@media (max-width: 640px) {
    .doc-body .doc-meta-row[b-9q7i735d01] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}

.doc-body .doc-meta-label[b-9q7i735d01] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding-top: 2px;
}

/* Contact cards. */
.doc-body .doc-contacts[b-9q7i735d01] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 2px 0 12px;
}

.doc-body .doc-contact[b-9q7i735d01] {
    display: grid;
    gap: 2px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px 14px;
    font-size: 13px;
}

.doc-body .doc-contact-name[b-9q7i735d01] {
    font-weight: 700;
    color: #0f172a;
}

.doc-body .doc-contact a[b-9q7i735d01] {
    color: #0d6efd;
    text-decoration: none;
}

/* Inline elements arriving via MarkupString need ::deep. */
.doc-body[b-9q7i735d01]  a {
    color: #0d6efd;
    word-break: break-all;
}

.doc-body[b-9q7i735d01]  strong {
    color: #0f172a;
}
/* /Components/Business/JerseyBadge.razor.rz.scp.css */
/* Sits just after a name, the size of the text around it. */
.jersey-badge[b-2l4v9c6f6i] {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    vertical-align: -2px;
    line-height: 0;
}
/* /Components/Business/LeaveWallchart.razor.rz.scp.css */
.wall-legend[b-fkhqv012p8] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 12px;
    color: #475569;
    margin: 4px 0 8px;
}

.wall-legend .lg[b-fkhqv012p8] {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-radius: 3px;
    margin-right: 4px;
    vertical-align: middle;
}

.lg.lv-holiday[b-fkhqv012p8] { background: #dc2626; }
.lg.lv-sick[b-fkhqv012p8] { background: #7c3aed; }
.lg.lv-training[b-fkhqv012p8] { background: #0d6efd; }
.lg.lv-other[b-fkhqv012p8] { background: #475569; }

.lg.lg-pending[b-fkhqv012p8] {
    background: color-mix(in srgb, #dc2626 45%, #ffffff);
}

.lg.lg-closed[b-fkhqv012p8] {
    background: #eef2f7;
    border: 1px solid #e2e8f0;
}

.wall-scroll[b-fkhqv012p8] {
    overflow-x: auto;
    margin-top: 4px;
}

.wall-table[b-fkhqv012p8] {
    border-collapse: collapse;
    width: 100%;
    min-width: 900px;
}

.wall-table th.wall-day[b-fkhqv012p8] {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    padding: 2px 0 4px;
    text-align: center;
    width: 26px;
}

.wall-table th.wall-day .wall-dow[b-fkhqv012p8] {
    display: block;
    color: #94a3b8;
    font-weight: 600;
}

.wall-table th.wall-day.today[b-fkhqv012p8] {
    color: #0d6efd;
}

.wall-table th.wall-day.today span:last-child[b-fkhqv012p8] {
    background: #0d6efd;
    color: #ffffff;
    border-radius: 999px;
    padding: 1px 5px;
}

.wall-name[b-fkhqv012p8] {
    text-align: left;
    font-size: 13px;
    color: #0f172a;
    white-space: nowrap;
    padding: 3px 12px 3px 0;
    position: sticky;
    left: 0;
    background: #ffffff;
}

.wall-name.me[b-fkhqv012p8] {
    font-weight: 800;
    color: #0d6efd;
}

.wall-row-focus .wall-name[b-fkhqv012p8] {
    background: #eff6ff;
}

.wall-remaining[b-fkhqv012p8] {
    display: inline-block;
    margin-left: 6px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    vertical-align: middle;
}

.wall-cell[b-fkhqv012p8] {
    position: relative;
    height: 22px;
    border: 1px solid #f1f5f9;
    background: #ffffff;
    min-width: 24px;
}

.wall-cell.clickable[b-fkhqv012p8] {
    cursor: pointer;
}

.wall-cell.closed[b-fkhqv012p8],
th.wall-day.closed[b-fkhqv012p8] {
    background: #eef2f7;
    color: #cbd5e1;
}

/* Leave fills: --lv carries the type colour; the overlay covers the cell border
   so runs join up and half days stay crisp. Pending = paler wash of the colour. */
.wall-cell.lv[b-fkhqv012p8]::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: var(--lv);
}

.wall-cell.lv.pending[b-fkhqv012p8]::before {
    background: color-mix(in srgb, var(--lv) 45%, #ffffff);
}

.wall-cell.lv.left[b-fkhqv012p8]::before {
    right: 50%;
}

.wall-cell.lv.right[b-fkhqv012p8]::before {
    left: 50%;
}

/* Team heading rows (owner request, 2026-07-10). */
.wall-team-row .wall-team[b-fkhqv012p8] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
    background: transparent;
}
/* /Components/Business/NeedsYou.razor.rz.scp.css */
.ny-card[b-jrb481fzof] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
    margin: 0 0 16px;
}

.ny-head[b-jrb481fzof] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
}

.ny-head h4[b-jrb481fzof] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.ny-count[b-jrb481fzof] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.ny-empty[b-jrb481fzof] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.ny-list[b-jrb481fzof] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ny-item[b-jrb481fzof] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid #f1f5f9;
}

.ny-item:first-child[b-jrb481fzof] {
    border-top: 0;
}

.ny-dot[b-jrb481fzof] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #94a3b8;
}

.ny-item.urgent .ny-dot[b-jrb481fzof] {
    background: #dc2626;
}

.ny-item.normal .ny-dot[b-jrb481fzof] {
    background: #f59e0b;
}

.ny-item.info .ny-dot[b-jrb481fzof] {
    background: #2563eb;
}

.ny-text[b-jrb481fzof] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ny-title[b-jrb481fzof] {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
}

.ny-text small[b-jrb481fzof] {
    font-size: 13px;
    color: #64748b;
    margin-top: 2px;
}

.ny-btn[b-jrb481fzof] {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.ny-btn:hover[b-jrb481fzof] {
    background: #f1f5f9;
}

.ny-btn.primary[b-jrb481fzof] {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.ny-btn.primary:hover[b-jrb481fzof] {
    background: #1e293b;
}

@media (max-width: 599px) {
    .ny-item[b-jrb481fzof] {
        grid-template-columns: 10px minmax(0, 1fr);
    }

    .ny-btn[b-jrb481fzof] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Business/NotificationBell.razor.rz.scp.css */
.nb-wrap[b-phc23a393w] {
    position: fixed;
    top: 74px;
    right: 18px;
    z-index: 60;
}

.nb-bell[b-phc23a393w] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #334155;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.nb-bell:hover[b-phc23a393w] {
    background: #f8fafc;
}

.nb-badge[b-phc23a393w] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.nb-panel[b-phc23a393w] {
    position: absolute;
    top: 44px;
    right: 0;
    width: 340px;
    max-height: 420px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
    padding: 8px 0;
}

.nb-head[b-phc23a393w] {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 6px 14px;
}

.nb-empty[b-phc23a393w] {
    padding: 12px 14px;
    color: #64748b;
    font-size: 13px;
}

.nb-item[b-phc23a393w] {
    display: block;
    padding: 8px 14px;
    text-decoration: none;
    border-top: 1px solid #f1f5f9;
}

.nb-item:hover[b-phc23a393w] {
    background: #f8fafc;
}

.nb-item.unread[b-phc23a393w] {
    background: #eff6ff;
}

.nb-item strong[b-phc23a393w] {
    display: block;
    font-size: 13px;
    color: #0f172a;
}

.nb-item span[b-phc23a393w] {
    display: block;
    font-size: 12px;
    color: #475569;
}

.nb-item em[b-phc23a393w] {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    font-style: normal;
    margin-top: 2px;
}

.nb-btn[b-phc23a393w] {
    border: none;
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.nb-btn.primary[b-phc23a393w] {
    background: #0d6efd;
    color: #ffffff;
}

.nb-btn:disabled[b-phc23a393w] {
    opacity: 0.55;
    cursor: default;
}

.nb-actions[b-phc23a393w] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.nb-actions .nb-btn[b-phc23a393w] {
    padding: 5px 12px;
}

.nb-btn.ghost[b-phc23a393w] {
    background: #f1f5f9;
    color: #334155;
}

.nb-btn.ghost:hover[b-phc23a393w] {
    background: #e2e8f0;
}

.nb-decided[b-phc23a393w] {
    font-size: 12px;
    font-weight: 700;
    color: #16a34a;
}

.nb-flash[b-phc23a393w] {
    margin: 0 8px 6px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #166534;
    font-size: 12px;
    font-weight: 600;
}

[b-phc23a393w] .nb-popup.e-dialog {
    border-radius: 16px;
}

[b-phc23a393w] .nb-popup .e-dlg-content {
    padding: 0 !important;
}

/* Urgent to do list notes in the login popup (owner, 2026-09-29). */
.nb-urgent[b-phc23a393w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin: 6px 0 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fef2f2;
    color: #7f1d1d;
    font-size: 13px;
    line-height: 1.4;
}

.nb-urgent .nb-btn[b-phc23a393w] {
    text-decoration: none;
    white-space: nowrap;
}

/* Easy to see on the pink (owner, 2026-09-29): white with a grey outline and dark text. */
.nb-btn.nb-open-list[b-phc23a393w] {
    background: #ffffff;
    border: 1px solid #94a3b8;
    color: #0f172a;
}

.nb-btn.nb-open-list:hover[b-phc23a393w] {
    background: #f8fafc;
    border-color: #64748b;
}
/* /Components/Business/Pages/AdminAcademy.razor.rz.scp.css */
.ac-course[b-o1wx02l06s] {
    display: grid;
    gap: 12px;
}

.ac-head[b-o1wx02l06s] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.ac-head h4[b-o1wx02l06s] {
    margin: 2px 0 0;
    font-size: 18px;
    color: #0f172a;
}

.ac-tag[b-o1wx02l06s] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ac-tag.module[b-o1wx02l06s] {
    background: #ede9fe;
    color: #4c1d95;
    margin-right: 6px;
}

.ac-module-title[b-o1wx02l06s] {
    font-size: 15px;
    color: #0f172a;
}

.ac-desc[b-o1wx02l06s] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13.5px;
}

.ac-module[b-o1wx02l06s] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    background: #f8fafc;
    display: grid;
    gap: 8px;
}

.ac-lessons[b-o1wx02l06s] {
    margin: 0;
    padding: 0 0 0 20px;
    display: grid;
    gap: 6px;
}

.ac-lessons li[b-o1wx02l06s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 6px 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.ac-lesson-title[b-o1wx02l06s] {
    font-weight: 600;
    color: #0f172a;
    text-decoration: none;
    min-width: 0;
    flex: 1 1 220px;
}

.ac-lesson-title:hover[b-o1wx02l06s] {
    text-decoration: underline;
}

.ac-meta[b-o1wx02l06s] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    color: #64748b;
    font-size: 12.5px;
}

.ac-row-actions[b-o1wx02l06s] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

/* Move a module to another course (owner, 2026-09-27): the same height as the buttons beside it. */
.ac-row-actions select.ac-move[b-o1wx02l06s] {
    box-sizing: border-box;
    width: auto;
    max-width: 220px;
    min-height: 30px;
    height: 30px;
    padding: 2px 8px;
    font-size: 13px;
}

.ac-confirm[b-o1wx02l06s] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #991b1b;
}

.ac-add[b-o1wx02l06s] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ac-add .form-input[b-o1wx02l06s] {
    flex: 1 1 220px;
    max-width: 420px;
}

.ac-edit[b-o1wx02l06s] {
    display: grid;
    gap: 8px;
}

/* Text boxes in the page font, not the browser's typewriter default. */
textarea.form-input[b-o1wx02l06s] {
    font-family: inherit;
    line-height: 1.5;
}

/* Every button the same height, links and the file picker included (owner, 2026-09-27: match
   the smaller size). Labels and links do not size like buttons unless told to. */
.sd-shell .sd-btn[b-o1wx02l06s] {
    box-sizing: border-box;
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    text-align: center;
}
/* /Components/Business/Pages/AdminAcademyLesson.razor.rz.scp.css */
.al-crumbs[b-h5szbetkw5] {
    font-size: 13px;
    color: #64748b;
}

.al-crumbs a[b-h5szbetkw5] {
    color: #2563eb;
    text-decoration: none;
}

.al-grid[b-h5szbetkw5] {
    display: grid;
    gap: 12px;
}

.al-field[b-h5szbetkw5] {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.al-field small[b-h5szbetkw5] {
    font-weight: 400;
    color: #64748b;
}

.al-h[b-h5szbetkw5] {
    margin: 0 0 10px;
    font-size: 16px;
    color: #0f172a;
}

.al-h small[b-h5szbetkw5] {
    font-weight: 400;
    font-size: 13px;
    color: #64748b;
}

.al-note[b-h5szbetkw5] {
    margin: 6px 0;
    font-size: 13px;
    color: #64748b;
}

.al-note.error[b-h5szbetkw5] {
    color: #b91c1c;
}

.al-problems[b-h5szbetkw5] {
    margin: 6px 0 0;
    padding-left: 20px;
}

.al-video[b-h5szbetkw5] {
    display: block;
    width: 100%;
    max-width: 720px;
    aspect-ratio: 16 / 9;
    background: #0f172a;
    border-radius: 10px;
}

.al-media-actions[b-h5szbetkw5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.al-file-label[b-h5szbetkw5] {
    position: relative;
    cursor: pointer;
}

.al-file-label input[b-h5szbetkw5] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.al-progress[b-h5szbetkw5] {
    width: 100%;
    max-width: 720px;
    height: 10px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin-top: 8px;
}

.al-progress div[b-h5szbetkw5] {
    height: 100%;
    background: #2563eb;
    transition: width 200ms linear;
}

.al-spinner[b-h5szbetkw5] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    vertical-align: -2px;
    animation: al-spin-b-h5szbetkw5 800ms linear infinite;
}

@keyframes al-spin-b-h5szbetkw5 {
    to {
        transform: rotate(360deg);
    }
}

.al-recorder[b-h5szbetkw5] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    display: grid;
    gap: 10px;
}

.al-rec-bar[b-h5szbetkw5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.al-rec-dot[b-h5szbetkw5] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #dc2626;
    animation: al-blink-b-h5szbetkw5 1s ease-in-out infinite;
}

@keyframes al-blink-b-h5szbetkw5 {
    50% {
        opacity: .3;
    }
}

.al-roles[b-h5szbetkw5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 4px 12px;
    margin-top: 6px;
}

.aq-card[b-h5szbetkw5] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 0 0 10px;
    display: grid;
    gap: 8px;
    background: #fff;
}

.aq-head[b-h5szbetkw5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.aq-num[b-h5szbetkw5] {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
}

.aq-head .aq-kind[b-h5szbetkw5] {
    width: auto;
    flex: 0 1 260px;
    min-width: 0;
}

.aq-tools[b-h5szbetkw5] {
    margin-left: auto;
    display: inline-flex;
    gap: 4px;
}

.aq-answers[b-h5szbetkw5] {
    display: grid;
    gap: 6px;
}

.aq-hint[b-h5szbetkw5] {
    font-size: 12.5px;
    color: #64748b;
}

.aq-answer[b-h5szbetkw5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aq-answer .form-input[b-h5szbetkw5] {
    flex: 1;
    min-width: 0;
}

.aq-answer input[type="radio"][b-h5szbetkw5] {
    width: 18px;
    height: 18px;
    accent-color: #16a34a;
    flex: 0 0 auto;
}

.aq-add-answer[b-h5szbetkw5] {
    justify-self: start;
}

.al-save[b-h5szbetkw5] {
    display: grid;
    gap: 8px;
}

/* Text boxes in the page font, not the browser's typewriter default. */
textarea.form-input[b-h5szbetkw5] {
    font-family: inherit;
    line-height: 1.5;
}

/* Every button the same height, links and the file picker included (owner, 2026-09-27: match
   the smaller size). Labels and links do not size like buttons unless told to. */
.sd-shell .sd-btn[b-h5szbetkw5] {
    box-sizing: border-box;
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    text-align: center;
}

/* Questions and answers grow to show all their words (owner, 2026-09-27). */
.aq-grow[b-h5szbetkw5] {
    field-sizing: content;
    resize: vertical;
    min-height: 36px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.aq-answer:has(textarea)[b-h5szbetkw5] {
    align-items: flex-start;
}

.aq-answer:has(textarea) input[type="radio"][b-h5szbetkw5] {
    margin-top: 9px;
}

.aq-answer .sd-btn[b-h5szbetkw5] {
    margin-top: 3px;
}
/* /Components/Business/Pages/AdminContracts.razor.rz.scp.css */
/* Contracts (owner, 6 September 2026): the editor, the file panel and the signed copy. */
.ac-body[b-2vtao4j9ig] {
    font-family: inherit;
    line-height: 1.5;
}

.ac-file[b-2vtao4j9ig] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.ac-file label[b-2vtao4j9ig] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.ac-file p[b-2vtao4j9ig] {
    margin: 0;
    font-size: 14px;
}

.ac-actions[b-2vtao4j9ig] {
    white-space: nowrap;
}

.ac-signed[b-2vtao4j9ig] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-left: 4px solid #16a34a;
    background: #f0fdf4;
    border-radius: 0 10px 10px 0;
}

.ac-signed p[b-2vtao4j9ig] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 14px;
}

.ac-signature[b-2vtao4j9ig] {
    max-width: 260px;
    max-height: 110px;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
/* /Components/Business/Pages/AdminCulture.razor.rz.scp.css */
.cul-row[b-88vnq76q2f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #f1f5f9;
    padding: 10px 0;
}

.cul-desc[b-88vnq76q2f] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 13px;
    white-space: pre-line;
}

.cul-row > div:first-of-type[b-88vnq76q2f] {
    flex: 1;
}

.cul-drag-handle[b-88vnq76q2f] {
    color: #cbd5e1;
    cursor: grab;
    user-select: none;
    font-size: 14px;
    line-height: 1.4;
    padding: 2px 2px 0 0;
}

.cul-drag-handle:hover[b-88vnq76q2f] {
    color: #64748b;
}

.cul-dnd-row.dragging[b-88vnq76q2f] {
    opacity: 0.5;
}

.cul-desc-input[b-88vnq76q2f] {
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
}

/* The introduction block above each list (owner, 6 September 2026). */
.cul-intro[b-88vnq76q2f] {
    display: grid;
    gap: 8px;
    padding: 10px 12px 12px;
    margin: 0 0 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.cul-intro label[b-88vnq76q2f] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.cul-intro .sd-actions[b-88vnq76q2f] {
    margin: 0;
}
/* /Components/Business/Pages/AdminDare.razor.rz.scp.css */
.sd-shell[b-h83l8vk0hr] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-h83l8vk0hr] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-h83l8vk0hr] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-h83l8vk0hr] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-h83l8vk0hr] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-h83l8vk0hr] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-h83l8vk0hr] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-h83l8vk0hr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-h83l8vk0hr] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.sd-btn[b-h83l8vk0hr] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-h83l8vk0hr] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-h83l8vk0hr] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-h83l8vk0hr] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-h83l8vk0hr] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-h83l8vk0hr] {
    background: #f8fafc;
}

.sd-btn-danger[b-h83l8vk0hr] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-h83l8vk0hr] {
    background: #dc2626;
}

.sd-table[b-h83l8vk0hr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 4px;
}

.sd-table th[b-h83l8vk0hr] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-h83l8vk0hr] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: top;
}

.col-actions[b-h83l8vk0hr] {
    width: 90px;
    text-align: center;
}

.row-icons[b-h83l8vk0hr] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.icon-btn[b-h83l8vk0hr] {
    border: none;
    background: transparent;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.icon-btn:hover[b-h83l8vk0hr] {
    color: #475569;
}

.edit-icon-btn[b-h83l8vk0hr] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-h83l8vk0hr] {
    color: #64748b;
}

.icon-btn.danger[b-h83l8vk0hr] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-h83l8vk0hr] {
    color: #b91c1c;
}

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

.form-section[b-h83l8vk0hr] {
    display: grid;
    gap: 6px;
}

.span-full[b-h83l8vk0hr] {
    grid-column: 1 / -1;
}

.form-section label[b-h83l8vk0hr] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.form-input[b-h83l8vk0hr],
.form-select[b-h83l8vk0hr] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
    font-family: inherit;
}

.sd-actions[b-h83l8vk0hr] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.empty-access-hint[b-h83l8vk0hr] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.compact-card[b-h83l8vk0hr] {
    padding: 10px 16px;
}

.dare-role-head[b-h83l8vk0hr] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px 0;
    text-align: left;
}

.dare-chevron[b-h83l8vk0hr] {
    color: #64748b;
    width: 14px;
    flex-shrink: 0;
}

.dare-role-head .sd-count[b-h83l8vk0hr] {
    margin-left: auto;
}

.dare-role-title[b-h83l8vk0hr] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.dare-sec[b-h83l8vk0hr] {
    margin-top: 14px;
    border-top: 1px solid #eef2f7;
    padding-top: 10px;
}

.dare-sec-head[b-h83l8vk0hr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.dare-sec-head h5[b-h83l8vk0hr] {
    margin: 0;
    color: #0d6efd;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dare-table[b-h83l8vk0hr] {
    table-layout: fixed;
}

.dare-col[b-h83l8vk0hr] {
    width: 31%;
}

.dare-cell[b-h83l8vk0hr] {
    white-space: pre-line;
    font-size: 12.5px;
    line-height: 1.5;
    vertical-align: top;
}

.dare-cell.goals[b-h83l8vk0hr] {
    background: #fffdf3;
}

.dare-cell.good[b-h83l8vk0hr] {
    background: #f6fdf8;
}

.dare-cell.great[b-h83l8vk0hr] {
    background: #f5f9ff;
}
/* /Components/Business/Pages/AdminDashboard.razor.rz.scp.css */
.dash-grid[b-996gap6y1z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.dash-big[b-996gap6y1z] {
    margin: 4px 0 2px;
    font-size: 30px;
    font-weight: 800;
    color: #0f172a;
}

.dash-sub[b-996gap6y1z] {
    margin: 0 0 12px;
    color: #64748b;
    font-size: 13px;
}
/* /Components/Business/Pages/AdminForms.razor.rz.scp.css */
/* The form builder (owner, 6 September 2026): one block per field, the file panel for uploads. */
.fb-list[b-q9ilrwq8rt] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.fb-row[b-q9ilrwq8rt] {
    display: grid;
    gap: 6px;
    padding: 10px 12px 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.fb-main[b-q9ilrwq8rt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px auto;
    gap: 8px;
    align-items: center;
}

.fb-required[b-q9ilrwq8rt] {
    white-space: nowrap;
}

.fb-tools[b-q9ilrwq8rt] {
    display: flex;
    gap: 6px;
}

.fb-file[b-q9ilrwq8rt] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.fb-file label[b-q9ilrwq8rt] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.af-off td[b-q9ilrwq8rt] {
    color: #94a3b8;
}

.af-actions[b-q9ilrwq8rt] {
    white-space: nowrap;
}

.af-answers[b-q9ilrwq8rt] {
    margin-top: 14px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.af-answer-heading[b-q9ilrwq8rt] {
    margin: 12px 0 4px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #2563eb;
}

.af-answer[b-q9ilrwq8rt] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 2fr;
    gap: 10px;
    padding: 5px 0;
    border-top: 1px solid #eef2f7;
    font-size: 14px;
}

.af-answer-label[b-q9ilrwq8rt] {
    color: #475569;
}

.af-answer-value[b-q9ilrwq8rt] {
    white-space: pre-line;
}

@media (max-width: 699px) {
    .fb-main[b-q9ilrwq8rt] {
        grid-template-columns: 1fr;
    }

    .af-answer[b-q9ilrwq8rt] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* /Components/Business/Pages/AdminHandbook.razor.rz.scp.css */
.sd-shell[b-jhoy8plpri] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-jhoy8plpri] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-jhoy8plpri] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-jhoy8plpri] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-jhoy8plpri] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-jhoy8plpri] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-jhoy8plpri] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-jhoy8plpri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-jhoy8plpri] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.sd-btn[b-jhoy8plpri] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-jhoy8plpri] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-jhoy8plpri] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-jhoy8plpri] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-jhoy8plpri] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-jhoy8plpri] {
    background: #f8fafc;
}

.sd-btn-danger[b-jhoy8plpri] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-jhoy8plpri] {
    background: #dc2626;
}

.sd-table[b-jhoy8plpri] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 4px;
}

.sd-table th[b-jhoy8plpri] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-jhoy8plpri] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.col-actions[b-jhoy8plpri] {
    width: 90px;
    text-align: center;
}

.row-icons[b-jhoy8plpri] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.icon-btn[b-jhoy8plpri] {
    border: none;
    background: transparent;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.icon-btn:hover[b-jhoy8plpri] {
    color: #475569;
}

.edit-icon-btn[b-jhoy8plpri] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-jhoy8plpri] {
    color: #64748b;
}

.icon-btn.danger[b-jhoy8plpri] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-jhoy8plpri] {
    color: #b91c1c;
}

.status-pill[b-jhoy8plpri] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
}

.status-pill.approved[b-jhoy8plpri] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.status-pill.pending[b-jhoy8plpri] {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

.hb-order[b-jhoy8plpri] {
    width: 54px;
    white-space: nowrap;
}

.hb-move[b-jhoy8plpri] {
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    font-size: 11px;
    padding: 2px;
}

.hb-move:hover[b-jhoy8plpri] {
    color: #475569;
}

.hb-body[b-jhoy8plpri] {
    min-height: 320px;
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
}

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

.form-section[b-jhoy8plpri] {
    display: grid;
    gap: 6px;
}

.span-full[b-jhoy8plpri] {
    grid-column: 1 / -1;
}

.form-section label[b-jhoy8plpri] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.form-input[b-jhoy8plpri] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.store-access-list[b-jhoy8plpri] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: 10px;
}

.check-item[b-jhoy8plpri] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.empty-access-hint[b-jhoy8plpri] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.sd-actions[b-jhoy8plpri] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Business/Pages/AdminOnboarding.razor.rz.scp.css */
.ob-blocked[b-u7gexoqy8l] {
    text-align: center;
    padding: 32px;
}

.ob-row[b-u7gexoqy8l] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ob-row .form-input[b-u7gexoqy8l],
.ob-row .form-select[b-u7gexoqy8l] {
    flex: 0 1 auto;
}

.ob-phase[b-u7gexoqy8l] {
    border-top: 1px solid #eef2f7;
    padding: 10px 0;
}

.ob-section[b-u7gexoqy8l] {
    margin-left: 18px;
    padding: 6px 0;
}

.ob-task[b-u7gexoqy8l] {
    margin-left: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 0;
    font-size: 13px;
    color: #1e293b;
}

.ob-flags[b-u7gexoqy8l] {
    color: #64748b;
    font-size: 12px;
}

.ob-add-task[b-u7gexoqy8l] {
    margin-left: 36px;
    justify-content: flex-start;
}
/* /Components/Business/Pages/AdminOrgChart.razor.rz.scp.css */
/* Organisation chart as a tree with drag-and-drop (owner, 2026-09-02). */
.org-layout[b-zwib8yuske] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 18px;
    align-items: start;
}

.org-hint[b-zwib8yuske] {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 10px;
}

.org-dropzone[b-zwib8yuske] {
    border: 2px dashed #cbd5e1;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 13px;
    color: #94a3b8;
    margin: 0 0 12px;
    transition: border-color 120ms ease, color 120ms ease;
}

.org-dropzone.active[b-zwib8yuske] {
    border-color: #0f172a;
    color: #0f172a;
}

.org-tree[b-zwib8yuske],
.org-tree ul[b-zwib8yuske] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.org-tree ul[b-zwib8yuske] {
    margin-left: 22px;
    padding-left: 18px;
    border-left: 2px solid #e2e8f0;
}

.org-tree li[b-zwib8yuske] {
    position: relative;
    padding: 6px 0;
}

.org-tree ul > li[b-zwib8yuske]::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 26px;
    width: 14px;
    border-top: 2px solid #e2e8f0;
}

.org-seat[b-zwib8yuske] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 220px;
    max-width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 10px 14px;
    cursor: grab;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.org-seat:hover[b-zwib8yuske] {
    border-color: #94a3b8;
}

.org-seat.selected[b-zwib8yuske] {
    border-color: #0f172a;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.12);
}

.org-seat.over[b-zwib8yuske] {
    border-color: #2563eb;
    background: #eff6ff;
}

.org-seat.draft[b-zwib8yuske]::after {
    content: "draft";
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #92400e;
}

.org-seat-title[b-zwib8yuske] {
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
}

.org-seat-person[b-zwib8yuske] {
    font-size: 13px;
    color: #334155;
}

.org-seat-person.vacant[b-zwib8yuske] {
    color: #94a3b8;
    font-style: italic;
}

.org-seat-resp[b-zwib8yuske] {
    margin: 4px 0 0;
    padding-left: 16px;
    font-size: 12px;
    color: #64748b;
}

.org-people[b-zwib8yuske] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    background: #f8fafc;
    max-height: 520px;
    overflow: auto;
}

.org-people h5[b-zwib8yuske] {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 700;
}

.org-person[b-zwib8yuske] {
    display: flex;
    flex-direction: column;
    padding: 6px 8px;
    margin: 4px 0;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    font-size: 13px;
    cursor: grab;
}

.org-person small[b-zwib8yuske] {
    color: #64748b;
    font-size: 11.5px;
}

.org-person.seated[b-zwib8yuske] {
    opacity: 0.55;
}

.org-editor-title[b-zwib8yuske] {
    margin: 0 0 8px;
}

@media (max-width: 800px) {
    .org-layout[b-zwib8yuske] {
        grid-template-columns: 1fr;
    }
}

/* Current and proposed charts (owner, 6 September 2026). */
.org-tabs[b-zwib8yuske] {
    display: flex;
    gap: 6px;
}
/* /Components/Business/Pages/AdminProcesses.razor.rz.scp.css */
/* The process document editor (owner, 6 September 2026): an introduction block, then one block per section. */
.pd-section[b-qs80jdpq4t] {
    display: grid;
    gap: 6px;
    padding: 10px 12px 12px;
    margin: 8px 0;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.pd-section-head[b-qs80jdpq4t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pd-kind[b-qs80jdpq4t] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pd-section-tools[b-qs80jdpq4t] {
    display: flex;
    gap: 6px;
}
/* /Components/Business/Pages/AdminProgress.razor.rz.scp.css */
.sd-shell[b-uk2dnm1z3n] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-uk2dnm1z3n] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-uk2dnm1z3n] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-card[b-uk2dnm1z3n] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.compact-card[b-uk2dnm1z3n] {
    padding: 10px 16px;
}

.tab-strip[b-uk2dnm1z3n] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tab[b-uk2dnm1z3n] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155;
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.tab:hover[b-uk2dnm1z3n] {
    background: #f8fafc;
}

.tab.active[b-uk2dnm1z3n] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #ffffff;
}

.sd-toolbar[b-uk2dnm1z3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-uk2dnm1z3n] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.sd-btn[b-uk2dnm1z3n] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.sd-btn-sm[b-uk2dnm1z3n] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-uk2dnm1z3n] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-ghost[b-uk2dnm1z3n] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-uk2dnm1z3n] {
    background: #f8fafc;
}

.sd-table[b-uk2dnm1z3n] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 4px;
}

.sd-table th[b-uk2dnm1z3n] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-uk2dnm1z3n] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.mini-bar[b-uk2dnm1z3n] {
    width: 120px;
    height: 7px;
    border-radius: 999px;
    background: #eef2f7;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.mini-bar-fill[b-uk2dnm1z3n] {
    height: 7px;
    border-radius: 999px;
    background: #0d6efd;
}

.all-done[b-uk2dnm1z3n] {
    color: #166534;
    font-weight: 700;
}

.proc-chips[b-uk2dnm1z3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.proc-chip[b-uk2dnm1z3n] {
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 11px;
    font-weight: 700;
}

.proc-chip.read[b-uk2dnm1z3n] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.proc-chip.unread[b-uk2dnm1z3n] {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

.drill-kind[b-uk2dnm1z3n] {
    margin: 14px 0 6px;
    color: #0f172a;
}

.drill-phase[b-uk2dnm1z3n] {
    margin: 8px 0;
}

.drill-phase > strong[b-uk2dnm1z3n] {
    font-size: 14px;
    color: #0f172a;
}

.drill-section[b-uk2dnm1z3n] {
    margin: 4px 0 8px 14px;
}

.drill-section > em[b-uk2dnm1z3n] {
    color: #6b7280;
    font-size: 13px;
}

.drill-task[b-uk2dnm1z3n] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 13px;
    color: #334155;
    padding: 2px 0 2px 14px;
}

.drill-task.done[b-uk2dnm1z3n] {
    color: #166534;
}

.drill-mark[b-uk2dnm1z3n] {
    width: 14px;
    flex-shrink: 0;
}

.drill-flags[b-uk2dnm1z3n] {
    margin-left: auto;
    white-space: nowrap;
}

.empty-access-hint[b-uk2dnm1z3n] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

/* Store and team grouping rows (owner, 2026-07-10). */
.grp-store-row .grp-store[b-uk2dnm1z3n] {
    padding: 14px 8px 4px 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    border-bottom: 2px solid #cbd5e1;
}

.grp-team-row .grp-team[b-uk2dnm1z3n] {
    padding: 8px 8px 3px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

.grp-store-title[b-uk2dnm1z3n] {
    margin: 0 0 4px;
    font-size: 17px;
    color: #0f172a;
}
/* /Components/Business/Pages/AdminRotaBuilder.razor.rz.scp.css */
.rota-shell[b-diqfdbr0m6] {
    max-width: 1400px;
}

.rota-controls[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rota-controls .form-select[b-diqfdbr0m6] {
    max-width: 220px;
}

.rota-week-label[b-diqfdbr0m6] {
    color: #0f172a;
    font-size: 14px;
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
}

.rota-legend[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 12px;
    color: #475569;
}

.rg-key[b-diqfdbr0m6] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    margin-left: 10px;
}

.rg-key.on[b-diqfdbr0m6] { background: #16a34a; }
.rg-key.suggest[b-diqfdbr0m6] { background: #f59e0b; }
/* The three kinds of cover (owner, 2026-09-07): floaters orange, cover teal, emergency cover purple. */
.rg-key.suggest.cover[b-diqfdbr0m6] { background: #14b8a6; }
.rg-key.suggest.emergency[b-diqfdbr0m6] { background: #8b5cf6; }
.rg-key.away[b-diqfdbr0m6] { background: #93c5fd; }
.rg-key.hol[b-diqfdbr0m6] { background: #475569; }
.rg-key.closed[b-diqfdbr0m6] { background: #cbd5e1; }
.rg-key.offday[b-diqfdbr0m6] { background: #e8edf3; border: 1px solid #dbe3ec; }

/* Month grid */
.rg-scroll[b-diqfdbr0m6] {
    overflow-x: auto;
}

.rg-table[b-diqfdbr0m6] {
    border-collapse: collapse;
    width: 100%;
}

.rg-name[b-diqfdbr0m6] {
    text-align: left;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    padding: 3px 10px 3px 0;
    min-width: 150px;
}

.rg-day[b-diqfdbr0m6] {
    font-size: 10px;
    color: #64748b;
    text-align: center;
    padding: 2px 0 4px;
    min-width: 26px;
}

.rg-day .rg-dow[b-diqfdbr0m6] {
    display: block;
    font-weight: 400;
    color: #94a3b8;
}

.rg-day.closed[b-diqfdbr0m6] {
    color: #cbd5e1;
}

/* Neighbouring-month days shown for whole-week context (owner, 2026-07-11). */
.rg-day.outmonth[b-diqfdbr0m6],
.rg-day.outmonth .rg-dow[b-diqfdbr0m6] {
    color: #cbd5e1;
    font-style: italic;
}

.rg-cell.outmonth[b-diqfdbr0m6] {
    opacity: 0.4;
    cursor: default;
}

.rg-cell.outmonth:hover[b-diqfdbr0m6] {
    outline: none;
}

/* A preview's balancing days in the month next door (owner, 2026-09-07) read clearly, a touch muted. */
.rg-cell.outmonth.preview-add[b-diqfdbr0m6],
.rg-cell.outmonth.preview-remove[b-diqfdbr0m6] {
    opacity: 0.8;
}

.rg-cell.outmonth.preview-add:hover[b-diqfdbr0m6] {
    outline: 2px solid #0d6efd;
}

.rg-day.today[b-diqfdbr0m6] {
    color: #ffffff;
    background: #0d6efd;
    border-radius: 6px 6px 0 0;
}

.rg-team-row .rg-team[b-diqfdbr0m6] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

/* Day columns on the team heading row — a red ✕ marks WHICH team is
   short that day (owner, 2026-07-11; ✕ over solid block per owner). */
.rg-team-row .rg-team-cell[b-diqfdbr0m6] {
    border-bottom: 2px solid #e2e8f0;
    text-align: center;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    padding: 0 0 3px;
}

.rg-team-row .rg-team-cell.problem[b-diqfdbr0m6] {
    color: #dc2626;
    cursor: help;
}

.rg-cell[b-diqfdbr0m6] {
    height: 26px;
    min-width: 26px;
    border: 1px solid #f1f5f9;
    background: #ffffff;
    cursor: pointer;
}

.rg-cell:hover[b-diqfdbr0m6] {
    outline: 2px solid #93c5fd;
    outline-offset: -2px;
}

/* In — a green square. */
.rg-cell.on[b-diqfdbr0m6] {
    background: #16a34a;
    border-color: #15803d;
}

/* Suggested floater — orange, click to accept or decline. */
.rg-cell.suggest[b-diqfdbr0m6] {
    background: #f59e0b;
    border-color: #d97706;
}

/* An ALTERNATIVE floater for the same gap (owner, 2026-07-11) — pale
   orange so the top suggestion stands out; click to choose who covers. */
.rg-cell.suggest.alt[b-diqfdbr0m6] {
    background: #fde68a;
    border: 1px dashed #f59e0b;
}

/* Cover from a helper store (owner, 2026-09-07): teal. */
.rg-cell.suggest.cover[b-diqfdbr0m6] {
    background: #14b8a6;
    border-color: #0d9488;
}

.rg-cell.suggest.alt.cover[b-diqfdbr0m6] {
    background: #ccfbf1;
    border: 1px dashed #0d9488;
}

/* Emergency cover (owner, 2026-09-07): purple. */
.rg-cell.suggest.emergency[b-diqfdbr0m6] {
    background: #8b5cf6;
    border-color: #7c3aed;
}

.rg-cell.suggest.alt.emergency[b-diqfdbr0m6] {
    background: #ede9fe;
    border: 1px dashed #7c3aed;
}

.rg-key.suggest.alt[b-diqfdbr0m6] {
    background: #fde68a;
    border: 1px dashed #f59e0b;
}

/* Booked holiday — dark grey, reason on hover. */
.rg-cell.away[b-diqfdbr0m6] {
    background: #93c5fd;
    border-color: #60a5fa;
}

.rg-cell.hol[b-diqfdbr0m6] {
    background: #475569;
    border-color: #334155;
    cursor: default;
}

.rg-cell.hol:hover[b-diqfdbr0m6],
.rg-cell.closed:hover[b-diqfdbr0m6] {
    outline: none;
}

/* A suggested support person's day that needs nothing from them (owner, 2026-09-07). */
.rg-cell.quiet[b-diqfdbr0m6] {
    background: #fbfcfd;
    border-color: #f1f5f9;
    cursor: default;
}

.rg-cell.quiet:hover[b-diqfdbr0m6] {
    outline: none;
}

/* Store closed that day — medium grey (owner, 2026-07-10). */
.rg-cell.closed[b-diqfdbr0m6] {
    background: #cbd5e1;
    border-color: #b6c2d1;
    cursor: default;
}

/* Their regular day off — lighter grey, still addable (owner, 2026-07-10). */
.rg-cell.offday[b-diqfdbr0m6] {
    background: #e8edf3;
    border-color: #e0e7ef;
}

.rota-floater[b-diqfdbr0m6] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #0d6efd;
    font-size: 11px;
    font-weight: 800;
}

/* The letter matches the squares (owner, 2026-09-07): F orange, C teal, E purple. */
.rota-floater.floater[b-diqfdbr0m6] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.rota-floater.cover[b-diqfdbr0m6] {
    background: #f0fdfa;
    border-color: #5eead4;
    color: #0f766e;
}

.rota-floater.emergency[b-diqfdbr0m6] {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #6d28d9;
}

/* A suggested person's row (owner, 2026-09-07): grey name and pill, apart from the store's own staff. */
.rg-name-suggested[b-diqfdbr0m6] {
    color: #64748b;
    font-weight: 600;
}

.rota-suggested[b-diqfdbr0m6] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

/* The cover switches under the month controls (owner, 2026-09-07). */
.rota-switches[b-diqfdbr0m6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eef2f7;
    font-size: 13px;
    color: #334155;
}

.rota-switches-label[b-diqfdbr0m6] {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
}

.rota-switch[b-diqfdbr0m6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.rota-switch input[b-diqfdbr0m6] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.rota-switch-track[b-diqfdbr0m6] {
    position: relative;
    flex-shrink: 0;
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #cbd5e1;
    transition: background 0.15s;
}

.rota-switch-track[b-diqfdbr0m6]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: left 0.15s;
}

.rota-switch input:checked + .rota-switch-track[b-diqfdbr0m6] {
    background: #0d6efd;
}

.rota-switch input:checked + .rota-switch-track[b-diqfdbr0m6]::after {
    left: 16px;
}

.rota-switch input:disabled + .rota-switch-track[b-diqfdbr0m6] {
    opacity: 0.5;
}

.rota-switch-text[b-diqfdbr0m6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rota-switch-text .rg-key[b-diqfdbr0m6] {
    margin-left: 0;
}

.rota-switch-days[b-diqfdbr0m6] {
    margin-left: auto;
}

.rota-borrowed[b-diqfdbr0m6] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #b45309;
    font-size: 11px;
    font-weight: 700;
}

/* Suggestion dialog */
.rota-dialog-backdrop[b-diqfdbr0m6] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    z-index: 1001;
}

.rota-dialog[b-diqfdbr0m6] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, 92vw);
    z-index: 1002;
    padding: 18px;
}

/* All floaters who could fill a gap, priority order (owner, 2026-07-11). */
.rota-float-options[b-diqfdbr0m6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 14px;
}

.rota-float-option[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.rota-float-option .sd-btn[b-diqfdbr0m6] {
    margin-left: auto;
}

.rota-float-rank[b-diqfdbr0m6] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #0d6efd;
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rota-float-name[b-diqfdbr0m6] {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.editor-header[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.editor-header h4[b-diqfdbr0m6] {
    margin: 0;
}

.editor-close[b-diqfdbr0m6] {
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #64748b;
}

/* An accepted floater from another store — orange name so they stand out. */
.rg-name-floater[b-diqfdbr0m6] {
    color: #d97706;
    font-weight: 700;
}

/* Per-store publish state (owner, 2026-07-10). */
.rota-pub[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Days below minimum staffing when a publish was refused (owner, 2026-07-10). */
.rg-day.problem[b-diqfdbr0m6] {
    color: #ffffff;
    background: #dc2626;
    border-radius: 6px 6px 0 0;
}

.rg-day.problem .rg-dow[b-diqfdbr0m6] {
    color: #fecaca;
}

.rota-problems[b-diqfdbr0m6] {
    margin: 0 0 10px;
    padding: 8px 12px;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 10px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 13px;
    font-weight: 600;
}

/* Optimise rota — all locations panel (owner, 2026-07-11). */
.rota-optimise-all[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Current issues card (owner, 2026-09-07). */
.rota-issues .sd-toolbar[b-diqfdbr0m6] {
    flex-wrap: wrap;
    gap: 6px 14px;
}

.rota-issues-body[b-diqfdbr0m6] {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    flex-wrap: wrap;
}

.rota-scorecards[b-diqfdbr0m6] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rota-scorecard[b-diqfdbr0m6] {
    display: grid;
    gap: 2px;
    min-width: 108px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
}

.rota-scorecard.red[b-diqfdbr0m6] {
    background: #fef2f2;
    border-color: #fecaca;
}

.rota-scorecard.green[b-diqfdbr0m6] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.rota-scorecard.grey[b-diqfdbr0m6] {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.rota-score[b-diqfdbr0m6] {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: #94a3b8;
}

.rota-scorecard.red .rota-score[b-diqfdbr0m6] { color: #dc2626; }
.rota-scorecard.green .rota-score[b-diqfdbr0m6] { color: #16a34a; }
.rota-scorecard.grey .rota-score[b-diqfdbr0m6] { color: #64748b; }

.rota-score-label[b-diqfdbr0m6] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.rota-issues-table[b-diqfdbr0m6] {
    border-collapse: collapse;
    font-size: 13px;
}

.rota-issues-table th[b-diqfdbr0m6] {
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 2px 22px 4px 0;
}

.rota-issues-table td[b-diqfdbr0m6] {
    padding: 3px 22px 3px 0;
    color: #0f172a;
}

.rota-issue[b-diqfdbr0m6] {
    display: inline-block;
    min-width: 28px;
    padding: 0 8px;
    border-radius: 999px;
    text-align: center;
    font-weight: 800;
    border: 1px solid transparent;
}

.rota-issue.red[b-diqfdbr0m6] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.rota-issue.green[b-diqfdbr0m6] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
}

.rota-issue.grey[b-diqfdbr0m6] {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #64748b;
}

.rota-issue.none[b-diqfdbr0m6] {
    color: #cbd5e1;
    font-weight: 400;
}

.rota-optimise-all-summary[b-diqfdbr0m6] {
    font-size: 13px;
    font-weight: 600;
    color: #1e3a8a;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 8px 12px;
}

/* Optimise-days-off preview banner (owner, 2026-07-11). */
.rota-optimise[b-diqfdbr0m6] {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #0d6efd;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 13px;
}

.rota-optimise-text[b-diqfdbr0m6] {
    line-height: 1.5;
}

/* Preview: a day they'd START working — green with a blue ring. */
.rg-cell.preview-add[b-diqfdbr0m6] {
    background: #16a34a;
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
    cursor: default;
}

/* Preview: cover brought in — the kind's colour with a blue ring. */
.rg-cell.preview-float[b-diqfdbr0m6] {
    background: #f59e0b;
    border-color: #d97706;
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
    cursor: default;
}

.rg-cell.preview-float.cover[b-diqfdbr0m6] {
    background: #14b8a6;
    border-color: #0d9488;
}

.rg-cell.preview-float.emergency[b-diqfdbr0m6] {
    background: #8b5cf6;
    border-color: #7c3aed;
}

/* Preview: a day that BECOMES their day off — hatched. */
.rg-cell.preview-remove[b-diqfdbr0m6] {
    background: repeating-linear-gradient(45deg, #fee2e2, #fee2e2 4px, #fca5a5 4px, #fca5a5 8px);
    border-color: #fca5a5;
    cursor: default;
}

/* Layer one keeps the controls calm: the legend opens on demand (owner, 2026-09-02). */
.rota-legend-details[b-diqfdbr0m6] {
    display: inline-block;
}

.rota-legend-details summary[b-diqfdbr0m6] {
    cursor: pointer;
    font-size: 12px;
    color: #64748b;
    list-style: none;
}

.rota-legend-details summary[b-diqfdbr0m6]::-webkit-details-marker {
    display: none;
}

.rota-legend-details[open] summary[b-diqfdbr0m6] {
    margin-bottom: 4px;
}

/* Approved day swaps (owner, 2026-09-27): a white ⇄ on the swapped days. */
.rg-cell.swap[b-diqfdbr0m6] {
    position: relative;
}

.rg-cell.swap[b-diqfdbr0m6]::after {
    content: "⇄";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
    pointer-events: none;
}
/* /Components/Business/Pages/AdminRotaStaffing.razor.rz.scp.css */
.rs-scroll[b-uhljfckfpo] {
    overflow-x: auto;
}

.rs-table[b-uhljfckfpo] {
    border-collapse: collapse;
    min-width: 560px;
}

.rs-table th[b-uhljfckfpo] {
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 4px 8px 6px 0;
}

.rs-table td[b-uhljfckfpo] {
    padding: 3px 8px 3px 0;
}

.rs-team[b-uhljfckfpo] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    min-width: 90px;
}

.rs-input[b-uhljfckfpo] {
    width: 64px;
    text-align: center;
}

/* Floater priority list (owner, 2026-07-10). */
.rs-floaters[b-uhljfckfpo] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #e2e8f0;
}

.rs-float-label[b-uhljfckfpo] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 2px;
}

.rs-float-row[b-uhljfckfpo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    border-bottom: 1px solid #f1f5f9;
    max-width: 460px;
}

.rs-float-row:last-child[b-uhljfckfpo] {
    border-bottom: none;
}

.rs-drag-handle[b-uhljfckfpo] {
    color: #94a3b8;
    cursor: grab;
}

.rs-float-rank[b-uhljfckfpo] {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #0d6efd;
    font-size: 12px;
    font-weight: 800;
    display: grid;
    place-items: center;
}

.rs-float-name[b-uhljfckfpo] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.rs-float-roles[b-uhljfckfpo] {
    font-size: 12px;
    font-weight: 600;
    color: #0d6efd;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 1px 9px;
    white-space: nowrap;
}

/* Kind groups and letters in the cover lists (owner, 2026-09-07): the builder's colours. */
.rs-kind[b-uhljfckfpo] {
    padding: 8px 4px 2px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.rs-kind-letter[b-uhljfckfpo] {
    flex: none;
    display: inline-block;
    min-width: 20px;
    padding: 0 6px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}

.rs-kind-letter.floater[b-uhljfckfpo] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.rs-kind-letter.cover[b-uhljfckfpo] {
    background: #f0fdfa;
    border-color: #5eead4;
    color: #0f766e;
}

.rs-kind-letter.emergency[b-uhljfckfpo] {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #6d28d9;
}

/* Store groups — cross-store holiday caps (owner, 2026-08-12). */
.sg-group[b-uhljfckfpo] {
    border-top: 1px solid #edf2f7;
    padding: 12px 0 10px;
    display: grid;
    gap: 8px;
}

.sg-line[b-uhljfckfpo] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.sg-name[b-uhljfckfpo] {
    max-width: 260px;
}

.sg-caps[b-uhljfckfpo] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.sg-caps label[b-uhljfckfpo] {
    display: grid;
    gap: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.sg-cap[b-uhljfckfpo] {
    width: 110px;
}

.sg-stores[b-uhljfckfpo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.rs-autopilot[b-uhljfckfpo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}

.rs-autopilot label[b-uhljfckfpo] {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
}

.rs-autopilot .form-select[b-uhljfckfpo] {
    max-width: 220px;
}
/* /Components/Business/Pages/AdminStrategy.razor.rz.scp.css */
.str-row[b-ga0y863ibu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #f1f5f9;
    padding: 10px 0;
}

.str-desc[b-ga0y863ibu] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 13px;
    white-space: pre-line;
}
/* /Components/Business/Pages/BusinessEmployees.razor.rz.scp.css */
.sd-shell[b-oyxdl90hh4] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-oyxdl90hh4] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-oyxdl90hh4] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-oyxdl90hh4] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-oyxdl90hh4] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-oyxdl90hh4] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-oyxdl90hh4] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-oyxdl90hh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-oyxdl90hh4] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.roles-title[b-oyxdl90hh4] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.sd-btn[b-oyxdl90hh4] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-oyxdl90hh4] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-oyxdl90hh4] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-oyxdl90hh4] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-oyxdl90hh4] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-oyxdl90hh4] {
    background: #f8fafc;
}

.sd-btn-danger[b-oyxdl90hh4] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-oyxdl90hh4] {
    background: #dc2626;
}

.action-strip[b-oyxdl90hh4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.status-pill[b-oyxdl90hh4] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
}

.status-active[b-oyxdl90hh4] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.status-leaving[b-oyxdl90hh4] {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

.status-archived[b-oyxdl90hh4] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.store-group[b-oyxdl90hh4] {
    padding: 8px 16px;
}

.store-head[b-oyxdl90hh4] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 8px 0;
    font-size: 15px;
    color: #0f172a;
    text-align: left;
}

.store-chevron[b-oyxdl90hh4] {
    color: #64748b;
    width: 14px;
}

.sd-table[b-oyxdl90hh4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 4px;
}

.sd-table th[b-oyxdl90hh4] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-oyxdl90hh4] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.col-actions[b-oyxdl90hh4] {
    width: 90px;
    text-align: center;
}

.row-icons[b-oyxdl90hh4] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.icon-btn[b-oyxdl90hh4] {
    border: none;
    background: transparent;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.icon-btn:hover[b-oyxdl90hh4] {
    color: #475569;
}

.edit-icon-btn[b-oyxdl90hh4] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-oyxdl90hh4] {
    color: #64748b;
}

.icon-btn.danger[b-oyxdl90hh4] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-oyxdl90hh4] {
    color: #b91c1c;
}

.icon-btn.plus[b-oyxdl90hh4] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-oyxdl90hh4] {
    color: #0b5ed7;
}

.sd-svg[b-oyxdl90hh4] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.compact-card[b-oyxdl90hh4] {
    padding: 12px 16px;
}

.floater-badge[b-oyxdl90hh4] {
    display: inline-block;
    margin-left: 8px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
}

.editor-header[b-oyxdl90hh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.editor-header h4[b-oyxdl90hh4] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.editor-close[b-oyxdl90hh4] {
    border: none;
    background: transparent;
    color: #6b7280;
    padding: 0 2px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.editor-close:hover[b-oyxdl90hh4] {
    color: #334155;
}

.editor-dialog-shell[b-oyxdl90hh4] {
    margin: 0;
    box-shadow: none;
    border: none;
}

[b-oyxdl90hh4] .employees-editor-dialog.e-dialog {
    width: min(980px, calc(100vw - 32px)) !important;
    max-width: 980px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-oyxdl90hh4] .employees-mapping-dialog.e-dialog {
    width: min(640px, calc(100vw - 32px)) !important;
    max-width: 640px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-oyxdl90hh4] .employees-editor-dialog .e-dlg-content,
[b-oyxdl90hh4] .employees-mapping-dialog .e-dlg-content {
    padding: 0 !important;
    overflow: auto;
    max-height: calc(100vh - 48px);
}

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

.form-section[b-oyxdl90hh4] {
    display: grid;
    gap: 6px;
}

.span-full[b-oyxdl90hh4] {
    grid-column: 1 / -1;
}

.form-section label[b-oyxdl90hh4] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.form-input[b-oyxdl90hh4],
.form-select[b-oyxdl90hh4] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.store-access-list[b-oyxdl90hh4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: 10px;
}

.check-item[b-oyxdl90hh4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.empty-access-hint[b-oyxdl90hh4] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.sd-actions[b-oyxdl90hh4] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.roles-list[b-oyxdl90hh4] {
    display: grid;
    gap: 8px;
}

.role-row[b-oyxdl90hh4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.role-name-input[b-oyxdl90hh4] {
    max-width: 320px;
}

.mapping-hint[b-oyxdl90hh4] {
    color: #64748b;
    font-size: 13px;
    margin: 0 0 12px;
}

.mapping-list[b-oyxdl90hh4] {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}

.mapping-name[b-oyxdl90hh4] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    min-width: 200px;
}

.mapping-store[b-oyxdl90hh4] {
    color: #64748b;
    font-weight: 400;
    font-size: 12px;
}

.mapping-add-row[b-oyxdl90hh4] {
    margin-top: 4px;
}

.mapping-add-row .form-select[b-oyxdl90hh4] {
    max-width: 360px;
}

[b-oyxdl90hh4] .sd-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[b-oyxdl90hh4] .sd-grid .e-gridcontent,
[b-oyxdl90hh4] .sd-grid .e-table {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media (max-width: 980px) {
    .form-grid[b-oyxdl90hh4] {
        grid-template-columns: 1fr;
    }

    .sd-toolbar[b-oyxdl90hh4] {
        flex-wrap: wrap;
    }
}

/* Team sub-headings inside each store group (owner, 2026-07-10). */
.team-head-row .team-head[b-oyxdl90hh4] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

/* Emergency-only floater (owner, 2026-07-11) - amber, last resort. */
/* The builder's colours (owner, 2026-09-07): floaters orange, emergency cover purple. */
.floater-badge[b-oyxdl90hh4] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.floater-badge.emergency[b-oyxdl90hh4] {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #6d28d9;
}
/* /Components/Business/Pages/BusinessStart.razor.rz.scp.css */
.bs-track[b-940kernx76] {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin-top: 10px;
}

.bs-fill[b-940kernx76] {
    height: 100%;
    background: #16a34a;
    border-radius: 999px;
    transition: width 200ms ease;
}

.bs-steps[b-940kernx76] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bs-step[b-940kernx76] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid #f1f5f9;
}

.bs-step:first-child[b-940kernx76] {
    border-top: 0;
}

.bs-state[b-940kernx76] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
}

.bs-step.done .bs-state[b-940kernx76] {
    background: #16a34a;
    border-color: #16a34a;
}

.bs-title[b-940kernx76] {
    font-weight: 600;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bs-step.done .bs-title[b-940kernx76] {
    color: #475569;
}

.bs-desc[b-940kernx76] {
    font-size: 13px;
    color: #64748b;
    margin-top: 2px;
}

@media (max-width: 599px) {
    .bs-step[b-940kernx76] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .bs-action[b-940kernx76] {
        grid-column: 2;
    }
}
/* /Components/Business/Pages/Leadership.razor.rz.scp.css */
.l10-quarter[b-5gaxuc9akt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.l10-summary[b-5gaxuc9akt] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: #475569;
}

.l10-summary strong[b-5gaxuc9akt] {
    color: #0f172a;
    font-size: 15px;
}

.l10-scroll[b-5gaxuc9akt] {
    overflow-x: auto;
}

.l10-grid td[b-5gaxuc9akt],
.l10-grid th[b-5gaxuc9akt] {
    white-space: nowrap;
}

.l10-grid td small[b-5gaxuc9akt] {
    display: block;
}

.l10-muted[b-5gaxuc9akt] {
    color: #64748b;
    font-size: 12px;
}

.l10-week[b-5gaxuc9akt] {
    text-align: right;
}

.l10-cell[b-5gaxuc9akt] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.l10-cell.good[b-5gaxuc9akt] {
    background: #ecfdf5;
}

.l10-cell.bad[b-5gaxuc9akt] {
    background: #fef2f2;
}

.l10-cell.editable[b-5gaxuc9akt] {
    background: #fffbeb;
}

.l10-input[b-5gaxuc9akt] {
    width: 92px;
    padding: 4px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    text-align: right;
    font: inherit;
}

.l10-rocks[b-5gaxuc9akt] {
    display: grid;
    gap: 10px;
    margin: 6px 0 4px;
}

.l10-rock[b-5gaxuc9akt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #94a3b8;
    border-radius: 10px;
    padding: 10px 14px;
}

.l10-rock.ontrack[b-5gaxuc9akt] { border-left-color: #16a34a; }
.l10-rock.offtrack[b-5gaxuc9akt] { border-left-color: #dc2626; }
.l10-rock.done[b-5gaxuc9akt] { border-left-color: #0f172a; opacity: 0.7; }
.l10-rock.dropped[b-5gaxuc9akt] { border-left-color: #cbd5e1; opacity: 0.6; }

.l10-rock-title[b-5gaxuc9akt] {
    font-weight: 700;
    font-size: 15px;
    color: #0f172a;
}

.l10-rock-desc[b-5gaxuc9akt] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #475569;
    white-space: pre-line;
}

.l10-rock-meta[b-5gaxuc9akt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 6px;
    font-size: 12.5px;
    color: #64748b;
}

.l10-rock-actions[b-5gaxuc9akt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.l10-rock-actions .form-select[b-5gaxuc9akt] {
    min-width: 120px;
    padding: 5px 8px;
    font-size: 13px;
}

.l10-subhead[b-5gaxuc9akt] {
    margin: 18px 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.form-section-wide[b-5gaxuc9akt] {
    grid-column: 1 / -1;
}

.l10-two[b-5gaxuc9akt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 14px;
}

.l10-list[b-5gaxuc9akt] {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

.l10-list li[b-5gaxuc9akt] {
    border-top: 1px solid #f1f5f9;
    padding: 8px 0;
    font-size: 14px;
}

.l10-list li:first-child[b-5gaxuc9akt] {
    border-top: 0;
}

.l10-list label[b-5gaxuc9akt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 500;
    color: #0f172a;
}

.l10-list small[b-5gaxuc9akt] {
    display: block;
    color: #64748b;
    font-size: 12.5px;
    margin: 2px 0 4px 26px;
}

.l10-list li.overdue small[b-5gaxuc9akt] {
    color: #b91c1c;
}

.l10-issue-head[b-5gaxuc9akt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.l10-priority[b-5gaxuc9akt] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.l10-priority.p1[b-5gaxuc9akt] { background: #fee2e2; color: #991b1b; }
.l10-priority.p2[b-5gaxuc9akt] { background: #fef3c7; color: #92400e; }

.l10-inline-form[b-5gaxuc9akt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
}

.l10-inline-form .form-input[b-5gaxuc9akt] {
    flex: 1 1 220px;
}

.l10-inline-form .form-select[b-5gaxuc9akt] {
    flex: 0 0 auto;
    min-width: 120px;
}

@media (max-width: 599px) {
    .l10-rock[b-5gaxuc9akt] {
        grid-template-columns: 1fr;
    }

    .l10-rock-actions[b-5gaxuc9akt] {
        justify-content: flex-start;
    }
}
/* /Components/Business/Pages/LeadershipSetup.razor.rz.scp.css */
.ls-people[b-v9py582bv4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
    margin: 8px 0 12px;
}

.ls-person[b-v9py582bv4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 0;
    font-weight: 500;
    color: #0f172a;
    cursor: pointer;
}

.ls-person.on[b-v9py582bv4] {
    border-color: #0f172a;
    background: #f8fafc;
}

.ls-person small[b-v9py582bv4] {
    grid-column: 2;
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
}

.ls-inactive[b-v9py582bv4] {
    opacity: 0.55;
}

.ls-subhead[b-v9py582bv4] {
    margin: 18px 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}
/* /Components/Business/Pages/LeadershipYellowJersey.razor.rz.scp.css */
.yjy-toolbar[b-ahx19ln5o6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
}

.yjy-year[b-ahx19ln5o6] {
    text-align: center;
}

.yjy-year h4[b-ahx19ln5o6] {
    margin: 0;
    font-size: 16px;
    color: #0f172a;
}

.yjy-year small[b-ahx19ln5o6] {
    color: #64748b;
    font-size: 12.5px;
}

.yjy-empty[b-ahx19ln5o6] {
    margin: 4px 0;
    color: #64748b;
    font-size: 14px;
}

.yjy-scroll[b-ahx19ln5o6] {
    overflow-x: auto;
}

.yjy-table[b-ahx19ln5o6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.yjy-table th[b-ahx19ln5o6] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.yjy-table td[b-ahx19ln5o6] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.yjy-table .num[b-ahx19ln5o6] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.yjy-table .total[b-ahx19ln5o6] {
    font-weight: 800;
}

.yjy-table tr.lead td[b-ahx19ln5o6] {
    background: #fefce8;
}

.yjy-name[b-ahx19ln5o6] {
    font-weight: 600;
    white-space: nowrap;
}

.yjy-place-col[b-ahx19ln5o6] {
    width: 36px;
}

.yjy-place[b-ahx19ln5o6] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.yjy-table tr.lead .yjy-place[b-ahx19ln5o6] {
    background: #facc15;
    color: #422006;
}

.yjy-sub-title[b-ahx19ln5o6] {
    margin: 0 0 8px;
    font-size: 15px;
}

.yjy-months[b-ahx19ln5o6] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.yjy-months li[b-ahx19ln5o6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    padding: 8px 8px;
    border-top: 1px solid #eef2f7;
    border-radius: 8px;
    font-size: 14px;
}

.yjy-months li:first-child[b-ahx19ln5o6] {
    border-top: 0;
}

/* An area manager's own shop won it (owner, 2026-09-27). */
.yjy-months li.ours[b-ahx19ln5o6] {
    background: #fef9c3;
    border-top-color: transparent;
}

.yjy-month[b-ahx19ln5o6] {
    flex: 1 1 100%;
    color: #64748b;
    font-size: 12.5px;
}

.yjy-winner[b-ahx19ln5o6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f172a;
}

.yjy-winner small[b-ahx19ln5o6] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.yjy-ours[b-ahx19ln5o6] {
    margin-left: auto;
    padding: 1px 8px;
    border-radius: 999px;
    background: #facc15;
    color: #422006;
    font-size: 11.5px;
    font-weight: 700;
}

@media (max-width: 599px) {
    .yjy-toolbar[b-ahx19ln5o6] {
        flex-wrap: wrap;
    }

    .yjy-year[b-ahx19ln5o6] {
        order: -1;
        flex: 1 1 100%;
    }
}

/* The table and the monthly winners side by side when there is room. */
.yjy-layout[b-ahx19ln5o6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

@media (min-width: 1200px) {
    .yjy-layout[b-ahx19ln5o6] {
        grid-template-columns: minmax(0, 1fr) 280px;
        align-items: start;
    }
}

.yjy-table-wrap[b-ahx19ln5o6] {
    min-width: 0;
}

.yjy-months-card[b-ahx19ln5o6] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    background: #f8fafc;
}

.yjy-scope[b-ahx19ln5o6] {
    display: inline-flex;
    gap: 4px;
    padding: 3px;
    margin: 0 0 8px;
    border-radius: 999px;
    background: #f1f5f9;
}

.yjy-scope button[b-ahx19ln5o6] {
    padding: 6px 14px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.yjy-scope button.on[b-ahx19ln5o6] {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15);
}

.yjy-scope-note[b-ahx19ln5o6],
.yjy-league-note[b-ahx19ln5o6] {
    margin: 0 0 10px;
    color: #64748b;
    font-size: 13px;
}

.yjy-table tr.mine td[b-ahx19ln5o6] {
    font-weight: 700;
}

.yjy-shops[b-ahx19ln5o6] {
    color: #475569;
    font-size: 13px;
}
/* /Components/Business/Pages/ManageLeave.razor.rz.scp.css */
/* Manage leave on a phone (owner, 2026-09-02): the wallchart is a desktop grid,
   the phone gets a list of requests per store, pending first. */
.ml-phone[b-ot79omnvc2] {
    display: none;
}

@media (max-width: 699px) {
    .ml-desktop[b-ot79omnvc2] {
        display: none;
    }

    .ml-phone[b-ot79omnvc2] {
        display: block;
    }
}

.ml-phone-empty[b-ot79omnvc2] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.ml-phone-list[b-ot79omnvc2] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ml-phone-list li[b-ot79omnvc2] {
    border-top: 1px solid #f1f5f9;
}

.ml-phone-list li:first-child[b-ot79omnvc2] {
    border-top: 0;
}

.ml-phone-row[b-ot79omnvc2] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    grid-template-areas: "dot who state" "dot when state";
    column-gap: 10px;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border: 0;
    background: none;
    text-align: left;
    font: inherit;
    color: #0f172a;
    cursor: pointer;
}

.ml-dot[b-ot79omnvc2] {
    grid-area: dot;
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.ml-who[b-ot79omnvc2] {
    grid-area: who;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ml-when[b-ot79omnvc2] {
    grid-area: when;
    font-size: 13px;
    color: #475569;
}

.ml-state[b-ot79omnvc2] {
    grid-area: state;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    padding: 3px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    white-space: nowrap;
}

.ml-phone-list li.pending .ml-state[b-ot79omnvc2] {
    background: #0f172a;
    color: #fff;
}
/* Phone bottom sheet for the request panel. */
.ml-backdrop[b-ot79omnvc2] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 1090;
}

.ml-sheet[b-ot79omnvc2] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 88vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.25);
    z-index: 1100;
}
/* /Components/Business/Pages/MyAcademy.razor.rz.scp.css */
.ma-summary[b-zbpbk3uhp9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ma-summary > div[b-zbpbk3uhp9] {
    flex: 1 1 220px;
    display: grid;
    gap: 6px;
}

.ma-bar[b-zbpbk3uhp9] {
    height: 10px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    max-width: 420px;
}

.ma-bar div[b-zbpbk3uhp9] {
    height: 100%;
    background: #16a34a;
}

.ma-done[b-zbpbk3uhp9] {
    font-weight: 700;
    color: #166534;
}

.ma-back[b-zbpbk3uhp9] {
    margin: 0;
}

.ma-back a[b-zbpbk3uhp9] {
    color: #2563eb;
    text-decoration: none;
    font-size: 14px;
}

.ma-course[b-zbpbk3uhp9] {
    display: grid;
    gap: 10px;
}

.ma-course-head[b-zbpbk3uhp9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.ma-course-head h4[b-zbpbk3uhp9] {
    margin: 2px 0 0;
    font-size: 18px;
}

.ma-course-head h4 a[b-zbpbk3uhp9] {
    color: #0f172a;
    text-decoration: none;
}

.ma-tag[b-zbpbk3uhp9] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ma-desc[b-zbpbk3uhp9] {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13.5px;
}

.ma-count[b-zbpbk3uhp9] {
    flex: 0 0 auto;
    padding: 3px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    font-weight: 800;
    font-size: 13px;
    color: #334155;
}

.ma-count.done[b-zbpbk3uhp9] {
    background: #dcfce7;
    color: #166534;
}

.ma-module[b-zbpbk3uhp9] {
    border-top: 1px solid #e2e8f0;
    padding-top: 10px;
}

.ma-module-title[b-zbpbk3uhp9] {
    font-size: 15px;
    color: #0f172a;
}

.ma-lessons[b-zbpbk3uhp9] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

.ma-lessons a[b-zbpbk3uhp9] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-areas: "icon title" "icon meta";
    column-gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-decoration: none;
}

.ma-lessons a:hover[b-zbpbk3uhp9] {
    border-color: #93c5fd;
    background: #f8fbff;
}

.ma-icon[b-zbpbk3uhp9] {
    grid-area: icon;
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    font-size: 13px;
    font-weight: 800;
    color: #475569;
}

.ma-lessons li.passed .ma-icon[b-zbpbk3uhp9] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.ma-lessons li.questions .ma-icon[b-zbpbk3uhp9],
.ma-lessons li.started .ma-icon[b-zbpbk3uhp9] {
    border-color: #2563eb;
    color: #2563eb;
}

.ma-lesson-title[b-zbpbk3uhp9] {
    grid-area: title;
    font-weight: 600;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.ma-lesson-meta[b-zbpbk3uhp9] {
    grid-area: meta;
    font-size: 12.5px;
    color: #64748b;
}

/* Every button the same height, links and the file picker included (owner, 2026-09-27: match
   the smaller size). Labels and links do not size like buttons unless told to. */
.sd-shell .sd-btn[b-zbpbk3uhp9] {
    box-sizing: border-box;
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    text-align: center;
}
/* /Components/Business/Pages/MyAcademyLesson.razor.rz.scp.css */
.ml-crumbs[b-lqco6hi1r7] {
    font-size: 13px;
    color: #64748b;
    overflow-wrap: anywhere;
}

.ml-crumbs a[b-lqco6hi1r7] {
    color: #2563eb;
    text-decoration: none;
}

.ml-desc[b-lqco6hi1r7] {
    white-space: pre-line;
}

.ml-media[b-lqco6hi1r7] {
    display: grid;
    gap: 10px;
}

.ml-video[b-lqco6hi1r7] {
    display: block;
    width: 100%;
    max-width: 960px;
    aspect-ratio: 16 / 9;
    background: #0f172a;
    border-radius: 10px;
}

.ml-pdf[b-lqco6hi1r7] {
    width: 100%;
    height: min(75vh, 900px);
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.ml-video-bar[b-lqco6hi1r7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    font-size: 14px;
    color: #475569;
}

.ml-watched[b-lqco6hi1r7] {
    font-weight: 700;
    color: #0f172a;
}

.ml-video-bar .sd-btn[b-lqco6hi1r7] {
    margin-left: auto;
}

.ml-questions.locked[b-lqco6hi1r7] {
    background: #f8fafc;
}

.ml-questions h4[b-lqco6hi1r7] {
    margin: 0 0 10px;
    font-size: 17px;
}

.ml-lock[b-lqco6hi1r7] {
    margin: 0;
    color: #64748b;
}

.ml-q[b-lqco6hi1r7] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px 12px;
    margin: 0 0 12px;
    display: grid;
    gap: 8px;
}

.ml-q legend[b-lqco6hi1r7] {
    padding: 0 4px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
}

.ml-q-num[b-lqco6hi1r7] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
}

.ml-choice[b-lqco6hi1r7] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    line-height: 1.4;
}

.ml-choice input[b-lqco6hi1r7] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex: 0 0 auto;
    accent-color: #2563eb;
}

.ml-choice.on[b-lqco6hi1r7] {
    border-color: #2563eb;
    background: #eff6ff;
}

.ml-tf[b-lqco6hi1r7] {
    display: flex;
    gap: 10px;
}

.ml-tf-btn[b-lqco6hi1r7] {
    flex: 1 1 0;
    max-width: 200px;
    padding: 12px;
    border: 2px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    font: inherit;
    font-weight: 800;
    letter-spacing: .04em;
    cursor: pointer;
}

.ml-tf-btn.on[b-lqco6hi1r7] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

.ml-error[b-lqco6hi1r7] {
    color: #b91c1c;
    font-size: 14px;
}

.ml-result[b-lqco6hi1r7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
}

.ml-result.pass[b-lqco6hi1r7] {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #14532d;
}

.ml-result.fail[b-lqco6hi1r7] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
    color: #78350f;
}

.ml-next[b-lqco6hi1r7] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

/* Every button the same height, links and the file picker included (owner, 2026-09-27: match
   the smaller size). Labels and links do not size like buttons unless told to. */
.sd-shell .sd-btn[b-lqco6hi1r7] {
    box-sizing: border-box;
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    text-align: center;
}
/* /Components/Business/Pages/MyContract.razor.rz.scp.css */
/* A contract on a person's login (owner, 6 September 2026): reads and signs at phone width. */
.mc-sign[b-7b6kybqt8h] {
    display: grid;
    gap: 8px;
    max-width: 560px;
}

.mc-sign label[b-7b6kybqt8h] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.mc-sign label.mc-agree[b-7b6kybqt8h] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    line-height: 1.4;
}

.mc-agree input[b-7b6kybqt8h] {
    margin-top: 3px;
}

.mc-signed[b-7b6kybqt8h] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    border-left: 4px solid #16a34a;
}

.mc-signed p[b-7b6kybqt8h] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 14px;
}

.mc-signature[b-7b6kybqt8h] {
    max-width: 260px;
    max-height: 110px;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
/* /Components/Business/Pages/MyDare.razor.rz.scp.css */
.sd-shell[b-bacvll2qlg] {
    display: grid;
    gap: 14px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-bacvll2qlg] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-bacvll2qlg] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-bacvll2qlg] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.error[b-bacvll2qlg] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-bacvll2qlg] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.compact-card[b-bacvll2qlg] {
    padding: 10px 16px;
}

.sd-toolbar[b-bacvll2qlg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-bacvll2qlg] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.sd-btn[b-bacvll2qlg] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-primary[b-bacvll2qlg] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-bacvll2qlg] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-bacvll2qlg] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-bacvll2qlg] {
    background: #f8fafc;
}

.empty-access-hint[b-bacvll2qlg] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.dare-role-head[b-bacvll2qlg] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px 0;
    text-align: left;
}

.dare-role-head .sd-count[b-bacvll2qlg] {
    margin-left: auto;
}

.dare-chevron[b-bacvll2qlg] {
    color: #64748b;
    width: 14px;
    flex-shrink: 0;
}

.dare-role-title[b-bacvll2qlg] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.dare-sec[b-bacvll2qlg] {
    margin-top: 14px;
}

.dare-sec:first-of-type[b-bacvll2qlg] {
    margin-top: 4px;
}

.dare-sec-title[b-bacvll2qlg] {
    margin: 0 0 6px;
    color: #0d6efd;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dare-table[b-bacvll2qlg] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12.5px;
}

.dare-table th[b-bacvll2qlg] {
    text-align: left;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 6px 10px;
    border-bottom: 1px solid #e2e8f0;
    width: 33.3%;
}

.dare-cell[b-bacvll2qlg] {
    padding: 8px 10px;
    border: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: top;
    line-height: 1.5;
    white-space: pre-line;
}

.dare-cell.goals[b-bacvll2qlg] {
    background: #fffdf3;
}

.dare-cell.good[b-bacvll2qlg] {
    background: #f6fdf8;
}

.dare-cell.great[b-bacvll2qlg] {
    background: #f5f9ff;
}

.dare-cell.pick[b-bacvll2qlg] {
    cursor: pointer;
}

.dare-cell.pick input[b-bacvll2qlg] {
    float: left;
    margin: 3px 8px 0 0;
}

.dare-cell.pick.picked.goals[b-bacvll2qlg] {
    background: #fef08a;
    border-color: #facc15;
}

.dare-cell.pick.picked.good[b-bacvll2qlg] {
    background: #bbf7d0;
    border-color: #4ade80;
}

.dare-cell.pick.picked.great[b-bacvll2qlg] {
    background: #bfdbfe;
    border-color: #60a5fa;
}

@media (max-width: 860px) {
    .dare-table[b-bacvll2qlg],
    .dare-table thead[b-bacvll2qlg],
    .dare-table tbody[b-bacvll2qlg],
    .dare-table tr[b-bacvll2qlg],
    .dare-table th[b-bacvll2qlg],
    .dare-cell[b-bacvll2qlg] {
        display: block;
        width: 100%;
    }

    .dare-table thead[b-bacvll2qlg] {
        display: none;
    }

    .dare-cell[b-bacvll2qlg]::before {
        display: block;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 2px;
    }

    .dare-cell.goals[b-bacvll2qlg]::before {
        content: "Needs training";
        color: #713f12;
    }

    .dare-cell.good[b-bacvll2qlg]::before {
        content: "Good";
        color: #166534;
    }

    .dare-cell.great[b-bacvll2qlg]::before {
        content: "Great";
        color: #1d4ed8;
    }

    .dare-table tr[b-bacvll2qlg] {
        margin-bottom: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        overflow: hidden;
    }
}
/* /Components/Business/Pages/MyDashboard.razor.rz.scp.css */
.dash-grid[b-73vl2n6963] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.dash-big[b-73vl2n6963] {
    margin: 4px 0 2px;
    font-size: 30px;
    font-weight: 800;
    color: #0f172a;
}

.dash-unit[b-73vl2n6963] {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

.dash-sub[b-73vl2n6963] {
    margin: 0 0 12px;
    color: #64748b;
    font-size: 13px;
}

.dash-group[b-73vl2n6963] {
    margin: 22px 0 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

.dash-next[b-73vl2n6963] {
    margin: -6px 0 12px;
    color: #0f172a;
    font-size: 13px;
}
/* /Components/Business/Pages/MyForm.razor.rz.scp.css */
/* An employee form on screen (owner, 6 September 2026): works at phone width. */
.mf-heading[b-3xrbxfzu9i] {
    margin: 18px 0 6px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2563eb;
}

.mf-heading:first-child[b-3xrbxfzu9i] {
    margin-top: 0;
}

.mf-note[b-3xrbxfzu9i] {
    margin: 0 0 12px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

.mf-field[b-3xrbxfzu9i] {
    display: grid;
    gap: 4px;
    padding: 8px 0;
    border-top: 1px solid #f1f5f9;
}

.mf-label[b-3xrbxfzu9i] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.mf-required[b-3xrbxfzu9i] {
    color: #dc2626;
}

.mf-help[b-3xrbxfzu9i] {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    line-height: 1.45;
}

.mf-value[b-3xrbxfzu9i] {
    margin: 0;
    font-size: 14px;
    white-space: pre-line;
}

.mf-date[b-3xrbxfzu9i] {
    max-width: 220px;
}

.mf-options[b-3xrbxfzu9i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
}

.mf-options-stacked[b-3xrbxfzu9i] {
    flex-direction: column;
    gap: 6px;
}

.mf-option[b-3xrbxfzu9i] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.mf-option input[b-3xrbxfzu9i] {
    margin-top: 3px;
}

.mf-sign[b-3xrbxfzu9i] {
    display: grid;
    gap: 8px;
    max-width: 480px;
}

.mf-sign label[b-3xrbxfzu9i] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.mf-done[b-3xrbxfzu9i] {
    border-left: 4px solid #16a34a;
}

.mf-done p[b-3xrbxfzu9i] {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 14px;
}
/* /Components/Business/Pages/MyHandbook.razor.rz.scp.css */
.sd-shell[b-4nqir24hz9] {
    display: grid;
    gap: 14px;
    max-width: 900px;
    padding: 10px 0 24px;
}

.sd-header h3[b-4nqir24hz9] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-4nqir24hz9] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-4nqir24hz9] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-4nqir24hz9] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.pending-flash[b-4nqir24hz9] {
    border-color: #facc15;
    background: #fef9c3;
    color: #713f12;
}

.sd-card[b-4nqir24hz9] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.hb-section.unread[b-4nqir24hz9] {
    border-left: 4px solid #facc15;
}

.hb-section.read[b-4nqir24hz9] {
    border-left: 4px solid #86efac;
}

.hb-head[b-4nqir24hz9] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px 0;
    font-size: 15px;
    color: #0f172a;
    text-align: left;
}

.hb-chevron[b-4nqir24hz9] {
    color: #64748b;
    width: 14px;
}

.hb-content[b-4nqir24hz9] {
    margin-top: 12px;
}

.status-pill[b-4nqir24hz9] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
}

.status-pill.approved[b-4nqir24hz9] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.status-pill.pending[b-4nqir24hz9] {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

.sd-btn[b-4nqir24hz9] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-primary[b-4nqir24hz9] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-4nqir24hz9] {
    background: #0b5ed7;
}

.sd-actions[b-4nqir24hz9] {
    margin-top: 10px;
    display: flex;
    gap: 8px;
}

.empty-access-hint[b-4nqir24hz9] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}
/* /Components/Business/Pages/MyHandbookDoc.razor.rz.scp.css */
/* Document page title — the H1 of the document hierarchy. */
.sd-shell .sd-header h3[b-mcywbnxp79] {
    font-weight: 700;
}

.doc-card[b-mcywbnxp79] {
    padding: 20px 24px;
}
/* /Components/Business/Pages/MyLeave.razor.rz.scp.css */
.wall-nav[b-wab0uobndu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wall-range[b-wab0uobndu] {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.wall-legend[b-wab0uobndu] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 12px;
    color: #475569;
    margin: 4px 0 8px;
}

.wall-legend .lg[b-wab0uobndu] {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-radius: 3px;
    margin-right: 4px;
    vertical-align: middle;
}

.lg.lv-holiday[b-wab0uobndu] { background: #dc2626; }
.lg.lv-sick[b-wab0uobndu] { background: #7c3aed; }
.lg.lv-training[b-wab0uobndu] { background: #0d6efd; }
.lg.lv-other[b-wab0uobndu] { background: #475569; }

.lg.lg-pending[b-wab0uobndu] {
    background: color-mix(in srgb, #dc2626 45%, #ffffff);
}

.lg.lg-closed[b-wab0uobndu] {
    background: #eef2f7;
    border: 1px solid #e2e8f0;
}

.wall-scroll[b-wab0uobndu] {
    overflow-x: auto;
    margin-top: 4px;
}

.wall-table[b-wab0uobndu] {
    border-collapse: collapse;
    width: 100%;
    min-width: 900px;
}

.wall-table th.wall-day[b-wab0uobndu] {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    padding: 2px 0 4px;
    text-align: center;
    width: 26px;
}

.wall-table th.wall-day .wall-dow[b-wab0uobndu] {
    display: block;
    color: #94a3b8;
    font-weight: 600;
}

.wall-table th.wall-day.today[b-wab0uobndu] {
    color: #0d6efd;
}

.wall-table th.wall-day.today span:last-child[b-wab0uobndu] {
    background: #0d6efd;
    color: #ffffff;
    border-radius: 999px;
    padding: 1px 5px;
}

.wall-name[b-wab0uobndu] {
    text-align: left;
    font-size: 13px;
    color: #0f172a;
    white-space: nowrap;
    padding: 3px 12px 3px 0;
    position: sticky;
    left: 0;
    background: #ffffff;
}

.wall-name.me[b-wab0uobndu] {
    font-weight: 800;
    color: #0d6efd;
}

.wall-remaining[b-wab0uobndu] {
    display: inline-block;
    margin-left: 6px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    vertical-align: middle;
}

.wall-cell[b-wab0uobndu] {
    position: relative;
    height: 22px;
    border: 1px solid #f1f5f9;
    background: #ffffff;
    min-width: 24px;
}

.wall-cell.clickable[b-wab0uobndu] {
    cursor: pointer;
}

.wall-cell.closed[b-wab0uobndu],
th.wall-day.closed[b-wab0uobndu] {
    background: #eef2f7;
    color: #cbd5e1;
}

/* Leave fills: --lv carries the type colour. The fill is an overlay that also
   covers the cell border, so runs join up seamlessly and half days stay crisp
   despite the table's collapsed borders. Pending = paler wash of the colour. */
.wall-cell.lv[b-wab0uobndu]::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: var(--lv);
}

.wall-cell.lv.pending[b-wab0uobndu]::before {
    background: color-mix(in srgb, var(--lv) 45%, #ffffff);
}

.wall-cell.lv.left[b-wab0uobndu]::before {
    right: 50%;
}

.wall-cell.lv.right[b-wab0uobndu]::before {
    left: 50%;
}

/* Selection overlay: sel-left / sel-right shrink it to the chosen half day. */
.wall-cell.sel[b-wab0uobndu]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(13, 110, 253, 0.22);
    border: 2px dashed #0d6efd;
}

.wall-cell.sel.sel-left[b-wab0uobndu]::after {
    right: 50%;
}

.wall-cell.sel.sel-right[b-wab0uobndu]::after {
    left: 50%;
}

/* Half-day targets (owner, 6 September 2026): each of your own squares holds two
   invisible halves that take the clicks, so a pick no longer depends on the square's
   pixel width, and hovering shows the half about to be picked in light blue, no border. */
.wall-cell.lv[b-wab0uobndu]::before,
.wall-cell.sel[b-wab0uobndu]::after {
    pointer-events: none;
}

.wall-cell .half[b-wab0uobndu] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 2;
}

.wall-cell .half.am[b-wab0uobndu] {
    left: 0;
}

.wall-cell .half.pm[b-wab0uobndu] {
    right: 0;
}

.wall-cell.clickable .half:hover[b-wab0uobndu] {
    background: rgba(125, 211, 252, 0.6);
}

/* Team heading rows (owner request, 2026-07-10). */
.wall-team-row .wall-team[b-wab0uobndu] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
    background: transparent;
}

/* Phones (owner, 2026-09-02): the grid gives way to a list of days. */
.wall-phone[b-wab0uobndu] {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 599px) {
    .wall-scroll[b-wab0uobndu] {
        display: none;
    }

    .wall-phone[b-wab0uobndu] {
        display: block;
    }

    .wall-phone li[b-wab0uobndu] {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 8px 6px;
        border-top: 1px solid #f1f5f9;
        cursor: pointer;
    }

    .wall-phone li.closed[b-wab0uobndu] {
        background: #f8fafc;
        color: #94a3b8;
    }

    .wall-phone li.today[b-wab0uobndu] {
        background: #fffbeb;
    }

    .wall-phone li.sel[b-wab0uobndu] {
        background: #e0f2fe;
    }

    .wp-date[b-wab0uobndu] {
        display: flex;
        flex-direction: column;
        line-height: 1.05;
    }

    .wp-date b[b-wab0uobndu] {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #64748b;
    }

    .wp-date span[b-wab0uobndu] {
        font-size: 18px;
        font-weight: 700;
        color: #0f172a;
    }

    .wp-people[b-wab0uobndu] {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .wp-people small[b-wab0uobndu] {
        color: #94a3b8;
        font-size: 12px;
    }

    .wp-chip[b-wab0uobndu] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 22px;
        padding: 0 5px;
        border-radius: 6px;
        background: var(--lv, #dc2626);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        font-style: normal;
    }

    .wp-chip.pending[b-wab0uobndu] {
        background: repeating-linear-gradient(45deg, var(--lv, #dc2626) 0 4px, #fff 4px 7px);
        color: #0f172a;
    }

    .wp-me[b-wab0uobndu] {
        font-size: 12px;
        color: #0f172a;
        white-space: nowrap;
    }
}

/* The balance previews the days being picked (owner, 2026-09-03). */
.balance-line strong[b-wab0uobndu] {
    transition: color 160ms ease;
}

.balance-line.selected strong[b-wab0uobndu] {
    color: #2563eb;
}

.balance-line.over strong[b-wab0uobndu] {
    color: #b45309;
}
/* /Components/Business/Pages/MyMessages.razor.rz.scp.css */
/* My messages (owner, 2026-09-13): folders beside the list, like a mail client, stacked at
   phone width. Rows read as one line each; unread rows carry a blue edge and bold text. */
.ml-layout[b-o2fm27hc6k] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    --ml-cols: minmax(120px, 190px) minmax(0, 1fr) auto 84px 36px;
}

.ml-nav[b-o2fm27hc6k] {
    display: grid;
    gap: 12px;
    position: sticky;
    top: 72px;
}

.ml-new[b-o2fm27hc6k] {
    width: 100%;
    padding: 10px 14px;
    font-size: 13px;
    gap: 8px;
    box-sizing: border-box;
}

.ml-folders[b-o2fm27hc6k] {
    display: grid;
    gap: 2px;
}

.ml-folder[b-o2fm27hc6k] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.ml-folder svg[b-o2fm27hc6k] {
    flex: none;
    color: #64748b;
}

.ml-folder:hover[b-o2fm27hc6k] {
    background: #f1f5f9;
}

.ml-folder.current[b-o2fm27hc6k] {
    background: #e0edff;
    color: #1e3a8a;
}

.ml-folder.current svg[b-o2fm27hc6k] {
    color: #1d4ed8;
}

.ml-count[b-o2fm27hc6k] {
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.ml-count.unread[b-o2fm27hc6k] {
    background: #2563eb;
    color: #ffffff;
    border-radius: 999px;
    padding: 1px 8px;
}

/* No overflow clipping here: the To picker's list drops below its field inside this card. */
.ml-main[b-o2fm27hc6k] {
    padding: 0;
    min-height: 360px;
}

/* ---- the list */

.ml-list-head[b-o2fm27hc6k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
}

.ml-list-head h4[b-o2fm27hc6k] {
    margin: 0;
    font-size: 16px;
}

.ml-empty[b-o2fm27hc6k] {
    padding: 40px 16px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
}

.ml-cols[b-o2fm27hc6k] {
    display: grid;
    grid-template-columns: var(--ml-cols);
    gap: 12px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    border-bottom: 1px solid #eef2f7;
}

.ml-cols-when[b-o2fm27hc6k] {
    text-align: right;
}

.ml-day[b-o2fm27hc6k] {
    padding: 7px 16px 5px;
    font-size: 12px;
    font-weight: 800;
    color: #475569;
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
}

.ml-row[b-o2fm27hc6k] {
    display: grid;
    grid-template-columns: var(--ml-cols);
    grid-template-areas: "who what flags when action";
    align-items: center;
    gap: 12px;
    padding: 9px 16px;
    border-bottom: 1px solid #eef2f7;
    cursor: pointer;
    color: #0f172a;
    background: #ffffff;
}

.ml-row:hover[b-o2fm27hc6k] {
    background: #f8fafc;
}

.ml-row:last-child[b-o2fm27hc6k] {
    border-bottom: none;
    border-radius: 0 0 15px 15px;
}

.ml-row:focus-visible[b-o2fm27hc6k] {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.ml-row.unread[b-o2fm27hc6k] {
    box-shadow: inset 3px 0 0 #2563eb;
}

.ml-who[b-o2fm27hc6k] {
    grid-area: who;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ml-who-prefix[b-o2fm27hc6k] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    margin-right: 6px;
}

.ml-row.unread .ml-who[b-o2fm27hc6k],
.ml-row.unread .ml-subject[b-o2fm27hc6k] {
    font-weight: 800;
    color: #0f172a;
}

.ml-what[b-o2fm27hc6k] {
    grid-area: what;
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}

/* The subject keeps its words; the preview takes what is left and gives way first. */
.ml-subject[b-o2fm27hc6k] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 0 auto;
    max-width: 100%;
}

.ml-preview[b-o2fm27hc6k] {
    font-size: 13px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 0px;
    min-width: 0;
}

.ml-flags[b-o2fm27hc6k] {
    grid-area: flags;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.ml-pill[b-o2fm27hc6k] {
    font-size: 11px;
    font-weight: 700;
    color: #92400e;
    background: #fef3c7;
    border-radius: 999px;
    padding: 2px 8px;
    white-space: nowrap;
}

.ml-when[b-o2fm27hc6k] {
    grid-area: when;
    font-size: 12px;
    color: #64748b;
    text-align: right;
    white-space: nowrap;
}

.ml-row.unread .ml-when[b-o2fm27hc6k] {
    color: #1d4ed8;
    font-weight: 700;
}

.ml-icon[b-o2fm27hc6k] {
    grid-area: action;
    border: none;
    background: transparent;
    color: #64748b;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.ml-icon:hover[b-o2fm27hc6k] {
    background: #fee2e2;
    color: #b91c1c;
}

.ml-icon.restore:hover[b-o2fm27hc6k] {
    background: #dcfce7;
    color: #166534;
}

.ml-icon:disabled[b-o2fm27hc6k] {
    opacity: 0.5;
    cursor: default;
}

/* The acknowledgement circle (owner, 2026-09-13): red, orange, yellow, green. */
.ml-dot[b-o2fm27hc6k] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex: none;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.ml-dot.red[b-o2fm27hc6k] {
    background: #ef4444;
}

.ml-dot.orange[b-o2fm27hc6k] {
    background: #f97316;
}

.ml-dot.yellow[b-o2fm27hc6k] {
    background: #eab308;
}

.ml-dot.green[b-o2fm27hc6k] {
    background: #16a34a;
}

/* ---- an opened message and the compose form */

.ml-read[b-o2fm27hc6k],
.ml-compose[b-o2fm27hc6k] {
    padding: 14px 16px 18px;
}

.ml-top[b-o2fm27hc6k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.ml-back[b-o2fm27hc6k] {
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
}

.ml-back:hover[b-o2fm27hc6k] {
    text-decoration: underline;
}

.ml-read-actions[b-o2fm27hc6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ml-read-actions .sd-btn[b-o2fm27hc6k],
.ml-compose .sd-actions .sd-btn[b-o2fm27hc6k] {
    gap: 6px;
}

.ml-danger:hover[b-o2fm27hc6k] {
    border-color: #fca5a5;
    color: #b91c1c;
    background: #fef2f2;
}

.ml-read h4.ml-read-subject[b-o2fm27hc6k] {
    margin: 4px 0 10px;
    font-size: 20px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ml-read-meta[b-o2fm27hc6k] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    font-size: 13px;
    color: #334155;
    margin-bottom: 14px;
}

.ml-read-meta > div[b-o2fm27hc6k] {
    display: flex;
    gap: 8px;
    align-items: baseline;
    min-width: 0;
}

.ml-read-meta > div > :last-child[b-o2fm27hc6k] {
    overflow-wrap: anywhere;
}

.ml-meta-label[b-o2fm27hc6k] {
    flex: none;
    width: 74px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}

.ml-ack[b-o2fm27hc6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 14px;
}

.ml-ack.done[b-o2fm27hc6k] {
    justify-content: flex-start;
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

/* The message text, drawn the same as it looks in the editor. */
.msg-body[b-o2fm27hc6k] {
    font-size: 14px;
    line-height: 1.55;
    color: #1e293b;
    overflow-wrap: anywhere;
}

.msg-body p[b-o2fm27hc6k] {
    margin: 0 0 10px;
}

.msg-body h2[b-o2fm27hc6k] {
    margin: 4px 0 10px;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
}

.msg-body h3[b-o2fm27hc6k] {
    margin: 12px 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.msg-body ul[b-o2fm27hc6k],
.msg-body ol[b-o2fm27hc6k] {
    margin: 0 0 10px;
    padding-left: 22px;
}

.msg-body li[b-o2fm27hc6k] {
    margin: 0 0 4px;
}

.msg-body blockquote[b-o2fm27hc6k] {
    margin: 8px 0 10px;
    padding: 8px 14px;
    border-left: 3px solid #cbd5e1;
    color: #475569;
    background: #f8fafc;
    border-radius: 0 8px 8px 0;
}

.msg-body blockquote p:last-child[b-o2fm27hc6k] {
    margin-bottom: 0;
}

.msg-body a[b-o2fm27hc6k] {
    color: #0d6efd;
}

.ml-receipts[b-o2fm27hc6k] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}

.ml-receipts-head[b-o2fm27hc6k] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

.ml-receipt-cols[b-o2fm27hc6k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ml-receipt-cols h5[b-o2fm27hc6k] {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.ml-receipt-cols p[b-o2fm27hc6k] {
    margin: 0;
}

.ml-receipt-cols ul[b-o2fm27hc6k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 4px;
    font-size: 13px;
}

.ml-receipt-cols li[b-o2fm27hc6k] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-left: 18px;
    position: relative;
}

.ml-receipt-cols li[b-o2fm27hc6k]::before {
    content: "○";
    position: absolute;
    left: 0;
    color: #94a3b8;
}

.ml-receipt-cols li.done[b-o2fm27hc6k]::before {
    content: "✓";
    color: #16a34a;
    font-weight: 700;
}

.ml-receipt-cols li.read[b-o2fm27hc6k]::before {
    content: "◐";
    color: #d97706;
}

.ml-compose h4[b-o2fm27hc6k] {
    margin: 0 0 12px;
}

.ml-field[b-o2fm27hc6k] {
    display: grid;
    gap: 4px;
    margin-bottom: 12px;
}

.ml-label[b-o2fm27hc6k] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

/* Pictures on a message (owner, 2026-09-27): thumbnails under the message while writing,
   larger ones under the text when reading, and a mark on the folder row. */
.ml-pictures[b-o2fm27hc6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.ml-thumb[b-o2fm27hc6k] {
    position: relative;
}

.ml-thumb-open[b-o2fm27hc6k],
.ml-read-picture[b-o2fm27hc6k] {
    display: block;
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
}

.ml-thumb-open img[b-o2fm27hc6k] {
    display: block;
    width: 112px;
    height: 80px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    object-fit: cover;
}

.ml-thumb-x[b-o2fm27hc6k] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
}

.ml-add-picture[b-o2fm27hc6k] {
    position: relative;
    box-sizing: border-box;
    gap: 6px;
    overflow: hidden;
    font-family: inherit;
    cursor: pointer;
}

.ml-add-picture[b-o2fm27hc6k]  input[type=file] {
    position: absolute;
    inset: 0;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.ml-read-pictures[b-o2fm27hc6k] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.ml-read-picture[b-o2fm27hc6k] {
    max-width: 100%;
}

.ml-read-picture img[b-o2fm27hc6k] {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 260px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.ml-has-pictures[b-o2fm27hc6k] {
    display: inline-flex;
    color: #64748b;
}

.ml-zoom[b-o2fm27hc6k] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 64px 24px 24px;
    background: rgba(15, 23, 42, 0.88);
    cursor: zoom-out;
}

.ml-zoom img[b-o2fm27hc6k] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
    object-fit: contain;
    cursor: default;
}

.ml-zoom-x[b-o2fm27hc6k] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.ml-zoom-x:hover[b-o2fm27hc6k],
.ml-zoom-x:focus-visible[b-o2fm27hc6k] {
    background: rgba(255, 255, 255, 0.32);
    outline: none;
}

@media (max-width: 760px) {
    .ml-layout[b-o2fm27hc6k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ml-nav[b-o2fm27hc6k] {
        position: static;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .ml-new[b-o2fm27hc6k] {
        width: auto;
    }

    .ml-folders[b-o2fm27hc6k] {
        display: flex;
        gap: 4px;
    }

    .ml-folder[b-o2fm27hc6k] {
        padding: 6px 10px;
        font-size: 13px;
    }

    .ml-count[b-o2fm27hc6k] {
        margin-left: 2px;
    }

    .ml-cols[b-o2fm27hc6k] {
        display: none;
    }

    .ml-row[b-o2fm27hc6k] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "who when"
            "what action"
            "flags action";
        gap: 2px 10px;
        padding: 10px 12px;
    }

    .ml-what[b-o2fm27hc6k] {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .ml-subject[b-o2fm27hc6k] {
        max-width: 100%;
    }

    /* Stacked under the subject, the preview keeps its own line. */
    .ml-preview[b-o2fm27hc6k] {
        flex: 0 0 auto;
    }

    .ml-flags[b-o2fm27hc6k] {
        justify-content: flex-start;
    }

    .ml-flags:empty[b-o2fm27hc6k] {
        display: none;
    }

    .ml-icon[b-o2fm27hc6k] {
        align-self: center;
    }

    .ml-receipt-cols[b-o2fm27hc6k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ml-meta-label[b-o2fm27hc6k] {
        width: 64px;
    }
}
/* /Components/Business/Pages/MyOnboarding.razor.rz.scp.css */
.mob-progress-grid[b-xgt3zrib7q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.mob-big[b-xgt3zrib7q] {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
}

.mob-label[b-xgt3zrib7q] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.mob-bar[b-xgt3zrib7q] {
    height: 10px;
    border-radius: 999px;
    background: #eef2f7;
    overflow: hidden;
    margin-bottom: 8px;
}

.mob-bar-fill[b-xgt3zrib7q] {
    height: 100%;
    background: #0d6efd;
    border-radius: 999px;
}

/* Owner feedback 2026-07-05: subsections are their own cards inside the main section card. */
.mob-section[b-xgt3zrib7q] {
    margin-top: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    padding: 10px 14px 6px;
}

.mob-section-title[b-xgt3zrib7q] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0d6efd;
    padding-bottom: 6px;
}

.mob-task[b-xgt3zrib7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #e8eef6;
    padding: 8px 0;
}

.mob-task.done .mob-task-title[b-xgt3zrib7q] {
    color: #64748b;
    text-decoration: line-through;
}

.mob-task-main[b-xgt3zrib7q] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mob-task-title[b-xgt3zrib7q] {
    font-size: 14px;
    color: #0f172a;
}

.mob-due[b-xgt3zrib7q] {
    color: #b45309;
    font-size: 12px;
    font-weight: 700;
}

.mob-task-actions[b-xgt3zrib7q] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.mob-witness[b-xgt3zrib7q] {
    display: block;
    width: 100%;
    color: #166534;
    font-size: 12px;
    font-weight: 600;
}

.mob-value-input[b-xgt3zrib7q] {
    max-width: 140px;
    min-height: 32px;
    padding: 5px 10px;
}

[b-xgt3zrib7q] .witness-dialog.e-dialog {
    width: min(480px, calc(100vw - 32px)) !important;
    border-radius: 16px;
}

[b-xgt3zrib7q] .witness-dialog .e-dlg-content {
    padding: 0 !important;
}
/* /Components/Business/Pages/MyOrganisation.razor.rz.scp.css */
.myo-tree[b-kajhaz2o7p],
.myo-tree ul[b-kajhaz2o7p] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.myo-tree ul[b-kajhaz2o7p] {
    margin-left: 20px;
    padding-left: 16px;
    border-left: 2px solid #e2e8f0;
}

.myo-tree li[b-kajhaz2o7p] {
    position: relative;
    padding: 5px 0;
}

.myo-tree ul > li[b-kajhaz2o7p]::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 24px;
    width: 12px;
    border-top: 2px solid #e2e8f0;
}

.myo-seat[b-kajhaz2o7p] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 200px;
    max-width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 8px 12px;
}

.myo-seat.mine[b-kajhaz2o7p] {
    border-color: #0f172a;
}

.myo-seat-title[b-kajhaz2o7p] {
    font-weight: 700;
    font-size: 14px;
    color: #0f172a;
}

.myo-seat-person[b-kajhaz2o7p] {
    font-size: 13px;
    color: #334155;
}

.myo-seat-person.vacant[b-kajhaz2o7p] {
    color: #94a3b8;
    font-style: italic;
}

.myo-seat-resp[b-kajhaz2o7p] {
    margin: 4px 0 0;
    padding-left: 16px;
    font-size: 12px;
    color: #64748b;
}

.myo-type[b-kajhaz2o7p] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    padding-bottom: 4px;
}

.myo-item[b-kajhaz2o7p] {
    border-top: 1px solid #f1f5f9;
    padding: 8px 0;
    font-size: 14px;
}

.myo-item p[b-kajhaz2o7p] {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 13px;
    white-space: pre-line;
}

.myo-vision[b-kajhaz2o7p] {
    font-size: 18px;
    line-height: 1.5;
    color: #0f172a;
    margin: 0 0 12px;
}
/* /Components/Business/Pages/MyRota.razor.rz.scp.css */
/* My rota as a list of days: one row per day, nothing wider than a phone screen
   (owner, 2026-09-02: phones get lists, grids stay on the desktop). */

.rota-summary[b-6msr7j83hl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 0 0 6px;
    font-size: 14px;
    color: #475569;
}

.rota-summary strong[b-6msr7j83hl] {
    color: #0f172a;
}

.rota-week[b-6msr7j83hl] {
    margin: 0 0 18px;
}

.rota-week-title[b-6msr7j83hl] {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.rota-days[b-6msr7j83hl] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.rota-day[b-6msr7j83hl] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-top: 1px solid #eef2f7;
    min-height: 52px;
}

.rota-day:first-child[b-6msr7j83hl] {
    border-top: 0;
}

.rota-day.today[b-6msr7j83hl] {
    background: #fffbea;
}

.rota-date[b-6msr7j83hl] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.rota-date .dow[b-6msr7j83hl] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

.rota-date .dom[b-6msr7j83hl] {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

.rota-what[b-6msr7j83hl] {
    min-width: 0;
    font-size: 15px;
    color: #0f172a;
}

.rota-what small[b-6msr7j83hl] {
    display: block;
    font-size: 13px;
    color: #64748b;
}

.rota-time[b-6msr7j83hl] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rota-day.in .rota-what[b-6msr7j83hl]::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
    margin-right: 8px;
    vertical-align: middle;
}

.rota-day.off[b-6msr7j83hl],
.rota-day.unrostered[b-6msr7j83hl] {
    color: #94a3b8;
}

.rota-day.off .rota-what[b-6msr7j83hl],
.rota-day.unrostered .rota-what[b-6msr7j83hl],
.rota-day.off .rota-date .dom[b-6msr7j83hl],
.rota-day.unrostered .rota-date .dom[b-6msr7j83hl] {
    color: #94a3b8;
    font-weight: 500;
}

.rota-day.leave .rota-what[b-6msr7j83hl] {
    color: #7c2d12;
}

.rota-day.leave .rota-what[b-6msr7j83hl]::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #ea580c;
    margin-right: 8px;
    vertical-align: middle;
}

.rota-day.leave.pending .rota-what[b-6msr7j83hl]::before {
    background: repeating-linear-gradient(45deg, #ea580c 0 2px, #fff 2px 4px);
}

.rota-day.closed .rota-what[b-6msr7j83hl] {
    color: #94a3b8;
}

.rota-day.cover .rota-what small[b-6msr7j83hl] {
    color: #b45309;
}

.rota-note[b-6msr7j83hl] {
    margin: 12px 0 0;
    font-size: 13px;
    color: #64748b;
}

@media (max-width: 599px) {
    .rota-day[b-6msr7j83hl] {
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: 10px;
        padding: 10px;
    }

    .rota-what[b-6msr7j83hl] {
        font-size: 14px;
    }

    .rota-time[b-6msr7j83hl] {
        font-size: 13px;
    }
}

/* My days or Team calendar (owner, 2026-09-27). */
.rota-toggle[b-6msr7j83hl] {
    display: inline-flex;
    justify-self: start;
    margin: 0;
    padding: 3px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
}

.rota-toggle a[b-6msr7j83hl] {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    white-space: nowrap;
}

.rota-toggle a.on[b-6msr7j83hl] {
    background: #0d6efd;
    color: #ffffff;
}

/* The team calendar needs the width a month grid takes. */
.sd-shell.rota-wide[b-6msr7j83hl] {
    max-width: 1400px;
}

.rota-controls[b-6msr7j83hl] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rota-month-nav[b-6msr7j83hl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rota-month[b-6msr7j83hl] {
    color: #0f172a;
    font-size: 14px;
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
}

.rota-legend[b-6msr7j83hl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-left: auto;
    font-size: 12px;
    color: #475569;
}

.rota-legend > span[b-6msr7j83hl] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.rg-key[b-6msr7j83hl] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.rg-key.on[b-6msr7j83hl] { background: #16a34a; }
.rg-key.away[b-6msr7j83hl] { background: #93c5fd; }
.rg-key.hol[b-6msr7j83hl] { background: #475569; }
.rg-key.closed[b-6msr7j83hl] { background: #cbd5e1; }
.rg-key.offday[b-6msr7j83hl] { background: #e8edf3; border: 1px solid #dbe3ec; }

/* Phones see a list of who is in, so the colour key has nothing to explain. */
@media (max-width: 599px) {
    .rota-legend[b-6msr7j83hl] {
        display: none;
    }

    .rota-month-nav[b-6msr7j83hl] {
        width: 100%;
        justify-content: space-between;
    }

    .rota-month[b-6msr7j83hl] {
        min-width: 0;
    }
}

/* Swapped days (owner, 2026-09-27): a ⇄ in place of the dot, on the day taken on and the day given away. */
.rota-day.swap .rota-what[b-6msr7j83hl]::before {
    content: "\21C4";
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    margin-right: 8px;
    color: #7c3aed;
    font-weight: 800;
    vertical-align: baseline;
}

.rota-day.swap .rota-what small[b-6msr7j83hl] {
    color: #6d28d9;
}

.rg-key.on.swap[b-6msr7j83hl] {
    position: relative;
}

.rg-key.on.swap[b-6msr7j83hl]::after {
    content: "\21C4";
    position: absolute;
    inset: 0;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 14px;
    text-align: center;
}

/* Swap a day off (owner, 2026-09-27). */
.swap-card h4[b-6msr7j83hl] {
    margin: 0 0 6px;
}

.swap-intro[b-6msr7j83hl] {
    margin: 0 0 12px;
    font-size: 14px;
    color: #475569;
    max-width: 720px;
}

.swap-form[b-6msr7j83hl] {
    display: grid;
    gap: 12px;
    max-width: 560px;
}

.swap-form label[b-6msr7j83hl] {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.swap-form .form-select[b-6msr7j83hl],
.swap-form .form-input[b-6msr7j83hl] {
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
}

.swap-none[b-6msr7j83hl],
.swap-small[b-6msr7j83hl] {
    margin: 10px 0 0;
    font-size: 13px;
    color: #64748b;
}

.swap-sub[b-6msr7j83hl] {
    margin: 18px 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

.swap-list[b-6msr7j83hl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.swap-list li[b-6msr7j83hl] {
    display: grid;
    gap: 4px;
    justify-items: start;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
}

.swap-list small[b-6msr7j83hl] {
    font-size: 13px;
    color: #64748b;
    overflow-wrap: anywhere;
}
/* /Components/Business/Pages/MyStoreTasks.razor.rz.scp.css */
.stl-store-picker[b-k65esulol3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.stl-store-picker label[b-k65esulol3] {
    font-weight: 700;
    color: #0f172a;
    font-size: 14px;
}

.stl-store-picker select[b-k65esulol3] {
    max-width: 320px;
}

.stl-progress[b-k65esulol3] {
    font-size: 12px;
    font-weight: 700;
    color: #92400e;
    background: #fef9c3;
    border: 1px solid #facc15;
    border-radius: 999px;
    padding: 3px 10px;
}

.stl-progress.all-done[b-k65esulol3] {
    color: #166534;
    background: #f0fdf4;
    border-color: #86efac;
}

.stl-row[b-k65esulol3] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid #f1f5f9;
}

.stl-row:last-child[b-k65esulol3] {
    border-bottom: none;
}

.stl-row .stl-drag-handle[b-k65esulol3] {
    color: #94a3b8;
    cursor: grab;
    margin-top: 2px;
}

.stl-tick[b-k65esulol3] {
    width: 18px;
    height: 18px;
    flex: none;
    margin-top: 3px;
    accent-color: #0d6efd;
    cursor: pointer;
}

.stl-main[b-k65esulol3] {
    flex: 1;
    min-width: 0;
}

.stl-title[b-k65esulol3] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.stl-row.done .stl-title[b-k65esulol3] {
    text-decoration: line-through;
    color: #94a3b8;
    font-weight: 500;
}

.stl-notes[b-k65esulol3] {
    margin: 2px 0 0;
    font-size: 13px;
    color: #64748b;
}

.stl-row.done .stl-notes[b-k65esulol3] {
    color: #cbd5e1;
}

.stl-meta[b-k65esulol3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.stl-actions[b-k65esulol3] {
    margin: 0;
    flex: none;
}

.stl-form[b-k65esulol3] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #e2e8f0;
}

.stl-form-label[b-k65esulol3] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 6px;
}

.stl-form-grid[b-k65esulol3] {
    display: grid;
    grid-template-columns: 2fr 2fr auto;
    gap: 8px;
    align-items: end;
}

@media (max-width: 720px) {
    .stl-form-grid[b-k65esulol3] {
        grid-template-columns: 1fr;
    }
}

.stl-due label[b-k65esulol3] {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 2px;
}

/* Giving and taking jobs (owner, 2026-11-02). */
.stl-assignee[b-k65esulol3] {
    font-size: 12px;
    font-weight: 600;
    color: #1e40af;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 2px 9px;
}

.stl-row.done .stl-assignee[b-k65esulol3] {
    color: #94a3b8;
    background: #f8fafc;
    border-color: #e2e8f0;
}

.stl-meta[b-k65esulol3] {
    flex-wrap: wrap;
}

.stl-assign[b-k65esulol3] {
    flex: none;
    display: flex;
    align-items: center;
}

.stl-assign-select[b-k65esulol3] {
    width: 180px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
}

/* Phones: the give and take controls drop under the job so nothing scrolls sideways. */
@media (max-width: 600px) {
    .stl-row[b-k65esulol3] {
        flex-wrap: wrap;
    }

    .stl-main[b-k65esulol3] {
        flex-basis: calc(100% - 60px);
    }

    .stl-assign[b-k65esulol3] {
        flex-basis: 100%;
        box-sizing: border-box;
        padding-left: 28px;
    }

    .stl-assign-select[b-k65esulol3] {
        width: 100%;
    }
}
/* /Components/Business/Pages/TeamBoards.razor.rz.scp.css */
/* Team boards (owner, 2026-09-27): Trello-style columns, one per person. */

.tb-header[b-zsqorosefe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.tb-hint-phone[b-zsqorosefe] {
    display: none;
}

/* The Admin's way to the to do list settings: a round cog button. */
.tb-settings[b-zsqorosefe] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 50%;
    background: #ffffff;
    color: #475569;
}

.tb-settings:hover[b-zsqorosefe],
.tb-settings:focus-visible[b-zsqorosefe] {
    background: #f8fafc;
    color: #0f172a;
    outline: none;
}

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

.tb-tabs[b-zsqorosefe] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    background: #e2e8f0;
}

.tb-tab[b-zsqorosefe] {
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 8px 18px;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
}

.tb-tab:hover[b-zsqorosefe] {
    color: #0f172a;
}

.tb-tab.on[b-zsqorosefe] {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.14);
}

.tb-bar-end[b-zsqorosefe] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.tb-store[b-zsqorosefe] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}

.tb-store select[b-zsqorosefe] {
    width: auto;
    min-width: 180px;
}

/* The boards scroll sideways inside the page; the page itself never does. */
.tb-strip[b-zsqorosefe] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 2px 16px;
    min-height: 260px;
}

.tb-col[b-zsqorosefe] {
    flex: 0 0 272px;
    width: 272px;
    max-height: calc(100vh - 240px);
    min-height: 120px;
    display: flex;
    flex-direction: column;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.tb-col.mine[b-zsqorosefe] {
    background: #eaf2ff;
    border-color: #bfd6fe;
}

.tb-col.tb-drop-target[b-zsqorosefe] {
    outline: 2px dashed #0d6efd;
    outline-offset: -2px;
}

.tb-col-head[b-zsqorosefe] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 8px 6px 12px;
}

.tb-col-name[b-zsqorosefe] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.tb-you[b-zsqorosefe] {
    border-radius: 999px;
    padding: 2px 7px;
    background: #0d6efd;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tb-col-count[b-zsqorosefe] {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.tb-dot[b-zsqorosefe] {
    display: inline-block;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.tb-dot-sm[b-zsqorosefe] {
    width: 8px;
    height: 8px;
}

/* The tick, dot and rings before a note's first line (owner, 2026-09-27) sit halfway between
   the middle of its lowercase letters (vertical-align: middle) and the middle of its
   capitals, so mixed-case and all-caps notes both look centred. At the notes' 14px Inter
   those middles are 1.5px apart, hence the 0.75px lift. */
.tb-card-text .tb-dot-note[b-zsqorosefe],
.tb-card-text .tb-tick[b-zsqorosefe],
.tb-card-text .tb-coop-note[b-zsqorosefe] {
    position: relative;
    top: -0.75px;
    vertical-align: middle;
}

.tb-dot-note[b-zsqorosefe] {
    width: 9px;
    height: 9px;
    margin-right: 6px;
}

.tb-icon-btn[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #475569;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.tb-icon-btn:hover[b-zsqorosefe] {
    background: #e2e8f0;
    color: #0f172a;
}

.tb-col-menu-wrap[b-zsqorosefe] {
    position: relative;
}

.tb-add[b-zsqorosefe] {
    margin: 0 8px 6px;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.tb-add:hover[b-zsqorosefe] {
    background: #e2e8f0;
    color: #0f172a;
}

.tb-list[b-zsqorosefe] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 24px;
    padding: 2px 8px 10px;
    overflow-y: auto;
}

.tb-list.tb-drop-end[b-zsqorosefe]::after {
    content: "";
    display: block;
    height: 3px;
    border-radius: 2px;
    background: #0d6efd;
}

/* A note. */
.tb-card[b-zsqorosefe] {
    position: relative;
    flex: 0 0 auto;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.tb-card:hover[b-zsqorosefe] {
    border-color: #94a3b8;
}

.tb-card:focus-visible[b-zsqorosefe] {
    outline: 2px solid #0d6efd;
    outline-offset: 1px;
}

/* A manager's note on someone else's board: a thin border in the manager's colour
   (the ring adds a second pixel without changing the note's size). */
.tb-card.boss[b-zsqorosefe],
.tb-card.boss:hover[b-zsqorosefe] {
    border-color: var(--tb-boss);
    box-shadow: 0 0 0 1px var(--tb-boss);
}

.tb-card.done[b-zsqorosefe] {
    background: #f8fafc;
}

.tb-card.done .tb-text[b-zsqorosefe] {
    color: #94a3b8;
}

.tb-card.done .tb-card-img[b-zsqorosefe] {
    opacity: 0.55;
}

.tb-card.tb-dragging[b-zsqorosefe] {
    opacity: 0.4;
}

.tb-card.tb-drop-before[b-zsqorosefe]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    height: 3px;
    border-radius: 2px;
    background: #0d6efd;
}

.tb-card-img[b-zsqorosefe] {
    display: block;
    width: calc(100% + 20px);
    max-height: 160px;
    margin: -8px -10px 8px;
    border-radius: 9px 9px 0 0;
    background: #f1f5f9;
    object-fit: cover;
}

.tb-card-text[b-zsqorosefe] {
    margin: 0;
    padding-right: 14px;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.tb-text[b-zsqorosefe] {
    white-space: pre-wrap;
}

/* Done: the app's blue tick in front of the words. */
.tb-tick[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    border-radius: 50%;
    background: #0d6efd;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
}

.tb-coop[b-zsqorosefe] {
    display: inline-flex;
    vertical-align: -1px;
}

.tb-coop-note[b-zsqorosefe] {
    margin-right: 6px;
}

.tb-card-foot[b-zsqorosefe] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

.tb-badge[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.tb-card-more[b-zsqorosefe] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 22px;
    border: none;
    border-radius: 6px;
    background: #f1f5f9;
    color: #334155;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
}

.tb-card:hover .tb-card-more[b-zsqorosefe],
.tb-card:focus-within .tb-card-more[b-zsqorosefe] {
    opacity: 1;
}

@media (hover: none) {
    .tb-card-more[b-zsqorosefe] {
        opacity: 1;
    }
}

/* Writing a note. The column is held to the board's width: a pasted screenshot is
   often far wider than the board and would otherwise stretch it. */
.tb-composer[b-zsqorosefe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    margin: 0 8px 8px;
}

.tb-input[b-zsqorosefe] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 14px;
    resize: vertical;
}

.tb-input:focus[b-zsqorosefe] {
    border-color: #0d6efd;
    outline: 2px solid rgba(13, 110, 253, 0.25);
}

.tb-row[b-zsqorosefe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Add picture is a label (so it opens the file picker); sized like the button beside it,
   which counts its padding inside the height and uses the same font. */
.tb-file[b-zsqorosefe] {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.tb-row .sd-btn[b-zsqorosefe] {
    font-family: inherit;
}

.tb-file[b-zsqorosefe]  input[type=file] {
    position: absolute;
    inset: 0;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.tb-thumb[b-zsqorosefe] {
    position: relative;
    justify-self: start;
    max-width: 100%;
}

.tb-thumb img[b-zsqorosefe] {
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 140px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.tb-thumb-x[b-zsqorosefe] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
}

/* Menus: the right-click menu and each board's … menu. */
.tb-veil[b-zsqorosefe] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: transparent;
}

.tb-menu[b-zsqorosefe],
.tb-col-menu[b-zsqorosefe] {
    z-index: 1201;
    display: grid;
    min-width: 200px;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}

.tb-menu[b-zsqorosefe] {
    position: fixed;
}

.tb-col-menu[b-zsqorosefe] {
    position: absolute;
    top: 32px;
    right: 0;
}

.tb-menu button[b-zsqorosefe],
.tb-col-menu button[b-zsqorosefe] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.tb-menu button:hover[b-zsqorosefe],
.tb-menu button:focus-visible[b-zsqorosefe],
.tb-col-menu button:hover[b-zsqorosefe] {
    background: #f1f5f9;
    outline: none;
}

.tb-menu button.danger[b-zsqorosefe] {
    color: #b91c1c;
}

.tb-menu-tick[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 1.5px solid #94a3b8;
    border-radius: 50%;
    color: transparent;
    font-size: 10px;
    font-weight: 900;
}

.tb-menu-tick.on[b-zsqorosefe] {
    border-color: #0d6efd;
    background: #0d6efd;
    color: #ffffff;
}

/* The open note, the archive and the choices. */
.tb-backdrop[b-zsqorosefe] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: rgba(15, 23, 42, 0.45);
}

.tb-backdrop.top[b-zsqorosefe] {
    z-index: 1310;
}

.tb-dialog[b-zsqorosefe] {
    position: fixed;
    top: 6vh;
    left: 50%;
    z-index: 1301;
    display: flex;
    flex-direction: column;
    width: min(880px, calc(100vw - 32px));
    max-height: 88vh;
    overflow: auto;
    transform: translateX(-50%);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
}

.tb-dialog.narrow[b-zsqorosefe] {
    width: min(580px, calc(100vw - 32px));
}

.tb-dialog-head[b-zsqorosefe] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.tb-chips[b-zsqorosefe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tb-chip[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.tb-chip.coop[b-zsqorosefe] {
    background: #eef2ff;
    color: #3730a3;
}

.tb-dialog-body[b-zsqorosefe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
}

.tb-dialog-main[b-zsqorosefe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 14px;
    padding: 18px;
}

.tb-dialog-side[b-zsqorosefe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 10px;
    padding: 18px;
    border-left: 1px solid #e2e8f0;
    background: #f8fafc;
}

.tb-dialog-side h4[b-zsqorosefe] {
    margin: 0;
    font-size: 15px;
}

.tb-dialog-title[b-zsqorosefe] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tb-done-toggle[b-zsqorosefe] {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    margin-top: 2px;
    border: 2px solid #94a3b8;
    border-radius: 50%;
    background: #ffffff;
    color: transparent;
    font-weight: 900;
    cursor: pointer;
}

.tb-done-toggle:hover[b-zsqorosefe] {
    border-color: #0d6efd;
    color: #0d6efd;
}

.tb-done-toggle.on[b-zsqorosefe] {
    border-color: #0d6efd;
    background: #0d6efd;
    color: #ffffff;
}

.tb-dialog-text[b-zsqorosefe] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tb-dialog-text.done[b-zsqorosefe] {
    color: #64748b;
}

.tb-edit[b-zsqorosefe] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
}

.tb-dialog-img[b-zsqorosefe] {
    justify-self: start;
    max-width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
}

.tb-dialog-img img[b-zsqorosefe] {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 420px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

/* The picture enlarged over everything, fitted to the screen. */
.tb-zoom[b-zsqorosefe] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 64px 24px 24px;
    background: rgba(15, 23, 42, 0.88);
    cursor: zoom-out;
}

.tb-zoom img[b-zsqorosefe] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
    object-fit: contain;
    cursor: default;
}

.tb-zoom-x[b-zsqorosefe] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.tb-zoom-x:hover[b-zsqorosefe],
.tb-zoom-x:focus-visible[b-zsqorosefe] {
    background: rgba(255, 255, 255, 0.32);
    outline: none;
}

.tb-meta[b-zsqorosefe] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #64748b;
    font-size: 13px;
}

.tb-meta .done[b-zsqorosefe] {
    color: #0d6efd;
    font-weight: 600;
}

.tb-picker[b-zsqorosefe] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.tb-picker-intro[b-zsqorosefe] {
    margin: 0;
    color: #475569;
    font-size: 13px;
}

.tb-picker-label[b-zsqorosefe] {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tb-picker-people[b-zsqorosefe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.tb-person[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.tb-person:hover[b-zsqorosefe] {
    border-color: #0d6efd;
}

.tb-comment-form[b-zsqorosefe] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
    gap: 6px;
}

.tb-comment-form .tb-input[b-zsqorosefe] {
    justify-self: stretch;
}

/* A comment's picture, under its words; click to enlarge. */
.tb-comment-img[b-zsqorosefe] {
    display: block;
    max-width: 100%;
    margin-top: 6px;
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
}

.tb-comment-img img[b-zsqorosefe] {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 180px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.tb-comment[b-zsqorosefe] {
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

.tb-comment-head[b-zsqorosefe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.tb-comment-text[b-zsqorosefe] {
    margin: 4px 0 0;
    color: #0f172a;
    font-size: 14px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tb-quiet[b-zsqorosefe] {
    margin: 0;
    color: #64748b;
    font-size: 12px;
}

.tb-choice[b-zsqorosefe] {
    position: fixed;
    top: 18vh;
    left: 50%;
    z-index: 1311;
    display: grid;
    gap: 12px;
    width: min(540px, calc(100vw - 32px));
    padding: 18px;
    transform: translateX(-50%);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
}

.tb-choice h4[b-zsqorosefe] {
    margin: 0;
    font-size: 18px;
}

.tb-snippet[b-zsqorosefe] {
    font-size: 13px;
}

.tb-choice-grid[b-zsqorosefe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.tb-choice-btn[b-zsqorosefe] {
    display: grid;
    align-content: start;
    gap: 6px;
    padding: 14px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.tb-choice-btn:hover[b-zsqorosefe] {
    border-color: #0d6efd;
    background: #f5f9ff;
}

.tb-choice-btn strong[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
}

.tb-choice-btn span[b-zsqorosefe] {
    color: #475569;
    font-size: 13px;
}

.tb-archive[b-zsqorosefe] {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.tb-archived[b-zsqorosefe] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.tb-archived-img[b-zsqorosefe] {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    object-fit: cover;
}

.tb-archived-main[b-zsqorosefe] {
    flex: 1 1 auto;
    display: grid;
    gap: 4px;
    min-width: 0;
}

.tb-archived-text[b-zsqorosefe] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.tb-toast[b-zsqorosefe] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    z-index: 1400;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100vw - 32px);
    padding: 10px 12px 10px 16px;
    transform: translateX(-50%);
    border-radius: 12px;
    background: #0f172a;
    color: #ffffff;
    font-size: 14px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.3);
}

.tb-toast.error[b-zsqorosefe] {
    background: #991b1b;
}

.tb-toast-undo[b-zsqorosefe],
.tb-toast-x[b-zsqorosefe] {
    border: none;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.tb-toast-undo[b-zsqorosefe] {
    color: #93c5fd;
    font-weight: 800;
}

.tb-toast-x[b-zsqorosefe] {
    color: #cbd5e1;
}

/* Phones: one board across the screen, swipe for the next (like Trello's app). */
@media (max-width: 760px) {
    .tb-header p[b-zsqorosefe] {
        font-size: 13px;
    }

    .tb-header .tb-hint-wide[b-zsqorosefe] {
        display: none;
    }

    .tb-header .tb-hint-phone[b-zsqorosefe] {
        display: block;
    }

    .tb-bar[b-zsqorosefe] {
        align-items: stretch;
        flex-direction: column;
    }

    .tb-tabs[b-zsqorosefe] {
        display: flex;
    }

    .tb-tab[b-zsqorosefe] {
        flex: 1 1 0;
        padding: 8px 10px;
    }

    .tb-store select[b-zsqorosefe] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .tb-strip[b-zsqorosefe] {
        gap: 10px;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
    }

    .tb-col[b-zsqorosefe] {
        flex: 0 0 calc(100% - 28px);
        width: auto;
        max-height: calc(100dvh - 230px);
        scroll-snap-align: start;
    }

    .tb-dialog[b-zsqorosefe],
    .tb-dialog.narrow[b-zsqorosefe] {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        max-height: none;
        transform: none;
        border-radius: 0;
    }

    .tb-dialog-body[b-zsqorosefe] {
        grid-template-columns: 1fr;
    }

    .tb-dialog-side[b-zsqorosefe] {
        border-top: 1px solid #e2e8f0;
        border-left: none;
    }

    .tb-choice-grid[b-zsqorosefe] {
        grid-template-columns: 1fr;
    }

    .tb-toast[b-zsqorosefe] {
        bottom: 16px;
    }
}

/* Urgent notes (owner, 2026-09-29): a red edge and a small Urgent mark until the note is done. */
.tb-card.urgent[b-zsqorosefe] {
    border-left: 4px solid #dc2626;
    padding-left: 7px;
}

.tb-urgent[b-zsqorosefe] {
    display: inline-block;
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    vertical-align: 1px;
}

.tb-chip.urgent[b-zsqorosefe] {
    background: #fee2e2;
    color: #991b1b;
}

.tb-urgent-tick[b-zsqorosefe] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #991b1b;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.tb-urgent-tick input[b-zsqorosefe] {
    margin: 0;
    accent-color: #dc2626;
}
/* /Components/Business/Pages/TeamOnboarding.razor.rz.scp.css */
.to-task[b-xm1k72uq82] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #f1f5f9;
    padding: 6px 0;
    font-size: 13px;
    color: #0f172a;
}

.to-actions[b-xm1k72uq82] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Team grouping rows (owner, 2026-07-10). */
.grp-team-row .grp-team[b-xm1k72uq82] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}
/* /Components/Business/Pages/TeamOverview.razor.rz.scp.css */
.sd-shell[b-85zl6hq6h8] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-85zl6hq6h8] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-85zl6hq6h8] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-85zl6hq6h8] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-85zl6hq6h8] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-85zl6hq6h8] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-85zl6hq6h8] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-85zl6hq6h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-85zl6hq6h8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.sd-btn[b-85zl6hq6h8] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.sd-btn-sm[b-85zl6hq6h8] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-85zl6hq6h8] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-85zl6hq6h8] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-85zl6hq6h8] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-85zl6hq6h8] {
    background: #f8fafc;
}

.sd-table[b-85zl6hq6h8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 4px;
}

.sd-table th[b-85zl6hq6h8] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-85zl6hq6h8] {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.mini-bar[b-85zl6hq6h8] {
    width: 110px;
    height: 7px;
    border-radius: 999px;
    background: #eef2f7;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.mini-bar-fill[b-85zl6hq6h8] {
    height: 7px;
    border-radius: 999px;
    background: #0d6efd;
}

.all-done[b-85zl6hq6h8] {
    color: #166534;
    font-weight: 700;
}

.status-pill[b-85zl6hq6h8] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
}

.status-pill.approved[b-85zl6hq6h8] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.so-team[b-85zl6hq6h8] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 17px;
}

/* Store heading above each store's team cards on the All-stores view
   (owner feedback, 2026-09-01). */
.so-store-head[b-85zl6hq6h8] {
    margin: 18px 2px 0;
    color: #0f172a;
    font-size: 19px;
}

.so-store-head:first-of-type[b-85zl6hq6h8] {
    margin-top: 4px;
}

.so-kind[b-85zl6hq6h8] {
    margin: 16px 0 4px;
    color: #0f172a;
    font-size: 15px;
}

.so-phase[b-85zl6hq6h8] {
    margin: 10px 0;
}

.so-phase > strong[b-85zl6hq6h8] {
    font-size: 14px;
    color: #0f172a;
}

.so-section[b-85zl6hq6h8] {
    margin: 8px 0 10px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    padding: 8px 12px 4px;
}

.so-section-title[b-85zl6hq6h8] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0d6efd;
    padding-bottom: 4px;
}

.so-task[b-85zl6hq6h8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #e8eef6;
    padding: 6px 0;
    font-size: 13px;
}

.so-task.done .so-task-main > span:first-child[b-85zl6hq6h8] {
    color: #64748b;
    text-decoration: line-through;
}

.so-task-main[b-85zl6hq6h8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.so-witness[b-85zl6hq6h8] {
    display: block;
    width: 100%;
    color: #166534;
    font-size: 12px;
    font-weight: 600;
}

.so-task-actions[b-85zl6hq6h8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.so-value-input[b-85zl6hq6h8] {
    max-width: 120px;
    min-height: 30px;
    padding: 4px 10px;
}

.empty-access-hint[b-85zl6hq6h8] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}
/* /Components/Business/Pages/TeamProcesses.razor.rz.scp.css */
/* Team grouping rows (owner, 2026-07-10). */
.grp-team-row .grp-team[b-i3wzqmb742] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}
/* /Components/Business/Pages/TeamProgression.razor.rz.scp.css */
/* Team group heading rows — same look as Team processes. */
.grp-team-row .grp-team[b-sbgrjxxcg2] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

/* Dare to be Great answer tables — same look as the employee's own page
   (MyDare.razor.css), plus the "corrected" note under a picked cell. */
.dare-sec[b-sbgrjxxcg2] {
    margin-top: 14px;
}

.dare-sec:first-of-type[b-sbgrjxxcg2] {
    margin-top: 4px;
}

.dare-sec-title[b-sbgrjxxcg2] {
    margin: 0 0 6px;
    color: #0d6efd;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dare-table[b-sbgrjxxcg2] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12.5px;
}

.dare-table th[b-sbgrjxxcg2] {
    text-align: left;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 6px 10px;
    border-bottom: 1px solid #e2e8f0;
    width: 33.3%;
}

.dare-cell[b-sbgrjxxcg2] {
    padding: 8px 10px;
    border: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: top;
    line-height: 1.5;
    white-space: pre-line;
}

.dare-cell.goals[b-sbgrjxxcg2] {
    background: #fffdf3;
}

.dare-cell.good[b-sbgrjxxcg2] {
    background: #f6fdf8;
}

.dare-cell.great[b-sbgrjxxcg2] {
    background: #f5f9ff;
}

.dare-cell.pick[b-sbgrjxxcg2] {
    cursor: pointer;
}

.dare-cell.picked.goals[b-sbgrjxxcg2] {
    background: #fef08a;
    border-color: #facc15;
}

.dare-cell.picked.good[b-sbgrjxxcg2] {
    background: #bbf7d0;
    border-color: #4ade80;
}

.dare-cell.picked.great[b-sbgrjxxcg2] {
    background: #bfdbfe;
    border-color: #60a5fa;
}

.dare-was[b-sbgrjxxcg2] {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #9a3412;
}

@media (max-width: 860px) {
    .dare-table[b-sbgrjxxcg2],
    .dare-table thead[b-sbgrjxxcg2],
    .dare-table tbody[b-sbgrjxxcg2],
    .dare-table tr[b-sbgrjxxcg2],
    .dare-table th[b-sbgrjxxcg2],
    .dare-cell[b-sbgrjxxcg2] {
        display: block;
        width: 100%;
    }

    .dare-table thead[b-sbgrjxxcg2] {
        display: none;
    }

    .dare-cell[b-sbgrjxxcg2]::before {
        display: block;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 2px;
    }

    .dare-cell.goals[b-sbgrjxxcg2]::before {
        content: "Needs training";
        color: #713f12;
    }

    .dare-cell.good[b-sbgrjxxcg2]::before {
        content: "Good";
        color: #166534;
    }

    .dare-cell.great[b-sbgrjxxcg2]::before {
        content: "Great";
        color: #1d4ed8;
    }

    .dare-table tr[b-sbgrjxxcg2] {
        margin-bottom: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        overflow: hidden;
    }
}
/* /Components/Business/Pages/TeamRota.razor.rz.scp.css */
/* Manager's read-only store rota (owner, 2026-07-11). The calendar's own styles live
   with RotaMonthCalendar (owner, 2026-09-27); these are the controls above it. */
.rota-shell[b-c8uphduw6y] {
    max-width: 1400px;
}

.rota-controls[b-c8uphduw6y] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rota-controls .form-select[b-c8uphduw6y] {
    max-width: 220px;
}

.rota-week-label[b-c8uphduw6y] {
    color: #0f172a;
    font-size: 14px;
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
}

.rota-legend[b-c8uphduw6y] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 12px;
    color: #475569;
}

.rg-key[b-c8uphduw6y] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    margin-left: 10px;
}

.rg-key.on[b-c8uphduw6y] { background: #16a34a; }
.rg-key.draft[b-c8uphduw6y] { background: #bbf7d0; border: 1px dashed #16a34a; }
.rg-key.away[b-c8uphduw6y] { background: #93c5fd; }
.rg-key.hol[b-c8uphduw6y] { background: #475569; }
.rg-key.closed[b-c8uphduw6y] { background: #cbd5e1; }
.rg-key.offday[b-c8uphduw6y] { background: #e8edf3; border: 1px solid #dbe3ec; }

.rg-key.on.swap[b-c8uphduw6y] {
    position: relative;
}

.rg-key.on.swap[b-c8uphduw6y]::after {
    content: "\21C4";
    position: absolute;
    inset: 0;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 14px;
    text-align: center;
}

/* Day swap requests (owner, 2026-09-27): shown first, so the manager sees them straight away. */
.swap-requests[b-c8uphduw6y] {
    border-left: 4px solid #7c3aed;
}

.swap-requests h4[b-c8uphduw6y] {
    margin: 0 0 6px;
}

.swap-intro[b-c8uphduw6y] {
    margin: 0 0 12px;
    font-size: 14px;
    color: #475569;
}

.swap-request[b-c8uphduw6y] {
    display: grid;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid #eef2f7;
}

.swap-what[b-c8uphduw6y] {
    margin: 0;
    font-size: 15px;
    color: #0f172a;
    line-height: 1.45;
}

.swap-store[b-c8uphduw6y] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 12px;
    color: #475569;
}

.swap-reason[b-c8uphduw6y] {
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f5f3ff;
    color: #3b0764;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.swap-reason span[b-c8uphduw6y] {
    font-weight: 700;
}

.swap-request textarea[b-c8uphduw6y] {
    max-width: 560px;
    box-sizing: border-box;
}

.swap-actions[b-c8uphduw6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Business/Pages/TeamTraining.razor.rz.scp.css */
.tt-team[b-7ysrqvzj94] {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 4px;
}

.tt-person[b-7ysrqvzj94] {
    margin-top: 12px;
}

.tt-person-head[b-7ysrqvzj94] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 4px;
}

.tt-person-head strong[b-7ysrqvzj94] {
    color: #0f172a;
    font-size: 14px;
}

.tt-clear[b-7ysrqvzj94] {
    color: #166534;
    font-size: 12px;
    font-weight: 700;
}

.tt-col-sec[b-7ysrqvzj94] {
    width: 22%;
}

/* Academy lessons passed (owner, 2026-09-27). */
.tt-academy[b-7ysrqvzj94] {
    padding: 1px 8px;
    border-radius: 999px;
    background: #e0e7ff;
    color: #3730a3;
    font-size: 12px;
    font-weight: 700;
}

.tt-academy.done[b-7ysrqvzj94] {
    background: #dcfce7;
    color: #166534;
}
/* /Components/Business/RecipientPicker.razor.rz.scp.css */
/* The To line picker (owner, 2026-09-13): chips in the field, the list opens below it. */
.rp[b-dmvfqfajru] {
    position: relative;
}

.rp-field[b-dmvfqfajru] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 5px 8px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    cursor: text;
    box-sizing: border-box;
}

/* While the list is open the field sits above the backdrop, so chips can still be taken off. */
.rp-field.open[b-dmvfqfajru] {
    position: relative;
    z-index: 41;
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.rp-chip[b-dmvfqfajru] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 4px 3px 10px;
    border-radius: 999px;
    background: #e0edff;
    color: #1e3a8a;
    font-size: 13px;
    font-weight: 600;
    max-width: 100%;
}

.rp-chip > span[b-dmvfqfajru] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-chip-x[b-dmvfqfajru] {
    border: none;
    background: transparent;
    color: #1e3a8a;
    font-size: 16px;
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
}

.rp-chip-x:hover[b-dmvfqfajru] {
    background: #bfdbfe;
}

.rp-add[b-dmvfqfajru] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: 13px;
    padding: 4px 4px;
    cursor: pointer;
    border-radius: 6px;
}

.rp-add:hover[b-dmvfqfajru] {
    color: #0d6efd;
}

.rp-backdrop[b-dmvfqfajru] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.rp-panel[b-dmvfqfajru] {
    position: absolute;
    z-index: 41;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-width: 460px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rp-search[b-dmvfqfajru] {
    margin: 10px 10px 6px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    min-width: 0;
}

.rp-search:focus[b-dmvfqfajru] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.rp-list[b-dmvfqfajru] {
    max-height: 320px;
    overflow-y: auto;
    padding: 0 6px 6px;
}

.rp-group[b-dmvfqfajru] {
    position: sticky;
    top: 0;
    padding: 8px 8px 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    background: #ffffff;
}

.rp-option[b-dmvfqfajru] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 8px;
    border: none;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    font: inherit;
    font-size: 14px;
    color: #0f172a;
    cursor: pointer;
}

.rp-option:hover[b-dmvfqfajru] {
    background: #f1f5f9;
}

.rp-option.picked[b-dmvfqfajru] {
    background: #eff6ff;
}

.rp-option.group .rp-name[b-dmvfqfajru] {
    font-weight: 700;
}

.rp-tick[b-dmvfqfajru] {
    color: #0d6efd;
    font-weight: 800;
    text-align: center;
}

.rp-name[b-dmvfqfajru] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-role[b-dmvfqfajru] {
    font-size: 12px;
    color: #64748b;
    white-space: nowrap;
}

.rp-none[b-dmvfqfajru] {
    padding: 12px 10px;
    font-size: 13px;
    color: #64748b;
}

.rp-foot[b-dmvfqfajru] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

@media (max-width: 599px) {
    .rp-panel[b-dmvfqfajru] {
        max-width: none;
    }

    .rp-list[b-dmvfqfajru] {
        max-height: 50vh;
    }

    /* Names come first on a phone: the role wraps rather than squeezing the name. */
    .rp-role[b-dmvfqfajru] {
        white-space: normal;
        text-align: right;
        max-width: 42%;
    }
}
/* /Components/Business/RotaMonthCalendar.razor.rz.scp.css */
/* The month calendar shared by Team rota and My rota's Team calendar (owner, 2026-09-27).
   Display styles mirror the Admin rota builder's month grid. */

/* Store heading above each grid on the All-stores view (owner feedback, 2026-09-01). */
.rg-store-head[b-vmoja5ra5k] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 17px;
}

.rg-scroll[b-vmoja5ra5k] {
    overflow-x: auto;
}

.rg-table[b-vmoja5ra5k] {
    border-collapse: collapse;
    width: 100%;
}

.rg-name[b-vmoja5ra5k] {
    text-align: left;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    padding: 3px 10px 3px 0;
    min-width: 150px;
}

/* Borrowed cover from another store: orange name, as on the Admin builder. */
.rg-name-floater[b-vmoja5ra5k] {
    color: #d97706;
    font-weight: 700;
}

/* The viewer's own row on My rota. */
.rg-name.me[b-vmoja5ra5k] {
    color: #0d6efd;
    font-weight: 800;
}

.rg-day[b-vmoja5ra5k] {
    font-size: 10px;
    color: #64748b;
    text-align: center;
    padding: 2px 0 4px;
    min-width: 26px;
}

.rg-day .rg-dow[b-vmoja5ra5k] {
    display: block;
    font-weight: 400;
    color: #94a3b8;
}

.rg-day.closed[b-vmoja5ra5k] {
    color: #cbd5e1;
}

.rg-day.today[b-vmoja5ra5k] {
    color: #ffffff;
    background: #0d6efd;
    border-radius: 6px 6px 0 0;
}

.rg-day.outmonth[b-vmoja5ra5k],
.rg-day.outmonth .rg-dow[b-vmoja5ra5k] {
    color: #cbd5e1;
    font-style: italic;
}

.rg-team-row .rg-team[b-vmoja5ra5k] {
    padding: 10px 8px 4px 0;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    border-bottom: 2px solid #e2e8f0;
}

.rg-cell[b-vmoja5ra5k] {
    height: 26px;
    min-width: 26px;
    border: 1px solid #f1f5f9;
    background: #ffffff;
}

.rg-cell.on[b-vmoja5ra5k] {
    background: #16a34a;
    border-color: #15803d;
}

/* Draft shift the Admin hasn't published yet: pale dashed green. */
.rg-cell.draft[b-vmoja5ra5k] {
    background: #bbf7d0;
    border: 1px dashed #16a34a;
}

.rg-cell.away[b-vmoja5ra5k] {
    background: #93c5fd;
    border-color: #60a5fa;
}

.rg-cell.hol[b-vmoja5ra5k] {
    background: #475569;
    border-color: #334155;
}

.rg-cell.closed[b-vmoja5ra5k] {
    background: #cbd5e1;
    border-color: #b6c2d1;
}

.rg-cell.offday[b-vmoja5ra5k] {
    background: #e8edf3;
    border-color: #e0e7ef;
}

/* Day swaps (owner, 2026-09-27): a white ⇄ on the day taken on, a purple ⇄ on the day given
   away, and a dashed purple ring while a swap waits for a manager. */
.rg-cell.swap[b-vmoja5ra5k],
.rg-cell.swapoff[b-vmoja5ra5k] {
    position: relative;
}

.rg-cell.swap[b-vmoja5ra5k]::after,
.rg-cell.swapoff[b-vmoja5ra5k]::after {
    content: "⇄";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
}

.rg-cell.swapoff[b-vmoja5ra5k]::after {
    color: #7c3aed;
}

.rg-cell.swap-pending[b-vmoja5ra5k] {
    outline: 2px dashed #7c3aed;
    outline-offset: -3px;
}

/* Neighbouring-month days shown for whole-week context. */
.rg-cell.outmonth[b-vmoja5ra5k] {
    opacity: 0.4;
}

/* Phones (owner, 2026-09-02): the grid gives way to a list of days. */
.rg-phone[b-vmoja5ra5k] {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 599px) {
    .rg-scroll[b-vmoja5ra5k] {
        display: none;
    }

    .rg-phone[b-vmoja5ra5k] {
        display: block;
    }

    .rg-phone li[b-vmoja5ra5k] {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        padding: 8px 6px;
        border-top: 1px solid #f1f5f9;
    }

    .rg-phone li.closed[b-vmoja5ra5k] {
        background: #f8fafc;
        color: #94a3b8;
    }

    .rg-phone li.today[b-vmoja5ra5k] {
        background: #fffbeb;
    }

    .rp-date[b-vmoja5ra5k] {
        display: flex;
        flex-direction: column;
        line-height: 1.05;
    }

    .rp-date b[b-vmoja5ra5k] {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #64748b;
    }

    .rp-date span[b-vmoja5ra5k] {
        font-size: 18px;
        font-weight: 700;
        color: #0f172a;
    }

    .rp-lists[b-vmoja5ra5k] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        font-size: 13px;
        line-height: 1.35;
    }

    .rp-lists small[b-vmoja5ra5k] {
        color: #94a3b8;
    }

    .rp-in[b-vmoja5ra5k] {
        color: #166534;
    }

    .rp-away[b-vmoja5ra5k] {
        color: #b45309;
    }

    .rp-hol[b-vmoja5ra5k] {
        color: #7c2d12;
    }
}
/* /Components/Business/SignaturePad.razor.rz.scp.css */
/* The signature box (owner, 6 September 2026): full width, no page scrolling while signing. */
.sig-pad[b-n4lz3tclit] {
    display: grid;
    gap: 6px;
}

.sig-canvas[b-n4lz3tclit] {
    display: block;
    width: 100%;
    height: 180px;
    box-sizing: border-box;
    background: #fff;
    border: 1.5px dashed #94a3b8;
    border-radius: 10px;
    touch-action: none;
    cursor: crosshair;
}

.sig-tools[b-n4lz3tclit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sig-hint[b-n4lz3tclit] {
    font-size: 13px;
    color: #64748b;
}
/* /Components/Business/YellowJersey.razor.rz.scp.css */
.yj-card[b-e3vo41nv3l] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #eab308;
    border-radius: 12px;
    padding: 16px 18px;
    margin: 0 0 16px;
}

.yj-head[b-e3vo41nv3l] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 8px;
}

.yj-head h4[b-e3vo41nv3l] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.yj-sub[b-e3vo41nv3l] {
    font-size: 12.5px;
    color: #64748b;
}

.yj-empty[b-e3vo41nv3l] {
    margin: 0 0 8px;
    color: #64748b;
    font-size: 14px;
}

.yj-flash[b-e3vo41nv3l] {
    margin: 0 0 8px;
    font-size: 13px;
    color: #166534;
}

.yj-flash.error[b-e3vo41nv3l] {
    color: #b91c1c;
}

.yj-feed[b-e3vo41nv3l] {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

.yj-feed li[b-e3vo41nv3l] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
    padding: 8px 0;
    border-top: 1px solid #f1f5f9;
}

.yj-feed li:first-child[b-e3vo41nv3l] {
    border-top: 0;
}

.yj-feed p[b-e3vo41nv3l] {
    margin: 2px 0;
    font-size: 14px;
    color: #0f172a;
}

.yj-feed small[b-e3vo41nv3l] {
    color: #64748b;
    font-size: 12px;
}

.yj-badge[b-e3vo41nv3l] {
    font-size: 16px;
    line-height: 1.4;
}

.yj-name[b-e3vo41nv3l] {
    font-weight: 700;
    color: #0f172a;
}

.yj-value[b-e3vo41nv3l] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: #fef9c3;
    color: #713f12;
    font-size: 11.5px;
    font-weight: 600;
}

.yj-value.review[b-e3vo41nv3l] {
    background: #dbeafe;
    color: #1e3a8a;
}

.yj-pending[b-e3vo41nv3l] {
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 0 0 12px;
    background: #f8fafc;
}

.yj-pending-item[b-e3vo41nv3l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 8px 0;
    border-top: 1px solid #e2e8f0;
}

.yj-pending-item p[b-e3vo41nv3l] {
    margin: 2px 0 0;
    font-size: 13px;
    color: #334155;
}

.yj-pending-item small[b-e3vo41nv3l] {
    color: #64748b;
}

.yj-actions[b-e3vo41nv3l] {
    display: flex;
    gap: 6px;
}

.yj-form[b-e3vo41nv3l] {
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
    margin-top: 8px;
}

.yj-form strong[b-e3vo41nv3l] {
    display: block;
    font-size: 13px;
    margin: 0 0 6px;
}

/* + Give a Yellow Jersey: shows and hides the form, styled like + Add a note on the team
   boards. The negative margin lines its text up with the card's other content. */
.yj-toggle[b-e3vo41nv3l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: -4px 0 0 -8px;
    padding: 8px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.yj-toggle:hover[b-e3vo41nv3l],
.yj-toggle:focus-visible[b-e3vo41nv3l] {
    background: #f1f5f9;
    color: #0f172a;
    outline: none;
}

.yj-toggle[aria-expanded="true"][b-e3vo41nv3l] {
    margin-bottom: 6px;
}

.yj-toggle-sign[b-e3vo41nv3l] {
    display: inline-block;
    width: 10px;
    text-align: center;
}

.yj-form-row[b-e3vo41nv3l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 6px;
}

.yj-form-row .form-input[b-e3vo41nv3l] {
    flex: 1 1 220px;
    padding: 7px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font: inherit;
}

.yj-form-row .form-select[b-e3vo41nv3l] {
    flex: 1 1 160px;
    padding: 7px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font: inherit;
    background: #fff;
}

.yj-btn[b-e3vo41nv3l] {
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.yj-btn.primary[b-e3vo41nv3l] {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

@media (max-width: 599px) {
    .yj-pending-item[b-e3vo41nv3l] {
        grid-template-columns: 1fr;
    }
}

.yj-remove[b-e3vo41nv3l] {
    margin-left: 8px;
    padding: 0;
    border: 0;
    background: none;
    color: #94a3b8;
    font-size: 11.5px;
    cursor: pointer;
    text-decoration: underline;
}

.yj-remove:hover[b-e3vo41nv3l] {
    color: #b91c1c;
}

/* The month the feed covers (owner, 6 September 2026) and the date box on the review form. */
.yj-month[b-e3vo41nv3l] {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    margin-left: 6px;
}

.yj-date[b-e3vo41nv3l] {
    max-width: 170px;
}

/* Last month's winner (owner, 2026-09-27): on everyone's dashboard for the whole month. */
.yj-winner[b-e3vo41nv3l] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fef9c3;
    border: 1px solid #fde047;
}

.yj-winner-body[b-e3vo41nv3l] {
    min-width: 0;
    flex: 1;
}

.yj-winner-label[b-e3vo41nv3l] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #854d0e;
}

/* Each winner's line shows and hides their reviews (owner, 2026-11-02). The negative margin
   lines the sign up with the label above while the hover background has some room. */
.yj-winner-person[b-e3vo41nv3l] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    width: calc(100% + 8px);
    margin: 4px 0 0 -8px;
    padding: 4px 8px;
    border: none;
    border-radius: 8px;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.yj-winner-person:hover[b-e3vo41nv3l],
.yj-winner-person:focus-visible[b-e3vo41nv3l] {
    background: #fef08a;
    outline: none;
}

.yj-winner-person .yj-toggle-sign[b-e3vo41nv3l] {
    color: #854d0e;
    font-weight: 700;
}

.yj-winner-person[aria-expanded="true"] .yj-sign-closed[b-e3vo41nv3l],
.yj-winner-person[aria-expanded="false"] .yj-sign-open[b-e3vo41nv3l] {
    display: none;
}

.yj-winner-person strong[b-e3vo41nv3l] {
    font-size: 17px;
    color: #0f172a;
}

.yj-winner-person small[b-e3vo41nv3l] {
    color: #713f12;
    font-size: 12.5px;
}

.yj-winner-mentions[b-e3vo41nv3l] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

.yj-winner-mentions li[b-e3vo41nv3l] {
    padding: 6px 0;
    border-top: 1px solid #fde68a;
}

.yj-winner-mentions p[b-e3vo41nv3l] {
    margin: 0;
    font-size: 13.5px;
    color: #1e293b;
}

.yj-winner-mentions small[b-e3vo41nv3l] {
    color: #854d0e;
    font-size: 12px;
}

/* Phones start with the reviews folded, even before the page knows it is on one. */
@media (max-width: 699px) {
    .yj-winner.auto .yj-winner-mentions[b-e3vo41nv3l],
    .yj-winner.auto .yj-show-all[b-e3vo41nv3l],
    .yj-winner.auto .yj-sign-open[b-e3vo41nv3l] {
        display: none;
    }

    .yj-winner.auto .yj-sign-closed[b-e3vo41nv3l] {
        display: inline;
    }
}

/* The feed and this month's leaderboard side by side when there is room, stacked on phones. */
.yj-card[b-e3vo41nv3l] {
    container-type: inline-size;
}

.yj-layout[b-e3vo41nv3l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

@container (min-width: 700px) {
    .yj-layout[b-e3vo41nv3l] {
        grid-template-columns: minmax(0, 1fr) 250px;
        align-items: start;
    }
}

.yj-main[b-e3vo41nv3l] {
    min-width: 0;
}

.yj-board[b-e3vo41nv3l] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    background: #f8fafc;
}

.yj-board-title[b-e3vo41nv3l] {
    display: block;
    font-size: 14px;
    color: #0f172a;
}

.yj-board-sub[b-e3vo41nv3l] {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin: 2px 0 8px;
}

.yj-board-list[b-e3vo41nv3l] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.yj-board-list li[b-e3vo41nv3l] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    padding: 5px 0;
    border-top: 1px solid #e2e8f0;
    font-size: 13.5px;
}

.yj-board-list li:first-child[b-e3vo41nv3l] {
    border-top: 0;
}

.yj-board-list li.me[b-e3vo41nv3l] {
    font-weight: 700;
}

.yj-board-list li.gap[b-e3vo41nv3l] {
    border-top: 1px dashed #cbd5e1;
}

.yj-place[b-e3vo41nv3l] {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #334155;
    font-size: 11.5px;
    font-weight: 700;
}

.yj-board-list li.lead .yj-place[b-e3vo41nv3l] {
    background: #facc15;
    color: #422006;
}

.yj-board-name[b-e3vo41nv3l] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
}

.yj-board-total[b-e3vo41nv3l] {
    min-width: 24px;
    text-align: right;
    font-weight: 700;
    color: #0f172a;
}

.yj-board-empty[b-e3vo41nv3l],
.yj-board-nudge[b-e3vo41nv3l] {
    margin: 8px 0 0;
    font-size: 12.5px;
    color: #475569;
}

.yj-board-nudge[b-e3vo41nv3l] {
    padding-top: 8px;
    border-top: 1px dashed #cbd5e1;
}
/* /Components/Layout/AccountLayout.razor.rz.scp.css */
/* Same shell styling as SettingsLayout.razor.css (scoped css doesn't cross
   layouts, so each layout carries its copy of the shared shell rules). */

#settings-shell[b-506j8t15dn] {
    min-height: 100vh;
}

.app-body[b-506j8t15dn] {
    min-height: calc(100vh - 64px);
    position: relative;
    display: flex;
}

.app-main[b-506j8t15dn] {
    min-height: calc(100vh - 64px);
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding: 25px;
}

/* Dropdowns draw their own chevron 12px in from the edge (owner, 2026-09-27), as in
   BusinessLayout.razor.css. */
#settings-shell[b-506j8t15dn]  select.form-select:not([multiple]):not([size]),
#settings-shell[b-506j8t15dn]  select.form-input:not([multiple]):not([size]) {
    appearance: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 6 5 5 5-5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
}

[b-506j8t15dn] .app-toolbar {
    height: 64px;
    min-height: 64px;
    border: none;
    margin: 0;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

[b-506j8t15dn] .app-toolbar,
[b-506j8t15dn] .app-toolbar .e-toolbar-items,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn,
[b-506j8t15dn] .app-toolbar .app-title {
    background: #000000;
    color: #FFFFFF;
}

[b-506j8t15dn] .app-toolbar .e-toolbar-items {
    height: 64px;
}

[b-506j8t15dn] .app-toolbar .e-toolbar-items .e-toolbar-item {
    height: 64px;
    display: flex;
    align-items: center;
}

.app-title[b-506j8t15dn] {
    font-weight: 600;
    font-size: 16px;
}

.business-sidebar[b-506j8t15dn] {
    flex: 0 0 290px;
    width: 290px;
    min-height: calc(100vh - 64px);
    background: #f8f9fb;
    border-right: 1px solid #e5e7eb;
    position: relative;
    z-index: 2;
}

.bn-nav[b-506j8t15dn] {
    position: sticky;
    top: 64px;
    /* The menu scrolls on its own when it is taller than the window, the same as the
       Business menu (owner, 7 September 2026): sized with its padding so the box ends
       at the window's edge, with 40px of room under the last item. */
    box-sizing: border-box;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 18px 14px 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.bn-section[b-506j8t15dn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bn-section-title[b-506j8t15dn] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    padding: 0 12px 6px;
}

[b-506j8t15dn] .bn-link {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #111827;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.3;
}

[b-506j8t15dn] .bn-link:hover {
    background: #eef0f4;
}

[b-506j8t15dn] .bn-link.active {
    background: #e5e7eb;
    font-weight: 600;
}

.bn-divider[b-506j8t15dn] {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 8px 12px;
}

/* Log out is a button (needs forceLoad navigation) styled as a nav link. */
button.bn-logout[b-506j8t15dn] {
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    color: #b91c1c;
    font-weight: 600;
}

button.bn-logout:hover[b-506j8t15dn] {
    background: #eef0f4;
}

.business-blocked-panel[b-506j8t15dn] {
    max-width: 560px;
    margin: 60px auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    text-align: center;
}

.business-blocked-panel h2[b-506j8t15dn] {
    margin: 0 0 10px;
    font-size: 22px;
}

.business-blocked-panel p[b-506j8t15dn] {
    color: #4b5563;
    margin: 0 0 20px;
}

.bn-cta[b-506j8t15dn] {
    display: inline-block;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 20px;
    text-decoration: none;
}

#settings-shell.sidebar-closed .business-sidebar[b-506j8t15dn] {
    display: none;
}

@media (max-width: 599px) {
    #settings-shell.sidebar-open .business-sidebar[b-506j8t15dn] {
        display: block;
        position: fixed;
        top: 64px;
        left: 0;
        bottom: 0;
        width: min(290px, 84vw);
        z-index: 1205;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
        overflow: auto;
    }

    #settings-shell.sidebar-open .app-main[b-506j8t15dn] {
        pointer-events: none;
        user-select: none;
    }
}
/* /Components/Layout/BusinessLayout.razor.rz.scp.css */
#business-shell[b-q72idpbp7g] {
    min-height: 100vh;
}

.app-body[b-q72idpbp7g] {
    min-height: calc(100vh - 64px);
    position: relative;
    display: flex;
}

.app-main[b-q72idpbp7g] {
    min-height: calc(100vh - 64px);
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding: 25px;
}

/* Dropdowns draw their own chevron 12px in from the edge (owner, 2026-09-27): Chrome's own
   arrow sits a fixed few pixels from the edge whatever the padding. The id keeps this ahead
   of page styles that reset a dropdown's background or padding. */
#business-shell[b-q72idpbp7g]  select.form-select:not([multiple]):not([size]),
#business-shell[b-q72idpbp7g]  select.form-input:not([multiple]):not([size]) {
    appearance: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 6 5 5 5-5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
}

/* A page's dialog or menu must cover the top bar (Team boards, 2026-09-27); .app-main's own
   stacking layer would otherwise keep it underneath. Same fix as MainLayout's import dialog. */
#business-shell:has(.tb-backdrop, .tb-veil, .tb-zoom, .ml-zoom) .app-main[b-q72idpbp7g] {
    z-index: 2001;
}

[b-q72idpbp7g] .app-toolbar {
    height: 64px;
    min-height: 64px;
    border: none;
    margin: 0;
    padding: 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
}

[b-q72idpbp7g] .app-toolbar,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn,
[b-q72idpbp7g] .app-toolbar .app-title {
    background: #000000;
    color: #FFFFFF;
}

[b-q72idpbp7g] .app-toolbar .e-toolbar-items {
    height: 64px;
}

[b-q72idpbp7g] .app-toolbar .e-toolbar-items .e-toolbar-item {
    height: 64px;
    display: flex;
    align-items: center;
}

.app-title[b-q72idpbp7g] {
    font-weight: 600;
    font-size: 16px;
}

/* Business side nav: section headers, plain text links, no icons (PRD s9). */
.business-sidebar[b-q72idpbp7g] {
    flex: 0 0 290px;
    width: 290px;
    min-height: calc(100vh - 64px);
    background: #f8f9fb;
    border-right: 1px solid #e5e7eb;
    position: relative;
    z-index: 2;
}

.bn-nav[b-q72idpbp7g] {
    position: sticky;
    top: 64px;
    /* The menu scrolls on its own when it is taller than the window (owner, 6 September 2026),
       sized with its padding so the box ends at the window's edge, and with 40px of room
       under the last item. */
    box-sizing: border-box;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 18px 14px 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.bn-section[b-q72idpbp7g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Section headings in the brand blue (owner, 6 September 2026). */
.bn-section-title[b-q72idpbp7g] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    padding: 0 12px 6px;
}

[b-q72idpbp7g] .bn-link {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #111827;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.3;
}

[b-q72idpbp7g] .bn-link:hover {
    background: #eef0f4;
}

[b-q72idpbp7g] .bn-link.active {
    background: #e5e7eb;
    font-weight: 600;
}

/* Collapsible nav group (owner, 2026-07-05): a parent with sub-items, like the
   Workshop side menu. Uses native <details>; the chevron rotates when open. */
.bn-group[b-q72idpbp7g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-q72idpbp7g] summary.bn-parent {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

[b-q72idpbp7g] summary.bn-parent::-webkit-details-marker {
    display: none;
}

[b-q72idpbp7g] summary.bn-parent::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid #6b7280;
    border-bottom: 2px solid #6b7280;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.bn-group[open][b-q72idpbp7g]  summary.bn-parent::after {
    transform: rotate(45deg);
}

.bn-children[b-q72idpbp7g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 2px 10px;
    padding-left: 8px;
    border-left: 1px solid #e5e7eb;
}

/* Divider lines between the employee nav blocks (owner nav rework, 2026-07-08). */
.bn-divider[b-q72idpbp7g] {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 8px 12px;
}

/* Nested groups get slightly smaller parents so deep trees stay readable. */
.bn-children[b-q72idpbp7g]  summary.bn-parent {
    font-size: 13px;
}

#business-shell.sidebar-closed .business-sidebar[b-q72idpbp7g] {
    display: none;
}

.business-trial-banner[b-q72idpbp7g] {
    margin: 0 0 14px;
    padding: 10px 14px;
    border: 1px solid #facc15;
    background: #fef9c3;
    color: #713f12;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
}

.business-trial-upgrade[b-q72idpbp7g] {
    border: none;
    border-radius: 999px;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 8px 14px;
    text-decoration: none;
    white-space: nowrap;
}

.business-blocked-panel[b-q72idpbp7g] {
    max-width: 560px;
    margin: 60px auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    text-align: center;
}

/* While the access check runs (owner, 2026-09-27). It fades in late, so a quick load never shows it. */
.business-loading[b-q72idpbp7g] {
    margin: 60px auto;
    text-align: center;
    color: #64748b;
    font-size: 14px;
    animation: business-loading-in-b-q72idpbp7g 0.2s ease 0.6s both;
}

@keyframes business-loading-in-b-q72idpbp7g {
    from { opacity: 0; }
    to { opacity: 1; }
}

.business-blocked-panel h2[b-q72idpbp7g] {
    margin: 0 0 10px;
    font-size: 22px;
}

.business-blocked-panel p[b-q72idpbp7g] {
    color: #4b5563;
    margin: 0 0 20px;
}

.bn-cta[b-q72idpbp7g] {
    display: inline-block;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 20px;
    text-decoration: none;
}

/* Shared Business page primitives (::deep so feature pages stay lean). */
[b-q72idpbp7g] .sd-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

[b-q72idpbp7g] .sd-header h3 {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

[b-q72idpbp7g] .sd-header p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

[b-q72idpbp7g] .sd-flash {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

[b-q72idpbp7g] .sd-flash.success {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

[b-q72idpbp7g] .sd-flash.error {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

[b-q72idpbp7g] .sd-card {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-q72idpbp7g] .sd-card h4 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 18px;
}

[b-q72idpbp7g] .sd-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

[b-q72idpbp7g] .sd-count {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

[b-q72idpbp7g] .sd-btn {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-q72idpbp7g] .sd-btn-sm {
    min-height: 30px;
    padding: 6px 12px;
}

[b-q72idpbp7g] .sd-btn-primary {
    background: #0d6efd;
    color: #ffffff;
}

[b-q72idpbp7g] .sd-btn-primary:hover {
    background: #0b5ed7;
}

[b-q72idpbp7g] .sd-btn-ghost {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

[b-q72idpbp7g] .sd-btn-ghost:hover {
    background: #f8fafc;
}

[b-q72idpbp7g] .sd-btn-danger {
    background: #ef4444;
    color: #ffffff;
}

[b-q72idpbp7g] .sd-btn-danger:hover {
    background: #dc2626;
}

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

[b-q72idpbp7g] .form-section {
    display: grid;
    gap: 6px;
}

[b-q72idpbp7g] .span-full {
    grid-column: 1 / -1;
}

[b-q72idpbp7g] .form-section > label {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

[b-q72idpbp7g] .form-input,
[b-q72idpbp7g] .form-select {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

[b-q72idpbp7g] .check-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

[b-q72idpbp7g] .empty-access-hint {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

[b-q72idpbp7g] .sd-actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-q72idpbp7g] .sd-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-q72idpbp7g] .sd-table th {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

[b-q72idpbp7g] .sd-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

[b-q72idpbp7g] .status-pill {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
}

[b-q72idpbp7g] .status-pill.pending {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

[b-q72idpbp7g] .status-pill.approved {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

[b-q72idpbp7g] .status-pill.denied,
[b-q72idpbp7g] .status-pill.cancelled {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

@media (max-width: 980px) {
    [b-q72idpbp7g] .form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599px) {
    #business-shell.sidebar-open .business-sidebar[b-q72idpbp7g] {
        display: block;
        position: fixed;
        top: 64px;
        left: 0;
        bottom: 0;
        width: min(290px, 84vw);
        z-index: 1205;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
        overflow: auto;
    }

    #business-shell.sidebar-open .app-main[b-q72idpbp7g] {
        pointer-events: none;
        user-select: none;
    }
}

/* Phones (owner, 2026-09-02): the brand text gives way to the store selector and icons. */
@media (max-width: 479px) {
    .app-title[b-q72idpbp7g] {
        display: none;
    }
}

/* The onboarding checklist pinned at the top during probation (owner, 6 September 2026):
   a days-left pill before the title and a rule under the item. */
.bn-section.bn-pinned[b-q72idpbp7g] {
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e7eb;
}

.bn-pinned[b-q72idpbp7g]  .bn-link {
    font-weight: 600;
}

[b-q72idpbp7g] .bn-pill {
    display: inline-block;
    min-width: 22px;
    padding: 1px 9px;
    margin-right: 8px;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    vertical-align: 1px;
    white-space: nowrap;
}

[b-q72idpbp7g] .bn-pill.urgent {
    background: #dc2626;
}

/* Progress pills on the My training groups (owner, 6 September 2026): red to a third,
   orange to two thirds, yellow until done, green at 100. */
[b-q72idpbp7g] .bn-pill.red {
    background: #dc2626;
}

[b-q72idpbp7g] .bn-pill.orange {
    background: #f97316;
}

[b-q72idpbp7g] .bn-pill.yellow {
    background: #facc15;
    color: #713f12;
}

[b-q72idpbp7g] .bn-pill.green {
    background: #16a34a;
}

[b-q72idpbp7g] summary.bn-parent .bn-pill {
    margin-right: 8px;
}

/* The pill and the group's name stay together on the left; the chevron keeps the right. */
[b-q72idpbp7g] .bn-parent-label {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

/* The Yellow Jersey winner's bar (owner, 2026-09-27): across the top, under the black bar. */
.yj-winner-bar[b-q72idpbp7g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 16px;
    background: #FFD60A;
    color: #1c1917;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: .02em;
    border-bottom: 1px solid #d4a800;
    text-align: center;
}

/* The winner's confetti moment: covers everything, including the top bar, until closed. */
.yj-celebrate[b-q72idpbp7g] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.55);
}

.yj-confetti[b-q72idpbp7g] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5002;
}

.yj-celebrate-card[b-q72idpbp7g] {
    position: relative;
    z-index: 5001;
    width: min(460px, 100%);
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: auto;
    padding: 28px 24px 22px;
    border-radius: 18px;
    background: #fff;
    border-top: 8px solid #FFD60A;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
    text-align: center;
}

.yj-celebrate-card h2[b-q72idpbp7g] {
    margin: 12px 0 10px;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 800;
    color: #0f172a;
}

.yj-celebrate-card p[b-q72idpbp7g] {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 1.5;
    color: #475569;
}

.yj-celebrate-close[b-q72idpbp7g] {
    padding: 10px 26px;
    border: none;
    border-radius: 999px;
    background: #0f172a;
    color: #FFD60A;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.yj-celebrate-close:hover[b-q72idpbp7g],
.yj-celebrate-close:focus-visible[b-q72idpbp7g] {
    background: #1e293b;
    outline: 3px solid #FFD60A;
    outline-offset: 2px;
}

/* Urgent notes (owner, 2026-09-29): a slim pill after My to do list, shaped like the
   Customer review one on the Yellow Jersey, in red. */
[b-q72idpbp7g] .bn-trail {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
    vertical-align: 1px;
}
/* /Components/Layout/DevLoginSwitcher.razor.rz.scp.css */
/* Sits centered over the 64px black top bar, above the toolbar layers. */
.dev-switch[b-scrgx3pyat] {
    position: fixed;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1300;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #1f2937;
    border: 1px dashed #f59e0b;
}

.dev-switch-label[b-scrgx3pyat] {
    color: #f59e0b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 2px;
}

.dev-switch-btn[b-scrgx3pyat] {
    display: inline-block;
    padding: 4px 12px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    text-decoration: none;
    line-height: 1.4;
    cursor: pointer;
}

.dev-switch-btn:hover[b-scrgx3pyat] {
    background: #374151;
    color: #ffffff;
}

.dev-switch-btn.on[b-scrgx3pyat] {
    background: #f59e0b;
    color: #111827;
}

@media (max-width: 760px) {
    .dev-switch[b-scrgx3pyat] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#app-shell[b-7pkzo9cma0] {
    min-height: 100vh;
}

.app-body[b-7pkzo9cma0] {
    min-height: calc(100vh - 64px);
    position: relative;
    display: flex;
}

.app-main[b-7pkzo9cma0] {
    min-height: calc(100vh - 64px);
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding: 25px;
}

.trial-banner[b-7pkzo9cma0] {
    margin: 0 0 14px;
    padding: 10px 14px;
    border: 1px solid #facc15;
    background: #fef9c3;
    color: #713f12;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
}

.trial-banner-expired[b-7pkzo9cma0] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #991b1b;
}

.trial-banner-upgrade[b-7pkzo9cma0] {
    border: none;
    border-radius: 999px;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 8px 14px;
    cursor: pointer;
    white-space: nowrap;
}

.trial-banner-upgrade:hover[b-7pkzo9cma0] {
    background: #0b5ed7;
}

[b-7pkzo9cma0] .app-toolbar {
    height: 64px;
    min-height: 64px;
    border: none;
    margin: 0;
    padding: 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
}

[b-7pkzo9cma0] .app-toolbar,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn,
[b-7pkzo9cma0] .app-toolbar .app-title {
    background: #000000;
    color: #FFFFFF;
}

[b-7pkzo9cma0] .app-toolbar .e-toolbar-items {
    height: 64px;
}

[b-7pkzo9cma0] .app-toolbar .e-toolbar-items .e-toolbar-item {
    height: 64px;
    display: flex;
    align-items: center;
}

.app-title[b-7pkzo9cma0] {
    font-weight: 600;
    font-size: 16px;
}

.app-sidebar[b-7pkzo9cma0] {
    flex: 0 0 290px;
    width: 290px;
    min-height: calc(100vh - 64px);
    background: #f8f9fb;
    border-right: 1px solid #e5e7eb;
    position: relative;
    z-index: 2;
}

/* The menu scrolls on its own when it is taller than the window, the same as the
   Business menu (owner, 7 September 2026): the box ends at the window's edge, with
   40px of room under the last item. */
.app-sidebar .app-menu[b-7pkzo9cma0] {
    position: sticky;
    top: 64px;
    box-sizing: border-box;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
}

#app-shell:has(.suggested-import-backdrop) .app-main[b-7pkzo9cma0] {
    z-index: 2001;
}

#app-shell.sidebar-closed .app-sidebar[b-7pkzo9cma0] {
    display: none;
}

@media (max-width: 599px) {
    #app-shell.sidebar-open .app-sidebar[b-7pkzo9cma0] {
        display: block;
        position: fixed;
        top: 64px;
        left: 0;
        bottom: 0;
        width: min(290px, 84vw);
        z-index: 1205;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
        overflow: auto;
    }

    #app-shell.sidebar-open .app-sidebar .app-menu[b-7pkzo9cma0] {
        position: static;
        top: auto;
    }

    #app-shell.sidebar-open .app-main[b-7pkzo9cma0] {
        pointer-events: none;
        user-select: none;
    }
}

@media (max-width: 720px) {
    .trial-banner[b-7pkzo9cma0] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Workshop side nav — same design language as the Business side nav
   (section headers, plain text links, chevron after the text). */
.bn-nav[b-7pkzo9cma0] {
    padding: 18px 14px 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.bn-section[b-7pkzo9cma0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bn-section-title[b-7pkzo9cma0] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    padding: 0 12px 6px;
}

[b-7pkzo9cma0] .bn-link {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #111827;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.3;
}

[b-7pkzo9cma0] .bn-link:hover {
    background: #eef0f4;
}

[b-7pkzo9cma0] .bn-link.active {
    background: #e5e7eb;
    font-weight: 600;
}

.bn-group[b-7pkzo9cma0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

summary.bn-parent[b-7pkzo9cma0] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

summary.bn-parent[b-7pkzo9cma0]::-webkit-details-marker {
    display: none;
}

summary.bn-parent[b-7pkzo9cma0]::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid #6b7280;
    border-bottom: 2px solid #6b7280;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.bn-group[open] summary.bn-parent[b-7pkzo9cma0]::after {
    transform: rotate(45deg);
}

.bn-children[b-7pkzo9cma0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 2px 10px;
    padding-left: 8px;
    border-left: 1px solid #e5e7eb;
}

/* The super-admin Log out entry is a button styled like a nav link. */
button.bn-logout[b-7pkzo9cma0] {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    font: inherit;
}

.friendly-error-shell[b-7pkzo9cma0] {
    min-height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.friendly-error[b-7pkzo9cma0] {
    max-width: 1220px;
    margin: 0 auto;
    padding: 28px 34px;
    border-radius: 24px;
    border: 1px solid #ffffff;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(360px, 560px) minmax(320px, 1fr);
    gap: 24px;
    align-items: center;
}

.friendly-error-figure[b-7pkzo9cma0] {
    min-height: 470px;
    background: url("/images/oops-monkey.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.friendly-error-content[b-7pkzo9cma0] {
    max-width: 540px;
}

.friendly-error-title[b-7pkzo9cma0] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: clamp(42px, 8vw, 68px);
    line-height: 0.92;
    letter-spacing: 0.01em;
}

.friendly-error-subtitle[b-7pkzo9cma0] {
    margin: 0 0 14px;
    color: #0f172a;
    font-size: clamp(32px, 5vw, 56px);
    line-height: 0.94;
    font-weight: 700;
}

.friendly-error p[b-7pkzo9cma0] {
    margin: 0 0 18px;
    color: #334155;
    font-size: 17px;
    max-width: 520px;
}

.friendly-error-badge[b-7pkzo9cma0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 28px;
    padding: 0 10px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: #e7f0ff;
    color: #0d6efd;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 12px;
}

.friendly-error-actions[b-7pkzo9cma0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.friendly-btn[b-7pkzo9cma0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.friendly-btn.primary[b-7pkzo9cma0] {
    background: #0d6efd;
    color: #fff;
}

.friendly-btn.secondary[b-7pkzo9cma0] {
    background: #eef2f7;
    color: #0f172a;
}

.friendly-btn:disabled[b-7pkzo9cma0] {
    opacity: 0.7;
    cursor: not-allowed;
}

.friendly-error-status[b-7pkzo9cma0] {
    margin: 12px 0 0 !important;
    font-size: 14px;
    font-weight: 600;
}

.friendly-error-status.success[b-7pkzo9cma0] {
    color: #166534;
}

.friendly-error-status.error[b-7pkzo9cma0] {
    color: #b91c1c;
}

#blazor-error-ui[b-7pkzo9cma0] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    padding: 24px;
    border: none;
    background: rgba(255, 255, 255, 0.96);
}

#blazor-error-ui .blazor-friendly-error[b-7pkzo9cma0] {
    width: min(1220px, 100%);
    margin: 0 auto;
    border-radius: 24px;
    border: 1px solid #ffffff;
    background: #ffffff;
    padding: 28px 34px;
    display: grid;
    grid-template-columns: minmax(360px, 560px) minmax(320px, 1fr);
    gap: 24px;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#blazor-error-ui .blazor-friendly-figure[b-7pkzo9cma0] {
    min-height: 470px;
    background: url("/images/blazor-error-monkey.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

#blazor-error-ui .blazor-friendly-content[b-7pkzo9cma0] {
    max-width: 540px;
}

#blazor-error-ui .blazor-friendly-content .friendly-error-subtitle[b-7pkzo9cma0] {
    font-size: clamp(24px, 3.2vw, 40px);
    line-height: 0.94;
}

#blazor-error-ui .dismiss[b-7pkzo9cma0] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #334155;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#blazor-error-ui .dismiss:hover[b-7pkzo9cma0] {
    background: #f8fafc;
}

@media (max-width: 980px) {
    .friendly-error-shell[b-7pkzo9cma0] {
        min-height: auto;
    }

    .friendly-error[b-7pkzo9cma0] {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .friendly-error-figure[b-7pkzo9cma0] {
        min-height: 360px;
    }

    .friendly-error-title[b-7pkzo9cma0] {
        font-size: clamp(34px, 8vw, 56px);
    }

    .friendly-error-subtitle[b-7pkzo9cma0] {
        font-size: clamp(28px, 7vw, 44px);
    }

    #blazor-error-ui .blazor-friendly-error[b-7pkzo9cma0] {
        grid-template-columns: 1fr;
        padding: 22px;
        top: 0;
        transform: none;
    }

    #blazor-error-ui .blazor-friendly-figure[b-7pkzo9cma0] {
        min-height: 360px;
    }

    #blazor-error-ui .blazor-friendly-content .friendly-error-subtitle[b-7pkzo9cma0] {
        font-size: clamp(22px, 6vw, 34px);
    }
}

/* Phones (owner, 2026-09-02): the brand text gives way to the store selector and icons. */
@media (max-width: 479px) {
    .app-title[b-7pkzo9cma0] {
        display: none;
    }
}

/* A page switched off on Section Config (owner, 2026-11-01), like the Business layout's panel. */
.business-blocked-panel[b-7pkzo9cma0] {
    max-width: 560px;
    margin: 60px auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    text-align: center;
}

.business-blocked-panel h2[b-7pkzo9cma0] {
    margin: 0 0 10px;
    font-size: 22px;
}

.business-blocked-panel p[b-7pkzo9cma0] {
    color: #4b5563;
    margin: 0 0 20px;
}

.bn-cta[b-7pkzo9cma0] {
    display: inline-block;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 20px;
    text-decoration: none;
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
:global(html)[b-yb2i6tbmcr] {
    scroll-behavior: smooth;
}

.mk-shell[b-yb2i6tbmcr] {
    min-height: 100vh;
    background: var(--mk-bg);
    color: var(--mk-text);
}

.mk-nav-wrap[b-yb2i6tbmcr] {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--mk-border);
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(10px);
}

.mk-nav[b-yb2i6tbmcr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 64px;
}

.mk-brand[b-yb2i6tbmcr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.28rem;
    font-weight: 700;
    color: var(--mk-text);
    text-decoration: none;
    letter-spacing: -0.01em;
    line-height: 1;
}

.mk-brand-mark-image[b-yb2i6tbmcr] {
    width: 32px;
    height: 32px;
    display: block;
}

.mk-brand-text[b-yb2i6tbmcr] {
    color: var(--mk-text);
}

.mk-nav-links[b-yb2i6tbmcr] {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.mk-nav-links a[b-yb2i6tbmcr],
.mk-nav-signin[b-yb2i6tbmcr] {
    color: var(--mk-muted);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 500;
}

.mk-nav-links a:hover[b-yb2i6tbmcr],
.mk-nav-signin:hover[b-yb2i6tbmcr] {
    color: var(--mk-text);
}

.mk-nav-actions[b-yb2i6tbmcr] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.mk-account-menu[b-yb2i6tbmcr] {
    position: relative;
}

.mk-account-menu summary[b-yb2i6tbmcr] {
    list-style: none;
    cursor: pointer;
}

.mk-account-menu summary[b-yb2i6tbmcr]::-webkit-details-marker {
    display: none;
}

.mk-account-menu[open] .mk-nav-signin[b-yb2i6tbmcr] {
    color: var(--mk-text);
}

.mk-account-dropdown[b-yb2i6tbmcr] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 140px;
    border: 1px solid var(--mk-border);
    border-radius: 0.65rem;
    background: #fff;
    box-shadow: 0 12px 30px rgba(7, 22, 65, 0.12);
    padding: 0.4rem;
    z-index: 60;
}

.mk-account-dropdown a[b-yb2i6tbmcr] {
    display: block;
    text-decoration: none;
    color: var(--mk-muted);
    font-size: 0.86rem;
    font-weight: 500;
    padding: 0.45rem 0.55rem;
    border-radius: 0.45rem;
}

.mk-account-dropdown a:hover[b-yb2i6tbmcr] {
    color: var(--mk-text);
    background: var(--mk-bg-soft);
}

.mk-footer[b-yb2i6tbmcr] {
    border-top: 1px solid var(--mk-border);
    background: var(--mk-bg-soft);
    padding: 3.2rem 0 1.8rem;
}

.mk-footer-grid[b-yb2i6tbmcr] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
    gap: 1.1rem;
}

.mk-footer-copy[b-yb2i6tbmcr] {
    margin: 0.8rem 0 0;
    color: var(--mk-muted);
    max-width: 250px;
    font-size: 0.95rem;
    line-height: 1.6;
}

.mk-footer-brand[b-yb2i6tbmcr] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1.08rem;
}

.mk-footer h4[b-yb2i6tbmcr] {
    margin: 0 0 0.8rem;
    font-size: 0.9rem;
    color: var(--mk-text);
}

.mk-footer a[b-yb2i6tbmcr],
.mk-footer span[b-yb2i6tbmcr] {
    display: block;
    margin: 0.38rem 0;
    font-size: 0.9rem;
    color: var(--mk-muted);
    text-decoration: none;
}

/* Keep footer logo from inheriting generic footer link styles. */
.mk-footer .mk-brand[b-yb2i6tbmcr] {
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: var(--mk-text);
}

.mk-footer .mk-brand-mark-image[b-yb2i6tbmcr] {
    width: 26px;
    height: 26px;
    margin: 0;
}

.mk-footer .mk-brand-text[b-yb2i6tbmcr] {
    display: inline;
    margin: 0;
    color: var(--mk-text);
}

.mk-footer a:hover[b-yb2i6tbmcr] {
    color: var(--mk-text);
}

.mk-footer-bottom[b-yb2i6tbmcr] {
    border-top: 1px solid var(--mk-border);
    margin-top: 2rem;
    padding-top: 1.2rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.78rem;
}

@media (max-width: 900px) {
    .mk-nav[b-yb2i6tbmcr] {
        min-height: auto;
        padding: 0.75rem 0;
        flex-wrap: wrap;
    }

    .mk-nav-links[b-yb2i6tbmcr] {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 0.8rem;
        border-top: 0;
        padding-top: 0.75rem;
        position: relative;
    }

    .mk-nav-links[b-yb2i6tbmcr]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        transform: translateX(-50%);
        border-top: 1px solid var(--mk-border);
    }

    .mk-footer-grid[b-yb2i6tbmcr] {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        text-align: center;
        row-gap: 1.6rem;
    }

    .mk-footer .mk-brand[b-yb2i6tbmcr] {
        justify-content: center;
    }

    .mk-footer-copy[b-yb2i6tbmcr] {
        margin: 0.8rem auto 0;
        max-width: 320px;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
:global(html)[b-fmnq1rjwtp] {
    scroll-behavior: smooth;
}

.public-shell[b-fmnq1rjwtp] {
    min-height: 100vh;
    background: #f7f7f2;
    color: #0f172a;
    font-family: "Outfit", sans-serif;
}

.public-shell *[b-fmnq1rjwtp] {
    box-sizing: border-box;
}

.public-nav[b-fmnq1rjwtp] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 6vw;
    background: rgba(247, 247, 242, 0.9);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
}

.brand[b-fmnq1rjwtp] {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #0f172a;
    text-decoration: none;
}

.public-links[b-fmnq1rjwtp] {
    display: flex;
    gap: 18px;
    font-size: 14px;
}

.public-links a[b-fmnq1rjwtp] {
    color: #1f2937;
    text-decoration: none;
}

.public-links a:hover[b-fmnq1rjwtp] {
    color: #0d6efd;
}

.public-actions[b-fmnq1rjwtp] {
    display: flex;
    gap: 10px;
}

.btn[b-fmnq1rjwtp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.btn.solid[b-fmnq1rjwtp] {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 10px 20px rgba(13, 110, 253, 0.22);
}

.btn.solid:hover[b-fmnq1rjwtp] {
    transform: translateY(-1px);
    background: #0b5ed7;
}

.btn.ghost[b-fmnq1rjwtp] {
    border-color: #cbd5f5;
    color: #0d6efd;
    background: #eff4ff;
}

.btn.ghost:hover[b-fmnq1rjwtp] {
    background: #e2ebff;
}

.public-main[b-fmnq1rjwtp] {
    padding: 0 6vw 80px;
}

.section-subtitle[b-fmnq1rjwtp] {
    color: #475569;
    font-size: 17px;
    max-width: 720px;
}

.auth-wrapper[b-fmnq1rjwtp] {
    display: grid;
    place-items: center;
    padding: 60px 0;
}

.auth-card[b-fmnq1rjwtp] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 28px;
    max-width: 460px;
    width: 100%;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.auth-card h2[b-fmnq1rjwtp] {
    font-family: "Space Grotesk", sans-serif;
    margin: 0 0 8px;
}

.form-row[b-fmnq1rjwtp] {
    display: grid;
    gap: 6px;
    margin: 14px 0;
}

.input[b-fmnq1rjwtp] {
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 12px 14px;
    font-family: "Outfit", sans-serif;
}

.public-footer[b-fmnq1rjwtp] {
    border-top: 1px solid #e2e8f0;
    padding: 36px 6vw 40px;
    background: #f1f5f9;
}

.footer-grid[b-fmnq1rjwtp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.footer-brand[b-fmnq1rjwtp] {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.footer-title[b-fmnq1rjwtp] {
    font-weight: 600;
    margin-bottom: 8px;
}

.public-footer a[b-fmnq1rjwtp] {
    color: #475569;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
}

.footer-bottom[b-fmnq1rjwtp] {
    margin-top: 24px;
    color: #94a3b8;
    font-size: 13px;
}

@media (max-width: 960px) {
    .public-nav[b-fmnq1rjwtp] {
        flex-wrap: wrap;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2i2twnjv2l],
.components-reconnect-repeated-attempt-visible[b-2i2twnjv2l],
.components-reconnect-failed-visible[b-2i2twnjv2l],
.components-pause-visible[b-2i2twnjv2l],
.components-resume-failed-visible[b-2i2twnjv2l],
.components-rejoining-animation[b-2i2twnjv2l] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-retrying[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-failed[b-2i2twnjv2l],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-2i2twnjv2l] {
    display: block;
}


#components-reconnect-modal[b-2i2twnjv2l] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2i2twnjv2l 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-2i2twnjv2l 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-2i2twnjv2l 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-2i2twnjv2l]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-2i2twnjv2l 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-2i2twnjv2l {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-2i2twnjv2l {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-2i2twnjv2l {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-2i2twnjv2l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-2i2twnjv2l] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-2i2twnjv2l] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2i2twnjv2l] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2i2twnjv2l] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-2i2twnjv2l] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-2i2twnjv2l] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2i2twnjv2l 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-2i2twnjv2l] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-2i2twnjv2l {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SettingsLayout.razor.rz.scp.css */
#settings-shell[b-qpn4hbf97r] {
    min-height: 100vh;
}

.app-body[b-qpn4hbf97r] {
    min-height: calc(100vh - 64px);
    position: relative;
    display: flex;
}

.app-main[b-qpn4hbf97r] {
    min-height: calc(100vh - 64px);
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    padding: 25px;
}

/* Dropdowns draw their own chevron 12px in from the edge (owner, 2026-09-27), as in
   BusinessLayout.razor.css. */
#settings-shell[b-qpn4hbf97r]  select.form-select:not([multiple]):not([size]),
#settings-shell[b-qpn4hbf97r]  select.form-input:not([multiple]):not([size]) {
    appearance: none;
    padding-right: 34px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 6 5 5 5-5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
}

[b-qpn4hbf97r] .app-toolbar {
    height: 64px;
    min-height: 64px;
    border: none;
    margin: 0;
    padding: 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
}

[b-qpn4hbf97r] .app-toolbar,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item .e-btn,
[b-qpn4hbf97r] .app-toolbar .app-title {
    background: #000000;
    color: #FFFFFF;
}

[b-qpn4hbf97r] .app-toolbar .e-toolbar-items {
    height: 64px;
}

[b-qpn4hbf97r] .app-toolbar .e-toolbar-items .e-toolbar-item {
    height: 64px;
    display: flex;
    align-items: center;
}

.app-title[b-qpn4hbf97r] {
    font-weight: 600;
    font-size: 16px;
}

/* Business side nav: section headers, plain text links, no icons (PRD s9). */
.business-sidebar[b-qpn4hbf97r] {
    flex: 0 0 290px;
    width: 290px;
    min-height: calc(100vh - 64px);
    background: #f8f9fb;
    border-right: 1px solid #e5e7eb;
    position: relative;
    z-index: 2;
}

.bn-nav[b-qpn4hbf97r] {
    position: sticky;
    top: 64px;
    /* The menu scrolls on its own when it is taller than the window, the same as the
       Business menu (owner, 7 September 2026): sized with its padding so the box ends
       at the window's edge, with 40px of room under the last item. */
    box-sizing: border-box;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 18px 14px 40px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.bn-section[b-qpn4hbf97r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bn-section-title[b-qpn4hbf97r] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    padding: 0 12px 6px;
}

[b-qpn4hbf97r] .bn-link {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #111827;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.3;
}

[b-qpn4hbf97r] .bn-link:hover {
    background: #eef0f4;
}

[b-qpn4hbf97r] .bn-link.active {
    background: #e5e7eb;
    font-weight: 600;
}

/* Collapsible nav group (owner, 2026-07-05): a parent with sub-items, like the
   Workshop side menu. Uses native <details>; the chevron rotates when open. */
.bn-group[b-qpn4hbf97r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-qpn4hbf97r] summary.bn-parent {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

[b-qpn4hbf97r] summary.bn-parent::-webkit-details-marker {
    display: none;
}

[b-qpn4hbf97r] summary.bn-parent::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid #6b7280;
    border-bottom: 2px solid #6b7280;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.bn-group[open][b-qpn4hbf97r]  summary.bn-parent::after {
    transform: rotate(45deg);
}

.bn-children[b-qpn4hbf97r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 2px 10px;
    padding-left: 8px;
    border-left: 1px solid #e5e7eb;
}

/* Divider lines between the employee nav blocks (owner nav rework, 2026-07-08). */
.bn-divider[b-qpn4hbf97r] {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 8px 12px;
}

/* Nested groups get slightly smaller parents so deep trees stay readable. */
.bn-children[b-qpn4hbf97r]  summary.bn-parent {
    font-size: 13px;
}

#settings-shell.sidebar-closed .business-sidebar[b-qpn4hbf97r] {
    display: none;
}

.business-trial-banner[b-qpn4hbf97r] {
    margin: 0 0 14px;
    padding: 10px 14px;
    border: 1px solid #facc15;
    background: #fef9c3;
    color: #713f12;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
}

.business-trial-upgrade[b-qpn4hbf97r] {
    border: none;
    border-radius: 999px;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 8px 14px;
    text-decoration: none;
    white-space: nowrap;
}

.business-blocked-panel[b-qpn4hbf97r] {
    max-width: 560px;
    margin: 60px auto;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    text-align: center;
}

.business-blocked-panel h2[b-qpn4hbf97r] {
    margin: 0 0 10px;
    font-size: 22px;
}

.business-blocked-panel p[b-qpn4hbf97r] {
    color: #4b5563;
    margin: 0 0 20px;
}

.bn-cta[b-qpn4hbf97r] {
    display: inline-block;
    background: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 20px;
    text-decoration: none;
}

/* Shared Business page primitives (::deep so feature pages stay lean). */
[b-qpn4hbf97r] .sd-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

[b-qpn4hbf97r] .sd-header h3 {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

[b-qpn4hbf97r] .sd-header p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

[b-qpn4hbf97r] .sd-flash {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

[b-qpn4hbf97r] .sd-flash.success {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

[b-qpn4hbf97r] .sd-flash.error {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

[b-qpn4hbf97r] .sd-card {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

[b-qpn4hbf97r] .sd-card h4 {
    margin: 0 0 10px;
    color: #0f172a;
    font-size: 18px;
}

[b-qpn4hbf97r] .sd-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

[b-qpn4hbf97r] .sd-count {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

[b-qpn4hbf97r] .sd-btn {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-qpn4hbf97r] .sd-btn-sm {
    min-height: 30px;
    padding: 6px 12px;
}

[b-qpn4hbf97r] .sd-btn-primary {
    background: #0d6efd;
    color: #ffffff;
}

[b-qpn4hbf97r] .sd-btn-primary:hover {
    background: #0b5ed7;
}

[b-qpn4hbf97r] .sd-btn-ghost {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

[b-qpn4hbf97r] .sd-btn-ghost:hover {
    background: #f8fafc;
}

[b-qpn4hbf97r] .sd-btn-danger {
    background: #ef4444;
    color: #ffffff;
}

[b-qpn4hbf97r] .sd-btn-danger:hover {
    background: #dc2626;
}

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

[b-qpn4hbf97r] .form-section {
    display: grid;
    gap: 6px;
}

[b-qpn4hbf97r] .span-full {
    grid-column: 1 / -1;
}

[b-qpn4hbf97r] .form-section > label {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

[b-qpn4hbf97r] .form-input,
[b-qpn4hbf97r] .form-select {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

[b-qpn4hbf97r] .check-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

[b-qpn4hbf97r] .empty-access-hint {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

[b-qpn4hbf97r] .sd-actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-qpn4hbf97r] .sd-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-qpn4hbf97r] .sd-table th {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

[b-qpn4hbf97r] .sd-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

[b-qpn4hbf97r] .status-pill {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
}

[b-qpn4hbf97r] .status-pill.pending {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

[b-qpn4hbf97r] .status-pill.approved {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

[b-qpn4hbf97r] .status-pill.denied,
[b-qpn4hbf97r] .status-pill.cancelled {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

@media (max-width: 980px) {
    [b-qpn4hbf97r] .form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599px) {
    #settings-shell.sidebar-open .business-sidebar[b-qpn4hbf97r] {
        display: block;
        position: fixed;
        top: 64px;
        left: 0;
        bottom: 0;
        width: min(290px, 84vw);
        z-index: 1205;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
        overflow: auto;
    }

    #settings-shell.sidebar-open .app-main[b-qpn4hbf97r] {
        pointer-events: none;
        user-select: none;
    }
}
/* /Components/Layout/SuiteTopBar.razor.rz.scp.css */
/* Overlays the right side of the 64px toolbar without participating in the
   Syncfusion toolbar layout (items inside SfToolbar wrap and break the bar). */
.suite-switcher[b-qrs454aw8q] {
    position: fixed;
    top: 0;
    right: 0;
    height: 64px;
    z-index: 1001;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-right: 14px;
}

.suite-app[b-qrs454aw8q] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    opacity: 0.75;
    transition: opacity 120ms ease, background-color 120ms ease;
}

.suite-app:hover[b-qrs454aw8q] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.12);
}

.suite-app.current[b-qrs454aw8q] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.18);
}

@media (max-width: 720px) {
    .suite-app-label[b-qrs454aw8q] {
        display: none;
    }

    .suite-app[b-qrs454aw8q] {
        padding: 7px 9px;
    }
}

/* Profile button + account menu (owner IA rework, 2026-07-10). */
/* Buttons don't inherit the nav styling like anchors do — re-assert the
   .suite-app look explicitly so the pill matches Workshop/Business. */
button.suite-profile[b-qrs454aw8q] {
    border: none;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.suite-menu-backdrop[b-qrs454aw8q] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: transparent;
}

.suite-menu[b-qrs454aw8q] {
    position: fixed;
    top: 58px;
    right: 14px;
    z-index: 1201;
    min-width: 230px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
    padding: 6px;
}

.suite-menu-info[b-qrs454aw8q] {
    display: grid;
    gap: 1px;
    padding: 8px 10px;
}

.suite-menu-hint[b-qrs454aw8q] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}

.suite-menu-info strong[b-qrs454aw8q] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
}

.suite-menu-divider[b-qrs454aw8q] {
    height: 1px;
    background: #e2e8f0;
    margin: 4px 2px;
}

.suite-menu-item[b-qrs454aw8q] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 14px;
    color: #0f172a;
    cursor: pointer;
    text-decoration: none;
}

.suite-menu-item:hover[b-qrs454aw8q] {
    background: #f1f5f9;
}

.suite-menu-logout[b-qrs454aw8q] {
    color: #b91c1c;
    font-weight: 600;
}

/* Phones (owner, 2026-09-02): keep the switcher clear of the hamburger and title. */
@media (max-width: 599px) {
    .suite-switcher[b-qrs454aw8q] {
        gap: 2px;
        padding-right: 6px;
    }

    .suite-app[b-qrs454aw8q] {
        padding: 7px 7px;
    }
}

/* The Yellow Jersey beside the winner's own name (owner, 2026-09-27). */
.suite-jersey[b-qrs454aw8q] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.suite-menu-info .suite-jersey[b-qrs454aw8q] {
    margin-left: 4px;
    vertical-align: -3px;
}

/* The profile button is faded like the other app links; the winner's jersey stays at full
   brightness, so the fade moves onto the icon and name instead. */
.suite-profile.wearing:not(.current)[b-qrs454aw8q] {
    opacity: 1;
}

.suite-profile.wearing:not(.current)[b-qrs454aw8q]  > svg,
.suite-profile.wearing:not(.current) > .suite-app-label[b-qrs454aw8q] {
    opacity: 0.75;
}

.suite-profile.wearing:hover[b-qrs454aw8q]  > svg,
.suite-profile.wearing:hover > .suite-app-label[b-qrs454aw8q] {
    opacity: 1;
}

/* Store mode (owner, 2026-11-02): the start question and the shop's own menu. */
.suite-store-menu[b-qrs454aw8q] {
    width: min(320px, calc(100vw - 28px));
    margin: 0;
}

.suite-store-note[b-qrs454aw8q] {
    font-size: 13px;
    line-height: 1.4;
    color: #475569;
    margin-top: 4px;
}

.suite-store-select[b-qrs454aw8q] {
    margin-top: 4px;
    width: 100%;
}

.suite-store-start[b-qrs454aw8q] {
    color: #0d6efd;
    font-weight: 600;
}
/* /Components/Layout/TestAsBar.razor.rz.scp.css */
/* Sits centred over the 64px black top bar, like the laptop-only demo switcher. */
.tas[b-hl6zxst3oi] {
    position: fixed;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1300;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: #1f2937;
    border: 1px dashed #60a5fa;
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
}

/* Below the demo switcher when both show (development only). */
.tas.tas-low[b-hl6zxst3oi] {
    top: 56px;
}

.tas-label[b-hl6zxst3oi] {
    color: #93c5fd;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 4px;
    white-space: nowrap;
}

.tas-btn[b-hl6zxst3oi] {
    padding: 4px 11px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.4;
    cursor: pointer;
    white-space: nowrap;
}

.tas-btn:hover[b-hl6zxst3oi] {
    background: #374151;
    color: #ffffff;
}

.tas-btn.on[b-hl6zxst3oi] {
    background: #60a5fa;
    color: #0f172a;
}

/* Staff is a pill-shaped role choice that reads like the buttons beside it. */
.tas-select[b-hl6zxst3oi] {
    appearance: none;
    -webkit-appearance: none;
    /* As wide as the role showing, not the longest one in the list. */
    field-sizing: content;
    padding: 4px 24px 4px 11px;
    border: none;
    border-radius: 999px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23e5e7eb' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.4;
    cursor: pointer;
}

.tas-select:hover[b-hl6zxst3oi] {
    background-color: #374151;
    color: #ffffff;
}

.tas-select:focus-visible[b-hl6zxst3oi] {
    outline: 2px solid #93c5fd;
    outline-offset: 1px;
}

.tas-select option[b-hl6zxst3oi] {
    color: #111827;
    background: #ffffff;
    font-weight: 600;
}

.tas-select.on[b-hl6zxst3oi] {
    background-color: #60a5fa;
    color: #0f172a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230f172a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* While testing as someone: amber, so nobody forgets. */
.tas.tas-on[b-hl6zxst3oi] {
    background: #451a03;
    border: 1px solid #f59e0b;
}

.tas.tas-on .tas-label[b-hl6zxst3oi] {
    color: #fbbf24;
}

.tas.tas-on .tas-btn.on[b-hl6zxst3oi],
.tas.tas-on .tas-select.on[b-hl6zxst3oi] {
    background-color: #f59e0b;
    color: #111827;
}

.tas-btn.tas-back[b-hl6zxst3oi] {
    background: #ffffff;
    color: #111827;
    margin-left: 4px;
}

.tas-btn.tas-back:hover[b-hl6zxst3oi] {
    background: #fde68a;
}

/* Phone width: a strip along the bottom of the screen that wraps. */
@media (max-width: 760px) {
    .tas[b-hl6zxst3oi],
    .tas.tas-low[b-hl6zxst3oi] {
        top: auto;
        bottom: 12px;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 16px;
        width: calc(100vw - 24px);
        padding: 6px;
    }

    .tas-label[b-hl6zxst3oi] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Marketing/FAQAccordion.razor.rz.scp.css */
[b-nb6waprj0u] .mk-faq-accordion {
    border-radius: 16px;
    border: 1px solid var(--mk-border);
    overflow: hidden;
    background: #fff;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item {
    border-color: var(--mk-border);
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-header .e-acrdn-header-content {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-header {
    min-height: 56px;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-header .e-acrdn-header-content {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-content {
    color: var(--mk-muted);
    line-height: 1.65;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-selected > .e-acrdn-header,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-active > .e-acrdn-header {
    background: #f8fafd !important;
    border-color: var(--mk-border) !important;
    box-shadow: none !important;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-selected,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-select.e-selected,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-active {
    border-color: var(--mk-border) !important;
    box-shadow: none !important;
}

[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-header:focus,
[b-nb6waprj0u] .mk-faq-accordion .e-acrdn-header:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--mk-border) !important;
}

.mk-faq-answer[b-nb6waprj0u] {
    margin: 0;
}
/* /Components/Marketing/FeatureRow.razor.rz.scp.css */
.mk-feature-row[b-cz1cna63lx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
}

.mk-feature-row-reversed .mk-feature-row-copy[b-cz1cna63lx] {
    order: 2;
}

.mk-feature-row-reversed .mk-feature-preview[b-cz1cna63lx] {
    order: 1;
}

.mk-feature-row-copy h3[b-cz1cna63lx] {
    margin: 1rem 0 0.8rem;
    font-size: clamp(1.1rem, 1.8vw, 1.45rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.mk-feature-row-copy p[b-cz1cna63lx] {
    margin: 0;
    color: var(--mk-muted);
    line-height: 1.7;
    max-width: 48ch;
}

.mk-feature-preview[b-cz1cna63lx] {
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    border: 1px solid var(--mk-border);
    background: var(--mk-bg-softer);
    display: grid;
    place-items: center;
    color: #92a0ba;
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .mk-feature-row[b-cz1cna63lx] {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    .mk-feature-row-reversed .mk-feature-row-copy[b-cz1cna63lx],
    .mk-feature-row-reversed .mk-feature-preview[b-cz1cna63lx] {
        order: initial;
    }
}

.mk-feature-preview-image[b-cz1cna63lx] {
    aspect-ratio: auto;
    display: block;
    padding: 0;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.mk-feature-preview-image img[b-cz1cna63lx] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 560px;
    height: auto;
    margin: 0 auto;
    border-radius: 18px;
}
/* /Components/Marketing/PricingCard.razor.rz.scp.css */
.mk-pricing-card[b-z5q09nv871] {
    position: relative;
    padding: 1.55rem;
    border-radius: 22px;
    border: 1px solid var(--mk-border);
    background: #fff;
    box-shadow: var(--mk-shadow-medium);
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    gap: 0.75rem;
}

.mk-pricing-card-popular[b-z5q09nv871] {
    background: var(--mk-brand);
    border-color: var(--mk-brand);
    color: #fff;
    transform: translateY(-5px);
}

.mk-pricing-popular[b-z5q09nv871] {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    padding: 0.24rem 0.58rem;
    font-size: 0.7rem;
    font-weight: 700;
}

.mk-pricing-card h3[b-z5q09nv871] {
    margin: 0;
    font-size: 1.55rem;
}

.mk-pricing-desc[b-z5q09nv871] {
    margin: 0;
    color: #64748b;
}

.mk-pricing-card-popular .mk-pricing-desc[b-z5q09nv871] {
    color: rgba(255, 255, 255, 0.82);
}

.mk-pricing-price[b-z5q09nv871] {
    margin: 0.35rem 0 0.2rem;
    font-size: 2.65rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.mk-pricing-price span[b-z5q09nv871] {
    font-size: 0.86rem;
    font-weight: 500;
    margin-left: 0.2rem;
}

.mk-pricing-card ul[b-z5q09nv871] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.5rem;
    align-content: start;
}

.mk-pricing-card li[b-z5q09nv871] {
    font-size: 0.95rem;
}

.mk-pricing-card li[b-z5q09nv871]::before {
    content: "\2713";
    margin-right: 0.45rem;
    color: var(--mk-brand);
    font-weight: 700;
}

.mk-pricing-card-popular li[b-z5q09nv871]::before {
    color: #fff;
}

.mk-pricing-cta[b-z5q09nv871] {
    width: 100%;
    min-height: 40px;
    margin-top: auto;
}

.mk-pricing-card-popular .mk-pricing-cta[b-z5q09nv871] {
    border-color: #fff;
}

.mk-pricing-cta-extra-top[b-z5q09nv871] {
    margin-top: 1.25rem;
}
/* /Components/Marketing/TestimonialCard.razor.rz.scp.css */
.mk-testimonial-card[b-0pckfuunyb] {
    border: 1px solid var(--mk-border);
    border-radius: 16px;
    background: #fff;
    padding: 1.2rem;
}

.mk-testimonial-quote[b-0pckfuunyb] {
    margin: 0;
    color: #1e293b;
    line-height: 1.65;
    min-height: 84px;
}

.mk-testimonial-meta[b-0pckfuunyb] {
    border-top: 1px solid var(--mk-border);
    margin-top: 1rem;
    padding-top: 0.75rem;
}

.mk-testimonial-name[b-0pckfuunyb] {
    margin: 0;
    font-weight: 700;
}

.mk-testimonial-role[b-0pckfuunyb] {
    margin: 0.25rem 0 0;
    color: var(--mk-muted);
    font-size: 0.86rem;
}
/* /Components/Pages/Assessment.razor.rz.scp.css */
.assessment-page[b-te1etljo3z] {
    display: grid;
    gap: 16px;
    padding: 10px 0 32px;
}

.assessment-header h3[b-te1etljo3z] {
    margin: 0 0 6px;
    font-size: 26px;
    letter-spacing: 0.06em;
    color: #334155;
}

.assessment-header p[b-te1etljo3z] {
    margin: 0;
    color: #475569;
    max-width: 900px;
}

.assessment-panel[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    padding: 16px;
}

.assessment-panel h4[b-te1etljo3z] {
    margin: 0 0 12px;
    font-size: 18px;
    color: #0f172a;
}

.assessment-mode-switch[b-te1etljo3z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mode-pill[b-te1etljo3z] {
    min-width: 170px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    border-radius: 999px;
    padding: 12px 22px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.mode-pill.active[b-te1etljo3z] {
    border-color: #0d6efd;
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.28);
}

.assessment-workspace[b-te1etljo3z] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr);
    gap: 14px;
    align-items: start;
}

.assessment-left[b-te1etljo3z],
.assessment-right[b-te1etljo3z] {
    display: grid;
    gap: 12px;
}

.assessment-right[b-te1etljo3z] {
    position: sticky;
    top: 78px;
    align-self: start;
}

.stats-sticky[b-te1etljo3z] {
    position: static;
}

.customer-grid[b-te1etljo3z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 14px;
}

.customer-panel-head[b-te1etljo3z] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.customer-panel-head h4[b-te1etljo3z] {
    margin: 0;
}

.field[b-te1etljo3z] {
    display: grid;
    gap: 5px;
}

.field label[b-te1etljo3z] {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.required-marker[b-te1etljo3z] {
    color: #dc2626;
    font-weight: 800;
}

.field input[b-te1etljo3z],
.field select[b-te1etljo3z],
.field textarea[b-te1etljo3z] {
    border: 1px solid #d0d7de;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
    font-family: inherit;
}

.field-span-all[b-te1etljo3z] {
    grid-column: 1 / -1;
}

.customer-submit-row[b-te1etljo3z] {
    margin-top: 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.customer-dialog-copy[b-te1etljo3z] {
    color: #475569;
    font-size: 13px;
    margin-bottom: 10px;
}

.customer-match-wrap[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: auto;
    max-height: 360px;
}

.customer-match-table[b-te1etljo3z] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.customer-match-table th[b-te1etljo3z],
.customer-match-table td[b-te1etljo3z] {
    border-bottom: 1px solid #e2e8f0;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
}

.customer-match-table th[b-te1etljo3z] {
    font-weight: 700;
    color: #334155;
    background: #f8fafc;
}

.customer-match-table tbody tr:hover[b-te1etljo3z] {
    background: #f8fafc;
}

.customer-confirm-list[b-te1etljo3z] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 8px 10px;
    margin: 0;
}

.customer-confirm-list dt[b-te1etljo3z] {
    font-weight: 700;
    color: #334155;
}

.customer-confirm-list dd[b-te1etljo3z] {
    margin: 0;
    color: #0f172a;
}

.bike-panel[b-te1etljo3z] {
    display: grid;
    gap: 12px;
}

.bike-panel-head[b-te1etljo3z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.bike-panel-head h4[b-te1etljo3z] {
    margin: 0;
}

.bike-row-actions[b-te1etljo3z] {
    display: inline-flex;
    gap: 6px;
}

.grid-action-btn[b-te1etljo3z] {
    padding: 5px 10px;
    font-size: 12px;
}

.grid-action-btn.danger[b-te1etljo3z] {
    border-color: #fecaca;
    color: #b91c1c;
    background: #fff1f2;
}

.selected-bike-banner[b-te1etljo3z] {
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
}

.bike-editor[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.bike-editor h5[b-te1etljo3z] {
    margin: 0;
    font-size: 15px;
    color: #0f172a;
}

.bike-editor-grid[b-te1etljo3z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.bike-editor-actions[b-te1etljo3z] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.assessment-stats[b-te1etljo3z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.stat[b-te1etljo3z] {
    border: 1px solid #cfe0ff;
    background: #f6f9ff;
    border-radius: 12px;
    padding: 12px;
    display: grid;
    gap: 2px;
}

.stat.pass[b-te1etljo3z] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.stat.advisory[b-te1etljo3z] {
    border-color: #fde68a;
    background: #fffbeb;
}

.stat.fail[b-te1etljo3z] {
    border-color: #fecaca;
    background: #fff1f2;
}

.stat.pending[b-te1etljo3z] {
    border-color: #e5e7eb;
    background: #f8fafc;
}

.stat-label[b-te1etljo3z] {
    color: #475569;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

.stat strong[b-te1etljo3z] {
    font-size: 22px;
    line-height: 1;
}

.checklist[b-te1etljo3z] {
    display: grid;
    gap: 8px;
}

.check-item[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px 10px;
    display: grid;
    gap: 6px;
    background: #fff;
}

.check-item.result-pass[b-te1etljo3z] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.check-item.result-advisory[b-te1etljo3z] {
    border-color: #fde68a;
    background: #fffbeb;
}

.check-item.result-fail[b-te1etljo3z] {
    border-color: #fecaca;
    background: #fff1f2;
}

.check-head[b-te1etljo3z] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.check-title-row[b-te1etljo3z] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.check-title[b-te1etljo3z] {
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    min-width: 0;
}

.check-options[b-te1etljo3z] {
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    align-items: center;
}

.option[b-te1etljo3z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 5px 11px;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    line-height: 1;
}

.option input[b-te1etljo3z] {
    margin: 0;
}

.option.pass[b-te1etljo3z] {
    border-color: #86efac;
}

.option.advisory[b-te1etljo3z] {
    border-color: #fcd34d;
}

.option.fail[b-te1etljo3z] {
    border-color: #fca5a5;
}

.clear-btn[b-te1etljo3z] {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    padding: 0 4px;
}

.clear-link[b-te1etljo3z] {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.check-note[b-te1etljo3z] {
    display: grid;
    gap: 5px;
}

.check-note label[b-te1etljo3z] {
    font-size: 12px;
    font-weight: 700;
    color: #7c2d12;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.check-note textarea[b-te1etljo3z] {
    border: 1px solid #fdba74;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    font-family: inherit;
}

.quote-panel[b-te1etljo3z] {
    display: grid;
    gap: 12px;
}

.quote-head p[b-te1etljo3z] {
    margin: 6px 0 0;
    color: #475569;
}

.quote-actions[b-te1etljo3z] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.quote-job-list[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    display: grid;
    gap: 8px;
    background: #f8fafc;
}

.quote-job-row[b-te1etljo3z] {
    display: grid;
    grid-template-columns: 18px 1fr auto auto auto;
    gap: 8px;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
    background: #fff;
    font-size: 13px;
}

.quote-job-name[b-te1etljo3z] {
    font-weight: 600;
    color: #0f172a;
}

.quote-job-meta[b-te1etljo3z] {
    color: #64748b;
    white-space: nowrap;
}

.quote-manual-section[b-te1etljo3z] {
    border: 1px solid #fdba74;
    border-radius: 10px;
    background: #fff7ed;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.quote-manual-section h5[b-te1etljo3z] {
    margin: 0;
    font-size: 13px;
    color: #9a3412;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.quote-manual-row[b-te1etljo3z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: end;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
}

.quote-manual-name[b-te1etljo3z] {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

.quote-manual-row label[b-te1etljo3z] {
    display: grid;
    gap: 4px;
    font-size: 12px;
    color: #7c2d12;
    font-weight: 700;
}

.quote-manual-row input[b-te1etljo3z] {
    border: 1px solid #fdba74;
    border-radius: 6px;
    padding: 6px 8px;
    min-width: 110px;
}

.quote-manual-row input.manual-input-error[b-te1etljo3z] {
    border-color: #dc2626;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.3);
}

.package-tag[b-te1etljo3z] {
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 7px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.estimate-summary[b-te1etljo3z] {
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #eff6ff;
    padding: 10px;
    display: grid;
    gap: 4px;
    font-size: 13px;
}

.saved-quote-panel[b-te1etljo3z] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.saved-quote-panel h5[b-te1etljo3z] {
    margin: 0;
    font-size: 14px;
    color: #0f172a;
}

.saved-quote-list[b-te1etljo3z] {
    display: grid;
    gap: 8px;
}

.saved-quote-row[b-te1etljo3z] {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
    display: grid;
    gap: 6px;
}

.saved-quote-meta[b-te1etljo3z] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: #475569;
}

.saved-quote-summary[b-te1etljo3z] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: #334155;
}

.status-pill[b-te1etljo3z] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.status-pill.draft[b-te1etljo3z] {
    background: #eef2ff;
    color: #4338ca;
    border: 1px solid #c7d2fe;
}

.status-pill.sent[b-te1etljo3z] {
    background: #ecfeff;
    color: #155e75;
    border: 1px solid #a5f3fc;
}

.status-pill.accepted[b-te1etljo3z] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.status-pill.expired[b-te1etljo3z] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.issues-panel h4[b-te1etljo3z] {
    margin-bottom: 8px;
}

.issue-list[b-te1etljo3z] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    font-size: 13px;
}

.issue-title[b-te1etljo3z] {
    font-weight: 700;
    color: #0f172a;
}

.issue-note[b-te1etljo3z] {
    color: #64748b;
    margin-top: 2px;
}

.validation-banner[b-te1etljo3z] {
    border: 1px solid #fdba74;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
}

.final-actions[b-te1etljo3z] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.btn-primary[b-te1etljo3z],
.btn-secondary[b-te1etljo3z] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary[b-te1etljo3z] {
    background: #0d6efd;
    color: #fff;
}

.btn-secondary[b-te1etljo3z] {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #cbd5e1;
}

.btn-primary:disabled[b-te1etljo3z],
.btn-secondary:disabled[b-te1etljo3z] {
    cursor: not-allowed;
    opacity: 0.6;
}

.status[b-te1etljo3z] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
}

.status.success[b-te1etljo3z] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #166534;
}

.status.error[b-te1etljo3z] {
    border: 1px solid #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.muted[b-te1etljo3z] {
    color: #64748b;
    font-size: 13px;
}

.field-tip[b-te1etljo3z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #0d6efd;
    border: 1px solid #0d6efd;
    cursor: help;
    line-height: 1;
    user-select: none;
}

.assessment-tooltip.e-tooltip-wrap.e-popup[b-te1etljo3z] {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.assessment-tooltip.e-tooltip-wrap .e-tip-content[b-te1etljo3z] {
    color: #2f2f2f;
    background-color: #fff !important;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.35;
    max-width: 340px;
}

.assessment-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top[b-te1etljo3z],
.assessment-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom[b-te1etljo3z],
.assessment-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left[b-te1etljo3z],
.assessment-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right[b-te1etljo3z] {
    color: #fff !important;
}

@media (max-width: 960px) {
    .customer-grid[b-te1etljo3z] {
        grid-template-columns: 1fr;
    }

    .assessment-workspace[b-te1etljo3z] {
        grid-template-columns: 1fr;
    }

    .assessment-right[b-te1etljo3z] {
        position: static;
        top: auto;
    }

    .stats-sticky[b-te1etljo3z] {
        position: static;
    }

    .assessment-stats[b-te1etljo3z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assessment-mode-switch[b-te1etljo3z] {
        flex-wrap: wrap;
    }

    .mode-pill[b-te1etljo3z] {
        min-width: 0;
        width: 100%;
        max-width: 280px;
        font-size: 16px;
    }

    .bike-panel-head[b-te1etljo3z] {
        flex-wrap: wrap;
    }

    .bike-editor-grid[b-te1etljo3z] {
        grid-template-columns: 1fr;
    }

    .customer-confirm-list[b-te1etljo3z] {
        grid-template-columns: 1fr;
    }

    .check-head[b-te1etljo3z] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .check-options[b-te1etljo3z] {
        flex-wrap: wrap;
    }

    .quote-job-row[b-te1etljo3z] {
        grid-template-columns: 18px 1fr;
        gap: 4px 8px;
    }

    .quote-job-meta[b-te1etljo3z],
    .package-tag[b-te1etljo3z] {
        grid-column: 2;
    }

    .saved-quote-meta[b-te1etljo3z],
    .saved-quote-summary[b-te1etljo3z] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-manual-row[b-te1etljo3z] {
        grid-template-columns: 1fr;
    }
}

/* --- Estimate engine --- */

.engine-summary[b-te1etljo3z] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    border-radius: 10px;
    padding: 12px 14px;
    display: grid;
    gap: 8px;
}

.engine-recline[b-te1etljo3z] {
    font-size: 15px;
    font-weight: 700;
    color: #1e3a8a;
}

.engine-breakdown[b-te1etljo3z] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
}

.engine-breakdown li[b-te1etljo3z] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #1e293b;
}

.engine-breakdown li em[b-te1etljo3z] {
    color: #64748b;
    font-style: normal;
    font-size: 12px;
}

.engine-breakdown li.engine-covered[b-te1etljo3z] {
    color: #166534;
}

.engine-breakdown li.engine-covered em[b-te1etljo3z] {
    color: #15803d;
}

.engine-undecided[b-te1etljo3z] {
    font-size: 13px;
    color: #92400e;
}

.check-fix[b-te1etljo3z] {
    display: grid;
    gap: 5px;
}

.check-fix label[b-te1etljo3z] {
    font-size: 12px;
    font-weight: 700;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.check-fix .check-fix-hint[b-te1etljo3z] {
    font-weight: 600;
    color: #b45309;
    text-transform: none;
    letter-spacing: normal;
}

.check-fix select[b-te1etljo3z] {
    border: 1px solid #93c5fd;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    font-family: inherit;
    background: #fff;
    max-width: 100%;
}
/* /Components/Pages/AutomaticPricingSettings.razor.rz.scp.css */
.ap-shell[b-b9ug7sbeqs] {
    display: grid;
    gap: 14px;
    max-width: 1200px;
    padding: 10px 0 24px;
}

.ap-header h3[b-b9ug7sbeqs] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.ap-intro[b-b9ug7sbeqs] {
    margin: 6px 0 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.45;
    max-width: 900px;
}

.status-message[b-b9ug7sbeqs] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.error-message[b-b9ug7sbeqs] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.success-message[b-b9ug7sbeqs] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.settings-card[b-b9ug7sbeqs] {
    border: 1px solid #dbe3ed;
    border-radius: 14px;
    background: #fff;
    padding: 14px;
    display: grid;
    gap: 12px;
}

.settings-card h4[b-b9ug7sbeqs] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.card-head[b-b9ug7sbeqs] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.auto-pricing-switch[b-b9ug7sbeqs] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.auto-pricing-switch-input[b-b9ug7sbeqs] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.auto-pricing-switch-slider[b-b9ug7sbeqs] {
    position: relative;
    width: 54px;
    height: 30px;
    border-radius: 999px;
    background: #cbd5e1;
    border: 1px solid #94a3b8;
    display: inline-flex;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.auto-pricing-switch-thumb[b-b9ug7sbeqs] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.28);
    transition: transform 0.18s ease;
}

.auto-pricing-switch-input:checked + .auto-pricing-switch-slider[b-b9ug7sbeqs] {
    background: #0d6efd;
    border-color: #0b5ed7;
}

.auto-pricing-switch-input:checked + .auto-pricing-switch-slider .auto-pricing-switch-thumb[b-b9ug7sbeqs] {
    transform: translateX(24px);
}

.auto-pricing-switch-input:focus-visible + .auto-pricing-switch-slider[b-b9ug7sbeqs] {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

.row[b-b9ug7sbeqs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.check[b-b9ug7sbeqs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
}

.field[b-b9ug7sbeqs] {
    display: grid;
    gap: 6px;
}

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

.package-reduction-grid[b-b9ug7sbeqs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.label-inline[b-b9ug7sbeqs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.field-tip[b-b9ug7sbeqs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #0d6efd;
    border: 1px solid #0d6efd;
    cursor: help;
    line-height: 1;
    user-select: none;
}

.settings-card input[type="number"][b-b9ug7sbeqs],
.settings-card select[b-b9ug7sbeqs] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    box-sizing: border-box;
    margin: 0;
}

.check input[b-b9ug7sbeqs],
.rate-options input[b-b9ug7sbeqs],
.check-center input[b-b9ug7sbeqs],
.availability-package-item input[b-b9ug7sbeqs] {
    width: auto;
    min-height: auto;
    padding: 0;
    margin: 0;
}

.muted[b-b9ug7sbeqs] {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.collapsible-head[b-b9ug7sbeqs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.collapsible-title[b-b9ug7sbeqs] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.collapse-toggle[b-b9ug7sbeqs] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
}

.collapse-toggle:hover[b-b9ug7sbeqs] {
    background: #f8fafc;
}

.chevron-svg[b-b9ug7sbeqs] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.collapse-toggle.expanded .chevron-svg[b-b9ug7sbeqs] {
    transform: rotate(180deg);
}

.collapse-panel[b-b9ug7sbeqs] {
    display: grid;
    gap: 10px;
}

.group-card[b-b9ug7sbeqs] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    background: #f8fafc;
    display: grid;
    gap: 6px;
}

.group-title[b-b9ug7sbeqs] {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

.service-row[b-b9ug7sbeqs] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 6px 0;
    border-top: 1px solid #e2e8f0;
}

.service-row:first-of-type[b-b9ug7sbeqs] {
    border-top: none;
}

.service-name[b-b9ug7sbeqs] {
    color: #0f172a;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.rate-options[b-b9ug7sbeqs] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rate-options label[b-b9ug7sbeqs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #334155;
}

.matrix-card[b-b9ug7sbeqs] {
    overflow-x: auto;
}

.matrix-header[b-b9ug7sbeqs],
.matrix-row[b-b9ug7sbeqs] {
    display: grid;
    gap: 8px;
    align-items: center;
}

.matrix-header[b-b9ug7sbeqs] {
    font-weight: 700;
    color: #334155;
    margin-bottom: 4px;
    font-size: 12px;
}

.matrix-row[b-b9ug7sbeqs] {
    padding: 6px 0;
    border-top: 1px solid #e2e8f0;
    font-size: 13px;
}

.matrix-header > span[b-b9ug7sbeqs],
.matrix-row > span[b-b9ug7sbeqs] {
    overflow-wrap: anywhere;
}

.check-center[b-b9ug7sbeqs] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.availability-desktop[b-b9ug7sbeqs] {
    display: grid;
    gap: 10px;
}

.availability-mobile[b-b9ug7sbeqs] {
    display: none;
}

.mobile-group-card[b-b9ug7sbeqs] {
    gap: 10px;
}

.availability-service-list[b-b9ug7sbeqs] {
    display: grid;
    gap: 8px;
}

.availability-service-card[b-b9ug7sbeqs] {
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #fff;
    padding: 10px;
    display: grid;
    gap: 8px;
}

.availability-service-name[b-b9ug7sbeqs] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.availability-package-list[b-b9ug7sbeqs] {
    display: grid;
    gap: 6px;
}

.availability-package-item[b-b9ug7sbeqs] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.availability-package-item span[b-b9ug7sbeqs] {
    overflow-wrap: anywhere;
}

.actions-row[b-b9ug7sbeqs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn[b-b9ug7sbeqs] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary[b-b9ug7sbeqs] {
    background: #0d6efd;
    color: #fff;
}

.btn-primary:hover[b-b9ug7sbeqs] {
    background: #0b5ed7;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-tip-content {
    color: #2f2f2f;
    background-color: #fff !important;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    max-width: 280px;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-color: transparent;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom-color: #fff !important;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-top-color: #fff !important;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
    border-right-color: #fff !important;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-left-color: #fff !important;
}

[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
[b-b9ug7sbeqs] .automatic-pricing-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right {
    color: #fff !important;
}

[b-b9ug7sbeqs] .valid.modified:not([type="checkbox"]) {
    outline: none;
}

[b-b9ug7sbeqs] .invalid {
    outline: none;
}

@media (max-width: 1024px) {
    .service-row[b-b9ug7sbeqs] {
        grid-template-columns: 1fr;
        align-items: flex-start;
        gap: 8px;
    }

    .rate-options[b-b9ug7sbeqs] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 8px;
        width: 100%;
    }

    .rate-options label[b-b9ug7sbeqs] {
        border: 1px solid #dbe3ee;
        border-radius: 8px;
        background: #fff;
        padding: 6px 8px;
    }

    .availability-desktop[b-b9ug7sbeqs] {
        display: none;
    }

    .availability-mobile[b-b9ug7sbeqs] {
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 760px) {
    .settings-card[b-b9ug7sbeqs] {
        padding: 12px;
    }

    .grid[b-b9ug7sbeqs],
    .package-reduction-grid[b-b9ug7sbeqs] {
        grid-template-columns: 1fr;
    }

    .collapsible-head[b-b9ug7sbeqs] {
        align-items: flex-start;
    }

    .collapse-toggle[b-b9ug7sbeqs] {
        width: 100%;
    }

    .actions-row[b-b9ug7sbeqs] {
        display: grid;
    }

    .btn[b-b9ug7sbeqs] {
        width: 100%;
    }
}
/* /Components/Pages/BusinessPricing.razor.rz.scp.css */
.mk-page-title[b-o84vnqcmit] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.mk-page-sub[b-o84vnqcmit] {
    margin: 0.9rem auto 0;
    max-width: 680px;
    color: var(--mk-muted);
    font-size: 1rem;
    line-height: 1.65;
    text-align: center;
}

.mk-pricing-toggle-wrap[b-o84vnqcmit] {
    display: flex;
    justify-content: center;
    margin-top: 1.7rem;
}

.mk-pricing-toggle[b-o84vnqcmit] {
    display: inline-flex;
    border: 1px solid var(--mk-border);
    border-radius: 10px;
    padding: 0.2rem;
    background: var(--mk-bg-soft);
    gap: 0.2rem;
}

.mk-pricing-toggle button[b-o84vnqcmit] {
    border: 0;
    background: transparent;
    color: var(--mk-muted);
    border-radius: 8px;
    padding: 0.45rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.mk-pricing-toggle button.active[b-o84vnqcmit] {
    background: #fff;
    color: var(--mk-text);
    box-shadow: var(--mk-shadow-soft);
}

.mk-pricing-toggle span[b-o84vnqcmit] {
    margin-left: 0.25rem;
    color: var(--mk-brand);
    font-size: 0.72rem;
}

.mk-pricing-grid[b-o84vnqcmit] {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.05rem;
}

.mk-center-head[b-o84vnqcmit] {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}

.mk-center-head h2[b-o84vnqcmit] {
    margin: 0;
    font-size: clamp(1.35rem, 2.3vw, 1.95rem);
    letter-spacing: -0.02em;
}

.mk-compare-wrap[b-o84vnqcmit] {
    margin-top: 1.8rem;
    overflow-x: auto;
}

.mk-compare-table[b-o84vnqcmit] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.mk-compare-table th[b-o84vnqcmit],
.mk-compare-table td[b-o84vnqcmit] {
    border-bottom: 1px solid var(--mk-border);
    padding: 0.82rem 0.7rem;
    text-align: center;
    font-size: 0.9rem;
}

.mk-compare-table th:first-child[b-o84vnqcmit],
.mk-compare-table td:first-child[b-o84vnqcmit] {
    text-align: left;
}

.mk-compare-table thead th[b-o84vnqcmit] {
    color: var(--mk-muted);
    font-weight: 700;
}

.mk-compare-table tbody td[b-o84vnqcmit] {
    color: #334155;
}

.mk-compare-tick[b-o84vnqcmit] {
    color: var(--mk-brand);
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
}

.mk-compare-dash[b-o84vnqcmit] {
    color: #94a3b8;
}

.mk-faq-wrap[b-o84vnqcmit] {
    max-width: 760px;
    margin: 2.6rem auto 2rem;
}

.mk-final-cta[b-o84vnqcmit] {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.mk-final-cta h2[b-o84vnqcmit] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -0.02em;
}

.mk-final-cta p[b-o84vnqcmit] {
    margin: 0.85rem 0 1.2rem;
    color: var(--mk-muted);
}

@media (max-width: 990px) {
    .mk-pricing-grid[b-o84vnqcmit] {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }
}





/* /Components/Pages/ConfirmEmail.razor.rz.scp.css */
.mk-confirm-head[b-v31j5an57h] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.mk-confirm-grid[b-v31j5an57h] {
    display: grid;
    justify-content: center;
}

.mk-confirm-card[b-v31j5an57h] {
    width: 448px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 2.5rem;
    display: grid;
    gap: 0.75rem;
}

.mk-confirm-card p[b-v31j5an57h] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--mk-text);
}

.mk-confirm-login[b-v31j5an57h] {
    width: 100%;
    min-height: 42px;
    margin-top: 0.5rem;
}

.mk-confirm-help[b-v31j5an57h] {
    margin-top: 0.25rem;
    font-size: 0.92rem;
    color: var(--mk-muted) !important;
}

.mk-confirm-status[b-v31j5an57h] {
    font-size: 0.9rem !important;
    margin-top: 0.25rem;
}

.mk-confirm-status-ok[b-v31j5an57h] {
    color: #14532d !important;
}

.mk-confirm-status-error[b-v31j5an57h] {
    color: #b91c1c !important;
}

@media (max-width: 980px) {
    .mk-confirm-card[b-v31j5an57h] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .mk-confirm-card[b-v31j5an57h] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customers-page[b-g03f6v08tb] {
    display: grid;
    gap: 14px;
    padding: 10px 0 30px;
}

.customers-header h3[b-g03f6v08tb] {
    margin: 0 0 6px;
    font-size: 25px;
    letter-spacing: 0.04em;
    color: #334155;
}

.customers-header p[b-g03f6v08tb] {
    margin: 0;
    color: #475569;
}

.customers-toolbar[b-g03f6v08tb] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.customers-toolbar input[b-g03f6v08tb] {
    flex: 1 1 auto;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    padding: 9px 11px;
    font-size: 14px;
}

.customers-layout[b-g03f6v08tb] {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.customer-list[b-g03f6v08tb],
.customer-detail[b-g03f6v08tb] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
}

.customer-list[b-g03f6v08tb] {
    display: grid;
    gap: 8px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    position: sticky;
    top: 74px;
}

.customer-list-item[b-g03f6v08tb] {
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    padding: 8px 10px;
    background: #f8fafc;
    cursor: pointer;
    display: grid;
    gap: 2px;
    text-align: left;
}

.customer-list-item strong[b-g03f6v08tb] {
    color: #0f172a;
}

.customer-list-item span[b-g03f6v08tb] {
    color: #475569;
    font-size: 12px;
}

.customer-list-item.selected[b-g03f6v08tb] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.customer-detail[b-g03f6v08tb] {
    display: grid;
    gap: 12px;
}

.detail-card[b-g03f6v08tb] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
}

.detail-card h4[b-g03f6v08tb] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 16px;
}

.detail-grid[b-g03f6v08tb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
    font-size: 13px;
    color: #334155;
}

.stats-grid[b-g03f6v08tb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.stat-card[b-g03f6v08tb] {
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    padding: 8px;
    background: #eff6ff;
    display: grid;
    gap: 3px;
}

.stat-card span[b-g03f6v08tb] {
    font-size: 12px;
    color: #334155;
}

.stat-card strong[b-g03f6v08tb] {
    font-size: 16px;
    color: #0f172a;
}

.detail-list[b-g03f6v08tb] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: 13px;
}

.history-group[b-g03f6v08tb] {
    border-top: 1px solid #e2e8f0;
    padding-top: 8px;
    margin-top: 8px;
}

.history-group h5[b-g03f6v08tb] {
    margin: 0 0 6px;
    font-size: 14px;
    color: #0f172a;
}

.history-meta[b-g03f6v08tb] {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.table-wrap[b-g03f6v08tb] {
    overflow: auto;
}

.table-wrap table[b-g03f6v08tb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.table-wrap th[b-g03f6v08tb],
.table-wrap td[b-g03f6v08tb] {
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 8px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.table-wrap th[b-g03f6v08tb] {
    color: #334155;
    background: #f8fafc;
    font-weight: 700;
}

.table-wrap a[b-g03f6v08tb] {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 600;
}

.status-pill[b-g03f6v08tb] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.status-pill.draft[b-g03f6v08tb] {
    background: #eef2ff;
    color: #4338ca;
    border: 1px solid #c7d2fe;
}

.status-pill.sent[b-g03f6v08tb] {
    background: #ecfeff;
    color: #155e75;
    border: 1px solid #a5f3fc;
}

.status-pill.accepted[b-g03f6v08tb] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.status-pill.expired[b-g03f6v08tb] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.status-pill.booking[b-g03f6v08tb] {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
}

.timeline-type[b-g03f6v08tb] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.timeline-type.quote[b-g03f6v08tb] {
    background: #eef2ff;
    color: #4338ca;
    border: 1px solid #c7d2fe;
}

.timeline-type.booking[b-g03f6v08tb] {
    background: #ecfeff;
    color: #155e75;
    border: 1px solid #a5f3fc;
}

.timeline-type.communication[b-g03f6v08tb] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.timeline-type.generic[b-g03f6v08tb] {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
}

.btn-secondary[b-g03f6v08tb] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    padding: 8px 12px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.customer-bike-status[b-g03f6v08tb] {
    margin-top: 10px;
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
}

.customer-bike-status.success[b-g03f6v08tb] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #166534;
}

.customer-bike-status.error[b-g03f6v08tb] {
    border: 1px solid #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.empty-state[b-g03f6v08tb],
.muted[b-g03f6v08tb] {
    color: #64748b;
    font-size: 13px;
}

@media (max-width: 980px) {
    .customers-layout[b-g03f6v08tb] {
        grid-template-columns: 1fr;
    }

    .customer-list[b-g03f6v08tb] {
        position: static;
        top: auto;
        max-height: none;
    }

    .detail-grid[b-g03f6v08tb] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-g03f6v08tb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/DashboardOverview.razor.rz.scp.css */
.dashboard-page[b-q6x1ce2u1v] {
    display: grid;
    gap: 12px;
    padding: 8px 0 24px;
}

.dashboard-header h3[b-q6x1ce2u1v] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 28px;
}

.dashboard-header p[b-q6x1ce2u1v] {
    margin: 0;
    color: #475569;
}

.range-toolbar[b-q6x1ce2u1v] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.quick-picks[b-q6x1ce2u1v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.btn-primary[b-q6x1ce2u1v],
.btn-secondary[b-q6x1ce2u1v] {
    border: none;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary[b-q6x1ce2u1v] {
    background: #0d6efd;
    color: #fff;
}

.btn-secondary[b-q6x1ce2u1v] {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #cbd5e1;
}

.panel-title-row[b-q6x1ce2u1v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.panel-title-row h4[b-q6x1ce2u1v] {
    margin: 0;
}

.panel-title-row span[b-q6x1ce2u1v] {
    font-size: 13px;
    color: #334155;
    font-weight: 700;
}

.panel-content[b-q6x1ce2u1v] {
    height: 100%;
    min-height: 0;
}

.chart-content[b-q6x1ce2u1v] {
    min-height: 0;
}

.grid-content[b-q6x1ce2u1v] {
    min-height: 0;
}

.pivot-content[b-q6x1ce2u1v] {
    min-height: 0;
}

[b-q6x1ce2u1v] .overview-layout .e-dashboardlayout {
    width: 100%;
}

[b-q6x1ce2u1v] .overview-layout .e-panel {
    overflow: hidden;
}

[b-q6x1ce2u1v] .overview-layout .e-panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-q6x1ce2u1v] .overview-layout .e-panel-header {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    min-height: 42px;
}

[b-q6x1ce2u1v] .overview-layout .e-panel-header > * {
    width: 100%;
}

[b-q6x1ce2u1v] .overview-layout .e-panel-header h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

[b-q6x1ce2u1v] .overview-layout .e-panel-content {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 12px 10px;
    overflow: hidden;
}

[b-q6x1ce2u1v] .overview-layout .e-pivotview {
    height: 100%;
    min-height: 0;
}

[b-q6x1ce2u1v] .overview-layout .e-pivotview .e-grid {
    height: 100%;
}

.status[b-q6x1ce2u1v] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.status.success[b-q6x1ce2u1v] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.status.error[b-q6x1ce2u1v] {
    border-color: #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.muted[b-q6x1ce2u1v] {
    font-size: 13px;
    color: #64748b;
}
/* /Components/Pages/DashboardTopMechanic.razor.rz.scp.css */
.dashboard-page[b-nsky1djq1n] {
    display: grid;
    gap: 12px;
    padding: 8px 0 24px;
}

.dashboard-header h3[b-nsky1djq1n] {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
}

.dashboard-header p[b-nsky1djq1n] {
    margin: 4px 0 0;
    color: #475569;
}

.fy-pill[b-nsky1djq1n] {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
}

.panel-content[b-nsky1djq1n] {
    height: 100%;
    min-height: 0;
}

.monthly-panel-content[b-nsky1djq1n] {
    display: flex;
    flex-direction: column;
}

.annual-panel-content[b-nsky1djq1n] {
    display: flex;
    flex-direction: column;
}

.monthly-stack[b-nsky1djq1n] {
    display: grid;
    gap: 10px;
    height: auto;
    min-height: auto;
    overflow: visible;
    padding-right: 0;
    grid-auto-rows: max-content;
    align-content: start;
}

.rank-card[b-nsky1djq1n] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
}

.rank-card-head[b-nsky1djq1n] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #475569;
}

.rank-card-head strong[b-nsky1djq1n] {
    color: #0f172a;
    font-size: 14px;
}

.table-wrap[b-nsky1djq1n] {
    height: 100%;
    overflow: auto;
}

[b-nsky1djq1n] .top-mechanic-layout .e-dashboardlayout {
    width: 100%;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel {
    overflow: hidden;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel-header {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    min-height: 42px;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel-header > * {
    width: 100%;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel-header h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

[b-nsky1djq1n] .top-mechanic-layout .e-panel-content {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 12px 10px;
    overflow: hidden;
}

table[b-nsky1djq1n] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-nsky1djq1n],
td[b-nsky1djq1n] {
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 8px;
    white-space: nowrap;
    text-align: left;
}

th:last-child[b-nsky1djq1n],
td:last-child[b-nsky1djq1n] {
    text-align: right;
}

th[b-nsky1djq1n] {
    background: #f8fafc;
    color: #334155;
    font-weight: 700;
}

.status[b-nsky1djq1n] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.status.error[b-nsky1djq1n] {
    border-color: #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.status.success[b-nsky1djq1n] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.muted[b-nsky1djq1n] {
    color: #64748b;
    font-size: 13px;
}
/* /Components/Pages/DashboardTopStore.razor.rz.scp.css */
.dashboard-page[b-g4jb9e9gwv] {
    display: grid;
    gap: 12px;
    padding: 8px 0 24px;
}

.dashboard-header h3[b-g4jb9e9gwv] {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
}

.dashboard-header p[b-g4jb9e9gwv] {
    margin: 4px 0 0;
    color: #475569;
}

.fy-pill[b-g4jb9e9gwv] {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
}

.panel-content[b-g4jb9e9gwv] {
    height: 100%;
    min-height: 0;
}

.monthly-panel-content[b-g4jb9e9gwv] {
    display: flex;
    flex-direction: column;
}

.annual-panel-content[b-g4jb9e9gwv] {
    display: flex;
    flex-direction: column;
}

.monthly-stack[b-g4jb9e9gwv] {
    display: grid;
    gap: 10px;
    height: auto;
    min-height: auto;
    overflow: visible;
    padding-right: 0;
    grid-auto-rows: max-content;
    align-content: start;
}

.rank-card[b-g4jb9e9gwv] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
}

.rank-card-head[b-g4jb9e9gwv] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #475569;
}

.rank-card-head strong[b-g4jb9e9gwv] {
    color: #0f172a;
    font-size: 14px;
}

.table-wrap[b-g4jb9e9gwv] {
    height: 100%;
    overflow: auto;
}

[b-g4jb9e9gwv] .top-store-layout .e-dashboardlayout {
    width: 100%;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel {
    overflow: hidden;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel-header {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    min-height: 42px;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel-header > * {
    width: 100%;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel-header h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

[b-g4jb9e9gwv] .top-store-layout .e-panel-content {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 12px 10px;
    overflow: hidden;
}

table[b-g4jb9e9gwv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th[b-g4jb9e9gwv],
td[b-g4jb9e9gwv] {
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 8px;
    white-space: nowrap;
    text-align: left;
}

th:last-child[b-g4jb9e9gwv],
td:last-child[b-g4jb9e9gwv] {
    text-align: right;
}

th[b-g4jb9e9gwv] {
    background: #f8fafc;
    color: #334155;
    font-weight: 700;
}

.status[b-g4jb9e9gwv] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.status.error[b-g4jb9e9gwv] {
    border-color: #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.status.success[b-g4jb9e9gwv] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.muted[b-g4jb9e9gwv] {
    color: #64748b;
    font-size: 13px;
}
/* /Components/Pages/EmailRetries.razor.rz.scp.css */
.email-retries-page[b-sbqanheutw] {
    display: grid;
    gap: 14px;
    padding: 10px 0 30px;
}

.page-header h3[b-sbqanheutw] {
    margin: 0 0 6px;
    font-size: 24px;
    color: #334155;
}

.page-header p[b-sbqanheutw] {
    margin: 0;
    color: #475569;
}

.stats-row[b-sbqanheutw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.stat[b-sbqanheutw] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px;
    display: grid;
    gap: 4px;
    background: #fff;
}

.stat span[b-sbqanheutw] {
    font-size: 12px;
    color: #475569;
}

.stat strong[b-sbqanheutw] {
    font-size: 22px;
    line-height: 1;
    color: #0f172a;
}

.stat.pending[b-sbqanheutw] {
    border-color: #a5f3fc;
    background: #ecfeff;
}

.stat.dead[b-sbqanheutw] {
    border-color: #fecdd3;
    background: #fff1f2;
}

.stat.sent[b-sbqanheutw] {
    border-color: #86efac;
    background: #ecfdf5;
}

.controls-card[b-sbqanheutw],
.table-card[b-sbqanheutw] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
}

.controls-card[b-sbqanheutw] {
    display: grid;
    gap: 10px;
}

.controls-grid[b-sbqanheutw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.field[b-sbqanheutw] {
    display: grid;
    gap: 5px;
}

.field label[b-sbqanheutw] {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.field input[b-sbqanheutw],
.field select[b-sbqanheutw] {
    border: 1px solid #d0d7de;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
}

.control-actions[b-sbqanheutw] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.btn-secondary[b-sbqanheutw] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    padding: 8px 12px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.btn-secondary.danger[b-sbqanheutw] {
    border-color: #fecdd3;
    color: #b91c1c;
    background: #fff1f2;
}

.btn-secondary:disabled[b-sbqanheutw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.status[b-sbqanheutw] {
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
}

.status.success[b-sbqanheutw] {
    border: 1px solid #86efac;
    background: #ecfdf5;
    color: #166534;
}

.status.error[b-sbqanheutw] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #991b1b;
}

.table-wrap[b-sbqanheutw] {
    overflow: auto;
}

.table-wrap table[b-sbqanheutw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.table-wrap th[b-sbqanheutw],
.table-wrap td[b-sbqanheutw] {
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 8px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.table-wrap th[b-sbqanheutw] {
    color: #334155;
    background: #f8fafc;
    font-weight: 700;
}

.status-pill[b-sbqanheutw] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.status-pill.pending[b-sbqanheutw] {
    background: #ecfeff;
    color: #155e75;
    border: 1px solid #a5f3fc;
}

.status-pill.sent[b-sbqanheutw] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.status-pill.dead[b-sbqanheutw] {
    background: #fff1f2;
    color: #b91c1c;
    border: 1px solid #fecdd3;
}

.status-pill.generic[b-sbqanheutw] {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
}

.row-actions[b-sbqanheutw] {
    display: inline-flex;
    gap: 8px;
}

.btn-link[b-sbqanheutw] {
    border: none;
    background: transparent;
    color: #0d6efd;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.btn-link.danger[b-sbqanheutw] {
    color: #b91c1c;
}

.muted[b-sbqanheutw] {
    color: #64748b;
    font-size: 13px;
}

@media (max-width: 980px) {
    .stats-row[b-sbqanheutw] {
        grid-template-columns: 1fr;
    }

    .controls-grid[b-sbqanheutw] {
        grid-template-columns: 1fr;
    }

    .control-actions[b-sbqanheutw] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Features.razor.rz.scp.css */
.mk-page-title[b-734jasrmvx] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.mk-page-sub[b-734jasrmvx] {
    margin: 0.9rem auto 0;
    max-width: 680px;
    color: var(--mk-muted);
    font-size: 1rem;
    line-height: 1.65;
    text-align: center;
}

.mk-category-grid[b-734jasrmvx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.mk-category[b-734jasrmvx] {
    padding: 1rem;
}

.mk-category h3[b-734jasrmvx] {
    margin: 0.75rem 0 0.35rem;
    font-size: 1rem;
}

.mk-category p[b-734jasrmvx] {
    margin: 0;
    color: var(--mk-muted);
    font-size: 0.86rem;
    line-height: 1.55;
}

.mk-feature-stack[b-734jasrmvx] {
    display: grid;
    gap: 4.8rem;
}

.mk-final-cta[b-734jasrmvx] {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.mk-final-cta h2[b-734jasrmvx] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -0.02em;
}

.mk-final-cta p[b-734jasrmvx] {
    margin: 0.85rem 0 1.2rem;
    color: var(--mk-muted);
}

.mk-links-center[b-734jasrmvx] {
    justify-content: center;
}

@media (max-width: 1100px) {
    .mk-category-grid[b-734jasrmvx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .mk-category-grid[b-734jasrmvx] {
        grid-template-columns: 1fr;
    }
}



/* /Components/Pages/FinancialYearSettings.razor.rz.scp.css */
.financial-year-page[b-75b4bh4q15] {
    display: grid;
    gap: 12px;
    padding: 8px 0 24px;
}

.page-head h3[b-75b4bh4q15] {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
}

.page-head p[b-75b4bh4q15] {
    margin: 4px 0 0;
    color: #475569;
}

.settings-card[b-75b4bh4q15] {
    border: 1px solid #dbe3ed;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
    display: grid;
    gap: 12px;
    max-width: 720px;
}

.field-grid[b-75b4bh4q15] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.field[b-75b4bh4q15] {
    display: grid;
    gap: 6px;
}

.field label[b-75b4bh4q15] {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.preview-pill[b-75b4bh4q15] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
}

.actions[b-75b4bh4q15] {
    display: flex;
    justify-content: flex-end;
}

.btn-primary[b-75b4bh4q15] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    background: #0d6efd;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.status[b-75b4bh4q15] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    max-width: 720px;
}

.status.success[b-75b4bh4q15] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.status.error[b-75b4bh4q15] {
    border-color: #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.setup-shell[b-jzl2brr0to] {
    display: grid;
    gap: 18px;
    max-width: 980px;
    padding: 8px 0 24px;
}

.lead[b-jzl2brr0to] {
    margin: 0;
    color: #475569;
    font-size: 15px;
}

.setup-flash[b-jzl2brr0to] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 12px;
    font-size: 14px;
}

.setup-flash.success[b-jzl2brr0to] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.setup-flash.error[b-jzl2brr0to] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.progress-card[b-jzl2brr0to],
.steps-card[b-jzl2brr0to],
.unlock-card[b-jzl2brr0to],
.next-step-card[b-jzl2brr0to] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
}

.progress-head[b-jzl2brr0to] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

.progress-head h2[b-jzl2brr0to],
.steps-card h2[b-jzl2brr0to],
.unlock-card h2[b-jzl2brr0to] {
    margin: 0;
    font-size: 18px;
}

.progress-count[b-jzl2brr0to] {
    font-weight: 600;
    color: #0f172a;
}

.progress-track[b-jzl2brr0to] {
    width: 100%;
    height: 10px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.progress-fill[b-jzl2brr0to] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
    transition: width 240ms ease;
}

.step-list[b-jzl2brr0to] {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.step-item[b-jzl2brr0to] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 12px;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
}

.step-item.done[b-jzl2brr0to] {
    background: #f0fdf4;
    border-color: #86efac;
}

.step-item.todo[b-jzl2brr0to] {
    background: #f8fafc;
}

.step-state[b-jzl2brr0to] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #0f172a;
    background: #e2e8f0;
}

.step-item.done .step-state[b-jzl2brr0to] {
    background: #22c55e;
    color: #ffffff;
}

.step-title[b-jzl2brr0to] {
    font-weight: 700;
    color: #0f172a;
}

.step-desc[b-jzl2brr0to] {
    margin-top: 2px;
    color: #475569;
    font-size: 13px;
}

.pill[b-jzl2brr0to] {
    display: inline-block;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
    text-decoration: none;
}

.pill.done[b-jzl2brr0to] {
    color: #166534;
    background: #dcfce7;
}

.pill.action[b-jzl2brr0to] {
    color: #ffffff;
    background: #0d6efd;
}

.pill.ghost[b-jzl2brr0to] {
    color: #0f172a;
    background: #e2e8f0;
}

.pill[disabled][b-jzl2brr0to] {
    opacity: 0.65;
    cursor: not-allowed;
}

.step-action[b-jzl2brr0to] {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.unlock-grid[b-jzl2brr0to] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.unlock-item[b-jzl2brr0to] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
    display: grid;
    gap: 8px;
}

.unlock-item.open[b-jzl2brr0to] {
    border-color: #86efac;
    background: #f0fdf4;
}

.unlock-item.locked[b-jzl2brr0to] {
    opacity: 0.8;
    background: #f8fafc;
}

.unlock-title[b-jzl2brr0to] {
    font-weight: 700;
}

.unlock-item a[b-jzl2brr0to] {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 600;
}

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

.next-step-card.done[b-jzl2brr0to] {
    background: #f0fdf4;
    border-color: #86efac;
}

.next-step-card a[b-jzl2brr0to] {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 600;
}

.setup-modal-backdrop[b-jzl2brr0to] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.48);
}

.setup-modal[b-jzl2brr0to] {
    width: min(560px, 100%);
    border-radius: 16px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.3);
}

.setup-modal h3[b-jzl2brr0to] {
    margin: 0 0 8px;
}

.setup-modal p[b-jzl2brr0to] {
    margin: 0;
    color: #334155;
}

.setup-modal-list[b-jzl2brr0to] {
    margin: 12px 0;
    padding-left: 20px;
    color: #0f172a;
}

.setup-modal-note[b-jzl2brr0to] {
    color: #475569;
    font-size: 13px;
}

.setup-modal-actions[b-jzl2brr0to] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 700px) {
    .step-item[b-jzl2brr0to] {
        grid-template-columns: 28px 1fr;
    }

    .step-action[b-jzl2brr0to] {
        grid-column: 1 / -1;
    }

    .next-step-card[b-jzl2brr0to] {
        display: grid;
    }

    .setup-modal-actions[b-jzl2brr0to] {
        display: grid;
    }

    .setup-modal-actions .pill[b-jzl2brr0to] {
        width: 100%;
        text-align: center;
    }
}

/* /Components/Pages/HowItWorks.razor.rz.scp.css */
.mk-page-title[b-vz29fxgayy] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.mk-page-sub[b-vz29fxgayy] {
    margin: 0.9rem auto 0;
    max-width: 680px;
    color: var(--mk-muted);
    font-size: 1rem;
    line-height: 1.65;
    text-align: center;
}

.mk-steps[b-vz29fxgayy] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.mk-steps li[b-vz29fxgayy] {
    position: relative;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    padding: 0 0 2rem;
}

.mk-steps li[b-vz29fxgayy]::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 52px;
    bottom: 0;
    width: 1px;
    background: var(--mk-border);
}

.mk-steps li:last-child[b-vz29fxgayy]::after {
    display: none;
}

.mk-steps small[b-vz29fxgayy] {
    display: block;
    color: var(--mk-brand);
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.mk-steps h3[b-vz29fxgayy] {
    margin: 0;
    font-size: 0.98rem;
    letter-spacing: -0.01em;
}

.mk-steps p[b-vz29fxgayy] {
    margin: 0.45rem 0 0;
    color: var(--mk-muted);
    line-height: 1.62;
}

.mk-role-grid[b-vz29fxgayy] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.mk-role[b-vz29fxgayy] {
    padding: 1.2rem;
}

.mk-role h3[b-vz29fxgayy] {
    margin: 0.8rem 0;
    font-size: 1.2rem;
}

.mk-role ul[b-vz29fxgayy] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.4rem;
}

.mk-role li[b-vz29fxgayy] {
    color: var(--mk-muted);
    font-size: 0.92rem;
}

.mk-role li[b-vz29fxgayy]::before {
    content: "•";
    margin-right: 0.5rem;
    color: var(--mk-brand);
}

.mk-final-cta[b-vz29fxgayy] {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.mk-final-cta h2[b-vz29fxgayy] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -0.02em;
}

.mk-final-cta p[b-vz29fxgayy] {
    margin: 0.85rem 0 1.2rem;
    color: var(--mk-muted);
}

.mk-links-center[b-vz29fxgayy] {
    justify-content: center;
}

@media (max-width: 980px) {
    .mk-role-grid[b-vz29fxgayy] {
        grid-template-columns: 1fr;
    }
}

.mk-steps .mk-icon-chip[b-vz29fxgayy] { width: 52px; height: 52px; border-radius: 999px; }
.mk-steps .mk-icon-chip svg[b-vz29fxgayy] { width: 24px; height: 24px; }







/* /Components/Pages/Login.razor.rz.scp.css */
.mk-login-grid[b-lfpui500y9] {
    max-width: none;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 448px 384px;
    gap: 3rem;
    align-items: stretch;
    justify-content: center;
}

.mk-login-card[b-lfpui500y9],
.mk-login-aside[b-lfpui500y9] {
    padding: 2.5rem;
}

.mk-login-card[b-lfpui500y9] {
    width: 448px;
    height: 470px;
    max-width: 100%;
    box-sizing: border-box;
}

.mk-login-aside[b-lfpui500y9] {
    width: 384px;
    height: 470px;
    max-width: 100%;
    box-sizing: border-box;
}

.mk-login-card h1[b-lfpui500y9] {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.mk-login-card > p[b-lfpui500y9] {
    margin: 0.65rem 0 1.5rem;
    color: var(--mk-muted);
    font-size: 0.875rem;
}

.mk-login-form[b-lfpui500y9] {
    display: grid;
    gap: 0;
}

.mk-login-form .mk-field:first-of-type[b-lfpui500y9] {
    margin-top: 1.25rem;
}

.mk-login-form .mk-field + .mk-field[b-lfpui500y9] {
    margin-top: 1.25rem;
}

.mk-field[b-lfpui500y9] {
    display: grid;
    gap: 0.42rem;
}

.mk-field label[b-lfpui500y9] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mk-text);
}

.mk-field label span[b-lfpui500y9] {
    color: #ef4444;
}

.mk-field input[b-lfpui500y9] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid var(--mk-border);
    background: #fff;
    color: var(--mk-text);
    padding: 0.7rem 0.85rem;
    font: inherit;
}

.mk-password-wrap[b-lfpui500y9] {
    position: relative;
    display: flex;
    align-items: center;
}

.mk-password-wrap input[b-lfpui500y9] {
    padding-right: 2.6rem;
    margin: 0;
}

.mk-password-toggle[b-lfpui500y9] {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--mk-muted);
    width: 1.75rem;
    height: 1.75rem;
    display: inline-grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    line-height: 1;
}

.mk-password-icon[b-lfpui500y9] {
    width: 1rem;
    height: 1rem;
}

.mk-login-error[b-lfpui500y9] {
    color: #b91c1c;
    font-size: 0.9rem;
}

.mk-login-row[b-lfpui500y9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: 1.25rem;
}

.mk-check-wrap[b-lfpui500y9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--mk-muted);
    font-size: 0.875rem;
}

.mk-check-wrap input[b-lfpui500y9] {
    margin: 0;
}

.mk-login-row a[b-lfpui500y9],
.mk-login-foot a[b-lfpui500y9] {
    color: var(--mk-brand);
    text-decoration: none;
    font-weight: 600;
}

.mk-login-row a[b-lfpui500y9] {
    font-size: 0.875rem;
    font-weight: 500;
}

.mk-login-submit[b-lfpui500y9] {
    width: 100%;
    min-height: 42px;
    margin-top: 1.25rem;
}

.mk-login-foot[b-lfpui500y9] {
    margin: 1.25rem 0 0;
    text-align: center;
    color: var(--mk-muted);
    font-size: 0.875rem;
}

.mk-login-aside[b-lfpui500y9] {
    display: grid;
    align-content: center;
    background: #f8fafd;
    box-shadow: none;
}

.mk-login-aside h2[b-lfpui500y9] {
    margin: 0 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
}

.mk-login-aside ul[b-lfpui500y9] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1rem;
}

.mk-login-aside li[b-lfpui500y9] {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 0.75rem;
    color: var(--mk-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.mk-dot-check[b-lfpui500y9] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--mk-brand-soft);
    color: var(--mk-brand);
    display: inline-grid;
    place-items: center;
}

.mk-check-icon[b-lfpui500y9] {
    width: 12px;
    height: 12px;
    display: block;
}

.mk-field input[b-lfpui500y9]::placeholder {
    font-size: 0.875rem;
}

@media (max-width: 960px) {
    .mk-login-grid[b-lfpui500y9] {
        grid-template-columns: 1fr;
    }

    .mk-login-card[b-lfpui500y9],
    .mk-login-aside[b-lfpui500y9] {
        width: 100%;
        height: auto;
    }
}
/* /Components/Pages/ManageJobs.razor.rz.scp.css */
.sd-shell[b-qi0d79whb7] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-qi0d79whb7] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-qi0d79whb7] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-qi0d79whb7] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-qi0d79whb7] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-qi0d79whb7] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-qi0d79whb7] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-filter[b-qi0d79whb7] {
    width: min(420px, 100%);
}

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

.sd-count[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-note[b-qi0d79whb7] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.sd-btn[b-qi0d79whb7] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-primary[b-qi0d79whb7] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-qi0d79whb7] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-qi0d79whb7] {
    background: #e2e8f0;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-qi0d79whb7] {
    background: #cbd5e1;
    color: #0f172a;
}

.action-strip[b-qi0d79whb7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.sd-empty[b-qi0d79whb7] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.package-list[b-qi0d79whb7] {
    display: grid;
    gap: 10px;
}

.package-card[b-qi0d79whb7] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.package-head[b-qi0d79whb7] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 18px 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-bottom: 1px solid #edf2f7;
}

.package-dot-picker-wrap[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.package-dot-picker[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.package-dot[b-qi0d79whb7] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    flex: 0 0 auto;
}

.package-main[b-qi0d79whb7] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.package-name[b-qi0d79whb7] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.package-meta[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
}

.package-body[b-qi0d79whb7] {
    padding: 12px;
    background: #f8fafc;
}

.package-description[b-qi0d79whb7] {
    margin: 0 0 10px;
    color: #475569;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.package-empty[b-qi0d79whb7] {
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: #64748b;
    padding: 10px;
    font-size: 12px;
}

.package-item-list[b-qi0d79whb7] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.package-item-row[b-qi0d79whb7] {
    min-height: 44px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-top: 1px solid #edf2f7;
}

.package-item-row:first-child[b-qi0d79whb7] {
    border-top: none;
}

.package-item-main[b-qi0d79whb7] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.package-item-name[b-qi0d79whb7] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.package-item-meta[b-qi0d79whb7] {
    color: #475569;
    font-size: 12px;
}

.package-item-description[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.package-item-footer[b-qi0d79whb7] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.package-list-footer[b-qi0d79whb7] {
    padding: 2px 4px 0;
    display: flex;
    justify-content: flex-end;
}

.editor-mobile-backdrop[b-qi0d79whb7] {
    display: block;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.45);
    z-index: 12000 !important;
}

.editor-surface[b-qi0d79whb7] {
    position: fixed !important;
    top: 72px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(860px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 84px);
    margin: 0;
    z-index: 12001 !important;
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    border-style: solid;
}

.add-job-section[b-qi0d79whb7] {
    border: none;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    display: grid;
    gap: 12px;
}

.editor-header[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
}

.editor-header h4[b-qi0d79whb7] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.editor-close[b-qi0d79whb7] {
    border: none;
    background: transparent;
    color: #6b7280;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0 2px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.editor-close:hover[b-qi0d79whb7] {
    background: transparent;
    color: #334155;
}

.editor-dialog-shell[b-qi0d79whb7] {
    margin: 0;
    box-shadow: none;
}

[b-qi0d79whb7] .services-editor-dialog.e-dialog {
    width: min(980px, calc(100vw - 32px)) !important;
    max-width: 980px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-qi0d79whb7] .services-editor-dialog .e-dlg-content {
    padding: 0 !important;
    overflow: auto;
    max-height: calc(100vh - 48px);
}

.service-editor-content[b-qi0d79whb7] {
    display: grid;
    gap: 12px;
}

.form-section[b-qi0d79whb7] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.form-section label[b-qi0d79whb7] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.service-editor-input[b-qi0d79whb7],
.service-editor-textarea[b-qi0d79whb7] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.service-editor-textarea[b-qi0d79whb7] {
    min-height: 110px;
    resize: vertical;
}

.service-editor-input-short[b-qi0d79whb7] {
    width: min(180px, 100%);
}

.service-editor-input-medium[b-qi0d79whb7] {
    width: min(280px, 100%);
}

.service-editor-input-name[b-qi0d79whb7] {
    width: min(420px, 100%);
}

.service-editor-help[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    line-height: 1.35;
}

.label-inline[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.field-tip[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #0d6efd;
    border: 1px solid #0d6efd;
    cursor: help;
    line-height: 1;
    user-select: none;
}

.required-asterisk[b-qi0d79whb7] {
    color: #dc3545;
    margin-left: 4px;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-tip-content {
    color: #2f2f2f;
    background-color: #fff !important;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.35;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-color: transparent;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom-color: #fff !important;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-top-color: #fff !important;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
    border-right-color: #fff !important;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-left-color: #fff !important;
}

[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
[b-qi0d79whb7] .job-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right {
    color: #fff !important;
}

.service-group-list[b-qi0d79whb7] {
    display: grid;
    gap: 10px;
}

.service-group-card[b-qi0d79whb7] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.service-group-toggle[b-qi0d79whb7] {
    width: 100%;
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #edf2f7;
    background: transparent;
    padding: 0 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
}

.service-group-toggle:not(.expanded)[b-qi0d79whb7] {
    border-bottom: none;
}

.service-group-title[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.category-dot-picker-wrap[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.category-dot-picker[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.category-dot[b-qi0d79whb7] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    flex: 0 0 auto;
}

.service-group-name[b-qi0d79whb7] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-group-count[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.service-chevron[b-qi0d79whb7] {
    width: 17px;
    height: 17px;
    stroke: #475569;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    justify-self: end;
    transition: transform 0.18s ease;
}

.service-group-toggle.expanded .service-chevron[b-qi0d79whb7] {
    transform: rotate(180deg);
}

.service-subgroup-list[b-qi0d79whb7] {
    display: grid;
    gap: 8px;
    padding: 10px 12px 12px;
    background: #f8fafc;
}

.service-subgroup-card[b-qi0d79whb7] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.service-subgroup-toggle[b-qi0d79whb7] {
    width: 100%;
    min-height: 46px;
    border: none;
    border-bottom: 1px solid #edf2f7;
    background: transparent;
    padding: 0 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 10px;
    text-align: left;
    cursor: pointer;
}

.service-subgroup-toggle:not(.expanded)[b-qi0d79whb7] {
    border-bottom: none;
}

.service-subgroup-name[b-qi0d79whb7] {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-subgroup-count[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.service-subgroup-toggle .service-chevron[b-qi0d79whb7] {
    width: 16px;
    height: 16px;
}

.service-subgroup-footer[b-qi0d79whb7] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.service-list[b-qi0d79whb7] {
    display: grid;
}

.service-row[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #edf2f7;
    padding: 12px 14px;
}

.service-row:first-child[b-qi0d79whb7] {
    border-top: none;
}

.service-main[b-qi0d79whb7] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.service-name-row[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.service-row-dot-picker[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.service-row-color-clear[b-qi0d79whb7] {
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
}

.service-row-color-clear:hover[b-qi0d79whb7] {
    text-decoration: underline;
}

.service-row-dot[b-qi0d79whb7] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    flex: 0 0 auto;
}

.service-name[b-qi0d79whb7] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-meta[b-qi0d79whb7] {
    color: #475569;
    font-size: 12px;
}

.service-description[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.service-drag-handle[b-qi0d79whb7] {
    color: #64748b;
    font-size: 16px;
    line-height: 1;
    user-select: none;
    cursor: default;
    opacity: 0.65;
}

.row-icons[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-qi0d79whb7] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-qi0d79whb7] {
    color: #1e293b;
}

.edit-icon-btn[b-qi0d79whb7] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-qi0d79whb7] {
    color: #64748b;
}

.icon-btn.danger[b-qi0d79whb7] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-qi0d79whb7] {
    color: #b91c1c;
}

.icon-btn.plus[b-qi0d79whb7] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-qi0d79whb7] {
    color: #0b5ed7;
}

.job-skill-plus-btn[b-qi0d79whb7] {
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    padding: 0 2px;
}

.sd-svg[b-qi0d79whb7] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chevron-btn[b-qi0d79whb7] {
    color: #475569;
}

.chevron-svg[b-qi0d79whb7] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.chevron-btn.expanded .chevron-svg[b-qi0d79whb7] {
    transform: rotate(180deg);
}

.row-link-btn[b-qi0d79whb7] {
    border: none;
    border-radius: 999px;
    padding: 5px 10px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.row-link-btn:hover[b-qi0d79whb7] {
    background: #dbeafe;
}

.inline-input[b-qi0d79whb7] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.filter-input[b-qi0d79whb7] {
    min-height: 38px;
}

.inline-row[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.catalog-editor-row[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 20px 220px 1fr;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    cursor: grab;
    user-select: none;
}

.skill-editor-row[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    cursor: grab;
    user-select: none;
}

.catalog-editor-row.dragging[b-qi0d79whb7],
.skill-editor-row.dragging[b-qi0d79whb7] {
    opacity: 0.6;
}

.drag-handle[b-qi0d79whb7] {
    cursor: grab;
    color: #6b7280;
    user-select: none;
    font-size: 18px;
    line-height: 1;
}

.drag-handle:active[b-qi0d79whb7] {
    cursor: grabbing;
}

.package-drag-handle.disabled[b-qi0d79whb7],
.package-item-drag-handle.disabled[b-qi0d79whb7] {
    cursor: default;
    opacity: 0.55;
}

.editor-name[b-qi0d79whb7] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.editor-color[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.editor-color-dot-picker[b-qi0d79whb7] {
    display: inline-flex;
    align-items: center;
}

.editor-color-dot[b-qi0d79whb7] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.editor-hex[b-qi0d79whb7] {
    width: 100px;
    min-height: 38px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.btn[b-qi0d79whb7] {
    padding: 8px 16px;
    margin-right: 8px;
    border: none;
    border-radius: 999px;
    cursor: pointer;
}

.btn-primary[b-qi0d79whb7] {
    background: #0d6efd;
    color: white;
}

.btn-primary:hover[b-qi0d79whb7] {
    background: #0b5ed7;
}

.btn-secondary[b-qi0d79whb7] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover[b-qi0d79whb7] {
    background: #545b62;
}

.btn-success[b-qi0d79whb7] {
    background: #0d6efd;
    color: white;
}

.btn-success:hover[b-qi0d79whb7] {
    background: #0b5ed7;
}

.btn-danger[b-qi0d79whb7] {
    background: #6c757d;
    color: white;
}

.btn-danger:hover[b-qi0d79whb7] {
    background: #5a6268;
}

.grid-btn[b-qi0d79whb7] {
    width: 64px;
    height: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-qi0d79whb7] .e-grid .grid-inline-input {
    border: none !important;
    box-shadow: none !important;
}

.grid-inline-input[b-qi0d79whb7],
.grid-inline-select[b-qi0d79whb7] {
    width: 100%;
    padding: 4px;
    background: transparent;
    outline: none;
    box-sizing: border-box;
}

.grid-inline-select[b-qi0d79whb7] {
    border: 1px solid #d1d5db !important;
    border-radius: 4px;
}

.grid-inline-input.numeric[b-qi0d79whb7] {
    width: 90px !important;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.grid-inline-color[b-qi0d79whb7] {
    width: 100%;
    height: 32px;
    border: none;
    background: transparent;
    padding: 0;
    box-sizing: border-box;
}

.package-override-table[b-qi0d79whb7] {
    display: grid;
    gap: 8px;
    max-width: 640px;
}

.package-override-header[b-qi0d79whb7],
.package-override-row[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 24px 1fr 120px 120px;
    gap: 10px;
    align-items: center;
}

.package-override-header[b-qi0d79whb7] {
    font-weight: 600;
    color: #334155;
}

.package-override-row input:not([type="checkbox"])[b-qi0d79whb7] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.package-rates-cell[b-qi0d79whb7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

.package-rates-summary[b-qi0d79whb7] {
    display: block;
    max-width: 100%;
    white-space: pre-line;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}

.package-checklist-builder[b-qi0d79whb7] {
    display: grid;
    gap: 8px;
    max-width: 760px;
}

.package-checklist-toolbar[b-qi0d79whb7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.package-checklist-toolbar input[b-qi0d79whb7],
.package-checklist-toolbar select[b-qi0d79whb7] {
    padding: 5px;
}

.package-checklist-list[b-qi0d79whb7] {
    display: grid;
    gap: 0;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.package-checklist-row[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 20px minmax(220px, 1fr) 130px auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border-top: 1px solid #edf2f7;
    cursor: grab;
}

.package-checklist-main[b-qi0d79whb7] {
    min-width: 0;
}

.package-checklist-name[b-qi0d79whb7] {
    display: block;
    font-weight: 600;
    color: #0f172a;
}

.package-checklist-description[b-qi0d79whb7] {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
    overflow-wrap: anywhere;
}

.package-checklist-row:first-child[b-qi0d79whb7] {
    border-top: none;
}

.package-checklist-row.dragging[b-qi0d79whb7] {
    opacity: 0.65;
}

.package-checklist-type[b-qi0d79whb7] {
    font-size: 12px;
    color: #64748b;
}

.package-checklist-empty[b-qi0d79whb7] {
    font-size: 13px;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 10px;
    background: #f8fafc;
}

.package-checklist-service-picker[b-qi0d79whb7] {
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
    display: grid;
    gap: 6px;
}

.package-checklist-service-filter[b-qi0d79whb7] {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    box-sizing: border-box;
}

.package-checklist-service-group[b-qi0d79whb7] {
    border-top: 1px solid #eef2f7;
    padding-top: 4px;
}

.package-checklist-service-group:first-of-type[b-qi0d79whb7] {
    border-top: none;
    padding-top: 0;
}

.package-checklist-service-group-header[b-qi0d79whb7] {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 4px 2px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-checklist-service-group.group-collapsed .package-checklist-service-group-header[b-qi0d79whb7] {
    opacity: 0.8;
}

.package-checklist-service-item[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
}

.package-item-footer-standalone[b-qi0d79whb7] {
    margin-top: 8px;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}

.service-dialog-wrap[b-qi0d79whb7] {
    display: grid;
    gap: 12px;
}

.service-dialog-context[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.service-dialog-help[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
}

.service-dialog-error[b-qi0d79whb7] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}

.service-dialog-grid[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.service-dialog-top-row[b-qi0d79whb7] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr) minmax(150px, 1fr);
    gap: 12px;
    align-items: start;
}

.service-dialog-name-field[b-qi0d79whb7] {
    min-width: 0;
}

.service-dialog-price-readonly[readonly][b-qi0d79whb7] {
    background: #f8fafc;
    color: #334155;
}

.sd-field[b-qi0d79whb7] {
    display: grid;
    gap: 6px;
}

.sd-field label[b-qi0d79whb7] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sd-field input[type="text"][b-qi0d79whb7],
.sd-field input[type="number"][b-qi0d79whb7],
.sd-field select[b-qi0d79whb7] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.sd-textarea[b-qi0d79whb7] {
    min-height: 82px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    resize: vertical;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
}

.sd-actions[b-qi0d79whb7] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.service-dialog-actions[b-qi0d79whb7] {
    justify-content: flex-end;
}

.item-dialog-layout[b-qi0d79whb7] {
    display: grid;
    gap: 12px;
}

.item-mode-panel[b-qi0d79whb7] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #f8fafc;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.item-mode-title[b-qi0d79whb7] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

.item-mode-help[b-qi0d79whb7] {
    color: #64748b;
    font-size: 12px;
}

.item-mode-grid[b-qi0d79whb7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.item-inline-note[b-qi0d79whb7] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    padding: 8px 10px;
    font-size: 12px;
}

.span-2[b-qi0d79whb7] {
    grid-column: span 2;
}

.span-full[b-qi0d79whb7] {
    grid-column: 1 / -1;
}

.inline-row.compact input[type="text"][b-qi0d79whb7] {
    width: 130px;
}

.inline-row.compact input[type="color"][b-qi0d79whb7] {
    width: 42px;
    min-height: 38px;
    padding: 2px;
}

@media (max-width: 980px) {
    .sd-toolbar[b-qi0d79whb7] {
        display: grid;
        justify-content: stretch;
    }

    .editor-surface[b-qi0d79whb7] {
        top: 68px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: calc(100vw - 16px) !important;
    }

    .sd-filter[b-qi0d79whb7] {
        width: 100%;
    }

    .sd-toolbar-actions[b-qi0d79whb7] {
        justify-content: flex-start;
    }

    .span-2[b-qi0d79whb7] {
        grid-column: span 1;
    }

    .service-dialog-top-row[b-qi0d79whb7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-dialog-name-field[b-qi0d79whb7] {
        grid-column: 1 / -1;
    }

    .service-editor-input-short[b-qi0d79whb7],
    .service-editor-input-medium[b-qi0d79whb7],
    .service-editor-input-name[b-qi0d79whb7] {
        width: 100%;
    }

    .item-mode-grid[b-qi0d79whb7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    [b-qi0d79whb7] .services-editor-dialog.e-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
    }

    [b-qi0d79whb7] .services-editor-dialog .e-dlg-content {
        height: 100dvh;
        max-height: none;
    }

    .editor-dialog-shell[b-qi0d79whb7] {
        min-height: 100dvh;
        border-radius: 0;
    }
}

@media (max-width: 760px) {
    .editor-surface[b-qi0d79whb7] {
        inset: 0 !important;
        width: 100vw !important;
        max-height: none;
        border-radius: 0;
    }

    .sd-actions[b-qi0d79whb7] {
        display: grid;
    }

    .sd-btn[b-qi0d79whb7] {
        width: 100%;
        text-align: center;
    }

    .action-strip[b-qi0d79whb7] {
        display: grid;
    }

    .service-row[b-qi0d79whb7] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .service-group-toggle[b-qi0d79whb7] {
        grid-template-columns: minmax(0, 1fr) 20px;
        row-gap: 4px;
        padding: 8px 10px;
    }

    .service-group-count[b-qi0d79whb7] {
        grid-column: 1 / 2;
    }

    .service-chevron[b-qi0d79whb7] {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    .service-subgroup-toggle[b-qi0d79whb7] {
        grid-template-columns: minmax(0, 1fr) 20px;
        row-gap: 4px;
        padding: 8px 10px;
    }

    .service-subgroup-count[b-qi0d79whb7] {
        grid-column: 1 / 2;
    }

    .service-subgroup-toggle .service-chevron[b-qi0d79whb7] {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    .package-head[b-qi0d79whb7] {
        grid-template-columns: 18px 18px minmax(0, 1fr);
        row-gap: 4px;
        padding: 8px 10px;
    }

    .package-item-row[b-qi0d79whb7] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .row-icons[b-qi0d79whb7] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: flex-end;
    }

    .package-checklist-row[b-qi0d79whb7] {
        grid-template-columns: 20px minmax(0, 1fr);
        row-gap: 6px;
    }

    .package-checklist-type[b-qi0d79whb7] {
        grid-column: 2 / 3;
    }

    .service-dialog-actions[b-qi0d79whb7] {
        justify-content: stretch;
    }

    .service-dialog-top-row[b-qi0d79whb7] {
        grid-template-columns: 1fr;
    }

    .service-dialog-name-field[b-qi0d79whb7] {
        grid-column: auto;
    }
}
/* /Components/Pages/ManageMechanics.razor.rz.scp.css */
.sd-shell[b-3dlgg8eh7d] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-3dlgg8eh7d] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-3dlgg8eh7d] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-3dlgg8eh7d] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-3dlgg8eh7d] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-3dlgg8eh7d] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-3dlgg8eh7d] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.compact-card[b-3dlgg8eh7d] {
    padding: 12px 16px;
}

.add-mechanic-section[b-3dlgg8eh7d] {
    border: none;
    background: #ffffff;
}

.add-mechanic-section h4[b-3dlgg8eh7d] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.editor-header[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.editor-close[b-3dlgg8eh7d] {
    border: none;
    background: transparent;
    color: #6b7280;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0 2px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.editor-close:hover[b-3dlgg8eh7d] {
    background: transparent;
    color: #334155;
}

.editor-dialog-shell[b-3dlgg8eh7d] {
    margin: 0;
    box-shadow: none;
}

[b-3dlgg8eh7d] .mechanic-editor-dialog.e-dialog {
    width: min(980px, calc(100vw - 32px)) !important;
    max-width: 980px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-3dlgg8eh7d] .mechanic-editor-dialog .e-dlg-content {
    padding: 0 !important;
    overflow: auto;
    max-height: calc(100vh - 48px);
}

.editor-mobile-backdrop[b-3dlgg8eh7d] {
    display: block;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.45);
    z-index: 12000 !important;
}

.editor-surface[b-3dlgg8eh7d] {
    position: fixed !important;
    top: 72px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(860px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 84px);
    margin: 0;
    z-index: 12001 !important;
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    border-style: solid;
}

.form-grid[b-3dlgg8eh7d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.form-section[b-3dlgg8eh7d] {
    display: grid;
    gap: 6px;
}

.span-full[b-3dlgg8eh7d] {
    grid-column: 1 / -1;
}

.form-section label[b-3dlgg8eh7d] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.label-inline[b-3dlgg8eh7d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.required-star[b-3dlgg8eh7d] {
    color: #dc2626;
}

.field-tip[b-3dlgg8eh7d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #2563eb;
    border: 1px solid #2563eb;
    cursor: help;
    line-height: 1;
    user-select: none;
}

.form-input[b-3dlgg8eh7d],
.form-select[b-3dlgg8eh7d],
.time-input[b-3dlgg8eh7d] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.inline-row[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.inline-row .form-select[b-3dlgg8eh7d] {
    width: min(260px, 100%);
}

.skill-level-plus-btn[b-3dlgg8eh7d] {
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    padding: 0 2px;
}

.custom-jobs-summary[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.custom-jobs-pill[b-3dlgg8eh7d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

.custom-jobs-preview[b-3dlgg8eh7d] {
    margin-top: 8px;
    color: #475569;
    font-size: 12px;
}

.empty-hint[b-3dlgg8eh7d] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.job-picker[b-3dlgg8eh7d] {
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: 12px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

.job-filter[b-3dlgg8eh7d] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    margin-bottom: 8px;
    box-sizing: border-box;
}

.job-group[b-3dlgg8eh7d] {
    border-top: 1px solid #eef2f7;
    padding-top: 6px;
    margin-top: 6px;
}

.job-group-header[b-3dlgg8eh7d] {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 4px 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job-item[b-3dlgg8eh7d] {
    display: grid;
    grid-template-columns: 18px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.job-meta[b-3dlgg8eh7d] {
    color: #64748b;
    white-space: nowrap;
}

.group-collapsed .job-group-header[b-3dlgg8eh7d] {
    opacity: 0.8;
}

.quick-select-row[b-3dlgg8eh7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.quick-select-label[b-3dlgg8eh7d] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-right: 4px;
}

.quick-select-btn[b-3dlgg8eh7d] {
    padding: 4px 10px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.quick-select-btn.active[b-3dlgg8eh7d] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

.day-list[b-3dlgg8eh7d] {
    display: grid;
    gap: 8px;
}

.day-row[b-3dlgg8eh7d] {
    display: grid;
    grid-template-columns: 18px minmax(100px, 120px) minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 4px 0;
}

.day-label[b-3dlgg8eh7d] {
    margin: 0;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.day-divider[b-3dlgg8eh7d] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.duration-row[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.duration-input[b-3dlgg8eh7d] {
    width: 80px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    box-sizing: border-box;
}

.duration-unit[b-3dlgg8eh7d] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-actions[b-3dlgg8eh7d] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.action-strip[b-3dlgg8eh7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sd-btn[b-3dlgg8eh7d] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-3dlgg8eh7d] {
    min-height: 30px;
    padding: 6px 12px;
    font-size: 12px;
}

.sd-btn-primary[b-3dlgg8eh7d] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-3dlgg8eh7d] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-3dlgg8eh7d] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-3dlgg8eh7d] {
    background: #f8fafc;
}

.sd-btn-danger[b-3dlgg8eh7d] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-3dlgg8eh7d] {
    background: #dc2626;
}

.sd-toolbar[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-3dlgg8eh7d] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.store-group-list[b-3dlgg8eh7d] {
    display: grid;
    gap: 10px;
}

.mechanics-desktop[b-3dlgg8eh7d] {
    display: block;
}

.mechanics-responsive[b-3dlgg8eh7d] {
    display: none;
}

.mechanic-card[b-3dlgg8eh7d] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.mechanic-card-top[b-3dlgg8eh7d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.mechanic-card-main[b-3dlgg8eh7d] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.mechanic-card-name[b-3dlgg8eh7d] {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
}

.mechanic-card-meta[b-3dlgg8eh7d] {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.mechanic-card-actions[b-3dlgg8eh7d] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.details-toggle-btn[b-3dlgg8eh7d] {
    min-width: 96px;
}

.mechanic-card-details[b-3dlgg8eh7d] {
    border-top: 1px dashed #cbd5e1;
    padding-top: 10px;
    display: grid;
    gap: 10px;
}

.mechanic-detail-block[b-3dlgg8eh7d] {
    display: grid;
    gap: 4px;
}

.mechanic-detail-label[b-3dlgg8eh7d] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.mechanic-detail-line[b-3dlgg8eh7d] {
    color: #475569;
    font-size: 12px;
}

.store-group-card[b-3dlgg8eh7d] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.store-group-header[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.store-group-header h4[b-3dlgg8eh7d] {
    margin: 0;
    font-size: 15px;
    color: #0f172a;
}

.store-group-footer[b-3dlgg8eh7d] {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
    border-top: 1px dashed #dbe3ee;
}

.status-bad[b-3dlgg8eh7d] {
    color: #dc2626;
    font-weight: 600;
}

.grid-btn[b-3dlgg8eh7d] {
    min-width: 64px;
    height: 26px;
    padding: 0 12px;
}

.row-icons[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

.icon-btn[b-3dlgg8eh7d] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-3dlgg8eh7d] {
    color: #1e293b;
}

.edit-icon-btn[b-3dlgg8eh7d] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-3dlgg8eh7d] {
    color: #64748b;
}

.icon-btn.danger[b-3dlgg8eh7d] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-3dlgg8eh7d] {
    color: #b91c1c;
}

.icon-btn.plus[b-3dlgg8eh7d] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-3dlgg8eh7d] {
    color: #0b5ed7;
}

.sd-svg[b-3dlgg8eh7d] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.custom-jobs-dialog[b-3dlgg8eh7d] {
    display: grid;
    gap: 10px;
}

.custom-jobs-dialog-meta[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.custom-jobs-dialog-note[b-3dlgg8eh7d] {
    color: #475569;
    font-size: 12px;
}

.skill-editor-dialog[b-3dlgg8eh7d] {
    display: grid;
    gap: 10px;
}

.skill-editor-title[b-3dlgg8eh7d],
.skill-editor-add-title[b-3dlgg8eh7d] {
    font-weight: 700;
    color: #334155;
}

.skill-editor-add-title[b-3dlgg8eh7d] {
    margin-top: 6px;
}

.skill-editor-error[b-3dlgg8eh7d] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}

.skill-editor-row[b-3dlgg8eh7d] {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    cursor: grab;
    user-select: none;
}

.skill-editor-row.dragging[b-3dlgg8eh7d] {
    opacity: 0.6;
}

.skill-editor-row-main[b-3dlgg8eh7d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.drag-handle[b-3dlgg8eh7d] {
    cursor: grab;
    color: #6b7280;
    user-select: none;
    font-size: 18px;
    line-height: 1;
}

.drag-handle:active[b-3dlgg8eh7d] {
    cursor: grabbing;
}

.drag-handle.hidden[b-3dlgg8eh7d] {
    visibility: hidden;
}

.editor-name[b-3dlgg8eh7d] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.skill-delete-btn[b-3dlgg8eh7d] {
    color: #dc2626 !important;
}

[b-3dlgg8eh7d] .sd-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[b-3dlgg8eh7d] .sd-grid .e-gridcontent,
[b-3dlgg8eh7d] .sd-grid .e-table {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-tip-content {
    color: #2f2f2f;
    background-color: #fff !important;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.35;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-color: transparent;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom-color: #fff !important;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-top-color: #fff !important;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
    border-right-color: #fff !important;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-left-color: #fff !important;
}

[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
[b-3dlgg8eh7d] .mechanic-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right {
    color: #fff !important;
}

@media (max-width: 980px) {
    .form-grid[b-3dlgg8eh7d] {
        grid-template-columns: 1fr;
    }

    .store-group-header[b-3dlgg8eh7d] {
        display: grid;
    }

    .mechanics-desktop[b-3dlgg8eh7d] {
        display: none;
    }

    .mechanics-responsive[b-3dlgg8eh7d] {
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 1024px) {
    [b-3dlgg8eh7d] .mechanic-editor-dialog.e-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
    }

    [b-3dlgg8eh7d] .mechanic-editor-dialog .e-dlg-content {
        height: 100dvh;
        max-height: none;
    }

    .editor-dialog-shell[b-3dlgg8eh7d] {
        min-height: 100dvh;
        border-radius: 0;
    }
}

@media (max-width: 760px) {
    .editor-surface[b-3dlgg8eh7d] {
        inset: 0 !important;
        width: 100vw !important;
        max-height: none;
        border-radius: 0;
    }

    [b-3dlgg8eh7d] .custom-jobs-dialog-modal.e-dialog {
        width: min(96vw, 96vw) !important;
        max-height: 88vh !important;
    }

    [b-3dlgg8eh7d] .custom-jobs-dialog-modal .e-dlg-content {
        max-height: calc(88vh - 120px);
        overflow: auto;
    }

    .day-row[b-3dlgg8eh7d] {
        grid-template-columns: 18px auto minmax(80px, 1fr) auto minmax(80px, 1fr);
        column-gap: 6px;
        row-gap: 0;
    }

    .day-row .time-input[b-3dlgg8eh7d] {
        grid-column: auto;
        min-width: 80px;
        min-height: 34px;
        padding: 6px 8px;
    }

    .day-divider[b-3dlgg8eh7d] {
        grid-column: auto;
        white-space: nowrap;
    }

    .day-label[b-3dlgg8eh7d] {
        white-space: nowrap;
        font-size: 12px;
    }

    .job-item[b-3dlgg8eh7d] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .job-meta[b-3dlgg8eh7d] {
        grid-column: 2 / 3;
        white-space: normal;
    }

    .mechanic-card-top[b-3dlgg8eh7d] {
        display: grid;
    }

    .mechanic-card-actions[b-3dlgg8eh7d] {
        display: flex;
    }

    .details-toggle-btn[b-3dlgg8eh7d] {
        width: 100%;
        min-width: 0;
    }

    .skill-editor-row-main[b-3dlgg8eh7d] {
        display: grid;
    }

    .sd-actions[b-3dlgg8eh7d],
    .action-strip[b-3dlgg8eh7d] {
        display: grid;
    }

    .sd-btn[b-3dlgg8eh7d] {
        width: 100%;
    }

    .skill-level-plus-btn[b-3dlgg8eh7d] {
        width: auto !important;
    }
}
/* /Components/Pages/ManageServiceCategories.razor.rz.scp.css */
.sd-shell[b-vv3rj13owv] {
    display: grid;
    gap: 16px;
    max-width: 1100px;
    padding: 10px 0 24px;
}

.sd-header h3[b-vv3rj13owv] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-vv3rj13owv] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-vv3rj13owv] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-vv3rj13owv] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-vv3rj13owv] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-vv3rj13owv] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-vv3rj13owv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-filter[b-vv3rj13owv] {
    width: min(360px, 100%);
}

.sd-toolbar-actions[b-vv3rj13owv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sd-count[b-vv3rj13owv] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-btn[b-vv3rj13owv] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-vv3rj13owv] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-vv3rj13owv] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-vv3rj13owv] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-vv3rj13owv] {
    background: #f8fafc;
}

.sd-empty[b-vv3rj13owv] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.root-list[b-vv3rj13owv] {
    display: grid;
    gap: 10px;
}

.category-card[b-vv3rj13owv] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.category-head[b-vv3rj13owv] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 18px 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-bottom: 1px solid #edf2f7;
}

.category-main[b-vv3rj13owv] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.category-name[b-vv3rj13owv] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.category-meta[b-vv3rj13owv] {
    color: #64748b;
    font-size: 12px;
}

.category-dot-picker[b-vv3rj13owv] {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.category-dot-picker input[type="color"][b-vv3rj13owv] {
    position: absolute;
    inset: 0;
    width: 14px;
    height: 14px;
    opacity: 0;
    border: none;
    padding: 0;
    cursor: pointer;
}

.category-dot[b-vv3rj13owv] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
}

.category-body[b-vv3rj13owv] {
    padding: 12px;
}

.sub-list[b-vv3rj13owv] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    overflow: hidden;
}

.sub-row[b-vv3rj13owv] {
    min-height: 44px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border-top: 1px solid #edf2f7;
}

.sub-row:first-child[b-vv3rj13owv] {
    border-top: none;
}

.sub-row.draft[b-vv3rj13owv] {
    background: #eef6ff;
}

.drag-handle[b-vv3rj13owv],
.drag-spacer[b-vv3rj13owv] {
    color: #64748b;
    font-size: 16px;
    line-height: 1;
    user-select: none;
}

.drag-handle[b-vv3rj13owv] {
    cursor: grab;
}

.drag-handle:active[b-vv3rj13owv] {
    cursor: grabbing;
}

.sub-name[b-vv3rj13owv] {
    color: #0f172a;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.inline-input[b-vv3rj13owv] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 14px;
}

.filter-input[b-vv3rj13owv] {
    min-height: 38px;
}

.root-name-input[b-vv3rj13owv] {
    max-width: 360px;
}

.sub-name-input[b-vv3rj13owv] {
    max-width: 100%;
}

.row-icons[b-vv3rj13owv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-vv3rj13owv] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-vv3rj13owv] {
    color: #1e293b;
}

.edit-icon-btn[b-vv3rj13owv] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-vv3rj13owv] {
    color: #64748b;
}

.icon-btn.danger[b-vv3rj13owv] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-vv3rj13owv] {
    color: #b91c1c;
}

.icon-btn.plus[b-vv3rj13owv] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-vv3rj13owv] {
    color: #0b5ed7;
}

.sd-svg[b-vv3rj13owv] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chevron-btn[b-vv3rj13owv] {
    color: #475569;
}

.chevron-svg[b-vv3rj13owv] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.chevron-btn.expanded .chevron-svg[b-vv3rj13owv] {
    transform: rotate(180deg);
}

.sub-list-footer[b-vv3rj13owv] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.root-list-footer[b-vv3rj13owv] {
    padding: 2px 4px 0;
    display: flex;
    justify-content: flex-end;
}

.suggested-import-backdrop[b-vv3rj13owv] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: grid;
    place-items: center;
    padding: 16px;
    z-index: 1200;
}

.suggested-import-modal[b-vv3rj13owv] {
    width: min(740px, 100%);
    border: 1px solid #dbe3ee;
    border-radius: 14px;
    background: #ffffff;
    padding: 18px;
    display: grid;
    gap: 12px;
}

.suggested-import-modal h3[b-vv3rj13owv] {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
}

.suggested-import-modal p[b-vv3rj13owv] {
    margin: 0;
    color: #334155;
    font-size: 14px;
    line-height: 1.5;
}

.suggested-import-warning[b-vv3rj13owv] {
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fff1f2;
    color: #991b1b;
    padding: 10px;
    font-weight: 600;
}

.suggested-import-actions[b-vv3rj13owv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 860px) {
    .sd-toolbar[b-vv3rj13owv] {
        display: grid;
        justify-content: stretch;
    }

    .sd-filter[b-vv3rj13owv] {
        width: 100%;
    }

    .sd-toolbar-actions[b-vv3rj13owv] {
        justify-content: space-between;
    }
}

@media (max-width: 700px) {
    .sd-toolbar-actions[b-vv3rj13owv] {
        display: grid;
        gap: 8px;
    }

    .sd-btn[b-vv3rj13owv] {
        width: 100%;
        text-align: center;
    }

    .suggested-import-actions[b-vv3rj13owv] {
        display: grid;
    }

    .category-head[b-vv3rj13owv] {
        grid-template-columns: 18px 18px minmax(0, 1fr);
        row-gap: 6px;
        padding: 8px 10px;
    }

    .category-head .row-icons[b-vv3rj13owv] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .sub-row[b-vv3rj13owv] {
        grid-template-columns: 18px minmax(0, 1fr);
        row-gap: 6px;
        padding: 8px 10px;
    }

    .sub-row .row-icons[b-vv3rj13owv] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Components/Pages/ManageUsers.razor.rz.scp.css */
.sd-shell[b-2pwujczt8x] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-2pwujczt8x] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-2pwujczt8x] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-2pwujczt8x] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-2pwujczt8x] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-2pwujczt8x] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-2pwujczt8x] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.compact-card[b-2pwujczt8x] {
    padding: 12px 16px;
}

.add-user-section[b-2pwujczt8x] {
    border: none;
    background: #ffffff;
}

.add-user-section h4[b-2pwujczt8x] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.editor-header[b-2pwujczt8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.editor-close[b-2pwujczt8x] {
    border: none;
    background: transparent;
    color: #6b7280;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0 2px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.editor-close:hover[b-2pwujczt8x] {
    background: transparent;
    color: #334155;
}

.editor-dialog-shell[b-2pwujczt8x] {
    margin: 0;
    box-shadow: none;
}

[b-2pwujczt8x] .users-editor-dialog.e-dialog {
    width: min(980px, calc(100vw - 32px)) !important;
    max-width: 980px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-2pwujczt8x] .users-editor-dialog .e-dlg-content {
    padding: 0 !important;
    overflow: auto;
    max-height: calc(100vh - 48px);
}

.editor-mobile-backdrop[b-2pwujczt8x] {
    display: block;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.45);
    z-index: 12000 !important;
}

.editor-surface[b-2pwujczt8x] {
    position: fixed !important;
    top: 72px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(860px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 84px);
    margin: 0;
    z-index: 12001 !important;
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    border-style: solid;
}

.form-validation[b-2pwujczt8x] {
    margin: 0 0 10px;
    color: #991b1b;
    font-size: 12px;
}

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

.form-section[b-2pwujczt8x] {
    display: grid;
    gap: 6px;
}

.span-full[b-2pwujczt8x] {
    grid-column: 1 / -1;
}

.form-section label[b-2pwujczt8x] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.form-input[b-2pwujczt8x],
.form-select[b-2pwujczt8x],
[b-2pwujczt8x] .form-input,
[b-2pwujczt8x] .form-select {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

[b-2pwujczt8x] .form-input::placeholder,
[b-2pwujczt8x] .form-select::placeholder {
    color: #64748b;
}

[b-2pwujczt8x] .valid.modified:not([type="checkbox"]) {
    outline: none;
    box-shadow: none;
}

.store-access-list[b-2pwujczt8x],
.mechanic-list[b-2pwujczt8x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: 10px;
}

.mechanic-group[b-2pwujczt8x] {
    margin-bottom: 10px;
}

.mechanic-group:last-child[b-2pwujczt8x] {
    margin-bottom: 0;
}

.mechanic-group-title[b-2pwujczt8x] {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.check-item[b-2pwujczt8x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.empty-access-hint[b-2pwujczt8x] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 8px 10px;
    font-size: 12px;
}

.sd-actions[b-2pwujczt8x] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.action-strip[b-2pwujczt8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sd-btn[b-2pwujczt8x] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-2pwujczt8x] {
    min-height: 30px;
    padding: 6px 12px;
    font-size: 12px;
}

.sd-btn-primary[b-2pwujczt8x] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-2pwujczt8x] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-2pwujczt8x] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-2pwujczt8x] {
    background: #f8fafc;
}

.sd-btn-danger[b-2pwujczt8x] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-2pwujczt8x] {
    background: #dc2626;
}

.sd-toolbar[b-2pwujczt8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-2pwujczt8x] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.row-icons[b-2pwujczt8x] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.icon-btn[b-2pwujczt8x] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-2pwujczt8x] {
    color: #1e293b;
}

.edit-icon-btn[b-2pwujczt8x] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-2pwujczt8x] {
    color: #64748b;
}

.icon-btn.danger[b-2pwujczt8x] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-2pwujczt8x] {
    color: #b91c1c;
}

.icon-btn.plus[b-2pwujczt8x] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-2pwujczt8x] {
    color: #0b5ed7;
}

.sd-svg[b-2pwujczt8x] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.users-responsive[b-2pwujczt8x] {
    display: none;
}

.users-desktop[b-2pwujczt8x] {
    display: block;
}

.users-list-footer[b-2pwujczt8x] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px dashed #dbe3ee;
    margin-top: 10px;
}

.user-card[b-2pwujczt8x] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.user-card-top[b-2pwujczt8x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.user-card-main[b-2pwujczt8x] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.user-card-name[b-2pwujczt8x] {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.user-card-meta[b-2pwujczt8x] {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.user-card-actions[b-2pwujczt8x] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.user-card-details[b-2pwujczt8x] {
    border-top: 1px dashed #cbd5e1;
    padding-top: 8px;
    display: grid;
    gap: 10px;
}

.user-detail-block[b-2pwujczt8x] {
    display: grid;
    gap: 4px;
}

.user-detail-label[b-2pwujczt8x] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.user-detail-line[b-2pwujczt8x] {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

[b-2pwujczt8x] .sd-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[b-2pwujczt8x] .sd-grid .e-gridcontent,
[b-2pwujczt8x] .sd-grid .e-table {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media (max-width: 980px) {
    .form-grid[b-2pwujczt8x] {
        grid-template-columns: 1fr;
    }

    .users-desktop[b-2pwujczt8x] {
        display: none;
    }

    .users-responsive[b-2pwujczt8x] {
        display: grid;
        gap: 10px;
        margin-top: 6px;
    }
}

@media (max-width: 1024px) {
    [b-2pwujczt8x] .users-editor-dialog.e-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
    }

    [b-2pwujczt8x] .users-editor-dialog .e-dlg-content {
        height: 100dvh;
        max-height: none;
    }

    .editor-dialog-shell[b-2pwujczt8x] {
        min-height: 100dvh;
        border-radius: 0;
    }
}

@media (max-width: 760px) {
    .editor-surface[b-2pwujczt8x] {
        inset: 0 !important;
        width: 100vw !important;
        max-height: none;
        border-radius: 0;
    }

    .store-access-list[b-2pwujczt8x],
    .mechanic-list[b-2pwujczt8x] {
        grid-template-columns: 1fr;
    }

    .sd-actions[b-2pwujczt8x],
    .action-strip[b-2pwujczt8x] {
        display: grid;
    }

    .user-card-top[b-2pwujczt8x] {
        display: grid;
    }

    .user-card-actions[b-2pwujczt8x] {
        display: flex;
    }

    .sd-btn[b-2pwujczt8x] {
        width: 100%;
    }
}

.resend-invite[b-2pwujczt8x] {
    margin-top: 6px;
}
/* /Components/Pages/MarketingHome.razor.rz.scp.css */
.mk-home-hero[b-9wm2h8jjah] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 3rem;
    align-items: center;
}

.mk-home-hero h1 span[b-9wm2h8jjah] {
    color: var(--mk-brand);
}

.mk-home-panel[b-9wm2h8jjah] {
    overflow: hidden;
}

.mk-home-panel-head[b-9wm2h8jjah] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-bottom: 1px solid var(--mk-border);
    background: var(--mk-bg-soft);
    padding: 0.72rem 0.9rem;
    font-size: 0.78rem;
    color: var(--mk-muted);
}

.mk-dot[b-9wm2h8jjah] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #cbd5e1;
}

.mk-home-panel-body[b-9wm2h8jjah] {
    padding: 1rem;
    display: grid;
    gap: 0.65rem;
}

.mk-home-row[b-9wm2h8jjah] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--mk-border);
    padding-top: 0.65rem;
    font-size: 0.9rem;
}

.mk-home-row-top[b-9wm2h8jjah] {
    border-top: 0;
    padding-top: 0;
}

.mk-home-row p[b-9wm2h8jjah] {
    margin: 0;
    color: #1e293b;
    display: grid;
    gap: 0.1rem;
}

.mk-home-row small[b-9wm2h8jjah] {
    color: var(--mk-muted);
    font-size: 0.75rem;
}

.mk-home-row b[b-9wm2h8jjah] {
    font-size: 0.78rem;
    color: #1e3a8a;
}

.mk-city-strip[b-9wm2h8jjah] {
    border-top: 1px solid var(--mk-border);
    border-bottom: 1px solid var(--mk-border);
    background: var(--mk-bg-soft);
    padding: 1.1rem 0;
}

.mk-city-strip .mk-container[b-9wm2h8jjah] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.mk-city-strip span[b-9wm2h8jjah] {
    color: var(--mk-muted);
    font-size: 0.9rem;
}

.mk-city-strip div[b-9wm2h8jjah] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.mk-city-strip b[b-9wm2h8jjah] {
    border: 1px solid var(--mk-border);
    background: #fff;
    border-radius: 999px;
    padding: 0.22rem 0.6rem;
    font-size: 0.74rem;
    color: var(--mk-muted);
    font-weight: 600;
}

.mk-center-head[b-9wm2h8jjah] {
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
}

.mk-center-head h2[b-9wm2h8jjah] {
    margin: 0;
    font-size: clamp(1.35rem, 2.3vw, 1.95rem);
    letter-spacing: -0.02em;
}

.mk-benefits-grid[b-9wm2h8jjah] {
    margin-top: 2.2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.mk-benefit[b-9wm2h8jjah] {
    padding: 1.15rem;
}

.mk-benefit h3[b-9wm2h8jjah] {
    margin: 0.85rem 0 0.45rem;
    font-size: 1.28rem;
}

.mk-benefit p[b-9wm2h8jjah] {
    margin: 0;
    color: var(--mk-muted);
    line-height: 1.6;
}

.mk-feature-stack[b-9wm2h8jjah] {
    display: grid;
    gap: 5rem;
}

.mk-testimonial-grid[b-9wm2h8jjah] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.mk-final-cta[b-9wm2h8jjah] {
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
}

.mk-final-cta h2[b-9wm2h8jjah] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -0.02em;
}

.mk-final-cta p[b-9wm2h8jjah] {
    margin: 0.9rem 0 1.2rem;
    color: var(--mk-muted);
}

@media (max-width: 1000px) {
    .mk-home-hero[b-9wm2h8jjah],
    .mk-benefits-grid[b-9wm2h8jjah],
    .mk-testimonial-grid[b-9wm2h8jjah] {
        grid-template-columns: 1fr;
    }
}

.mk-home-shot[b-9wm2h8jjah] {
    display: block;
    width: 100%;
    height: auto;
}
/* /Components/Pages/MyProfile.razor.rz.scp.css */
.mp-sub[b-5sqw7cnu73] {
    color: #64748b;
    font-size: 14px;
    margin: -6px 0 14px;
}

.mp-card[b-5sqw7cnu73] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 16px;
    max-width: 640px;
    background: #fff;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.mp-card-title[b-5sqw7cnu73] {
    margin: 0 0 12px;
    font-size: 16px;
}

.mp-row[b-5sqw7cnu73] {
    display: grid;
    gap: 6px;
    margin-bottom: 10px;
}

.mp-row label[b-5sqw7cnu73] {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.mp-value[b-5sqw7cnu73] {
    padding: 10px 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    color: #0f172a;
}

/* ::deep because InputText renders the input without the scope attribute. */
[b-5sqw7cnu73] .mp-input {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px 12px;
    width: 100%;
    box-sizing: border-box;
    font: inherit;
}

[b-5sqw7cnu73] .mp-input:focus {
    outline: none;
    border-color: #94a3b8;
}

[b-5sqw7cnu73] .validation-message {
    color: #dc3545;
    font-size: 13px;
}

.mp-hint[b-5sqw7cnu73] {
    color: #94a3b8;
    font-size: 12px;
    margin: 2px 0 14px;
}

.mp-btn[b-5sqw7cnu73] {
    border: none;
    border-radius: 999px;
    padding: 10px 14px;
    cursor: pointer;
    font-weight: 600;
    background: #0d6efd;
    color: #fff;
    margin-top: 4px;
}

.mp-message[b-5sqw7cnu73] {
    margin: 0 0 14px;
    padding: 10px;
    border-radius: 8px;
    max-width: 640px;
}

.mp-error[b-5sqw7cnu73] {
    color: #dc3545;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
}

.mp-success[b-5sqw7cnu73] {
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb;
}

.mp-text[b-5sqw7cnu73] {
    margin: 0 0 12px;
    color: #334155;
    font-size: 14px;
    line-height: 1.5;
}

.mp-codes[b-5sqw7cnu73] {
    list-style: none;
    margin: 0 0 10px;
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
    border-radius: 12px;
    background: #f8fafc;
    font-family: ui-monospace, Consolas, monospace;
    text-align: center;
}
/* /Components/Pages/OnHold.razor.rz.scp.css */
.sd-shell[b-84o4ckf5rm] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-84o4ckf5rm] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-84o4ckf5rm] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-84o4ckf5rm] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-84o4ckf5rm] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-84o4ckf5rm] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-84o4ckf5rm] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-84o4ckf5rm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.store-title[b-84o4ckf5rm] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.sd-count[b-84o4ckf5rm] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-empty[b-84o4ckf5rm] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.sd-btn[b-84o4ckf5rm] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-84o4ckf5rm] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-84o4ckf5rm] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-84o4ckf5rm] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-84o4ckf5rm] {
    background: #f8fafc;
}

.hold-table-wrap[b-84o4ckf5rm] {
    overflow-x: auto;
}

.hold-table[b-84o4ckf5rm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.hold-table th[b-84o4ckf5rm],
.hold-table td[b-84o4ckf5rm] {
    border-top: 1px solid #edf2f7;
    text-align: left;
    padding: 9px 8px;
    vertical-align: top;
}

.hold-table thead th[b-84o4ckf5rm] {
    border-top: none;
    color: #475569;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: #f8fafc;
    white-space: nowrap;
}

.customer-cell[b-84o4ckf5rm] {
    display: grid;
    gap: 2px;
}

.customer-cell strong[b-84o4ckf5rm] {
    color: #0f172a;
}

.customer-cell span[b-84o4ckf5rm] {
    color: #475569;
    font-size: 12px;
}

.customer-cell .service-name[b-84o4ckf5rm] {
    color: #64748b;
}

.modal-backdrop[b-84o4ckf5rm] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: grid;
    place-items: center;
    padding: 16px;
    z-index: 1200;
}

.modal-shell[b-84o4ckf5rm] {
    width: min(1080px, 100%);
    max-height: 90vh;
    overflow: auto;
    border: 1px solid #dbe3ee;
    border-radius: 14px;
    background: #ffffff;
    padding: 16px;
    display: grid;
    gap: 12px;
}

.modal-head[b-84o4ckf5rm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.modal-head h4[b-84o4ckf5rm] {
    margin: 0;
    color: #0f172a;
    font-size: 20px;
}

.book-summary[b-84o4ckf5rm] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px;
    display: grid;
    gap: 6px;
    font-size: 13px;
    color: #334155;
}

.book-form[b-84o4ckf5rm] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.book-form label[b-84o4ckf5rm] {
    display: grid;
    gap: 4px;
    font-size: 12px;
    color: #334155;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.book-form input[type="date"][b-84o4ckf5rm] {
    width: 220px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    box-sizing: border-box;
}

.option-grid[b-84o4ckf5rm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.option-card[b-84o4ckf5rm] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 8px;
    align-content: start;
}

.option-card h5[b-84o4ckf5rm] {
    margin: 0;
    color: #0f172a;
    font-size: 15px;
}

.option-line[b-84o4ckf5rm] {
    color: #334155;
    font-size: 13px;
}

.option-empty[b-84o4ckf5rm] {
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    padding: 10px;
    font-size: 12px;
}

.move-preview[b-84o4ckf5rm] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 8px;
    display: grid;
    gap: 4px;
    font-size: 12px;
    color: #475569;
    max-height: 180px;
    overflow: auto;
}

.arrived-actions[b-84o4ckf5rm] {
    display: flex;
    justify-content: flex-end;
}

.arrived-modal[b-84o4ckf5rm] {
    width: min(720px, 100%);
}

@media (max-width: 980px) {
    .sd-toolbar[b-84o4ckf5rm] {
        display: grid;
        justify-content: stretch;
    }

    .option-grid[b-84o4ckf5rm] {
        grid-template-columns: 1fr;
    }

    .book-form[b-84o4ckf5rm] {
        display: grid;
        justify-content: stretch;
    }
}

@media (max-width: 760px) {
    .hold-table thead[b-84o4ckf5rm] {
        display: none;
    }

    .hold-table[b-84o4ckf5rm],
    .hold-table tbody[b-84o4ckf5rm],
    .hold-table tr[b-84o4ckf5rm],
    .hold-table td[b-84o4ckf5rm] {
        display: block;
        width: 100%;
    }

    .hold-table tr[b-84o4ckf5rm] {
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        margin-bottom: 10px;
        background: #fff;
    }

    .hold-table td[b-84o4ckf5rm] {
        border-top: 1px dashed #e2e8f0;
        padding: 8px 10px;
    }

    .hold-table td:first-child[b-84o4ckf5rm] {
        border-top: none;
    }

    .hold-table td[b-84o4ckf5rm]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: #64748b;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 700;
    }

    .sd-btn[b-84o4ckf5rm] {
        width: 100%;
        text-align: center;
    }

    .modal-head[b-84o4ckf5rm] {
        display: grid;
        gap: 8px;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.mk-page-title[b-wka34w67qq] {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.mk-page-sub[b-wka34w67qq] {
    margin: 0.9rem auto 0;
    max-width: 680px;
    color: var(--mk-muted);
    font-size: 1rem;
    line-height: 1.65;
    text-align: center;
}

.mk-pricing-toggle-wrap[b-wka34w67qq] {
    display: flex;
    justify-content: center;
    margin-top: 1.7rem;
}

.mk-pricing-toggle[b-wka34w67qq] {
    display: inline-flex;
    border: 1px solid var(--mk-border);
    border-radius: 10px;
    padding: 0.2rem;
    background: var(--mk-bg-soft);
    gap: 0.2rem;
}

.mk-pricing-toggle button[b-wka34w67qq] {
    border: 0;
    background: transparent;
    color: var(--mk-muted);
    border-radius: 8px;
    padding: 0.45rem 0.8rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.mk-pricing-toggle button.active[b-wka34w67qq] {
    background: #fff;
    color: var(--mk-text);
    box-shadow: var(--mk-shadow-soft);
}

.mk-pricing-toggle span[b-wka34w67qq] {
    margin-left: 0.25rem;
    color: var(--mk-brand);
    font-size: 0.72rem;
}

.mk-pricing-grid[b-wka34w67qq] {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.05rem;
}

.mk-center-head[b-wka34w67qq] {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
}

.mk-center-head h2[b-wka34w67qq] {
    margin: 0;
    font-size: clamp(1.35rem, 2.3vw, 1.95rem);
    letter-spacing: -0.02em;
}

.mk-compare-wrap[b-wka34w67qq] {
    margin-top: 1.8rem;
    overflow-x: auto;
}

.mk-compare-table[b-wka34w67qq] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.mk-compare-table th[b-wka34w67qq],
.mk-compare-table td[b-wka34w67qq] {
    border-bottom: 1px solid var(--mk-border);
    padding: 0.82rem 0.7rem;
    text-align: center;
    font-size: 0.9rem;
}

.mk-compare-table th:first-child[b-wka34w67qq],
.mk-compare-table td:first-child[b-wka34w67qq] {
    text-align: left;
}

.mk-compare-table thead th[b-wka34w67qq] {
    color: var(--mk-muted);
    font-weight: 700;
}

.mk-compare-table tbody td[b-wka34w67qq] {
    color: #334155;
}

.mk-compare-tick[b-wka34w67qq] {
    color: var(--mk-brand);
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
}

.mk-compare-dash[b-wka34w67qq] {
    color: #94a3b8;
}

.mk-faq-wrap[b-wka34w67qq] {
    max-width: 760px;
    margin: 2.6rem auto 2rem;
}

.mk-final-cta[b-wka34w67qq] {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

.mk-final-cta h2[b-wka34w67qq] {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    letter-spacing: -0.02em;
}

.mk-final-cta p[b-wka34w67qq] {
    margin: 0.85rem 0 1.2rem;
    color: var(--mk-muted);
}

@media (max-width: 990px) {
    .mk-pricing-grid[b-wka34w67qq] {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }
}





/* /Components/Pages/SectionConfigSettings.razor.rz.scp.css */
/* Section Config (owner, 2026-11-01): one row per menu item, a switch per user type. */
.sc-summary[b-ibrsqfnylv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
}

.sc-row[b-ibrsqfnylv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, 72px);
    align-items: center;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid #f1f5f9;
}

.sc-head[b-ibrsqfnylv] {
    padding: 0 0 6px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 1;
}

.sc-section-title[b-ibrsqfnylv] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
    padding: 14px 0 2px;
}

.sc-text[b-ibrsqfnylv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sc-note[b-ibrsqfnylv] {
    font-size: 12.5px;
    color: #64748b;
}

.sc-cell[b-ibrsqfnylv] {
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
}

.sc-na[b-ibrsqfnylv] {
    color: #cbd5e1;
    font-weight: 700;
}

/* A plain checkbox drawn as a switch: green when shown, grey when hidden. */
.sc-switch[b-ibrsqfnylv] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 42px;
    height: 24px;
    margin: 0;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: background 0.15s ease;
}

.sc-switch[b-ibrsqfnylv]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);
    transition: transform 0.15s ease;
}

.sc-switch:checked[b-ibrsqfnylv] {
    background: #16a34a;
}

.sc-switch:checked[b-ibrsqfnylv]::after {
    transform: translateX(18px);
}

.sc-switch:focus-visible[b-ibrsqfnylv] {
    outline: 3px solid #93c5fd;
    outline-offset: 2px;
}

.sc-switch:disabled[b-ibrsqfnylv] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sc-always[b-ibrsqfnylv] {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    color: #374151;
    font-size: 14px;
}

@media (max-width: 560px) {
    .sc-row[b-ibrsqfnylv] {
        grid-template-columns: minmax(0, 1fr) repeat(3, 52px);
        gap: 4px;
    }

    .sc-head[b-ibrsqfnylv] {
        font-size: 11px;
    }
}
/* /Components/Pages/Signup.razor.rz.scp.css */
.mk-signup-head[b-tmhniywaav] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.mk-signup-grid[b-tmhniywaav] {
    max-width: none;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 448px 280px;
    gap: 3rem;
    align-items: start;
    justify-content: center;
}

.mk-signup-card[b-tmhniywaav] {
    padding: 2.5rem;
    width: 448px;
    box-sizing: border-box;
}

.mk-signup-card form[b-tmhniywaav] {
    display: grid;
    gap: 0;
}

.mk-signup-card form > :first-child[b-tmhniywaav] {
    margin-top: 1.25rem;
}

.mk-signup-two[b-tmhniywaav] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.mk-signup-card form > .mk-signup-two + .mk-field[b-tmhniywaav],
.mk-signup-card form > .mk-field + .mk-field[b-tmhniywaav],
.mk-signup-card form > .mk-field + .mk-signup-two[b-tmhniywaav],
.mk-signup-card form > .mk-signup-two + .mk-signup-two[b-tmhniywaav],
.mk-signup-card form > .mk-signup-two + .mk-signup-checks[b-tmhniywaav],
.mk-signup-card form > .mk-signup-checks + .mk-signup-message[b-tmhniywaav],
.mk-signup-card form > .mk-signup-message + .mk-signup-submit[b-tmhniywaav] {
    margin-top: 1.25rem;
}

.mk-field[b-tmhniywaav] {
    display: grid;
    gap: 0.42rem;
    align-content: start;
}

.mk-field label[b-tmhniywaav] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mk-text);
}

.mk-field label span[b-tmhniywaav] {
    color: #ef4444;
}

.mk-signup-card[b-tmhniywaav]  .mk-input,
.mk-signup-card[b-tmhniywaav]  input.mk-input,
.mk-signup-card[b-tmhniywaav]  select.mk-input {
    width: 100%;
    box-sizing: border-box;
    height: 42px;
    border-radius: 12px;
    border: 1px solid var(--mk-border);
    background: #fff;
    padding: 0.7rem 0.85rem;
    color: var(--mk-text);
    font: inherit;
    font-size: 0.875rem;
    appearance: none;
}

.mk-signup-card[b-tmhniywaav]  .valid.modified:not([type="checkbox"]),
.mk-signup-card[b-tmhniywaav]  .invalid {
    outline: none;
}

.mk-signup-card[b-tmhniywaav]  input.mk-input::placeholder {
    font-size: 0.875rem;
    color: #64748b;
}

.mk-signup-card[b-tmhniywaav]  select.mk-input {
    background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 11px) calc(50% - 3px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 2rem;
}

.mk-field small[b-tmhniywaav] {
    color: var(--mk-muted);
    font-size: 0.82rem;
}

.mk-password-wrap[b-tmhniywaav] {
    position: relative;
    display: flex;
    align-items: center;
}

.mk-password-wrap[b-tmhniywaav]  input.mk-input {
    padding-right: 2.6rem;
    margin: 0;
}

.mk-password-toggle[b-tmhniywaav] {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--mk-muted);
    width: 1.75rem;
    height: 1.75rem;
    display: inline-grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    line-height: 1;
}

.mk-password-icon[b-tmhniywaav] {
    width: 1rem;
    height: 1rem;
}

.mk-signup-checks[b-tmhniywaav] {
    display: grid;
    gap: 0.45rem;
    margin-top: 1.25rem;
}

.mk-check-wrap[b-tmhniywaav] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mk-muted);
    font-size: 0.875rem;
}

.mk-check-wrap[b-tmhniywaav]  input[type="checkbox"] {
    margin: 0;
    width: 1rem;
    height: 1rem;
    border: 1.5px solid #3b82f6;
    border-radius: 999px;
    appearance: none;
    background: #fff;
    display: inline-grid;
    place-items: center;
}

.mk-check-wrap[b-tmhniywaav]  input[type="checkbox"]:checked {
    background: #e6f0ff;
}

.mk-check-wrap[b-tmhniywaav]  input[type="checkbox"]:checked::after {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: #2563eb;
}

.mk-check-wrap a[b-tmhniywaav] {
    color: var(--mk-brand);
    text-decoration: none;
}

.mk-signup-card[b-tmhniywaav]  .validation-message {
    color: #b91c1c;
    font-size: 0.82rem;
}

.mk-signup-message[b-tmhniywaav] {
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    font-size: 0.88rem;
}

.mk-signup-message-error[b-tmhniywaav] {
    color: #b91c1c;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.mk-signup-message-ok[b-tmhniywaav] {
    color: #166534;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.mk-signup-submit[b-tmhniywaav] {
    width: 100%;
    min-height: 42px;
    margin-top: 1.25rem;
}

.mk-signup-foot[b-tmhniywaav],
.mk-signup-help[b-tmhniywaav] {
    margin: 1rem 0 0;
    text-align: center;
    color: var(--mk-muted);
    font-size: 0.875rem;
}

.mk-signup-help[b-tmhniywaav] {
    margin-top: 0.75rem;
    font-size: 0.875rem;
}

.mk-signup-foot a[b-tmhniywaav],
.mk-signup-help a[b-tmhniywaav] {
    color: var(--mk-brand);
    text-decoration: none;
    font-weight: 600;
}

.mk-signup-aside[b-tmhniywaav] {
    padding: 2rem;
    width: 280px;
    box-sizing: border-box;
    background: #f8fafd;
    box-shadow: none;
    align-self: start;
}

.mk-signup-aside ul[b-tmhniywaav] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1rem;
}

.mk-signup-aside li[b-tmhniywaav] {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 0.75rem;
    align-items: center;
    color: var(--mk-text);
    font-size: 0.875rem;
    line-height: 1.5;
}

.mk-dot-check[b-tmhniywaav] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--mk-brand-soft);
    color: var(--mk-brand);
    display: inline-grid;
    place-items: center;
}

.mk-check-icon[b-tmhniywaav] {
    width: 12px;
    height: 12px;
    display: block;
}

@media (max-width: 980px) {
    .mk-signup-grid[b-tmhniywaav] {
        grid-template-columns: 1fr;
    }

    .mk-signup-aside[b-tmhniywaav] {
        width: 100%;
        max-width: none;
    }

    .mk-signup-card[b-tmhniywaav] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .mk-signup-two[b-tmhniywaav] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SignupSuccess.razor.rz.scp.css */
.mk-verify-head[b-av34iunfll] {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.mk-verify-grid[b-av34iunfll] {
    display: grid;
    justify-content: center;
}

.mk-verify-card[b-av34iunfll] {
    width: 448px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 2.5rem;
    display: grid;
    gap: 0.75rem;
}

.mk-verify-card p[b-av34iunfll] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--mk-text);
}

.mk-verify-login[b-av34iunfll] {
    width: 100%;
    min-height: 42px;
    margin-top: 0.5rem;
}

.mk-verify-help[b-av34iunfll] {
    margin-top: 0.25rem;
    font-size: 0.92rem;
    color: var(--mk-muted) !important;
}

@media (max-width: 980px) {
    .mk-verify-card[b-av34iunfll] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .mk-verify-card[b-av34iunfll] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/StaffLogins.razor.rz.scp.css */
.sd-shell[b-5n95q4a8ga] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-5n95q4a8ga] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-5n95q4a8ga] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
    max-width: 760px;
    line-height: 1.5;
}

.sd-flash[b-5n95q4a8ga] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.45;
}

.sd-flash.success[b-5n95q4a8ga] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-5n95q4a8ga] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-5n95q4a8ga] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-btn[b-5n95q4a8ga] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.sd-btn:disabled[b-5n95q4a8ga] {
    opacity: 0.5;
    cursor: default;
}

.sd-btn-sm[b-5n95q4a8ga] {
    min-height: 30px;
    padding: 6px 12px;
}

.sd-btn-primary[b-5n95q4a8ga] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover:not(:disabled)[b-5n95q4a8ga] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-5n95q4a8ga] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover:not(:disabled)[b-5n95q4a8ga] {
    background: #f8fafc;
}

.sl-summary[b-5n95q4a8ga] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sl-counts[b-5n95q4a8ga] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    color: #475569;
    font-size: 14px;
}

.sl-counts strong[b-5n95q4a8ga] {
    color: #0f172a;
    font-size: 18px;
    margin-right: 2px;
}

.sl-actions[b-5n95q4a8ga] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sl-filters[b-5n95q4a8ga] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.sl-filter[b-5n95q4a8ga] {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.sl-filter.on[b-5n95q4a8ga] {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.sl-empty[b-5n95q4a8ga] {
    margin: 8px 0;
    color: #64748b;
    font-size: 14px;
}

.sd-table[b-5n95q4a8ga] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.sd-table th[b-5n95q4a8ga] {
    text-align: left;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 8px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.sd-table td[b-5n95q4a8ga] {
    padding: 10px;
    border-bottom: 1px solid #eef2f7;
    color: #1e293b;
    vertical-align: middle;
}

.sl-col-action[b-5n95q4a8ga] {
    width: 130px;
    text-align: right;
}

.sl-name[b-5n95q4a8ga] {
    font-weight: 600;
    color: #0f172a;
}

.sl-meta[b-5n95q4a8ga] {
    color: #64748b;
    font-size: 12px;
    margin-top: 2px;
}

.sl-email[b-5n95q4a8ga] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.sl-input[b-5n95q4a8ga] {
    flex: 1;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 7px 10px;
    font: inherit;
    font-size: 13px;
}

.sl-input:focus[b-5n95q4a8ga] {
    outline: none;
    border-color: #94a3b8;
}

.sl-pill[b-5n95q4a8ga] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sl-nologin[b-5n95q4a8ga] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.sl-invited[b-5n95q4a8ga] {
    background: #fef9c3;
    color: #713f12;
    border: 1px solid #facc15;
}

.sl-active[b-5n95q4a8ga] {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #86efac;
}

.sl-locked[b-5n95q4a8ga] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Phone width: each person becomes a card. */
@media (max-width: 760px) {
    .sl-table thead[b-5n95q4a8ga] {
        display: none;
    }

    .sl-table[b-5n95q4a8ga],
    .sl-table tbody[b-5n95q4a8ga],
    .sl-table tr[b-5n95q4a8ga],
    .sl-table td[b-5n95q4a8ga] {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .sl-table tr[b-5n95q4a8ga] {
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 6px 0;
        margin-bottom: 10px;
    }

    .sl-table td[b-5n95q4a8ga] {
        border-bottom: none;
        padding: 6px 12px;
    }

    .sl-col-action[b-5n95q4a8ga] {
        width: auto;
        text-align: left;
    }

    .sl-actions[b-5n95q4a8ga],
    .sl-actions .sd-btn[b-5n95q4a8ga] {
        width: 100%;
    }
}

.sl-tester[b-5n95q4a8ga] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.sl-testing h4[b-5n95q4a8ga] {
    margin: 0 0 6px;
    font-size: 16px;
    color: #0f172a;
}

.sl-testing p[b-5n95q4a8ga] {
    margin: 0 0 12px;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    max-width: 780px;
}

.sl-setup[b-5n95q4a8ga] {
    display: grid;
    gap: 12px;
    max-width: 640px;
}

.sl-setup label > span[b-5n95q4a8ga],
.sl-setup-label[b-5n95q4a8ga] {
    display: block;
    margin-bottom: 4px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.sl-store-ticks[b-5n95q4a8ga] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
}

.sl-store-ticks label[b-5n95q4a8ga] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #1e293b;
}

.sl-setup .sd-btn[b-5n95q4a8ga] {
    justify-self: start;
}

.sl-people[b-5n95q4a8ga] {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    display: grid;
    gap: 4px;
    font-size: 14px;
}

.sl-people span[b-5n95q4a8ga] {
    color: #64748b;
    margin-left: 6px;
}
/* /Components/Pages/StoreManagement.razor.rz.scp.css */
.sd-shell[b-txra58xx71] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-txra58xx71] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-txra58xx71] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-txra58xx71] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-txra58xx71] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-txra58xx71] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-txra58xx71] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.compact-card[b-txra58xx71] {
    padding: 12px 16px;
}

.add-store-section[b-txra58xx71] {
    border: none;
    background: #ffffff;
}

.add-store-section h4[b-txra58xx71] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.editor-header[b-txra58xx71] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.editor-close[b-txra58xx71] {
    border: none;
    background: transparent;
    color: #6b7280;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0 2px;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.editor-close:hover[b-txra58xx71] {
    background: transparent;
    color: #334155;
}

.editor-dialog-shell[b-txra58xx71] {
    margin: 0;
    box-shadow: none;
}

[b-txra58xx71] .stores-editor-dialog.e-dialog {
    width: min(980px, calc(100vw - 32px)) !important;
    max-width: 980px !important;
    max-height: calc(100vh - 32px);
    border-radius: 16px;
}

[b-txra58xx71] .stores-editor-dialog .e-dlg-content {
    padding: 0 !important;
    overflow: auto;
    max-height: calc(100vh - 48px);
}

.editor-mobile-backdrop[b-txra58xx71] {
    display: block;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.45);
    z-index: 12000 !important;
}

.editor-surface[b-txra58xx71] {
    position: fixed !important;
    top: 72px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(860px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 84px);
    margin: 0;
    z-index: 12001 !important;
    overflow: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    border-style: solid;
}

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

.form-section[b-txra58xx71] {
    display: grid;
    gap: 6px;
}

.span-full[b-txra58xx71] {
    grid-column: 1 / -1;
}

.form-section label[b-txra58xx71] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.label-inline[b-txra58xx71] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.required-star[b-txra58xx71] {
    color: #dc2626;
}

.field-tip[b-txra58xx71] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #2563eb;
    border: 1px solid #2563eb;
    cursor: help;
    line-height: 1;
    user-select: none;
}

.form-input[b-txra58xx71],
.time-input[b-txra58xx71] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    box-sizing: border-box;
}

.default-time-row[b-txra58xx71] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) auto minmax(90px, 1fr);
    align-items: center;
    gap: 8px;
}

.default-time-divider[b-txra58xx71] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.day-list[b-txra58xx71] {
    display: grid;
    gap: 8px;
}

.day-row[b-txra58xx71] {
    display: grid;
    grid-template-columns: 18px minmax(100px, 120px) minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 4px 0;
}

.day-label[b-txra58xx71] {
    margin: 0;
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

.day-divider[b-txra58xx71] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-actions[b-txra58xx71] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.action-strip[b-txra58xx71] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sd-btn[b-txra58xx71] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-btn-sm[b-txra58xx71] {
    min-height: 30px;
    padding: 6px 12px;
    font-size: 12px;
}

.sd-btn-primary[b-txra58xx71] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-txra58xx71] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-txra58xx71] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
}

.sd-btn-ghost:hover[b-txra58xx71] {
    background: #f8fafc;
}

.sd-btn-danger[b-txra58xx71] {
    background: #ef4444;
    color: #ffffff;
}

.sd-btn-danger:hover[b-txra58xx71] {
    background: #dc2626;
}

.sd-toolbar[b-txra58xx71] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-count[b-txra58xx71] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.grid-btn[b-txra58xx71] {
    min-width: 64px;
    height: 26px;
    padding: 0 12px;
}

.row-icons[b-txra58xx71] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

.icon-btn[b-txra58xx71] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-txra58xx71] {
    color: #1e293b;
}

.edit-icon-btn[b-txra58xx71] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-txra58xx71] {
    color: #64748b;
}

.icon-btn.danger[b-txra58xx71] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-txra58xx71] {
    color: #b91c1c;
}

.icon-btn.plus[b-txra58xx71] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-txra58xx71] {
    color: #0b5ed7;
}

.sd-svg[b-txra58xx71] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.stores-responsive[b-txra58xx71] {
    display: none;
}

.stores-desktop[b-txra58xx71] {
    display: block;
}

.store-card[b-txra58xx71] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.store-card-name[b-txra58xx71] {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
}

.store-card-meta[b-txra58xx71],
.store-card-line[b-txra58xx71] {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.store-card-label[b-txra58xx71] {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}

.store-card-hours[b-txra58xx71] {
    border-top: 1px dashed #cbd5e1;
    padding-top: 8px;
}

.store-card-actions[b-txra58xx71] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.store-list-footer[b-txra58xx71] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px dashed #dbe3ee;
    margin-top: 10px;
}

.status-bad[b-txra58xx71] {
    color: #dc2626;
    font-weight: 600;
}

[b-txra58xx71] .sd-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[b-txra58xx71] .sd-grid .e-gridcontent,
[b-txra58xx71] .sd-grid .e-table {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-tip-content {
    color: #2f2f2f;
    background-color: #fff !important;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.35;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-color: transparent;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom-color: #fff !important;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-top-color: #fff !important;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
    border-right-color: #fff !important;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
    border-left-color: #fff !important;
}

[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
[b-txra58xx71] .store-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right {
    color: #fff !important;
}

@media (max-width: 980px) {
    .form-grid[b-txra58xx71] {
        grid-template-columns: 1fr;
    }

    .stores-desktop[b-txra58xx71] {
        display: none;
    }

    .stores-responsive[b-txra58xx71] {
        display: grid;
        gap: 10px;
        margin-top: 6px;
    }
}

@media (max-width: 1024px) {
    [b-txra58xx71] .stores-editor-dialog.e-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0 !important;
    }

    [b-txra58xx71] .stores-editor-dialog .e-dlg-content {
        height: 100dvh;
        max-height: none;
    }

    .editor-dialog-shell[b-txra58xx71] {
        min-height: 100dvh;
        border-radius: 0;
    }
}

@media (max-width: 760px) {
    .editor-surface[b-txra58xx71] {
        inset: 0 !important;
        width: 100vw !important;
        max-height: none;
        border-radius: 0;
    }

    .day-row[b-txra58xx71] {
        grid-template-columns: 18px auto minmax(80px, 1fr) auto minmax(80px, 1fr);
        column-gap: 6px;
        row-gap: 0;
    }

    .day-row .time-input[b-txra58xx71] {
        grid-column: auto;
        min-width: 80px;
        min-height: 34px;
        padding: 6px 8px;
    }

    .day-divider[b-txra58xx71] {
        grid-column: auto;
        white-space: nowrap;
    }

    .day-label[b-txra58xx71] {
        white-space: nowrap;
        font-size: 12px;
    }

    .default-time-row[b-txra58xx71] {
        grid-template-columns: minmax(78px, 1fr) auto minmax(78px, 1fr);
        gap: 6px;
    }

    .sd-actions[b-txra58xx71],
    .action-strip[b-txra58xx71] {
        display: grid;
    }

    .store-card-actions[b-txra58xx71] {
        display: flex;
    }

    .sd-btn[b-txra58xx71] {
        width: 100%;
    }
}
/* /Components/Pages/SuperAdminDashboard.razor.rz.scp.css */
.sa-dash-shell[b-g9f364ia19] {
    display: grid;
    gap: 16px;
    max-width: 1200px;
    padding: 10px 0 24px;
}

.sa-dash-header h3[b-g9f364ia19] {
    margin: 0;
    font-size: 28px;
    color: #0f172a;
}

.sa-dash-header p[b-g9f364ia19] {
    margin: 6px 0 0;
    color: #475569;
    font-size: 14px;
}

.sa-dash-flash[b-g9f364ia19] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
}

.sa-dash-flash.success[b-g9f364ia19] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1e3a8a;
}

.sa-dash-flash.error[b-g9f364ia19] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sa-kpi-grid[b-g9f364ia19] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.sa-kpi-card[b-g9f364ia19] {
    border-radius: 16px;
    padding: 14px;
    display: grid;
    gap: 6px;
    background:
        radial-gradient(circle at right top, rgba(255, 255, 255, 0.35), transparent 56%),
        linear-gradient(135deg, #0ea5e9, #1d4ed8);
    box-shadow: 0 8px 18px rgba(30, 64, 175, 0.18);
}

.sa-kpi-card span[b-g9f364ia19] {
    font-size: 12px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(239, 246, 255, 0.9);
    font-weight: 700;
}

.sa-kpi-card strong[b-g9f364ia19] {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.05;
}

.sa-dash-card[b-g9f364ia19] {
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.sa-card-head[b-g9f364ia19] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 10px;
}

.sa-card-head h4[b-g9f364ia19] {
    margin: 0;
    font-size: 18px;
    color: #0f172a;
}

.sa-dash-muted[b-g9f364ia19] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sa-tier-grid[b-g9f364ia19] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}

.sa-tier-card[b-g9f364ia19] {
    border: 1px solid #dce7f4;
    border-radius: 12px;
    background: #f8fbff;
    padding: 12px;
    display: grid;
    gap: 5px;
}

.sa-tier-card span[b-g9f364ia19] {
    font-size: 12px;
    color: #334155;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.sa-tier-card strong[b-g9f364ia19] {
    font-size: 24px;
    color: #0f172a;
}

.sa-chart-wrap[b-g9f364ia19] {
    height: 340px;
    min-height: 340px;
}

.sa-stats-grid[b-g9f364ia19] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.sa-stat-card[b-g9f364ia19] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
    display: grid;
    gap: 4px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.sa-stat-card span[b-g9f364ia19] {
    font-size: 12px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.sa-stat-card strong[b-g9f364ia19] {
    font-size: 22px;
    color: #0f172a;
}

.sa-table-wrap[b-g9f364ia19] {
    overflow-x: auto;
}

.sa-table[b-g9f364ia19] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.sa-table th[b-g9f364ia19],
.sa-table td[b-g9f364ia19] {
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    padding: 10px 8px;
    font-size: 13px;
    color: #1e293b;
}

.sa-table th[b-g9f364ia19] {
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 11px;
}

.sa-table tbody tr:hover[b-g9f364ia19] {
    background: #f8fafc;
}

@media (max-width: 860px) {
    .sa-card-head[b-g9f364ia19] {
        display: grid;
        gap: 4px;
    }

    .sa-chart-wrap[b-g9f364ia19] {
        height: 280px;
        min-height: 280px;
    }
}
/* /Components/Pages/SuperDefaultAddOnRates.razor.rz.scp.css */
.sd-shell[b-rdun0fqxl7] {
    display: grid;
    gap: 16px;
    max-width: 1080px;
    padding: 10px 0 24px;
}

.sd-header h3[b-rdun0fqxl7] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-rdun0fqxl7] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-rdun0fqxl7] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-rdun0fqxl7] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-rdun0fqxl7] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-rdun0fqxl7] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-card-head[b-rdun0fqxl7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-card-head h4[b-rdun0fqxl7] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.sd-muted[b-rdun0fqxl7] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-note[b-rdun0fqxl7] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 12px;
}

.sd-empty[b-rdun0fqxl7] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.package-grid[b-rdun0fqxl7] {
    display: grid;
    gap: 10px;
}

.package-row[b-rdun0fqxl7] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(240px, 0.8fr);
    gap: 12px;
    align-items: end;
}

.package-main[b-rdun0fqxl7] {
    display: grid;
    gap: 3px;
}

.package-name[b-rdun0fqxl7] {
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.package-meta[b-rdun0fqxl7] {
    color: #64748b;
    font-size: 12px;
}

.package-input[b-rdun0fqxl7] {
    display: grid;
    gap: 6px;
}

.package-input label[b-rdun0fqxl7] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.package-input[b-rdun0fqxl7]  .e-control-wrapper,
.package-input[b-rdun0fqxl7]  .e-input-group {
    width: 100%;
}

.sd-actions[b-rdun0fqxl7] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
}

.sd-btn[b-rdun0fqxl7] {
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-rdun0fqxl7] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-rdun0fqxl7] {
    background: #0b5ed7;
}

@media (max-width: 980px) {
    .package-row[b-rdun0fqxl7] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}

@media (max-width: 700px) {
    .sd-card-head[b-rdun0fqxl7] {
        display: grid;
        gap: 4px;
    }

    .sd-actions[b-rdun0fqxl7] {
        justify-content: stretch;
    }

    .sd-btn[b-rdun0fqxl7] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/SuperDefaultCategories.razor.rz.scp.css */
.sd-shell[b-lpla8dqudf] {
    display: grid;
    gap: 16px;
    max-width: 1100px;
    padding: 10px 0 24px;
}

.sd-header h3[b-lpla8dqudf] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-lpla8dqudf] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-lpla8dqudf] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-lpla8dqudf] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-lpla8dqudf] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-lpla8dqudf] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-card-head[b-lpla8dqudf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-card-head h4[b-lpla8dqudf] {
    margin: 0;
    font-size: 18px;
    color: #0f172a;
}

.sd-muted[b-lpla8dqudf] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-form-grid[b-lpla8dqudf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.span-2[b-lpla8dqudf] {
    grid-column: span 2;
}

.sd-field[b-lpla8dqudf] {
    display: grid;
    gap: 6px;
}

.sd-field label[b-lpla8dqudf] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sd-field[b-lpla8dqudf]  .e-control-wrapper,
.sd-field[b-lpla8dqudf]  .e-input-group {
    width: 100%;
}

.sd-color-wrap[b-lpla8dqudf] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.sd-color-picker[b-lpla8dqudf] {
    width: 40px;
    height: 38px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
}

.sd-actions[b-lpla8dqudf] {
    margin-top: 14px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sd-btn[b-lpla8dqudf] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-lpla8dqudf] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-lpla8dqudf] {
    background: #0b5ed7;
}

.sd-toolbar[b-lpla8dqudf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-filter[b-lpla8dqudf] {
    width: min(360px, 100%);
}

.sd-filter[b-lpla8dqudf]  .e-control-wrapper {
    width: 100%;
}

.sd-count[b-lpla8dqudf] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-note[b-lpla8dqudf] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 12px;
}

.sd-empty[b-lpla8dqudf] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.root-list[b-lpla8dqudf] {
    display: grid;
    gap: 10px;
}

.category-card[b-lpla8dqudf] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.category-head[b-lpla8dqudf] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 18px 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-bottom: 1px solid #edf2f7;
}

.category-main[b-lpla8dqudf] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.category-name[b-lpla8dqudf] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.category-meta[b-lpla8dqudf] {
    color: #64748b;
    font-size: 12px;
}

.category-dot-picker[b-lpla8dqudf] {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.category-dot-picker input[type="color"][b-lpla8dqudf] {
    position: absolute;
    inset: 0;
    width: 14px;
    height: 14px;
    opacity: 0;
    border: none;
    padding: 0;
    cursor: pointer;
}

.category-dot[b-lpla8dqudf] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
}

.category-body[b-lpla8dqudf] {
    padding: 12px;
}

.sub-list[b-lpla8dqudf] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    overflow: hidden;
}

.sub-row[b-lpla8dqudf] {
    min-height: 44px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border-top: 1px solid #edf2f7;
}

.sub-row:first-child[b-lpla8dqudf] {
    border-top: none;
}

.sub-row.draft[b-lpla8dqudf] {
    background: #eef6ff;
}

.drag-handle[b-lpla8dqudf],
.drag-spacer[b-lpla8dqudf] {
    color: #64748b;
    font-size: 16px;
    line-height: 1;
    user-select: none;
}

.drag-handle[b-lpla8dqudf] {
    cursor: grab;
}

.drag-handle:active[b-lpla8dqudf] {
    cursor: grabbing;
}

.sub-name[b-lpla8dqudf] {
    color: #0f172a;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.inline-input[b-lpla8dqudf] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 14px;
}

.root-name-input[b-lpla8dqudf] {
    max-width: 360px;
}

.sub-name-input[b-lpla8dqudf] {
    max-width: 100%;
}

.row-icons[b-lpla8dqudf] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-lpla8dqudf] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-lpla8dqudf] {
    color: #1e293b;
}

.edit-icon-btn[b-lpla8dqudf] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-lpla8dqudf] {
    color: #64748b;
}

.icon-btn.danger[b-lpla8dqudf] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-lpla8dqudf] {
    color: #b91c1c;
}

.icon-btn.plus[b-lpla8dqudf] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-lpla8dqudf] {
    color: #0b5ed7;
}

.sd-svg[b-lpla8dqudf] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chevron-btn[b-lpla8dqudf] {
    color: #475569;
}

.chevron-svg[b-lpla8dqudf] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.chevron-btn.expanded .chevron-svg[b-lpla8dqudf] {
    transform: rotate(180deg);
}

.sub-list-footer[b-lpla8dqudf] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.root-list-footer[b-lpla8dqudf] {
    padding: 2px 4px 0;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 860px) {
    .sd-toolbar[b-lpla8dqudf] {
        display: grid;
        justify-content: stretch;
    }

    .sd-filter[b-lpla8dqudf] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .sd-card-head[b-lpla8dqudf] {
        display: grid;
        gap: 4px;
    }

    .span-2[b-lpla8dqudf] {
        grid-column: span 1;
    }

    .sd-actions[b-lpla8dqudf] {
        display: grid;
    }

    .sd-btn[b-lpla8dqudf] {
        width: 100%;
        text-align: center;
    }

    .category-head[b-lpla8dqudf] {
        grid-template-columns: 18px 18px minmax(0, 1fr);
        row-gap: 6px;
        padding: 8px 10px;
    }

    .category-head .row-icons[b-lpla8dqudf] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .sub-row[b-lpla8dqudf] {
        grid-template-columns: 18px minmax(0, 1fr);
        row-gap: 6px;
        padding: 8px 10px;
    }

    .sub-row .row-icons[b-lpla8dqudf] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Components/Pages/SuperDefaultHourlyRates.razor.rz.scp.css */
.sd-shell[b-4ctnmjl8vl] {
    display: grid;
    gap: 16px;
    max-width: 980px;
    padding: 10px 0 24px;
}

.sd-header h3[b-4ctnmjl8vl] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-4ctnmjl8vl] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-4ctnmjl8vl] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-4ctnmjl8vl] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-4ctnmjl8vl] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-4ctnmjl8vl] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-card-head[b-4ctnmjl8vl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-card-head h4[b-4ctnmjl8vl] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.sd-muted[b-4ctnmjl8vl] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-form-grid[b-4ctnmjl8vl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.sd-field[b-4ctnmjl8vl] {
    display: grid;
    gap: 6px;
}

.sd-field label[b-4ctnmjl8vl] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sd-field[b-4ctnmjl8vl]  .e-control-wrapper,
.sd-field[b-4ctnmjl8vl]  .e-input-group,
.sd-field[b-4ctnmjl8vl]  .e-ddl {
    width: 100%;
}

.sd-actions[b-4ctnmjl8vl] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
}

.sd-btn[b-4ctnmjl8vl] {
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-4ctnmjl8vl] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-4ctnmjl8vl] {
    background: #0b5ed7;
}

.sd-summary[b-4ctnmjl8vl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}

.sd-summary-tile[b-4ctnmjl8vl] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    padding: 12px;
    background: #f8fafc;
    display: grid;
    gap: 4px;
}

.sd-summary-tile span[b-4ctnmjl8vl] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.sd-summary-tile strong[b-4ctnmjl8vl] {
    color: #0f172a;
    font-size: 18px;
    line-height: 1.1;
}

@media (max-width: 700px) {
    .sd-card-head[b-4ctnmjl8vl] {
        display: grid;
        gap: 4px;
    }

    .sd-actions[b-4ctnmjl8vl] {
        justify-content: stretch;
    }

    .sd-btn[b-4ctnmjl8vl] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/SuperDefaultServicePackages.razor.rz.scp.css */
.sd-shell[b-8tx1rkleec] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-8tx1rkleec] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-8tx1rkleec] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-8tx1rkleec] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-8tx1rkleec] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-8tx1rkleec] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-8tx1rkleec] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-toolbar[b-8tx1rkleec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-filter[b-8tx1rkleec] {
    width: min(420px, 100%);
}

.sd-filter[b-8tx1rkleec]  .e-control-wrapper {
    width: 100%;
}

.sd-count[b-8tx1rkleec] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-note[b-8tx1rkleec] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.sd-empty[b-8tx1rkleec] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.package-list[b-8tx1rkleec] {
    display: grid;
    gap: 10px;
}

.package-card[b-8tx1rkleec] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.package-head[b-8tx1rkleec] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 18px 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-bottom: 1px solid #edf2f7;
}

.package-main[b-8tx1rkleec] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.package-name[b-8tx1rkleec] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.package-meta[b-8tx1rkleec] {
    color: #64748b;
    font-size: 12px;
}

.package-body[b-8tx1rkleec] {
    padding: 12px;
    background: #f8fafc;
}

.package-description[b-8tx1rkleec] {
    margin: 0 0 10px;
    color: #475569;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.package-item-list[b-8tx1rkleec] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.package-item-row[b-8tx1rkleec] {
    min-height: 44px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-top: 1px solid #edf2f7;
}

.package-item-row:first-child[b-8tx1rkleec] {
    border-top: none;
}

.package-item-main[b-8tx1rkleec] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.package-item-name[b-8tx1rkleec] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.package-item-meta[b-8tx1rkleec] {
    color: #475569;
    font-size: 12px;
}

.package-item-description[b-8tx1rkleec] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.package-item-footer[b-8tx1rkleec] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.package-list-footer[b-8tx1rkleec] {
    padding: 2px 4px 0;
    display: flex;
    justify-content: flex-end;
}

.drag-handle[b-8tx1rkleec] {
    color: #64748b;
    font-size: 16px;
    line-height: 1;
    user-select: none;
    cursor: grab;
}

.drag-handle:active[b-8tx1rkleec] {
    cursor: grabbing;
}

.package-item-drag-handle.disabled[b-8tx1rkleec] {
    cursor: default;
    opacity: 0.55;
}

.package-dot[b-8tx1rkleec] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
}

.package-dot-btn[b-8tx1rkleec] {
    border: none;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.row-icons[b-8tx1rkleec] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-8tx1rkleec] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-8tx1rkleec] {
    color: #1e293b;
}

.edit-icon-btn[b-8tx1rkleec] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-8tx1rkleec] {
    color: #64748b;
}

.icon-btn.danger[b-8tx1rkleec] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-8tx1rkleec] {
    color: #b91c1c;
}

.icon-btn.plus[b-8tx1rkleec] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-8tx1rkleec] {
    color: #0b5ed7;
}

.sd-svg[b-8tx1rkleec] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chevron-btn[b-8tx1rkleec] {
    color: #475569;
}

.chevron-svg[b-8tx1rkleec] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.chevron-btn.expanded .chevron-svg[b-8tx1rkleec] {
    transform: rotate(180deg);
}

.sd-form-grid[b-8tx1rkleec] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.span-2[b-8tx1rkleec] {
    grid-column: span 2;
}

.span-full[b-8tx1rkleec] {
    grid-column: 1 / -1;
}

.sd-field[b-8tx1rkleec] {
    display: grid;
    gap: 6px;
}

.sd-field label[b-8tx1rkleec] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sd-field[b-8tx1rkleec]  .e-control-wrapper,
.sd-field[b-8tx1rkleec]  .e-input-group,
.sd-field[b-8tx1rkleec]  .e-ddl,
.sd-field[b-8tx1rkleec]  .e-ddt {
    width: 100%;
}

.sd-textarea[b-8tx1rkleec] {
    min-height: 82px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    resize: vertical;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
}

.sd-actions[b-8tx1rkleec] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sd-btn[b-8tx1rkleec] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-8tx1rkleec] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-8tx1rkleec] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-8tx1rkleec] {
    background: #e2e8f0;
    color: #0f172a;
}

.service-dialog-wrap[b-8tx1rkleec] {
    display: grid;
    gap: 12px;
}

.service-dialog-context[b-8tx1rkleec] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.service-dialog-error[b-8tx1rkleec] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}

.item-dialog-layout[b-8tx1rkleec] {
    display: grid;
    gap: 12px;
}

.item-mode-panel[b-8tx1rkleec] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #f8fafc;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.item-mode-title[b-8tx1rkleec] {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

.item-mode-help[b-8tx1rkleec] {
    color: #64748b;
    font-size: 12px;
}

.item-mode-grid[b-8tx1rkleec] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.item-inline-note[b-8tx1rkleec] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    padding: 8px 10px;
    font-size: 12px;
}

.item-mode-grid[b-8tx1rkleec]  .e-control-wrapper,
.item-mode-grid[b-8tx1rkleec]  .e-input-group,
.item-mode-grid[b-8tx1rkleec]  .e-ddl {
    width: 100%;
}

.service-dialog-actions[b-8tx1rkleec] {
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .span-2[b-8tx1rkleec] {
        grid-column: span 1;
    }

    .item-mode-grid[b-8tx1rkleec] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .sd-toolbar[b-8tx1rkleec] {
        display: grid;
        justify-content: stretch;
    }

    .sd-filter[b-8tx1rkleec] {
        width: 100%;
    }

    .service-dialog-actions[b-8tx1rkleec] {
        justify-content: stretch;
    }
}

@media (max-width: 700px) {
    .package-head[b-8tx1rkleec] {
        grid-template-columns: 18px 18px minmax(0, 1fr);
        row-gap: 4px;
        padding: 8px 10px;
    }

    .row-icons[b-8tx1rkleec] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .package-item-row[b-8tx1rkleec] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .sd-actions[b-8tx1rkleec] {
        display: grid;
    }

    .sd-btn[b-8tx1rkleec] {
        width: 100%;
        text-align: center;
    }
}

/* /Components/Pages/SuperDefaultServices.razor.rz.scp.css */
.sd-shell[b-tyxygmboh8] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-tyxygmboh8] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-tyxygmboh8] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-flash[b-tyxygmboh8] {
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.sd-flash.success[b-tyxygmboh8] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.sd-flash.error[b-tyxygmboh8] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.sd-card[b-tyxygmboh8] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-card-head[b-tyxygmboh8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-card-head h4[b-tyxygmboh8] {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
}

.sd-muted[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-form-grid[b-tyxygmboh8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

.span-2[b-tyxygmboh8] {
    grid-column: span 2;
}

.span-full[b-tyxygmboh8] {
    grid-column: 1 / -1;
}

.sd-field[b-tyxygmboh8] {
    display: grid;
    gap: 6px;
}

.sd-field label[b-tyxygmboh8] {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.sd-field[b-tyxygmboh8]  .e-control-wrapper,
.sd-field[b-tyxygmboh8]  .e-input-group,
.sd-field[b-tyxygmboh8]  .e-ddl {
    width: 100%;
}

.sd-textarea[b-tyxygmboh8] {
    min-height: 82px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #d0d7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    resize: vertical;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
}

.sd-actions[b-tyxygmboh8] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sd-btn[b-tyxygmboh8] {
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sd-btn-primary[b-tyxygmboh8] {
    background: #0d6efd;
    color: #ffffff;
}

.sd-btn-primary:hover[b-tyxygmboh8] {
    background: #0b5ed7;
}

.sd-btn-ghost[b-tyxygmboh8] {
    background: #e2e8f0;
    color: #0f172a;
}

.sd-btn-danger[b-tyxygmboh8] {
    background: #fee2e2;
    color: #991b1b;
}

.sd-toolbar[b-tyxygmboh8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-filter[b-tyxygmboh8] {
    width: min(420px, 100%);
}

.sd-filter[b-tyxygmboh8]  .e-control-wrapper {
    width: 100%;
}

.sd-count[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-muted-hint[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    margin-bottom: 10px;
}

.sd-note[b-tyxygmboh8] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.sd-empty[b-tyxygmboh8] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.service-group-list[b-tyxygmboh8] {
    display: grid;
    gap: 10px;
}

.service-group-card[b-tyxygmboh8] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.service-group-toggle[b-tyxygmboh8] {
    width: 100%;
    min-height: 54px;
    border: none;
    border-bottom: 1px solid #edf2f7;
    background: transparent;
    padding: 0 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-align: left;
}

.service-group-toggle:not(.expanded)[b-tyxygmboh8] {
    border-bottom: none;
}

.service-group-title[b-tyxygmboh8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.category-dot-picker-wrap[b-tyxygmboh8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.category-dot-picker[b-tyxygmboh8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.category-dot[b-tyxygmboh8] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    flex: 0 0 auto;
}

.service-group-name[b-tyxygmboh8] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-group-count[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.service-chevron[b-tyxygmboh8] {
    width: 17px;
    height: 17px;
    stroke: #475569;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    justify-self: end;
    transition: transform 0.18s ease;
}

.service-group-toggle.expanded .service-chevron[b-tyxygmboh8] {
    transform: rotate(180deg);
}

.service-subgroup-list[b-tyxygmboh8] {
    display: grid;
    gap: 8px;
    padding: 10px 12px 12px;
    background: #f8fafc;
}

.service-subgroup-card[b-tyxygmboh8] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.service-subgroup-toggle[b-tyxygmboh8] {
    width: 100%;
    min-height: 46px;
    border: none;
    border-bottom: 1px solid #edf2f7;
    background: transparent;
    padding: 0 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 10px;
    text-align: left;
    cursor: pointer;
}

.service-subgroup-toggle:not(.expanded)[b-tyxygmboh8] {
    border-bottom: none;
}

.service-subgroup-name[b-tyxygmboh8] {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-subgroup-count[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.service-subgroup-toggle .service-chevron[b-tyxygmboh8] {
    width: 16px;
    height: 16px;
}

.service-subgroup-footer[b-tyxygmboh8] {
    border-top: 1px dashed #cbd5e1;
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.service-list[b-tyxygmboh8] {
    display: grid;
}

.service-row[b-tyxygmboh8] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #edf2f7;
    padding: 12px 14px;
}

.service-row:first-child[b-tyxygmboh8] {
    border-top: none;
}

.service-main[b-tyxygmboh8] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.service-name-row[b-tyxygmboh8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.service-row-dot-picker[b-tyxygmboh8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.service-row-dot[b-tyxygmboh8] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    flex: 0 0 auto;
}

.service-row-color-clear[b-tyxygmboh8] {
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
}

.service-row-color-clear:hover[b-tyxygmboh8] {
    text-decoration: underline;
}

.service-name[b-tyxygmboh8] {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-meta[b-tyxygmboh8] {
    color: #475569;
    font-size: 12px;
}

.service-description[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.service-drag-handle[b-tyxygmboh8] {
    color: #64748b;
    font-size: 16px;
    line-height: 1;
    user-select: none;
    cursor: grab;
}

.service-drag-handle:active[b-tyxygmboh8] {
    cursor: grabbing;
}

.service-drag-handle.disabled[b-tyxygmboh8] {
    cursor: default;
    opacity: 0.55;
}

.row-icons[b-tyxygmboh8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn[b-tyxygmboh8] {
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
}

.icon-btn:hover[b-tyxygmboh8] {
    color: #1e293b;
}

.icon-btn.danger[b-tyxygmboh8] {
    color: #dc2626;
}

.icon-btn.danger:hover[b-tyxygmboh8] {
    color: #b91c1c;
}

.icon-btn.plus[b-tyxygmboh8] {
    color: #0d6efd;
}

.icon-btn.plus:hover[b-tyxygmboh8] {
    color: #0b5ed7;
}

.edit-icon-btn[b-tyxygmboh8] {
    color: #94a3b8;
}

.edit-icon-btn:hover[b-tyxygmboh8] {
    color: #64748b;
}

.service-action-icon[b-tyxygmboh8] {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-dialog-wrap[b-tyxygmboh8] {
    display: grid;
    gap: 12px;
}

.service-dialog-context[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.service-dialog-error[b-tyxygmboh8] {
    color: #991b1b;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
}

.service-dialog-grid[b-tyxygmboh8] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    align-items: start;
}

.service-addon-section[b-tyxygmboh8] {
    grid-column: 1 / -1;
    align-self: start;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px;
    display: grid;
    gap: 10px;
}

.service-addon-head[b-tyxygmboh8] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.service-addon-head h5[b-tyxygmboh8] {
    margin: 0;
    color: #0f172a;
    font-size: 13px;
}

.service-addon-head span[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.service-addon-empty[b-tyxygmboh8] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #64748b;
    font-size: 12px;
    padding: 10px;
}

.service-addon-grid-wrap[b-tyxygmboh8] {
    overflow-x: auto;
}

.service-addon-grid-head[b-tyxygmboh8],
.service-addon-grid-row[b-tyxygmboh8] {
    min-width: 560px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 120px 140px;
    gap: 8px;
    align-items: center;
}

.service-addon-grid-head[b-tyxygmboh8] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0 6px 6px;
}

.service-addon-grid-row[b-tyxygmboh8] {
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    padding: 6px;
    margin-bottom: 6px;
}

.service-addon-check[b-tyxygmboh8] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-addon-check input[b-tyxygmboh8] {
    margin: 0;
}

.service-addon-package[b-tyxygmboh8] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.service-addon-time-field[b-tyxygmboh8],
.service-addon-price-field[b-tyxygmboh8] {
    min-width: 0;
}

.service-addon-time-field[b-tyxygmboh8]  .e-control-wrapper,
.service-addon-time-field[b-tyxygmboh8]  .e-input-group,
.service-addon-price-field[b-tyxygmboh8]  .e-control-wrapper,
.service-addon-price-field[b-tyxygmboh8]  .e-input-group {
    width: 100%;
}

.service-addon-note[b-tyxygmboh8] {
    color: #64748b;
    font-size: 12px;
}

.service-dialog-actions[b-tyxygmboh8] {
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .span-2[b-tyxygmboh8] {
        grid-column: span 1;
    }
}

@media (max-width: 860px) {
    .sd-toolbar[b-tyxygmboh8] {
        display: grid;
        justify-content: stretch;
    }

    .sd-filter[b-tyxygmboh8] {
        width: 100%;
    }

    .service-dialog-actions[b-tyxygmboh8] {
        justify-content: stretch;
    }

    .service-addon-grid-head[b-tyxygmboh8],
    .service-addon-grid-row[b-tyxygmboh8] {
        min-width: 520px;
    }
}

@media (max-width: 700px) {
    .sd-card-head[b-tyxygmboh8] {
        display: grid;
        gap: 4px;
    }

    .sd-actions[b-tyxygmboh8] {
        display: grid;
    }

    .sd-btn[b-tyxygmboh8] {
        width: 100%;
        text-align: center;
    }

    .service-row[b-tyxygmboh8] {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .service-group-toggle[b-tyxygmboh8] {
        grid-template-columns: minmax(0, 1fr) 20px;
        row-gap: 4px;
        padding: 8px 10px;
    }

    .service-group-count[b-tyxygmboh8] {
        grid-column: 1 / 2;
    }

    .service-chevron[b-tyxygmboh8] {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    .service-subgroup-toggle[b-tyxygmboh8] {
        grid-template-columns: minmax(0, 1fr) 20px;
        row-gap: 4px;
        padding: 8px 10px;
    }

    .service-subgroup-count[b-tyxygmboh8] {
        grid-column: 1 / 2;
    }

    .service-subgroup-toggle .service-chevron[b-tyxygmboh8] {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }

    .row-icons[b-tyxygmboh8] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Pages/SuperTenants.razor.rz.scp.css */
.sd-shell[b-lu71s71yhy] {
    display: grid;
    gap: 16px;
    max-width: 1180px;
    padding: 10px 0 24px;
}

.sd-header h3[b-lu71s71yhy] {
    margin: 0;
    font-size: 26px;
    color: #0f172a;
}

.sd-header p[b-lu71s71yhy] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
}

.sd-card[b-lu71s71yhy] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sd-muted[b-lu71s71yhy] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.sd-toolbar[b-lu71s71yhy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sd-toggle[b-lu71s71yhy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.sd-toggle input[b-lu71s71yhy] {
    margin: 0;
}

.sd-count[b-lu71s71yhy] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sd-empty[b-lu71s71yhy] {
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    padding: 16px;
    text-align: center;
    font-size: 13px;
}

.tenant-table[b-lu71s71yhy] {
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.tenant-table-head[b-lu71s71yhy] {
    min-height: 42px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    grid-template-columns: minmax(240px, 1.6fr) minmax(190px, 1.25fr) 90px 130px 130px 140px 56px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.tenant-head-expand[b-lu71s71yhy] {
    text-align: right;
}

.tenant-item[b-lu71s71yhy] {
    border-top: 1px solid #edf2f7;
}

.tenant-item:first-of-type[b-lu71s71yhy] {
    border-top: none;
}

.tenant-summary[b-lu71s71yhy] {
    width: 100%;
    border: none;
    background: transparent;
    display: grid;
    grid-template-columns: minmax(240px, 1.6fr) minmax(190px, 1.25fr) 90px 130px 130px 140px 56px;
    gap: 10px;
    align-items: center;
    text-align: left;
    padding: 10px 12px;
    cursor: pointer;
}

.tenant-summary:hover[b-lu71s71yhy] {
    background: #f8fafc;
}

.tenant-col[b-lu71s71yhy] {
    min-width: 0;
    color: #0f172a;
    font-size: 13px;
}

.tenant-name[b-lu71s71yhy] {
    display: grid;
    gap: 4px;
}

.tenant-name strong[b-lu71s71yhy] {
    font-size: 14px;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.tenant-name-meta[b-lu71s71yhy] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tenant-pill[b-lu71s71yhy] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
}

.tenant-pill.active[b-lu71s71yhy] {
    background: #dcfce7;
    color: #166534;
}

.tenant-pill.inactive[b-lu71s71yhy] {
    background: #fee2e2;
    color: #991b1b;
}

.tenant-pill.neutral[b-lu71s71yhy] {
    background: #e2e8f0;
    color: #334155;
}

.tenant-pill.purged[b-lu71s71yhy] {
    background: #fef3c7;
    color: #92400e;
}

.tenant-tier[b-lu71s71yhy] {
    display: inline-flex;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.tenant-tier.trial[b-lu71s71yhy] {
    color: #166534;
}

.tenant-kpi[b-lu71s71yhy] {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
}

.tenant-col small[b-lu71s71yhy] {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 11px;
}

.tenant-expand-col[b-lu71s71yhy] {
    display: flex;
    justify-content: flex-end;
}

.tenant-chevron[b-lu71s71yhy] {
    width: 18px;
    height: 18px;
    stroke: #475569;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
}

.tenant-chevron.expanded[b-lu71s71yhy] {
    transform: rotate(180deg);
}

.tenant-details[b-lu71s71yhy] {
    border-top: 1px solid #edf2f7;
    background: #f8fafc;
    padding: 10px 12px 12px;
}

.tenant-detail-grid[b-lu71s71yhy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tenant-detail-card[b-lu71s71yhy] {
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px;
}

.tenant-detail-card h5[b-lu71s71yhy] {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.setup-list[b-lu71s71yhy] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 6px;
}

.setup-list li[b-lu71s71yhy] {
    font-size: 12px;
    color: #475569;
}

.setup-list li.done[b-lu71s71yhy] {
    color: #166534;
    font-weight: 600;
}

.setup-list li.todo[b-lu71s71yhy] {
    color: #64748b;
}

.tenant-detail-card dl[b-lu71s71yhy] {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
}

.tenant-detail-card dt[b-lu71s71yhy] {
    color: #64748b;
    font-size: 12px;
}

.tenant-detail-card dd[b-lu71s71yhy] {
    margin: 0;
    color: #0f172a;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.tenant-purge-note[b-lu71s71yhy] {
    margin-bottom: 10px;
}

.sd-note[b-lu71s71yhy] {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    padding: 10px;
    font-size: 12px;
}

@media (max-width: 1080px) {
    .tenant-table-head[b-lu71s71yhy],
    .tenant-summary[b-lu71s71yhy] {
        grid-template-columns: minmax(210px, 1.5fr) minmax(170px, 1.15fr) 80px 120px 120px 120px 44px;
        gap: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 920px) {
    .tenant-table-head[b-lu71s71yhy] {
        display: none;
    }

    .tenant-summary[b-lu71s71yhy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 8px;
        align-items: start;
    }

    .tenant-expand-col[b-lu71s71yhy] {
        position: absolute;
        right: 14px;
        top: 14px;
    }

    .tenant-item[b-lu71s71yhy] {
        position: relative;
    }

    .tenant-col small[b-lu71s71yhy] {
        font-size: 10px;
    }

    .tenant-detail-grid[b-lu71s71yhy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .sd-toolbar[b-lu71s71yhy] {
        display: grid;
        gap: 8px;
    }

    .tenant-summary[b-lu71s71yhy] {
        grid-template-columns: 1fr;
        padding-right: 42px;
    }

    .tenant-col[b-lu71s71yhy] {
        min-height: auto;
    }

    .tenant-name-meta[b-lu71s71yhy] {
        gap: 4px;
    }
}

.tenant-pill.complimentary[b-lu71s71yhy] {
    background: #ede9fe;
    color: #5b21b6;
}

.tenant-billing-note[b-lu71s71yhy] {
    margin: 0 0 10px;
    color: #475569;
    font-size: 13px;
}

.tenant-action-btn[b-lu71s71yhy] {
    border: 1px solid #cbd5e1;
    background: #fff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
}

.tenant-action-btn:hover[b-lu71s71yhy] {
    background: #f1f5f9;
}

.tenant-action-msg[b-lu71s71yhy] {
    display: block;
    margin-top: 8px;
    color: #166534;
}
/* /Components/Pages/SuperVideoStorage.razor.rz.scp.css */
.vs-shell[b-9sk4rgq1a1] {
    max-width: 860px;
    display: grid;
    gap: 16px;
}

.vs-head h3[b-9sk4rgq1a1] {
    margin: 0 0 4px;
    font-size: 22px;
    color: #0f172a;
}

.vs-head p[b-9sk4rgq1a1],
.vs-hint[b-9sk4rgq1a1] {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.vs-card[b-9sk4rgq1a1] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
}

.vs-card h4[b-9sk4rgq1a1] {
    margin: 0 0 8px;
    font-size: 16px;
    color: #0f172a;
}

.vs-status[b-9sk4rgq1a1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    font-size: 14px;
}

.vs-status li[b-9sk4rgq1a1]::before {
    display: inline-block;
    width: 18px;
    font-weight: 800;
}

.vs-status li.ok[b-9sk4rgq1a1]::before {
    content: "✓";
    color: #16a34a;
}

.vs-status li.no[b-9sk4rgq1a1]::before {
    content: "•";
    color: #d97706;
}

.vs-grid[b-9sk4rgq1a1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    margin: 12px 0;
}

.vs-field[b-9sk4rgq1a1] {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.vs-input[b-9sk4rgq1a1] {
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font: inherit;
    font-weight: 400;
    font-family: ui-monospace, Consolas, monospace;
}

.vs-actions[b-9sk4rgq1a1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vs-btn[b-9sk4rgq1a1] {
    padding: 8px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.vs-btn.primary[b-9sk4rgq1a1] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

.vs-btn:disabled[b-9sk4rgq1a1] {
    opacity: .5;
    cursor: default;
}

.vs-flash[b-9sk4rgq1a1] {
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    background: #dcfce7;
    color: #166534;
    font-size: 14px;
}

.vs-flash.error[b-9sk4rgq1a1] {
    background: #fee2e2;
    color: #991b1b;
}
/* /Components/Pages/TrialAccess.razor.rz.scp.css */
.trial-access-card[b-210tsemt53] {
    max-width: 760px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
    padding: 28px;
}

.trial-access-card p[b-210tsemt53] {
    margin: 0;
    color: #334155;
}

.trial-feedback-head[b-210tsemt53] {
    display: grid;
    gap: 6px;
    margin-top: 4px;
}

.trial-feedback-head h2[b-210tsemt53] {
    margin: 0;
    font-size: 1.15rem;
    color: #0f172a;
}

.trial-access-card[b-210tsemt53]  form {
    display: grid;
    gap: 1.1rem;
}

.mk-field[b-210tsemt53] {
    display: grid;
    gap: 0.42rem;
    align-content: start;
}

.mk-field label[b-210tsemt53] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mk-text);
}

.trial-access-card[b-210tsemt53]  .trial-feedback-input {
    width: 100%;
    box-sizing: border-box;
    min-height: 110px;
    resize: vertical;
    border-radius: 12px;
    border: 1px solid var(--mk-border);
    background: #fff;
    padding: 0.7rem 0.85rem;
    color: var(--mk-text);
    font: inherit;
    font-size: 0.875rem;
}

.trial-access-card[b-210tsemt53]  .trial-feedback-input:focus {
    outline: none;
    border-color: var(--mk-brand);
    box-shadow: 0 0 0 3px var(--mk-brand-soft);
}

.trial-access-card[b-210tsemt53]  .validation-message {
    color: #b91c1c;
    font-size: 0.82rem;
}

.trial-access-card[b-210tsemt53]  form button[type="submit"] {
    justify-self: start;
    cursor: pointer;
}

.trial-feedback-message[b-210tsemt53] {
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.92rem;
}

.trial-feedback-success[b-210tsemt53] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #86efac;
}

.trial-feedback-error[b-210tsemt53] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.trial-upgrade-cta[b-210tsemt53] {
    display: grid;
    gap: 8px;
    margin-top: 8px;
    text-align: center;
}
/* /Components/Shared/ColorDot.razor.rz.scp.css */
.ui-color-dot[b-59vqk8mehe] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    display: inline-block;
    flex: 0 0 auto;
}
/* /Components/Shared/ColorDotPicker.razor.rz.scp.css */
.ui-color-dot-picker[b-gbduytga6f] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.ui-color-dot-picker input[type="color"][b-gbduytga6f] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
/* /Components/Shared/CustomerBikeSelector.razor.rz.scp.css */
.bike-selection-wrap[b-t7yfpnz5we] {
    border: 1px solid #d5dbe3;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    display: grid;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    container-type: inline-size;
}

.bike-panel-head[b-t7yfpnz5we] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bike-panel-head h5[b-t7yfpnz5we] {
    margin: 0;
    font-size: 14px;
}

.bike-grid-desktop[b-t7yfpnz5we] {
    display: block;
    min-width: 0;
}

.bike-list-mobile[b-t7yfpnz5we] {
    display: none;
}

[b-t7yfpnz5we] .bike-grid-desktop .e-grid,
[b-t7yfpnz5we] .bike-grid-desktop .e-gridcontent,
[b-t7yfpnz5we] .bike-grid-desktop .e-headercontent,
[b-t7yfpnz5we] .bike-grid-desktop .e-content {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

[b-t7yfpnz5we] .bike-grid-desktop .e-grid .e-table {
    table-layout: fixed;
    width: 100%;
}

[b-t7yfpnz5we] .bike-grid-desktop .e-grid .e-headercell,
[b-t7yfpnz5we] .bike-grid-desktop .e-grid .e-rowcell {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bike-empty-desktop[b-t7yfpnz5we] {
    display: block;
}

.btn-primary[b-t7yfpnz5we],
.btn-secondary[b-t7yfpnz5we] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.btn-primary[b-t7yfpnz5we] {
    background: #0d6efd;
    color: #fff;
}

.btn-primary:hover[b-t7yfpnz5we] {
    background: #0b5ed7;
}

.btn-secondary[b-t7yfpnz5we] {
    background: #f1f5f9;
    color: #0f172a;
    border: 1px solid #cbd5e1;
}

.btn-secondary:hover[b-t7yfpnz5we] {
    background: #e2e8f0;
}

.btn-primary:disabled[b-t7yfpnz5we],
.btn-secondary:disabled[b-t7yfpnz5we] {
    cursor: not-allowed;
    opacity: 0.6;
}

.bike-row-actions[b-t7yfpnz5we] {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
}

.grid-action-btn[b-t7yfpnz5we] {
    padding: 4px 10px;
    font-size: 12px;
}

.grid-action-btn.danger[b-t7yfpnz5we] {
    border-color: #dc2626;
    color: #dc2626;
}

.selected-bike-banner[b-t7yfpnz5we] {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
}

.bike-editor[b-t7yfpnz5we] {
    border: 1px dashed #b8c1cc;
    border-radius: 8px;
    background: #fafcff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.bike-editor h5[b-t7yfpnz5we] {
    margin: 0;
    font-size: 14px;
}

.bike-editor-grid[b-t7yfpnz5we] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.bike-editor-grid .field[b-t7yfpnz5we] {
    display: grid;
    gap: 4px;
}

.bike-editor-grid label[b-t7yfpnz5we] {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.bike-editor-grid input[b-t7yfpnz5we] {
    width: 100%;
}

.bike-editor-actions[b-t7yfpnz5we] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.status[b-t7yfpnz5we] {
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 600;
}

.status.success[b-t7yfpnz5we] {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #166534;
}

.status.error[b-t7yfpnz5we] {
    border: 1px solid #fca5a5;
    background: #fff1f2;
    color: #991b1b;
}

.helper-text[b-t7yfpnz5we] {
    font-size: 12px;
    color: #64748b;
}

.bike-mobile-card[b-t7yfpnz5we] {
    border: 1px solid #d5dbe3;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px;
    display: grid;
    gap: 10px;
}

.bike-mobile-card-head[b-t7yfpnz5we] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bike-mobile-title[b-t7yfpnz5we] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.bike-mobile-select[b-t7yfpnz5we] {
    min-width: 92px;
    justify-content: center;
}

.bike-mobile-select.selected[b-t7yfpnz5we] {
    background: #0d6efd;
    color: #ffffff;
    border-color: #0d6efd;
}

.bike-mobile-meta[b-t7yfpnz5we] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.bike-mobile-meta div[b-t7yfpnz5we] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 8px;
}

.bike-mobile-meta dt[b-t7yfpnz5we] {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bike-mobile-meta dd[b-t7yfpnz5we] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #0f172a;
    word-break: break-word;
}

.bike-mobile-actions[b-t7yfpnz5we] {
    justify-content: flex-end;
}

.bike-mobile-empty[b-t7yfpnz5we] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
    color: #64748b;
    background: #f8fafc;
}

@media (max-width: 1100px) {
    .bike-grid-desktop[b-t7yfpnz5we] {
        display: none;
    }

    .bike-list-mobile[b-t7yfpnz5we] {
        display: grid;
        gap: 10px;
    }

    .bike-empty-desktop[b-t7yfpnz5we] {
        display: none;
    }
}

@container (max-width: 980px) {
    .bike-grid-desktop[b-t7yfpnz5we] {
        display: none;
    }

    .bike-list-mobile[b-t7yfpnz5we] {
        display: grid;
        gap: 10px;
    }

    .bike-empty-desktop[b-t7yfpnz5we] {
        display: none;
    }
}

@media (max-width: 820px) {
    .bike-panel-head[b-t7yfpnz5we] {
        flex-direction: column;
        align-items: stretch;
    }

    .bike-panel-head .btn-primary[b-t7yfpnz5we] {
        width: 100%;
        justify-content: center;
    }

    .bike-row-actions[b-t7yfpnz5we] {
        flex-wrap: wrap;
    }

    .bike-editor-actions[b-t7yfpnz5we] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .bike-editor-actions .btn-primary[b-t7yfpnz5we],
    .bike-editor-actions .btn-secondary[b-t7yfpnz5we] {
        width: 100%;
        justify-content: center;
    }

    .bike-mobile-card-head[b-t7yfpnz5we] {
        flex-direction: column;
        align-items: stretch;
    }

    .bike-mobile-select[b-t7yfpnz5we] {
        width: 100%;
    }

    .bike-mobile-meta[b-t7yfpnz5we] {
        grid-template-columns: 1fr;
    }
}

@container (max-width: 700px) {
    .bike-panel-head[b-t7yfpnz5we] {
        flex-direction: column;
        align-items: stretch;
    }

    .bike-panel-head .btn-primary[b-t7yfpnz5we] {
        width: 100%;
        justify-content: center;
    }

    .bike-row-actions[b-t7yfpnz5we] {
        flex-wrap: wrap;
    }

    .bike-editor-actions[b-t7yfpnz5we] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .bike-editor-actions .btn-primary[b-t7yfpnz5we],
    .bike-editor-actions .btn-secondary[b-t7yfpnz5we] {
        width: 100%;
        justify-content: center;
    }

    .bike-mobile-card-head[b-t7yfpnz5we] {
        flex-direction: column;
        align-items: stretch;
    }

    .bike-mobile-select[b-t7yfpnz5we] {
        width: 100%;
    }

    .bike-mobile-meta[b-t7yfpnz5we] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .grid-action-btn[b-t7yfpnz5we] {
        width: 100%;
    }
}

@container (max-width: 540px) {
    .grid-action-btn[b-t7yfpnz5we] {
        width: 100%;
    }
}