/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jk2dujhuot],
.components-reconnect-repeated-attempt-visible[b-jk2dujhuot],
.components-reconnect-failed-visible[b-jk2dujhuot],
.components-pause-visible[b-jk2dujhuot],
.components-resume-failed-visible[b-jk2dujhuot],
.components-rejoining-animation[b-jk2dujhuot] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-retrying[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-failed[b-jk2dujhuot],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jk2dujhuot] {
    display: block;
}


#components-reconnect-modal[b-jk2dujhuot] {
    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-jk2dujhuot 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jk2dujhuot 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jk2dujhuot 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jk2dujhuot]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jk2dujhuot 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jk2dujhuot {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jk2dujhuot {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jk2dujhuot {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jk2dujhuot] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jk2dujhuot] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jk2dujhuot] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jk2dujhuot] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jk2dujhuot] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jk2dujhuot] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jk2dujhuot] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jk2dujhuot 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jk2dujhuot] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jk2dujhuot {
    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;
    }
}
/* /Features/Account/NotificationsPage.razor.rz.scp.css */
.n-list[b-p9tqyjnmia] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.n-item[b-p9tqyjnmia] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--border-2);
}

.n-item.unread[b-p9tqyjnmia] {
    background: color-mix(in srgb, var(--accent) 5%, var(--surface));
}

.n-main[b-p9tqyjnmia] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border: 0;
    padding: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.n-main:hover .n-text[b-p9tqyjnmia] {
    color: var(--accent-ink);
}

.n-text[b-p9tqyjnmia] {
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.n-item.unread .n-text[b-p9tqyjnmia] {
    font-weight: 600;
}

.n-main time[b-p9tqyjnmia] {
    font-family: var(--mono);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

.n-dot[b-p9tqyjnmia] {
    width: 7px;
    height: 7px;
    margin-top: 11px;
    flex: none;
    background: var(--accent);
}
/* /Features/Account/PasswordPage.razor.rz.scp.css */
[b-zg1nhoz2tj] .password-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 420px;
}

.tips[b-zg1nhoz2tj] {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--text-2);
    font-size: var(--fs-sm);
}
/* /Features/Account/ProfilePage.razor.rz.scp.css */
[b-hx94k5ugue] .profile-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Features/Admin/Audit/AuditDetail.razor.rz.scp.css */
.diff-none[b-todibeu9bx] {
    padding: 10px 12px;
    color: var(--text-2);
    font-size: var(--fs-sm);
    border-bottom: 1px solid var(--border-2);
}

.diff td:first-child[b-todibeu9bx] {
    white-space: nowrap;
}
/* /Features/Admin/Audit/AuditPage.razor.rz.scp.css */
.range[b-a1sv6sujj7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.range .input[b-a1sv6sujj7] {
    width: 150px;
}

.audit-tbl .code.trunc[b-a1sv6sujj7] {
    max-width: 180px;
}

@media (max-width: 700px) {
    .range[b-a1sv6sujj7] {
        width: 100%;
    }

    .range .input[b-a1sv6sujj7] {
        flex: 1;
        width: auto;
        min-width: 0;
    }
}
/* /Features/Admin/Roles/PermissionMatrix.razor.rz.scp.css */
button.cb:disabled[b-2vqmr62o8y] {
    cursor: not-allowed;
    opacity: .75;
}

.perm td:first-child[b-2vqmr62o8y] {
    white-space: nowrap;
}
/* /Features/Admin/Roles/RolesPage.razor.rz.scp.css */
button.role[b-go3ivs3c1r] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--border-2);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

button.role:last-child[b-go3ivs3c1r] {
    border-bottom: 0;
}

button.role:hover[b-go3ivs3c1r] {
    background: var(--surface-2);
}

button.role.on[b-go3ivs3c1r] {
    background: var(--accent-soft);
    font-weight: 600;
}

.role .grow[b-go3ivs3c1r] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perm-note[b-go3ivs3c1r] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
}
/* /Features/Admin/SettingsSections/CurrencySection.razor.rz.scp.css */
.example[b-5649jk5jva] {
    font-size: 18px;
    font-weight: 500;
    color: var(--text);
}
/* /Features/Admin/SettingsSections/DowntimeCausesCard.razor.rz.scp.css */
.causes .input[b-ner8h3k6t3] {
    height: 26px;
    min-width: 180px;
}

.causes td:first-child[b-ner8h3k6t3] {
    width: 100%;
}

.causes .r[b-ner8h3k6t3] {
    white-space: nowrap;
}

.causes-help[b-ner8h3k6t3] {
    display: block;
    padding: 10px 14px;
    border-top: 1px solid var(--border);
}
/* /Features/Admin/SettingsSections/EmailSection.razor.rz.scp.css */
.form-grid.inner[b-30ahuyjl3e] {
    gap: 14px 12px;
}

.test-row[b-30ahuyjl3e] {
    display: flex;
    gap: 8px;
    max-width: 560px;
}

.test-row .input[b-30ahuyjl3e] {
    flex: 1;
    min-width: 0;
}

.err-text[b-30ahuyjl3e] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    white-space: pre-wrap;
    word-break: break-word;
}

.link.small[b-30ahuyjl3e] {
    align-self: flex-start;
}

@media (max-width: 700px) {
    .test-row[b-30ahuyjl3e] {
        flex-direction: column;
    }
}
/* /Features/Admin/SettingsSections/GeneralSection.razor.rz.scp.css */
.logo-img[b-wag7w1n01n] {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex: none;
    background: #fff;
    border: 1px solid var(--border);
}

.logo-text[b-wag7w1n01n] {
    min-width: 0;
}

.logo-text b[b-wag7w1n01n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload .btn-row[b-wag7w1n01n] {
    margin-left: auto;
    flex-wrap: nowrap;
    align-items: center;
}

label.btn[b-wag7w1n01n] {
    cursor: pointer;
}

@media (max-width: 700px) {
    .upload[b-wag7w1n01n] {
        flex-wrap: wrap;
    }

    .upload .btn-row[b-wag7w1n01n] {
        margin-left: 0;
        width: 100%;
    }
}
/* /Features/Admin/SettingsSections/LabelsSection.razor.rz.scp.css */
.label-cols[b-ivqnkwohf6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--gap);
    align-items: start;
}

.preview-wrap[b-ivqnkwohf6] {
    overflow-x: auto;
    max-width: 100%;
}

.lbl.preview[b-ivqnkwohf6] {
    max-width: none;
    flex: none;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px;
    gap: 8px;
}

.lbl.preview .lbl-txt[b-ivqnkwohf6] {
    overflow: hidden;
}

.lbl.preview .lbl-name[b-ivqnkwohf6],
.lbl.preview .lbl-code[b-ivqnkwohf6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lbl.preview[b-ivqnkwohf6]  .qr {
    flex: none;
}

@media (max-width: 1100px) {
    .label-cols[b-ivqnkwohf6] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Admin/SettingsSections/NumberingSection.razor.rz.scp.css */
.numbering .input[b-vc3c53gn59] {
    height: 26px;
}

.numbering td:nth-child(2) .input[b-vc3c53gn59] {
    width: 110px;
}

.numbering td:nth-child(3) .input[b-vc3c53gn59] {
    width: 130px;
}

.numbering td:nth-child(4) .input[b-vc3c53gn59] {
    width: 70px;
}
/* /Features/Admin/SettingsSections/SiteDialog.razor.rz.scp.css */
.stores[b-y1qvwvgu8l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.store-row[b-y1qvwvgu8l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.store-row .input[b-y1qvwvgu8l] {
    flex: 1;
    min-width: 0;
}
/* /Features/Admin/Users/PasswordLinkDialog.razor.rz.scp.css */
.link-row[b-abru801rbc] {
    display: flex;
    gap: 8px;
}

.link-row .input[b-abru801rbc] {
    flex: 1;
    min-width: 0;
    font-size: var(--fs-sm);
}
/* /Features/Admin/Users/UserDialog.razor.rz.scp.css */
.site-checks[b-9xwajj9btx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin-top: 4px;
}

@media (max-width: 700px) {
    .site-checks[b-9xwajj9btx] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Admin/Users/UsersPage.razor.rz.scp.css */
.you[b-oumoo1fscj] {
    margin-left: 8px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

.mi[b-oumoo1fscj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mi[b-oumoo1fscj]  .i {
    width: 16px;
    height: 16px;
}

.users-tbl .c-act[b-oumoo1fscj] {
    width: 44px;
}
/* /Features/Assets/AssetBom.razor.rz.scp.css */
.bom-add[b-u5631aqt9s]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.bom-part[b-u5631aqt9s]{flex:1;min-width:0}
.bom-qty[b-u5631aqt9s]{width:110px;flex:none}
.bom-tag[b-u5631aqt9s]{margin-left:8px}
.bom-help[b-u5631aqt9s]{padding:8px 14px;border-top:1px solid var(--border-2)}
@media (max-width:700px){.bom-add[b-u5631aqt9s]{flex-wrap:wrap}.bom-part[b-u5631aqt9s]{flex-basis:100%}.bom-qty[b-u5631aqt9s]{flex:1}}
/* /Features/Assets/AssetDialog.razor.rz.scp.css */
/* Codes are uppercase; the value is changed to uppercase when the field loses focus. */
[b-nh21dmed57] .code-in{text-transform:uppercase}
.meter-row[b-nh21dmed57]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:end}
.meter-row[b-nh21dmed57]  .opt{align-self:center}
@media (max-width:700px){.meter-row[b-nh21dmed57]{grid-template-columns:minmax(0,1fr)}}
/* /Features/Assets/AssetHistory.razor.rz.scp.css */
.audit[b-qbqsc3e2xb]{display:flex;flex-direction:column}
.audit-row[b-qbqsc3e2xb]{padding:10px 14px;border-bottom:1px solid var(--border-2)}
.audit-row:last-child[b-qbqsc3e2xb]{border-bottom:0}
.audit-head[b-qbqsc3e2xb]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-sm)}
.audit-at[b-qbqsc3e2xb]{margin-left:auto;font-size:var(--fs-xs)}
.audit-fields[b-qbqsc3e2xb]{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}
.audit-fields li[b-qbqsc3e2xb]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.audit-fields .k[b-qbqsc3e2xb]{min-width:110px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--text-3)}
.audit-fields[b-qbqsc3e2xb]  .i{width:12px;height:12px;color:var(--text-3)}
.audit-empty[b-qbqsc3e2xb]{padding:14px}
.audit-more[b-qbqsc3e2xb]{padding:8px 14px;border-top:1px solid var(--border-2)}
/* /Features/Assets/AssetOverview.razor.rz.scp.css */
.kv-wide[b-ly5j82bng3]{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;min-width:0}
.desc[b-ly5j82bng3]{white-space:pre-line;font-weight:400;color:var(--text-2)}
.ended[b-ly5j82bng3]{margin-left:4px}
/* /Features/Assets/AssetTree.razor.rz.scp.css */
/* Rows hold real buttons and links, so they keep the design's row look. */
.tree-hit[b-eetiiv9p23]{display:flex;align-items:center;gap:6px;flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:none}
.tree-tw[b-eetiiv9p23]{display:inline-grid;place-items:center;width:14px;height:14px;flex:none;padding:0;border:0;background:none;color:inherit;cursor:pointer}
/* Rows keep their 30 px height. In the scroll box of narrow screens, the flex column would squeeze them, and the
   row under the mouse would grow when its edit button shows. */
.tree-row[b-eetiiv9p23]{flex:none;position:relative}
/* The edit button of an area has a fixed place at the right end of the row. When the user can edit, every row keeps
   that room free, so the counts and dots stay in one column and nothing moves when the button shows on hover. */
.tree.editable .tree-row[b-eetiiv9p23]{padding-right:32px}
.tree-edit[b-eetiiv9p23]{position:absolute;right:4px;top:4px;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:none;color:var(--text-3);cursor:pointer;border-radius:var(--r);visibility:hidden}
.tree-edit:hover[b-eetiiv9p23]{color:var(--text);background:var(--surface-3)}
.tree-row:hover .tree-edit[b-eetiiv9p23],.tree-edit:focus-visible[b-eetiiv9p23]{visibility:visible}
.tree-edit[b-eetiiv9p23]  .i{width:14px;height:14px}
.tree-row.archived .tn[b-eetiiv9p23]{color:var(--text-3)}
.tree-empty[b-eetiiv9p23]{display:flex;flex:none;align-items:center;height:26px;font-size:var(--fs-xs);color:var(--text-3)}
.tree-none[b-eetiiv9p23]{padding:8px 6px}
.tree-foot[b-eetiiv9p23]{margin-top:10px;font-size:var(--fs-xs);color:var(--text-2)}
@media (hover:none){.tree-edit[b-eetiiv9p23]{visibility:visible}}
/* On narrow screens the tree sits above the details, so it scrolls inside the card. */
@media (max-width:1100px){.tree[b-eetiiv9p23]{max-height:340px;overflow-y:auto}}
/* SearchBox has its own clear button; hide the browser's second one. */
[b-eetiiv9p23] input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
/* /Features/Assets/AssetWorkOrders.razor.rz.scp.css */
/* SearchBox has its own clear button; hide the browser's second one. */
[b-b9v8v49w9t] input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
/* /Features/Assets/PrintSheetDialog.razor.rz.scp.css */
.picked[b-7fd63ea7ac]{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto}
.pick[b-7fd63ea7ac]{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding-left:8px;border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-sm)}
.pick .code[b-7fd63ea7ac]{color:var(--text-3)}
.pick-name[b-7fd63ea7ac]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* /Features/Dashboard/DashboardKpis.razor.rz.scp.css */
/* The design grid has 6 tiles (or 4 with .k4). Users who see fewer tiles get a grid that fits them. */
.kpis.kn-1[b-v5foa28mqp]{grid-template-columns:minmax(0,1fr)}
.kpis.kn-2[b-v5foa28mqp]{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis.kn-3[b-v5foa28mqp]{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis.kn-5[b-v5foa28mqp]{grid-template-columns:repeat(5,minmax(0,1fr))}

@media (max-width:1280px){
 .kpis.kn-5[b-v5foa28mqp]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
 .kpis.kn-3[b-v5foa28mqp],.kpis.kn-5[b-v5foa28mqp]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* /Features/Dashboard/LowStockCard.razor.rz.scp.css */
/* On phones the meter moves under the part name, so the name keeps its room. */
@media (max-width:700px){
 .li[b-b0sbk3u3es]{flex-wrap:wrap;row-gap:6px}
 .li-main[b-b0sbk3u3es]{flex:1 1 calc(100% - 110px)}
 .meter-wrap[b-b0sbk3u3es]{order:3;flex:1 1 100%;width:auto}
}
/* /Features/Dashboard/NeedsAttentionCard.razor.rz.scp.css */
/* On phones the due date and the status move under the title, so the title keeps its room. */
@media (max-width:700px){
 .li[b-h9k4kvw7we]{flex-wrap:wrap;row-gap:4px}
 .li-main[b-h9k4kvw7we]{flex:1 1 100%}
 .li-end[b-h9k4kvw7we]{width:100%;justify-content:space-between}
}
/* /Features/Downtime/DowntimeGantt.razor.rz.scp.css */
.g-n[b-p2417jfmfb]{color:inherit;text-decoration:none}
.g-n .code[b-p2417jfmfb]{flex:none}
.g-click[b-p2417jfmfb]{cursor:pointer}
.g-click:hover[b-p2417jfmfb]{filter:brightness(1.15)}
/* On phones the names take less room, so more of the week shows before the timeline scrolls. */
@media (max-width:700px){.g-row[b-p2417jfmfb]{grid-template-columns:112px minmax(420px,1fr)}.g-n .code[b-p2417jfmfb]{display:none}}
/* /Features/Downtime/DowntimePage.razor.rz.scp.css */
.cause-tag[b-153bmzhbm0]{margin-right:6px}
/* SearchBox has its own clear button; hide the browser's second one. */
[b-153bmzhbm0] input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
/* /Features/Mobile/ScanPage.razor.rz.scp.css */
/* The scan screen is dark (design: .m-app.m-dark). The camera picture fills the view behind the frame. */
.scan-page[b-71xy2byr32]{flex:1;display:flex;flex-direction:column;background:#07090B}
.scan-view[b-71xy2byr32]{position:relative;overflow:hidden}
.scan-view.live[b-71xy2byr32]{background:#000}
.scan-video[b-71xy2byr32]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}
.scan-view.live .scan-video[b-71xy2byr32]{opacity:1}
.scan-frame[b-71xy2byr32],.scan-msg[b-71xy2byr32],.scan-start[b-71xy2byr32]{position:relative;z-index:1}
.scan-frame.dim[b-71xy2byr32]{opacity:.55}
.scan-msg[b-71xy2byr32]{max-width:300px}
.scan-view.live .scan-msg[b-71xy2byr32]{padding:6px 10px;background:rgba(7,9,11,.66);color:#fff}
.scan-start[b-71xy2byr32]{height:44px;background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.scan-start:hover[b-71xy2byr32]{border-color:#fff}
.scan-type[b-71xy2byr32]{display:flex;flex-direction:column;gap:6px}
.scan-type-row[b-71xy2byr32]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.scan-type-row .btn[b-71xy2byr32]{height:44px}
.scan-type-row .input[b-71xy2byr32]{text-transform:uppercase}
.scan-type-row .input[b-71xy2byr32]::placeholder{text-transform:none}
/* /Features/Parts/AdjustStockDialog.razor.rz.scp.css */
/* "On hand now" line above the counted quantity. */
.now[b-miiaq1he7n]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border-2)}
.now .k[b-miiaq1he7n]{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--text-3)}
.now .v[b-miiaq1he7n]{font-family:var(--mono)}
/* /Features/Parts/PartDialog.razor.rz.scp.css */
/* The "First store" heading inside the form grid. */
.sect[b-5k3ymdsq32]{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--border-2)}
/* /Features/Parts/PartPage.razor.rz.scp.css */
/* Inline stock editing in the "Stock by store" table. */
.w-bin[b-yvo1tddotk]{width:96px}
.num-in[b-yvo1tddotk]{text-align:right}
select.input.sm[b-yvo1tddotk]{min-width:150px}
.desc[b-yvo1tddotk]{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-2);color:var(--text-2);white-space:pre-line}
.pad[b-yvo1tddotk]{padding:12px 0}
/* /Features/Preventive/PmCalendar.razor.rz.scp.css */
.pm-cal[b-gmgyzqpw1r]{min-width:0}

/* Events are buttons, so a click opens the schedule. */
.pm-cal-e[b-gmgyzqpw1r]{align-items:stretch;border:0;border-left:3px solid var(--c);text-align:left;font:inherit;font-size:11.5px;color:inherit;cursor:pointer;min-width:0}
.pm-cal-e:hover[b-gmgyzqpw1r]{background:color-mix(in srgb,var(--c) 16%,var(--surface))}
.pm-cal-e .code[b-gmgyzqpw1r]{font-family:var(--mono)}
.pm-cal-more[b-gmgyzqpw1r]{margin:0 6px;padding:0 6px;font-size:10.5px;color:var(--text-3)}

@media (max-width:700px){
 .pm-cal[b-gmgyzqpw1r]  .card-h{flex-wrap:wrap;row-gap:6px;padding-top:8px;padding-bottom:8px}
 .pm-cal[b-gmgyzqpw1r]  .card-h-end{margin-left:0}
 .legend[b-gmgyzqpw1r]{flex-wrap:wrap;gap:6px 12px}
}
/* /Features/Preventive/PmHistoryDialog.razor.rz.scp.css */
.pm-hist[b-7wqgqdwb6h]{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border)}
.pm-hist .help[b-7wqgqdwb6h]{padding:0 14px 10px}
.pm-late[b-7wqgqdwb6h]{color:var(--red);font-weight:600}
.pm-hist .tbl-wrap[b-7wqgqdwb6h]{position:relative}
/* /Features/Preventive/PmRowMenu.razor.rz.scp.css */
/* An item of the row menu: an icon and the text. */
.pm-mi[b-dpnggv3i1k]{display:flex;align-items:center;gap:10px;white-space:nowrap}
.pm-mi[b-dpnggv3i1k]  .i{width:16px;height:16px;color:var(--text-3)}
/* /Features/Preventive/PmScheduleDialog.razor.rz.scp.css */
.pm-fs[b-9s5l63qm8p]{border:0;margin:0;padding:0;min-width:0}
.pm-every[b-9s5l63qm8p]{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px}
.pm-due-help[b-9s5l63qm8p]{display:flex;align-items:center;gap:6px;margin:-4px 0 0}
.pm-due-help[b-9s5l63qm8p]  .i{width:14px;height:14px;flex:none}

/* Checklist steps */
.pm-steps[b-9s5l63qm8p]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm-steps li[b-9s5l63qm8p]{display:flex;align-items:center;gap:6px;min-width:0}
.pm-step-n[b-9s5l63qm8p]{width:18px;flex:none;text-align:right;color:var(--text-3);font-family:var(--mono);font-size:var(--fs-sm)}
.pm-steps .input[b-9s5l63qm8p]{flex:1;min-width:0}
.pm-add[b-9s5l63qm8p]{display:flex;gap:6px;min-width:0}
.pm-add .input[b-9s5l63qm8p]{flex:1;min-width:0}
fieldset[disabled] .choice[b-9s5l63qm8p]{cursor:default}
.choice:disabled[b-9s5l63qm8p]{opacity:.55;cursor:not-allowed}
/* /Features/Preventive/PmStatus.razor.rz.scp.css */
.pm-st[b-orqihc4kh8]{display:inline-flex;align-items:center;gap:10px}
a.chip:hover[b-orqihc4kh8]{border-color:var(--c)}
.code.link[b-orqihc4kh8],.code.muted[b-orqihc4kh8]{font-size:var(--fs-sm)}
/* /Features/Preventive/PreventivePage.razor.rz.scp.css */
/* The schedule name opens the schedule. It looks like the bold text of the design. */
.pm-name[b-y08rnm9yza]{display:block;max-width:260px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.pm-name:hover[b-y08rnm9yza]{color:var(--accent-ink);text-decoration:underline}

/* Keeps the hidden "Actions" header text inside the scroll box, so the page never scrolls sideways on a phone. */
.tbl-wrap[b-y08rnm9yza]{position:relative}
/* /Features/Purchasing/CreateOrderDialog.razor.rz.scp.css */
/* Approved request lines, grouped by vendor. The picked group has an accent edge. */
.groups[b-q41tk66n9u]{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}
.grp[b-q41tk66n9u]{border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--border)}
.grp.on[b-q41tk66n9u]{box-shadow:inset 3px 0 0 var(--accent);border-color:var(--accent)}
.grp-h[b-q41tk66n9u]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border-2)}
.grp-l[b-q41tk66n9u]{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border-2);font-size:var(--fs-sm);min-width:0}
.grp-l:last-child[b-q41tk66n9u]{border-bottom:0}
.grp-l .t[b-q41tk66n9u]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.grp-l .num[b-q41tk66n9u]{font-family:var(--mono);white-space:nowrap}
.w-cost[b-q41tk66n9u]{min-width:72px;text-align:right}
.sum[b-q41tk66n9u]{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border-2);font-size:var(--fs-sm)}
.sum b[b-q41tk66n9u]{font-family:var(--mono);font-size:var(--fs)}
.grp-l .code[b-q41tk66n9u]{white-space:nowrap}
@media (max-width:700px){.grp-l .w-cost[b-q41tk66n9u]{display:none}}
/* /Features/Purchasing/LineEditor.razor.rz.scp.css */
/* Lines as a grid: item, quantity, unit cost, total, remove. On phones the item takes a full row. */
.lines[b-3g7jxtl1rm]{display:flex;flex-direction:column;gap:6px}
.ln[b-3g7jxtl1rm]{display:grid;grid-template-columns:minmax(0,1fr) 120px 124px 100px 28px;gap:8px;align-items:center}
.ln-h[b-3g7jxtl1rm]{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--text-3)}
.ln-h .r[b-3g7jxtl1rm],.ln-total[b-3g7jxtl1rm]{text-align:right}
.ln-total[b-3g7jxtl1rm]{font-family:var(--mono);white-space:nowrap}
.ln-qty .input[b-3g7jxtl1rm]{padding-right:8px}
.ln-qty input[b-3g7jxtl1rm]{text-align:right}
.ln-cost input[b-3g7jxtl1rm]{text-align:right}
.ln-lbl[b-3g7jxtl1rm]{display:none;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--text-3);margin-bottom:4px}
.ln-foot[b-3g7jxtl1rm]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-2);font-size:var(--fs-sm)}
.ln-foot b[b-3g7jxtl1rm]{font-family:var(--mono);font-weight:600;font-size:var(--fs)}
@media (max-width:700px){
 .ln[b-3g7jxtl1rm]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;padding-bottom:8px;border-bottom:1px solid var(--border-2)}
 .ln-h[b-3g7jxtl1rm]{display:none}
 .ln-lbl[b-3g7jxtl1rm]{display:block}
 .ln-item[b-3g7jxtl1rm]{grid-column:1/-1}
 .ln-total[b-3g7jxtl1rm]{grid-column:1/3;text-align:left}
}
/* /Features/Purchasing/PurchaseOrderPage.razor.rz.scp.css */
/* "Receive now" inputs in the order lines table. */
.tbl input.num-in[b-gdmybf0fib]{text-align:right;padding:0 8px}
.notes[b-gdmybf0fib]{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-2);color:var(--text-2);white-space:pre-line}
/* /Features/Purchasing/PurchaseRequestPage.razor.rz.scp.css */
.notes[b-udu6fn0sqo]{color:var(--text-2);white-space:pre-line}
/* /Features/Purchasing/PurchasingPage.razor.rz.scp.css */
/* Without the approvals column, the list takes the full width. */
.one-col[b-0b8jxiwfb2],.list-col[b-0b8jxiwfb2]{min-width:0}
.card-h-end[b-0b8jxiwfb2]{flex-wrap:wrap;justify-content:flex-end}
.card-h-end[b-0b8jxiwfb2]  .search-in{height:26px;width:220px;font-size:var(--fs-sm)}
.card-h-end[b-0b8jxiwfb2]  .fbtn{height:26px}
@media (max-width:700px){
 .card-h[b-0b8jxiwfb2]{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
 .card-h-end[b-0b8jxiwfb2]{margin-left:0;width:100%;justify-content:flex-start}
 .card-h-end[b-0b8jxiwfb2]  .search-in{width:100%}
}
/* /Features/Purchasing/WorkOrderPicker.razor.rz.scp.css */
.md-none[b-rjr2rdcjil]{padding:6px 12px}
/* /Features/Reports/Core/ChartBox.razor.rz.scp.css */
.chart-box.cap[b-hisvsj4c1k]  svg.chart{max-height:320px}
/* /Features/Reports/ReliabilityReports/MtbfReportView.razor.rz.scp.css */
/* The MTBF trend cell: a small line per quarter and an arrow. */
.spark-cell[b-g574ohvhkx]{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.spark-cell[b-g574ohvhkx]  .spark{width:64px;height:16px;margin:0}
.spark-cell[b-g574ohvhkx]  .i{width:16px;height:16px}
.spark-cell.good[b-g574ohvhkx]  .spark polyline{stroke:var(--green)}
.spark-cell.bad[b-g574ohvhkx]  .spark polyline{stroke:var(--red)}
/* /Features/Reports/ReportFilterBar.razor.rz.scp.css */
/* The dates of a custom period. */
.date-f[b-drqmprv5cs]{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-2)}
.date-f .input[b-drqmprv5cs]{width:150px;height:var(--ctl)}

@media (max-width:700px){
 .date-f[b-drqmprv5cs]{flex:1 1 140px}
 .date-f .input[b-drqmprv5cs]{width:auto;flex:1;min-width:0}
}
/* /Features/Reports/ReportNav.razor.rz.scp.css */
/* The drop-down replaces the side list on phones. */
.rep-pick[b-rg3302ra9e]{display:none}

@media (max-width:700px){
 .rep-nav[b-rg3302ra9e]{display:none}
 .rep-pick[b-rg3302ra9e]{display:block}
 .rep-side .card-b[b-rg3302ra9e]{padding:0}
 .rep-side[b-rg3302ra9e]{border:0;background:none}
}
/* /Features/Requests/ReportProblemDialog.razor.rz.scp.css */
.rp-thumb[b-3z66qj4vgc] {
    position: relative;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    flex: none;
    border: 1px solid var(--border);
    background: var(--surface-3);
    color: var(--text-3);
    overflow: hidden;
}

.rp-thumb img[b-3z66qj4vgc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-x[b-3z66qj4vgc] {
    position: absolute;
    top: 2px;
    right: 2px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: color-mix(in srgb, #0B0F14 70%, transparent);
    color: #fff;
    cursor: pointer;
}

.rp-x[b-3z66qj4vgc]  .i {
    width: 14px;
    height: 14px;
}

.thumbs[b-3z66qj4vgc] {
    flex-wrap: wrap;
}

.thumb.add[b-3z66qj4vgc] {
    cursor: pointer;
}

.thumb.add:hover[b-3z66qj4vgc],
.thumb.add:focus-within[b-3z66qj4vgc] {
    border-color: var(--accent);
    color: var(--accent-ink);
}
/* /Features/Requests/RequestPanel.razor.rz.scp.css */
.req-photo[b-pjo8qs3l4e] {
    display: block;
    width: 62px;
    height: 62px;
    flex: none;
    border: 1px solid var(--border);
    background: var(--surface-3);
    overflow: hidden;
}

.req-photo img[b-pjo8qs3l4e] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.req-photo:hover[b-pjo8qs3l4e] {
    border-color: var(--accent);
}

.thumbs[b-pjo8qs3l4e] {
    flex-wrap: wrap;
}

.req-file[b-pjo8qs3l4e] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs-sm);
    color: var(--accent-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.req-file:hover[b-pjo8qs3l4e] {
    text-decoration: underline;
}

.req-wo[b-pjo8qs3l4e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.req-desc[b-pjo8qs3l4e] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.req-two[b-pjo8qs3l4e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* /Features/Requests/RequestsPage.razor.rz.scp.css */
.empty-pad[b-hz38kj2ze1] {
    height: 16px;
}

#req-panel[b-hz38kj2ze1] {
    scroll-margin-top: calc(var(--top-h) + 12px);
}

#req-panel:focus[b-hz38kj2ze1] {
    outline: none;
}

/* On one-column layouts the "no request selected" hint only takes space. */
@media (max-width: 1100px) {
    .req-none[b-hz38kj2ze1] {
        display: none;
    }
}
/* /Features/Setup/CompanyStep.razor.rz.scp.css */
.sample-help[b-x8koirp4oo] {
    display: block;
    margin: 4px 0 0 26px;
}
/* /Features/Setup/DatabaseStep.razor.rz.scp.css */
.sql-opts[b-ctexixbzdl] {
    gap: 8px;
}

.err-text[b-ctexixbzdl] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    white-space: pre-wrap;
    word-break: break-word;
}

.choice-row.c3[b-ctexixbzdl] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 700px) {
    .choice-row.c3[b-ctexixbzdl] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Setup/FinishStep.razor.rz.scp.css */
.ready[b-fvrwuruur0] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ready-ico[b-fvrwuruur0] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: none;
    color: var(--green);
    background: color-mix(in srgb, var(--green) 12%, transparent);
}

.ready-ico[b-fvrwuruur0]  .i {
    width: 26px;
    height: 26px;
}

.progress[b-fvrwuruur0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.progress li[b-fvrwuruur0] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-3);
}

.progress li[b-fvrwuruur0]  .i {
    width: 18px;
    height: 18px;
}

.progress .spin[b-fvrwuruur0] {
    width: 16px;
    height: 16px;
    margin: 0 1px;
    border: 2px solid var(--accent);
    border-right-color: transparent;
    border-radius: 50%;
    animation: setup-spin-b-fvrwuruur0 .7s linear infinite;
}

.progress .st-running[b-fvrwuruur0] {
    color: var(--text);
    font-weight: 600;
}

.progress .st-done[b-fvrwuruur0] {
    color: var(--text-2);
}

.progress .st-done[b-fvrwuruur0]  .i {
    color: var(--green);
}

.progress .st-failed[b-fvrwuruur0] {
    color: var(--red);
    font-weight: 600;
}

.json[b-fvrwuruur0] {
    margin: 0;
    padding: 12px;
    overflow-x: auto;
    font-size: var(--fs-sm);
    background: var(--surface-2);
    border: 1px solid var(--border);
    white-space: pre;
}

.err-text[b-fvrwuruur0] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    white-space: pre-wrap;
    word-break: break-word;
}

@keyframes setup-spin-b-fvrwuruur0 {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Setup/SetupPage.razor.rz.scp.css */
.step.done[b-p8nnvm1uh3] {
    color: var(--text-2);
}

.step.done .n[b-p8nnvm1uh3] {
    border-color: var(--green);
    color: var(--green);
}

.step .n[b-p8nnvm1uh3]  .i {
    width: 14px;
    height: 14px;
}
/* /Features/Vendors/VendorPage.razor.rz.scp.css */
/* Address and notes under the details list. */
.block[b-fhai2vacl8]{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-2)}
.block p[b-fhai2vacl8]{color:var(--text-2);white-space:pre-line}
/* /Features/WorkOrders/ChangeStatusDialog.razor.rz.scp.css */
.cs-list[b-hk6esnerzu] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
}

.cs-opt[b-hk6esnerzu] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 9px 12px;
    border: 0;
    border-bottom: 1px solid var(--border-2);
    background: var(--surface);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.cs-opt:last-child[b-hk6esnerzu] {
    border-bottom: 0;
}

.cs-opt:hover[b-hk6esnerzu] {
    background: var(--surface-2);
}

.cs-opt.on[b-hk6esnerzu] {
    background: var(--accent-soft);
    box-shadow: inset 3px 0 0 var(--accent);
}

.cs-help[b-hk6esnerzu] {
    margin-left: auto;
    font-size: var(--fs-xs);
    color: var(--text-3);
    text-align: right;
}

@media (max-width: 700px) {
    .cs-opt[b-hk6esnerzu] {
        flex-wrap: wrap;
    }

    .cs-help[b-hk6esnerzu] {
        margin-left: 26px;
        flex-basis: 100%;
        text-align: left;
    }
}
/* /Features/WorkOrders/ChecklistEditor.razor.rz.scp.css */
.opt-note[b-975q60cx15] {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.ce-list[b-975q60cx15] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ce-line[b-975q60cx15] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ce-n[b-975q60cx15] {
    width: 18px;
    flex: none;
    text-align: right;
    font-family: var(--mono);
    font-size: var(--fs-sm);
    color: var(--text-3);
}
/* /Features/WorkOrders/CompleteDialog.razor.rz.scp.css */
.cmp-list[b-4hc6z1hurh] {
    list-style: none;
    margin: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--surface-2);
    border: 1px solid var(--border-2);
    font-size: var(--fs-sm);
    color: var(--text-2);
}

.cmp-list li[b-4hc6z1hurh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cmp-list[b-4hc6z1hurh]  .i {
    width: 16px;
    height: 16px;
    color: var(--text-3);
}
/* /Features/WorkOrders/NewWorkOrderDialog.razor.rz.scp.css */
.dt-help[b-dcemgk28ez] {
    display: block;
    margin: 4px 0 0 26px;
}
/* /Features/WorkOrders/PrioritySelect.razor.rz.scp.css */
.prio-sel[b-umc0lqt3as] {
    position: relative;
}

.prio-sel select[b-umc0lqt3as] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font: inherit;
}

.prio-sel select:disabled[b-umc0lqt3as] {
    cursor: default;
}
/* /Features/WorkOrders/WoAssetCard.razor.rz.scp.css */
.am-text[b-jvlyoecywp] {
    min-width: 0;
}

.am-text b[b-jvlyoecywp],
.am-text span[b-jvlyoecywp] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.am-none[b-jvlyoecywp] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    flex: none;
    background: var(--surface-3);
    color: var(--text-3);
}

.am-none[b-jvlyoecywp]  .i {
    width: 24px;
    height: 24px;
}
/* /Features/WorkOrders/WoChecklistCard.razor.rz.scp.css */
/* The whole step (box and text) is one button, like the <label class="ck"> of the design. */
.ck-hit[b-fuw3ym2251] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex: 1;
    min-width: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.ck-hit:disabled[b-fuw3ym2251] {
    cursor: default;
}

.ck-hit .t[b-fuw3ym2251] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ck .who[b-fuw3ym2251] {
    white-space: nowrap;
}

.ck-x[b-fuw3ym2251] {
    color: var(--text-3);
}

.ck-add[b-fuw3ym2251] {
    gap: 10px;
    margin: 0;
}

.ck-plus[b-fuw3ym2251] {
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    flex: none;
    color: var(--text-3);
}

.ck-plus[b-fuw3ym2251]  .i {
    width: 16px;
    height: 16px;
}

.ck-in[b-fuw3ym2251] {
    flex: 1;
    min-width: 0;
    height: 26px;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    color: var(--text);
}

.ck-in[b-fuw3ym2251]::placeholder {
    color: var(--text-3);
}

.ck-empty[b-fuw3ym2251] {
    padding: 10px 0;
}

@media (max-width: 700px) {
    .ck[b-fuw3ym2251] {
        flex-wrap: wrap;
    }

    .ck .who[b-fuw3ym2251] {
        order: 3;
        flex-basis: 100%;
        margin-left: 26px;
    }
}
/* /Features/WorkOrders/WoCostsCard.razor.rz.scp.css */
.costs-empty[b-mc0xw1etvk] {
    padding: 14px;
}
/* /Features/WorkOrders/WoDowntimeCard.razor.rz.scp.css */
.dt-total[b-yshhh4tu66] {
    font-family: var(--mono);
    font-size: var(--fs-sm);
    color: var(--text-2);
}
/* /Features/WorkOrders/WorkOrderPage.razor.rz.scp.css */
.wo-page[b-tty63zmr6s] {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    min-width: 0;
}

/* Sections the tabs scroll to: keep them clear of the sticky top bar, and draw no focus ring. */
.wo-page[b-tty63zmr6s]  .wo-anchor {
    scroll-margin-top: calc(var(--top-h) + 12px);
}

.wo-page[b-tty63zmr6s]  .wo-anchor:focus {
    outline: none;
}

.wo-page[b-tty63zmr6s]  .ta-ro {
    white-space: pre-wrap;
}
/* /Features/WorkOrders/WorkOrdersPage.razor.rz.scp.css */
/* Sortable column headers are buttons that look like the header text. */
.th-btn[b-09prh5ox81] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.th-btn:hover[b-09prh5ox81] {
    color: var(--text);
}

.bulk button:disabled[b-09prh5ox81] {
    opacity: .5;
}

.empty-pad[b-09prh5ox81] {
    height: 16px;
}

.tbl .trunc a[b-09prh5ox81] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}