/* /Components/CRRPages/CRRKonductaImport.razor.rz.scp.css */
.konducta-import-page[b-dqdojyp87o] {
    --import-navy: #17365d;
    --import-blue: #2879c7;
    --import-cyan: #34a9c5;
    --import-green: #21875b;
    --import-amber: #c47a16;
    display: grid;
    gap: 14px;
    min-height: calc(100vh - 62px);
    padding: 16px clamp(12px, 2vw, 28px) 28px;
    background:
        radial-gradient(circle at 96% 4%, rgba(52, 169, 197, .14), transparent 28%),
        linear-gradient(180deg, #f5f9fc 0%, #eef4f8 100%);
}

.import-hero[b-dqdojyp87o] {
    overflow: hidden;
    border: 0;
    color: white;
    background: linear-gradient(120deg, #153456 0%, #225f94 58%, #258da7 100%);
}

.import-hero .k-card-body[b-dqdojyp87o] {
    padding: 18px 22px;
}

.hero-content[b-dqdojyp87o] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

.hero-icon[b-dqdojyp87o] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 15px;
    background: rgba(255, 255, 255, .13);
}

.hero-icon[b-dqdojyp87o]  .k-svg-icon {
    width: 26px;
    height: 26px;
}

.hero-copy .eyebrow[b-dqdojyp87o] {
    display: block;
    margin-bottom: 5px;
    color: #bdeefa;
    font-size: .74rem;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.hero-copy h1[b-dqdojyp87o] {
    margin: 0;
    font-size: clamp(1.4rem, 2.2vw, 1.9rem);
    line-height: 1.12;
}

.hero-copy p[b-dqdojyp87o] {
    max-width: 720px;
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: .88rem;
}

.hero-status[b-dqdojyp87o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(10, 31, 55, .24);
    font-size: .84rem;
    font-weight: 650;
    white-space: nowrap;
}

.assurance-grid[b-dqdojyp87o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}

.assurance-card[b-dqdojyp87o] {
    border: 1px solid #dce7ef;
    box-shadow: 0 5px 16px rgba(27, 57, 82, .055);
}

.assurance-card .k-card-body[b-dqdojyp87o] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.assurance-card strong[b-dqdojyp87o],
.assurance-card span[b-dqdojyp87o] {
    display: block;
}

.assurance-card strong[b-dqdojyp87o] {
    margin-bottom: 1px;
    color: #20384c;
    font-size: .86rem;
}

.assurance-card span[b-dqdojyp87o] {
    color: #647789;
    font-size: .74rem;
    line-height: 1.3;
}

.assurance-icon[b-dqdojyp87o],
.heading-icon[b-dqdojyp87o] {
    display: grid;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
}

.identity-icon[b-dqdojyp87o] { color: #2679bd; background: #eaf4fd; }
.password-icon[b-dqdojyp87o] { color: #7c5ac4; background: #f1edfb; }
.transaction-icon[b-dqdojyp87o] { color: #21875b; background: #e7f6ee; }

.imports-area[b-dqdojyp87o] {
    display: grid;
    gap: 10px;
}

.imports-heading[b-dqdojyp87o] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 0 2px;
}

.imports-heading h2[b-dqdojyp87o] {
    margin: 0;
    color: #20384c;
    font-size: 1.08rem;
}

.imports-heading p[b-dqdojyp87o] {
    margin: 2px 0 0;
    color: #708292;
    font-size: .78rem;
}

.imports-count[b-dqdojyp87o] {
    padding: 4px 9px;
    border: 1px solid #ccdae4;
    border-radius: 999px;
    color: #547087;
    background: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 650;
    white-space: nowrap;
}

.import-grid[b-dqdojyp87o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    align-items: stretch;
    gap: 12px;
}

.import-card[b-dqdojyp87o] {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid #d9e5ed;
    box-shadow: 0 4px 13px rgba(27, 57, 82, .06);
}

.result-card[b-dqdojyp87o] {
    width: min(100%, 1180px);
    margin-inline: auto;
    border: 1px solid #d9e5ed;
}

.card-heading[b-dqdojyp87o],
.result-heading[b-dqdojyp87o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-heading[b-dqdojyp87o]  .k-card-title {
    margin: 0;
    font-size: .96rem;
    line-height: 1.2;
}

.card-heading[b-dqdojyp87o]  .k-card-subtitle {
    margin-top: 2px;
    font-size: .72rem;
    line-height: 1.3;
}

.heading-icon[b-dqdojyp87o] {
    color: white;
    background: linear-gradient(135deg, var(--import-blue), var(--import-cyan));
}

.heading-icon.task-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #20765c, #34a07b);
}

.heading-icon.owner-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #7650a8, #9a6bc4);
}

.heading-icon.header-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #b7651e, #df9142);
}

.heading-icon.item-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #1f7181, #32a0ad);
}

.heading-icon.event-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #405b89, #6782b2);
}

.heading-icon.auth-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #9b3658, #c85a7d);
}

.heading-icon.note-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #7a641d, #b4912f);
}

.heading-icon.attachment-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #35648f, #4f91bd);
}

.heading-icon.attachment-file-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #226b61, #3d9d8c);
}

.heading-icon.role-member-icon[b-dqdojyp87o] {
    background: linear-gradient(135deg, #5550a4, #7772c8);
}

.import-card .k-card-header[b-dqdojyp87o],
.result-card .k-card-header[b-dqdojyp87o] {
    padding: 13px 14px;
}

.import-card .k-card-body[b-dqdojyp87o],
.result-card .k-card-body[b-dqdojyp87o] {
    padding: 14px;
}

.compact-body[b-dqdojyp87o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.import-form[b-dqdojyp87o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 11px;
}

.field-group label[b-dqdojyp87o] {
    display: block;
    margin-bottom: 5px;
    color: #253c50;
    font-size: .82rem;
    font-weight: 700;
}

.field-group .source-cabinet-label[b-dqdojyp87o] {
    width: auto;
    text-align: left;
    white-space: nowrap;
}

.field-group small[b-dqdojyp87o] {
    display: block;
    margin-top: 5px;
    color: #6a7c8c;
    font-size: .72rem;
    line-height: 1.3;
}

.import-actions[b-dqdojyp87o]  .k-button {
    width: 100%;
    min-height: 36px;
    padding-inline: 14px;
}

.task-import-content[b-dqdojyp87o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 11px;
}

.task-import-content strong[b-dqdojyp87o] {
    display: none;
}

.task-import-content p[b-dqdojyp87o] {
    max-width: 690px;
    margin: 0;
    color: #647789;
    font-size: .78rem;
    line-height: 1.38;
}

.task-note[b-dqdojyp87o] {
    border-color: #cde6dc;
    color: #315e4e;
    background: #f0f8f5;
}

.owner-note[b-dqdojyp87o] {
    border-color: #dfd4ec;
    color: #58416f;
    background: #f8f4fc;
}

.header-note[b-dqdojyp87o] {
    border-color: #eed8bd;
    color: #6f4c28;
    background: #fff8ef;
}

.item-note[b-dqdojyp87o] {
    border-color: #cce3e7;
    color: #315d65;
    background: #f1f9fa;
}

.event-note[b-dqdojyp87o] {
    border-color: #d5ddec;
    color: #3f5273;
    background: #f4f6fb;
}

.import-note[b-dqdojyp87o] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 10px;
    padding: 7px 9px;
    border: 0;
    border-left: 3px solid #80b8d3;
    border-radius: 6px;
    color: #37576d;
    background: #f2f8fc;
}

.import-note p[b-dqdojyp87o] {
    margin: 0;
    font-size: .72rem;
    line-height: 1.32;
}

.import-note.task-note[b-dqdojyp87o] {
    border-left-color: #77b99d;
    color: #315e4e;
    background: #f0f8f5;
}

.import-note.owner-note[b-dqdojyp87o] {
    border-left-color: #aa8bc8;
    color: #58416f;
    background: #f8f4fc;
}

.import-note.header-note[b-dqdojyp87o] {
    border-left-color: #d6a060;
    color: #6f4c28;
    background: #fff8ef;
}

.import-note.item-note[b-dqdojyp87o] {
    border-left-color: #72b4bc;
    color: #315d65;
    background: #f1f9fa;
}

.import-note.event-note[b-dqdojyp87o] {
    border-left-color: #8da0c5;
    color: #3f5273;
    background: #f4f6fb;
}

.import-note.auth-note[b-dqdojyp87o] {
    border-left-color: #ca7793;
    color: #71384d;
    background: #fcf3f6;
}

.import-note.note-note[b-dqdojyp87o] {
    border-left-color: #c3a34c;
    color: #66541f;
    background: #fdf9ec;
}

.import-note.attachment-note[b-dqdojyp87o] {
    border-left-color: #70a3c7;
    color: #34566f;
    background: #f1f7fb;
}

.import-note.attachment-file-note[b-dqdojyp87o] {
    border-left-color: #68aa9e;
    color: #315f58;
    background: #f0f8f6;
}

.import-note.role-member-note[b-dqdojyp87o] {
    border-left-color: #8d88cf;
    color: #4d497a;
    background: #f5f4fc;
}

.result-heading[b-dqdojyp87o] {
    justify-content: space-between;
}

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

.result-stat[b-dqdojyp87o] {
    padding: 17px;
    border: 1px solid #dce6ed;
    border-radius: 12px;
    background: #f8fafc;
}

.result-stat strong[b-dqdojyp87o],
.result-stat span[b-dqdojyp87o] {
    display: block;
}

.result-stat strong[b-dqdojyp87o] {
    font-size: 1.85rem;
    line-height: 1;
}

.result-stat span[b-dqdojyp87o] {
    margin-top: 6px;
    color: #657786;
    font-size: .8rem;
    font-weight: 650;
    text-transform: uppercase;
}

.result-stat.source strong[b-dqdojyp87o] { color: var(--import-navy); }
.result-stat.imported strong[b-dqdojyp87o] { color: var(--import-green); }
.result-stat.existing strong[b-dqdojyp87o] { color: var(--import-blue); }
.result-stat.conflicts strong[b-dqdojyp87o] { color: var(--import-amber); }
.result-stat.converted strong[b-dqdojyp87o] { color: #5f70a4; }

.warning-panel[b-dqdojyp87o] {
    margin-top: 22px;
    padding: 18px;
    border: 1px solid #f0d5ad;
    border-radius: 12px;
    background: #fffaf2;
}

.warning-panel h2[b-dqdojyp87o] {
    margin: 0 0 12px;
    color: #684817;
    font-size: 1rem;
}

.warning-row[b-dqdojyp87o] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 7px 0;
    color: #725725;
    font-size: .86rem;
}

.warning-row + .warning-row[b-dqdojyp87o] {
    border-top: 1px solid #f2e4cc;
}

.dialog-content[b-dqdojyp87o] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 6px 2px 18px;
}

.dialog-content h2[b-dqdojyp87o] {
    margin: 0 0 7px;
    color: #223b4f;
    font-size: 1.15rem;
}

.dialog-content p[b-dqdojyp87o] {
    margin: 0;
    color: #607585;
    line-height: 1.52;
}

.dialog-icon[b-dqdojyp87o] {
    display: grid;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 50%;
}

.dialog-icon.warning[b-dqdojyp87o] { color: #a96910; background: #fff0d5; }
.dialog-icon.success[b-dqdojyp87o] { color: #177547; background: #e5f5ec; }
.dialog-icon.error[b-dqdojyp87o] { color: #b93636; background: #fbe9e9; }

.window-actions[b-dqdojyp87o] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid #e2e8ed;
}

@media (max-width: 840px) {
    .hero-content[b-dqdojyp87o] {
        grid-template-columns: auto 1fr;
    }

    .hero-status[b-dqdojyp87o] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .result-grid[b-dqdojyp87o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 580px) {
    .konducta-import-page[b-dqdojyp87o] {
        padding: 10px 8px 22px;
    }

    .hero-content[b-dqdojyp87o] {
        grid-template-columns: 1fr;
    }

    .hero-icon[b-dqdojyp87o] {
        width: 46px;
        height: 46px;
    }

    .imports-heading[b-dqdojyp87o] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .import-grid[b-dqdojyp87o],
    .assurance-grid[b-dqdojyp87o] {
        grid-template-columns: 1fr;
    }

    .result-grid[b-dqdojyp87o] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-x22ulnjx9h] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-x22ulnjx9h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.kontrolla-header[b-x22ulnjx9h] {
    display: flex;
    flex-direction: row;
    height: 80px;
    background-image: url("/images/kontrolla-bg.png");
    background-blend-mode: luminosity;
    background-color: #7378d9;
    color: white;
}

.kontrolla-header-left[b-x22ulnjx9h] {
    float: left;
    padding: 30px 20px;
    text-align: center;
}

.kontrolla-header-centre[b-x22ulnjx9h] {
    margin: auto;
    vertical-align: middle;
    padding: 30px 20px;
    text-align: center;
}

.kontrolla-header-right[b-x22ulnjx9h] {
    float: right;
    vertical-align: middle;
    padding: 30px 20px;
    text-align: center;
}

.statusbar-text[b-x22ulnjx9h] {
    font-family: Arial, Helvetica, sans-serif font-size: 10px;
    font-weight: bold;
}

.kontrolla-main-statusbar[b-x22ulnjx9h] {
    display: flex;
    flex-direction: row;
    background-color: #4B50B1;
    color: white;
    gap: 50px;
    justify-content: center;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}

span[b-x22ulnjx9h] {
    display: inline-block;
    vertical-align: middle;
}

.stack-vertical[b-x22ulnjx9h] {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    align-items: center;
}

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

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

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

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

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

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

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

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

.bi-envelope-fill-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-envelope-exclamation-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.5 4.5 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586zM16 4.697v4.974A4.5 4.5 0 0 0 12.5 8a4.5 4.5 0 0 0-1.965.45l-.338-.207z'/%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0m0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/%3E%3C/svg%3E");
}

.bi-shopping-trolley-4[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-cart3' viewBox='0 0 16 16'%3E  %3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l.84 4.479 9.144-.459L13.89 4zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-text' viewBox='0 0 16 16'%3E  %3Cpath d='M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5'/%3E  %3Cpath d='M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-file-earmark-spreadsheet[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-spreadsheet' viewBox='0 0 16 16'%3E  %3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/svg%3E");
}

.bi-cart-check[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-cart-check' viewBox='0 0 16 16'%3E  %3Cpath d='M11.354 6.354a.5.5 0 0 0-.708-.708L8 8.293 6.854 7.146a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z'/%3E  %3Cpath d='M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1zm3.915 10L3.102 4h10.796l-1.313 7zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

.bi-file-earmark-check[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-check' viewBox='0 0 16 16'%3E  %3Cpath d='M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0z'/%3E  %3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z'/%3E%3C/svg%3E");
}

.bi-box-arrow-right[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E  %3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E  %3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
}

.bi-graph-up[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-graph-up' viewBox='0 0 16 16'%3E  %3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/%3E%3C/svg%3E");
}

.bi-diagram-3[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-diagram-3' viewBox='0 0 16 16'%3E  %3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}

.bi-building-gear[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building-gear' viewBox='0 0 16 16'%3E  %3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1z'/%3E  %3Cpath d='M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.386 1.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382zM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0'/%3E%3C/svg%3E");
}

.bi-inbox-fill[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-inbox-fill' viewBox='0 0 16 16'%3E  %3Cpath d='M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4zm-1.17-.437A1.5 1.5 0 0 1 4.98 3h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374z'/%3E%3C/svg%3E");
}

.bi-info-circle[b-34s97ssvby] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-info-circle' viewBox='0 0 16 16'%3E  %3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E  %3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

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

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

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

    .nav-scrollable[b-34s97ssvby] {
        width: 250px;
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6d1t5jhjfe],
.components-reconnect-repeated-attempt-visible[b-6d1t5jhjfe],
.components-reconnect-failed-visible[b-6d1t5jhjfe],
.components-pause-visible[b-6d1t5jhjfe],
.components-resume-failed-visible[b-6d1t5jhjfe],
.components-rejoining-animation[b-6d1t5jhjfe] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-6d1t5jhjfe {
    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/Pages/AuthInvoicesOTS.razor.rz.scp.css */
/* CSS for AuthInvoicesOTS component */
.task-status[b-cla8f584qv] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.task-status-1003[b-cla8f584qv] {
    background: #e3f2fd;
    color: #0d47a1;
}

.task-status-1004[b-cla8f584qv] {
    background: #e0f7fa;
    color: #006064;
}

.task-status-1005[b-cla8f584qv] {
    background: #e0f2f1;
    color: #004d40;
}

.task-status-1006[b-cla8f584qv] {
    background: #e8f5e9;
    color: #1b5e20;
}

.task-status-1007[b-cla8f584qv] {
    background: #f9fbe7;
    color: #4d5f00;
}

.task-status-1008[b-cla8f584qv] {
    background: #fff3e0;
    color: #9a3f00;
}

.task-status-1009[b-cla8f584qv] {
    background: #fff8e1;
    color: #704600;
}

.task-status-1010[b-cla8f584qv] {
    background: #ffebee;
    color: #8e0000;
}

.task-status-1011[b-cla8f584qv] {
    background: #fce4ec;
    color: #880e4f;
}

.task-status-1012[b-cla8f584qv] {
    background: #f3e5f5;
    color: #4a148c;
}

.task-status-1013[b-cla8f584qv] {
    background: #e8eaf6;
    color: #1a237e;
}

.task-status-1014[b-cla8f584qv] {
    background: #efebe9;
    color: #4e342e;
}

.task-status-1015[b-cla8f584qv] {
    background: #eceff1;
    color: #263238;
}
/* /Components/Pages/AuthOrdersOTS.razor.rz.scp.css */
/* CSS for AuthOrdersOTS component */
.task-status[b-kly8nsd4ye] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.task-status-7[b-kly8nsd4ye] {
    background: #e3f2fd;
    color: #0d47a1;
}

.task-status-8[b-kly8nsd4ye] {
    background: #e0f7fa;
    color: #006064;
}

.task-status-9[b-kly8nsd4ye] {
    background: #e0f2f1;
    color: #004d40;
}

.task-status-10[b-kly8nsd4ye] {
    background: #e8f5e9;
    color: #1b5e20;
}

.task-status-11[b-kly8nsd4ye] {
    background: #f9fbe7;
    color: #4d5f00;
}

.task-status-12[b-kly8nsd4ye] {
    background: #fff3e0;
    color: #9a3f00;
}

.task-status-14[b-kly8nsd4ye] {
    background: #fff8e1;
    color: #704600;
}

.task-status-15[b-kly8nsd4ye] {
    background: #ffebee;
    color: #8e0000;
}

.task-status-16[b-kly8nsd4ye] {
    background: #fce4ec;
    color: #880e4f;
}

.task-status-17[b-kly8nsd4ye] {
    background: #f3e5f5;
    color: #4a148c;
}

.task-status-18[b-kly8nsd4ye] {
    background: #e8eaf6;
    color: #1a237e;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.new-purchasing-overview[b-fzrgm5y0oj] {
    --overview-ink: var(--kendo-color-on-app-surface, #12233f);
    --overview-muted: var(--kendo-color-subtle, #60708a);
    --overview-primary: var(--kendo-color-primary, #2457d6);
    --overview-accent: var(--kendo-color-success, #10a37f);
    --overview-warning: var(--kendo-color-warning, #f59e0b);
    --overview-surface: var(--kendo-color-surface-alt, #fff);
    --overview-surface-subtle: var(--kendo-color-surface, #f7f9fd);
    --overview-border: var(--kendo-color-border, #e1e8f2);
    min-height: calc(100vh - 96px);
    padding: 18px;
    background: radial-gradient(circle at 90% 0, rgba(70, 119, 255, .13), transparent 28rem), linear-gradient(180deg, var(--kendo-color-app-surface, #f7f9fd) 0%, var(--overview-surface-subtle) 100%);
    color: var(--overview-ink);
}

[b-fzrgm5y0oj] .purchasing-toolbar {
    border-width: 0 0 1px;
    border-color: var(--overview-border, var(--kendo-color-border, #e1e8f2));
    padding: 8px 16px;
    color: var(--overview-ink, var(--kendo-color-on-app-surface, #12233f));
    background: var(--overview-surface, var(--kendo-color-surface-alt, #fff));
}

    [b-fzrgm5y0oj] .purchasing-toolbar .k-button:first-child {
        color: var(--overview-muted, var(--kendo-color-subtle, #60708a));
    }

[b-fzrgm5y0oj] .overview-hero {
    margin: 0 auto 18px;
    max-width: 1320px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(125deg, #132c5c 0%, #2457d6 62%, #3a78ec 100%);
    box-shadow: 0 16px 40px rgba(27, 57, 111, .22);
}

    [b-fzrgm5y0oj] .overview-hero > .k-card-body {
        display: grid;
        grid-template-columns: minmax(300px, 1.4fr) minmax(360px, 1fr) auto;
        align-items: center;
        gap: 28px;
        padding: 28px 32px;
    }

.hero-copy h1[b-fzrgm5y0oj] {
    margin: 3px 0 6px;
    font-size: clamp(1.6rem, 2.4vw, 2.35rem);
    font-weight: 750;
    letter-spacing: -.03em;
}

.hero-copy p[b-fzrgm5y0oj] {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: .98rem;
}

.hero-eyebrow[b-fzrgm5y0oj],
[b-fzrgm5y0oj] .tile-eyebrow {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.hero-eyebrow[b-fzrgm5y0oj] {
    color: #a9c4ff;
}

.hero-status[b-fzrgm5y0oj] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
}

.hero-summary[b-fzrgm5y0oj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(105px, 1fr));
    gap: 10px;
}

[b-fzrgm5y0oj] .hero-stat {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
}

    [b-fzrgm5y0oj] .hero-stat > .k-card-body {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 13px;
    }

    [b-fzrgm5y0oj] .hero-stat strong {
        font-size: 1.45rem;
    }

    [b-fzrgm5y0oj] .hero-stat span {
        color: rgba(255, 255, 255, .72);
        font-size: .72rem;
    }

[b-fzrgm5y0oj] .attention-stat {
    background: rgba(0, 41, 102, .25);
}

.period-picker[b-fzrgm5y0oj] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: rgba(255, 255, 255, .78);
    font-size: .76rem;
    font-weight: 650;
}

[b-fzrgm5y0oj] .period-picker .k-input {
    border-color: rgba(255, 255, 255, .35);
    background: var(--overview-surface);
}

.dashboard-canvas[b-fzrgm5y0oj] {
    max-width: 1320px;
    margin: 0 auto;
    overflow-x: auto;
    padding: 2px 2px 22px;
}

[b-fzrgm5y0oj] .dashboard-canvas .k-tilelayout {
    margin: 0 auto;
    background: transparent;
}

[b-fzrgm5y0oj] .dashboard-canvas .k-tilelayout-item {
    overflow: hidden;
    border: 1px solid var(--overview-border);
    border-radius: 16px;
    color: var(--overview-ink);
    background: var(--overview-surface);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    transition: box-shadow .18s ease, transform .18s ease;
}

    [b-fzrgm5y0oj] .dashboard-canvas .k-tilelayout-item:hover {
        box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
    }

[b-fzrgm5y0oj] .dashboard-canvas .k-tilelayout-item-header {
    padding: 10px 14px;
    border-bottom: 1px solid var(--overview-border);
    background: var(--overview-surface);
}

[b-fzrgm5y0oj] .dashboard-canvas .k-tilelayout-item-body {
    padding: 0;
}

.tile-header[b-fzrgm5y0oj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--overview-ink);
    font-size: .84rem;
    font-weight: 700;
}

[b-fzrgm5y0oj] .tile-header .k-button {
    color: var(--overview-muted);
}

[b-fzrgm5y0oj] .dashboard-tile-card {
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
}

    [b-fzrgm5y0oj] .dashboard-tile-card > .k-card-body {
        height: 100%;
        padding: 18px;
    }

[b-fzrgm5y0oj] .tile-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

    [b-fzrgm5y0oj] .tile-intro.compact {
        align-items: center;
    }

[b-fzrgm5y0oj] .tile-eyebrow {
    color: var(--overview-muted);
}

[b-fzrgm5y0oj] .tile-lead {
    margin-top: 2px;
    color: var(--overview-ink);
    font-size: 2.55rem;
    font-weight: 800;
    line-height: 1;
}

[b-fzrgm5y0oj] .tile-caption {
    color: var(--overview-muted);
    font-size: .79rem;
}

[b-fzrgm5y0oj] .tile-heading {
    margin-top: 3px;
    color: var(--overview-ink);
    font-size: 1.03rem;
    font-weight: 750;
}

[b-fzrgm5y0oj] .tile-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 13px;
}

[b-fzrgm5y0oj] .tile-icon-attention {
    color: var(--kendo-color-warning-on-subtle, #b45309);
    background: var(--kendo-color-warning-subtle, #fff2d8);
}

[b-fzrgm5y0oj] .tile-icon-calm {
    color: var(--kendo-color-success-on-subtle, #087f64);
    background: var(--kendo-color-success-subtle, #dcf8ef);
}

[b-fzrgm5y0oj] .tile-icon-value {
    color: var(--kendo-color-primary-on-subtle, #2457d6);
    background: var(--kendo-color-primary-subtle, #e7efff);
}

[b-fzrgm5y0oj] .approval-actions {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

[b-fzrgm5y0oj] .approval-action {
    justify-content: flex-start;
    padding: 11px 13px;
    border-color: var(--overview-border);
    color: var(--overview-ink);
    background: var(--overview-surface-subtle);
}

    [b-fzrgm5y0oj] .approval-action .k-button-text {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    [b-fzrgm5y0oj] .approval-action strong {
        color: var(--overview-primary);
        font-size: 1.1rem;
    }

[b-fzrgm5y0oj] .workflow-row {
    margin-top: 18px;
}

[b-fzrgm5y0oj] .crr-workflow-tile .workflow-row {
    margin-top: 10px;
}

[b-fzrgm5y0oj] .crr-workflow-tile .workflow-label {
    margin-bottom: 4px;
}

[b-fzrgm5y0oj] .crr-workflow-tile .workflow-foot {
    margin-top: 3px;
}

[b-fzrgm5y0oj] .workflow-label,
[b-fzrgm5y0oj] .workflow-foot,
[b-fzrgm5y0oj] .conversion-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

[b-fzrgm5y0oj] .workflow-label {
    margin-bottom: 7px;
    color: var(--overview-ink);
    font-size: .82rem;
}

    [b-fzrgm5y0oj] .workflow-label strong {
        color: var(--kendo-color-warning-on-surface, #a55d07);
        font-size: .76rem;
    }

[b-fzrgm5y0oj] .workflow-foot {
    margin-top: 5px;
    color: var(--overview-muted);
    font-size: .68rem;
}

[b-fzrgm5y0oj] .workflow-tile .k-progressbar,
[b-fzrgm5y0oj] .financial-tile .k-progressbar {
    height: 7px;
    border-radius: 99px;
    background: var(--kendo-color-base-subtle, #edf1f6);
}

[b-fzrgm5y0oj] .workflow-tile .k-selected,
[b-fzrgm5y0oj] .financial-tile .k-selected {
    background: linear-gradient(90deg, #2457d6, #38a2e8);
}

[b-fzrgm5y0oj] .financial-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

[b-fzrgm5y0oj] .crr-financial-tile .financial-metrics {
    gap: 7px;
    margin-top: 8px;
}

[b-fzrgm5y0oj] .crr-financial-tile .mini-metric > .k-card-body {
    padding: 6px 10px;
}

[b-fzrgm5y0oj] .crr-financial-tile .mini-metric strong {
    font-size: 1.05rem;
}

[b-fzrgm5y0oj] .crr-financial-tile .conversion-line {
    margin: 6px 0 4px;
}

[b-fzrgm5y0oj] .crr-financial-tile .k-progress-status,
[b-fzrgm5y0oj] .crr-financial-tile .k-progress-status-wrap {
    display: none;
}

[b-fzrgm5y0oj] .crr-financial-tile > .k-card-body,
[b-fzrgm5y0oj] .crr-process-trend-tile > .k-card-body {
    padding-top: 14px;
    padding-bottom: 12px;
}

[b-fzrgm5y0oj] .crr-process-trend-tile .k-chart {
    height: 165px !important;
}

[b-fzrgm5y0oj] .crr-process-trend-tile .conversion-line {
    margin: 4px 0 0;
}

[b-fzrgm5y0oj] .mini-metric {
    border: 1px solid var(--overview-border);
    border-radius: 13px;
    background: var(--overview-surface-subtle);
}

    [b-fzrgm5y0oj] .mini-metric > .k-card-body {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 13px;
    }

    [b-fzrgm5y0oj] .mini-metric span,
    [b-fzrgm5y0oj] .mini-metric small {
        color: var(--overview-muted);
        font-size: .7rem;
    }

    [b-fzrgm5y0oj] .mini-metric strong {
        color: var(--overview-ink);
        font-size: 1.3rem;
    }

[b-fzrgm5y0oj] .conversion-line {
    margin: 16px 0 7px;
    color: var(--overview-muted);
    font-size: .73rem;
}

    [b-fzrgm5y0oj] .conversion-line strong {
        color: var(--overview-primary);
    }

[b-fzrgm5y0oj] .chart-heading {
    margin-bottom: 4px;
}

[b-fzrgm5y0oj] .trend-total {
    padding: 5px 9px;
    border-radius: 99px;
    color: var(--kendo-color-primary-on-subtle, #2457d6);
    background: var(--kendo-color-primary-subtle, #edf3ff);
    font-size: .7rem;
    font-weight: 750;
}

[b-fzrgm5y0oj] .tile-empty {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--overview-muted);
}

[b-fzrgm5y0oj] .quick-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
}

    [b-fzrgm5y0oj] .quick-action-grid .k-button {
        min-height: 46px;
        justify-content: flex-start;
    }

[b-fzrgm5y0oj] .dashboard-message {
    max-width: 900px;
    margin: 24px auto;
    border: 1px solid var(--overview-border);
    border-radius: 16px;
    color: var(--overview-ink);
    background: var(--overview-surface);
}

    [b-fzrgm5y0oj] .dashboard-message > .k-card-body {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 22px;
    }

        [b-fzrgm5y0oj] .dashboard-message > .k-card-body > div {
            display: flex;
            flex: 1;
            flex-direction: column;
            gap: 3px;
        }

    [b-fzrgm5y0oj] .dashboard-message span {
        color: var(--overview-muted);
    }

[b-fzrgm5y0oj] .error-message {
    border-color: var(--kendo-color-error-emphasis, #f5c8c6);
    color: var(--kendo-color-error-on-subtle, #a42a26);
    background: var(--kendo-color-error-subtle, #fff9f8);
}

[b-fzrgm5y0oj] .tile-picker-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    color: var(--overview-muted, var(--kendo-color-subtle, #60708a));
    font-size: .85rem;
}

[b-fzrgm5y0oj] .preset-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

[b-fzrgm5y0oj] .tile-picker-list {
    display: grid;
    gap: 8px;
    max-height: 440px;
    overflow-y: auto;
}

[b-fzrgm5y0oj] .tile-picker-item {
    border-color: var(--overview-border, var(--kendo-color-border, #e1e8f2));
    border-radius: 11px;
    color: var(--overview-ink, var(--kendo-color-on-app-surface, #12233f));
    background: var(--overview-surface, var(--kendo-color-surface-alt, #fff));
}

    [b-fzrgm5y0oj] .tile-picker-item > .k-card-body {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 12px;
    }

        [b-fzrgm5y0oj] .tile-picker-item > .k-card-body > div {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

    [b-fzrgm5y0oj] .tile-picker-item span {
        color: var(--overview-muted, var(--kendo-color-subtle, #60708a));
        font-size: .76rem;
    }

[b-fzrgm5y0oj] .window-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--overview-border, var(--kendo-color-border, #e1e8f2));
    color: var(--overview-muted, var(--kendo-color-subtle, #60708a));
    font-size: .78rem;
}

@media (max-width: 1100px) {
    [b-fzrgm5y0oj] .overview-hero > .k-card-body {
        grid-template-columns: 1fr;
    }

    .hero-summary[b-fzrgm5y0oj] {
        max-width: 520px;
    }

    .period-picker[b-fzrgm5y0oj] {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .new-purchasing-overview[b-fzrgm5y0oj] {
        padding: 10px;
    }

    [b-fzrgm5y0oj] .overview-hero > .k-card-body {
        padding: 22px;
    }

    .hero-summary[b-fzrgm5y0oj] {
        grid-template-columns: 1fr;
    }

    [b-fzrgm5y0oj] .tile-picker-intro,
    [b-fzrgm5y0oj] .dashboard-message > .k-card-body {
        flex-direction: column;
    }

    [b-fzrgm5y0oj] .quick-action-grid,
    [b-fzrgm5y0oj] .financial-metrics {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/InvAutoLog.razor.rz.scp.css */
.ial-report[b-zk5wganws4] {
    --ial-border: var(--kendo-color-border, #dce3eb);
    --ial-muted: var(--kendo-color-subtle, #596879);
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    padding: 24px;
    box-sizing: border-box;
    color: var(--kendo-color-on-app-surface, #203348);
}
.ial-report[b-zk5wganws4]  .k-card { min-width: 0; border-radius: 14px; overflow: hidden; }
.ial-report[b-zk5wganws4]  .ial-card,
.ial-report[b-zk5wganws4]  .ial-metric { border: 1px solid var(--ial-border); box-shadow: 0 3px 14px #16375408; }
.ial-report[b-zk5wganws4]  .k-card-header { border-bottom: 0; padding: 20px 22px 8px; }
.ial-report[b-zk5wganws4]  .k-card-body { padding: 16px 22px 22px; }
.ial-report[b-zk5wganws4]  .k-card-title { font-weight: 650; font-size: 1.05rem; margin: 0; }
.ial-report[b-zk5wganws4]  .k-card-subtitle { color: var(--ial-muted); font-size: .88rem; line-height: 1.5; opacity: 1; }
.ial-report[b-zk5wganws4]  .ial-hero { border: 0; border-left: 5px solid #168aad; background: var(--kendo-color-base-subtle, #f2f7fa); }
.ial-report[b-zk5wganws4]  .ial-hero .k-card-body { padding: 24px; }
.ial-heading-row[b-zk5wganws4], .ial-heading[b-zk5wganws4], .ial-actions[b-zk5wganws4], .ial-filters[b-zk5wganws4], .ial-presets[b-zk5wganws4], .ial-scope[b-zk5wganws4] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ial-heading-row[b-zk5wganws4] { justify-content: space-between; gap: 20px; }
.ial-heading[b-zk5wganws4] { flex-wrap: nowrap; gap: 18px; }
.ial-heading h1[b-zk5wganws4] { font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 7px; color: inherit; }
.ial-report[b-zk5wganws4]  .ial-hero-icon { width: 36px; height: 36px; flex-shrink: 0; color: #168aad; }
.ial-filters[b-zk5wganws4] { align-items: flex-end; gap: 18px; }
.ial-presets[b-zk5wganws4] { gap: 2px; margin-left: auto; }
.ial-report[b-zk5wganws4]  .ial-period-help { margin-top: 14px; }
.ial-report[b-zk5wganws4]  .ial-pending { margin-top: 6px; color: var(--kendo-color-primary, #087ea4); }
.ial-scope[b-zk5wganws4] { justify-content: space-between; }
.ial-metrics[b-zk5wganws4] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ial-number[b-zk5wganws4] { font-size: clamp(1.7rem, 2.3vw, 2.4rem); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.035em; line-height: 1.25; margin-bottom: 8px; }
.ial-report[b-zk5wganws4]  .ial-primary { background: #123c51; color: #fff; border-color: #123c51; }
.ial-report[b-zk5wganws4]  .ial-primary .k-card-subtitle { color: #d0e5ed; }
.ial-report[b-zk5wganws4]  .ial-primary .k-card-title { color: #fff; }
.ial-insights[b-zk5wganws4] { display: grid; grid-template-columns: minmax(0, 2.5fr) minmax(275px, 1fr); gap: 18px; }
.ial-fact[b-zk5wganws4] { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--ial-border); padding: 13px 0; }
.ial-fact strong[b-zk5wganws4] { font-size: 1.22rem; font-variant-numeric: tabular-nums; }
.ial-report[b-zk5wganws4]  .ial-note { margin-top: 22px; }
.ial-report[b-zk5wganws4]  .ial-error { border: 1px solid var(--kendo-color-error, #c43737); color: var(--kendo-color-error-on-surface, #ba3030); }
.ial-report[b-zk5wganws4]  .ial-error .k-card-body { padding: 16px 22px; }
.ial-empty[b-zk5wganws4], .ial-grid-empty[b-zk5wganws4] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; padding: 35px 16px; }
.ial-empty[b-zk5wganws4] { min-height: 210px; }
.ial-report[b-zk5wganws4]  .ial-empty-icon { width: 30px; height: 30px; color: var(--ial-muted); }
.ial-report[b-zk5wganws4]  .ial-details .k-grid { border-radius: 8px; }
.ial-report[b-zk5wganws4]  .ial-details .k-grid-toolbar { padding: 12px; gap: 12px; flex-wrap: wrap; }
.ial-report[b-zk5wganws4]  .ial-details .k-grid-search { margin-left: auto; max-width: 100%; }
.ial-report[b-zk5wganws4]  .ial-details .k-grid td { font-variant-numeric: tabular-nums; }
@media (max-width: 1200px) {
    .ial-presets[b-zk5wganws4] { margin-left: 0; }
    .ial-metrics[b-zk5wganws4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .ial-report[b-zk5wganws4] { padding: 12px; gap: 14px; }
    .ial-insights[b-zk5wganws4] { grid-template-columns: 1fr; }
    .ial-heading[b-zk5wganws4] { align-items: flex-start; }
    .ial-report[b-zk5wganws4]  .k-card-body { padding: 14px; }
    .ial-report[b-zk5wganws4]  .k-card-header { padding: 16px 14px 6px; }
    .ial-report[b-zk5wganws4]  .ial-details .k-grid-search { margin-left: 0; }
}
@media (max-width: 440px) {
    .ial-metrics[b-zk5wganws4] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ManageFields.razor.rz.scp.css */
.fields-page[b-skc9ujmgan] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.25rem 1.5rem;
    min-width: 0;
}

.fields-hero[b-skc9ujmgan] {
    border: 0;
    overflow: hidden;
    background: linear-gradient(120deg, color-mix(in srgb, var(--kendo-color-primary, #2563eb) 11%, white), white 58%);
}

.hero-copy[b-skc9ujmgan] {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: center;
}

.hero-icon[b-skc9ujmgan] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: white;
    background: var(--kendo-color-primary, #2563eb);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--kendo-color-primary, #2563eb) 24%, transparent);
}

.hero-title h1[b-skc9ujmgan],
.hero-title p[b-skc9ujmgan],
.empty-editor h2[b-skc9ujmgan],
.empty-editor p[b-skc9ujmgan],
.empty-page h2[b-skc9ujmgan],
.empty-page p[b-skc9ujmgan],
.confirm-content h3[b-skc9ujmgan],
.confirm-content p[b-skc9ujmgan] {
    margin: 0;
}

.hero-title h1[b-skc9ujmgan] {
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.1;
}

.hero-title p[b-skc9ujmgan] {
    margin-top: .35rem;
    max-width: 660px;
    color: var(--kendo-color-subtle, #5f6b7a);
}

.process-picker[b-skc9ujmgan] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.hero-stats[b-skc9ujmgan] {
    display: flex;
    gap: .6rem;
}

.hero-stats div[b-skc9ujmgan] {
    min-width: 92px;
    padding: .65rem .8rem;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #2563eb) 16%, #d8dee8);
    border-radius: .75rem;
    text-align: center;
    background: color-mix(in srgb, white 88%, transparent);
}

.hero-stats strong[b-skc9ujmgan],
.hero-stats span[b-skc9ujmgan] {
    display: block;
}

.hero-stats strong[b-skc9ujmgan] {
    font-size: 1.25rem;
    color: var(--kendo-color-primary, #2563eb);
}

.hero-stats span[b-skc9ujmgan] {
    margin-top: .1rem;
    font-size: .75rem;
    color: var(--kendo-color-subtle, #5f6b7a);
}

.fields-message[b-skc9ujmgan] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.8rem;
    padding: .55rem .7rem .55rem .9rem;
    border: 1px solid;
    border-radius: .75rem;
}

.fields-message span[b-skc9ujmgan] {
    flex: 1;
}

.message-success[b-skc9ujmgan] {
    color: #166534;
    border-color: #86efac;
    background: #f0fdf4;
}

.message-error[b-skc9ujmgan] {
    color: #991b1b;
    border-color: #fca5a5;
    background: #fef2f2;
}

.fields-workspace[b-skc9ujmgan] {
    display: grid;
    grid-template-columns: minmax(560px, 1.65fr) minmax(360px, .85fr);
    gap: 1rem;
    align-items: stretch;
    min-height: 610px;
}

.catalogue-card[b-skc9ujmgan],
.editor-card[b-skc9ujmgan] {
    min-width: 0;
    height: 100%;
}

.catalogue-card > .k-card-body[b-skc9ujmgan] {
    min-height: 0;
    height: 560px;
    padding: 0;
}

.fields-tabs[b-skc9ujmgan],
.fields-tabs .k-tabstrip-content[b-skc9ujmgan],
.fields-tabs .k-tabstrip-content > .k-animation-container[b-skc9ujmgan],
.fields-tabs .k-tabstrip-content > .k-animation-container > .k-child-animation-container[b-skc9ujmgan],
.fields-tabs .k-tabstrip-content .k-tabstrip-content[b-skc9ujmgan] {
    height: 100%;
}

.fields-tabs .k-tabstrip-content[b-skc9ujmgan] {
    padding: .75rem;
}

.column-name-cell[b-skc9ujmgan] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
}

.column-name-cell small[b-skc9ujmgan] {
    color: var(--kendo-color-subtle, #6b7280);
}

.row-actions[b-skc9ujmgan] {
    display: flex;
    align-items: center;
    gap: .15rem;
}

.empty-grid[b-skc9ujmgan] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 180px;
    color: var(--kendo-color-subtle, #6b7280);
}

.empty-editor[b-skc9ujmgan],
.empty-page .k-card-body[b-skc9ujmgan] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 500px;
    padding: 2rem;
    text-align: center;
}

.empty-editor-icon[b-skc9ujmgan] {
    display: grid;
    place-items: center;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 50%;
    color: var(--kendo-color-primary, #2563eb);
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 10%, white);
}

.empty-editor p[b-skc9ujmgan],
.empty-page p[b-skc9ujmgan] {
    max-width: 330px;
    color: var(--kendo-color-subtle, #6b7280);
}

.empty-editor-actions[b-skc9ujmgan] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .65rem;
    margin-top: .4rem;
}

.editor-heading[b-skc9ujmgan] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.field-kind[b-skc9ujmgan] {
    display: inline-block;
    margin-bottom: .35rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--kendo-color-primary, #2563eb);
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 10%, white);
}

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

.form-field[b-skc9ujmgan] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.form-field-wide[b-skc9ujmgan] {
    grid-column: 1 / -1;
}

.form-field label span[b-skc9ujmgan] {
    color: var(--kendo-color-error, #dc2626);
}

.form-field small[b-skc9ujmgan] {
    color: var(--kendo-color-subtle, #6b7280);
    line-height: 1.35;
}

.editor-note[b-skc9ujmgan] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: 1.1rem;
    padding: .75rem;
    border-radius: .65rem;
    color: #1e40af;
    background: #eff6ff;
    font-size: .85rem;
    line-height: 1.4;
}

.editor-actions[b-skc9ujmgan],
.window-actions[b-skc9ujmgan] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
    margin-top: 1.25rem;
}

.confirm-content[b-skc9ujmgan] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.confirm-content p[b-skc9ujmgan] {
    margin-top: .4rem;
    color: var(--kendo-color-subtle, #5f6b7a);
    line-height: 1.5;
}

.confirm-icon[b-skc9ujmgan] {
    display: grid;
    place-items: center;
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    color: var(--kendo-color-error, #dc2626);
    background: #fef2f2;
}

@media (max-width: 1180px) {
    .hero-copy[b-skc9ujmgan] {
        grid-template-columns: auto minmax(240px, 1fr) auto;
    }

    .hero-stats[b-skc9ujmgan] {
        grid-column: 2 / -1;
        justify-content: flex-end;
    }

    .fields-workspace[b-skc9ujmgan] {
        grid-template-columns: 1fr;
    }

    .catalogue-card > .k-card-body[b-skc9ujmgan] {
        height: 520px;
    }
}

@media (max-width: 720px) {
    .fields-page[b-skc9ujmgan] {
        padding: .75rem;
    }

    .hero-copy[b-skc9ujmgan] {
        grid-template-columns: auto 1fr;
    }

    .process-picker[b-skc9ujmgan],
    .hero-stats[b-skc9ujmgan] {
        grid-column: 1 / -1;
    }

    .process-picker .k-dropdownlist[b-skc9ujmgan] {
        width: 100% !important;
    }

    .hero-stats[b-skc9ujmgan] {
        justify-content: stretch;
    }

    .hero-stats div[b-skc9ujmgan] {
        flex: 1;
    }

    .fields-workspace[b-skc9ujmgan] {
        display: block;
    }

    .editor-card[b-skc9ujmgan] {
        margin-top: 1rem;
    }

    .editor-form[b-skc9ujmgan] {
        grid-template-columns: 1fr;
    }

    .form-field-wide[b-skc9ujmgan] {
        grid-column: auto;
    }
}
/* /Components/Pages/ManageMatrixMulti.razor.rz.scp.css */
.matrix-page[b-59w9m9x9cp] {
    min-height: calc(100vh - 58px);
    padding: 20px;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--kendo-color-primary) 13%, transparent) 0, transparent 34rem),
        var(--kendo-color-surface-alt, #f5f7fa);
}

.matrix-page h1[b-59w9m9x9cp],
.matrix-page h2[b-59w9m9x9cp],
.matrix-page p[b-59w9m9x9cp] {
    margin: 0;
}

.matrix-hero[b-59w9m9x9cp],
.matrix-search-card[b-59w9m9x9cp],
.matrix-grid-card[b-59w9m9x9cp] {
    max-width: 1800px;
    margin: 0 auto 16px;
    border: 0;
    border-radius: 14px;
    overflow: hidden;
}

.matrix-hero[b-59w9m9x9cp] {
    color: #fff;
    background: linear-gradient(120deg, var(--kendo-color-primary, #3f51b5), #24345f);
}

.matrix-hero-content[b-59w9m9x9cp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 6px;
}

.matrix-hero h1[b-59w9m9x9cp] {
    margin-top: 4px;
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    line-height: 1.15;
}

.matrix-hero p[b-59w9m9x9cp] {
    margin-top: 8px;
    color: rgba(255, 255, 255, .82);
}

.matrix-eyebrow[b-59w9m9x9cp] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .15em;
    opacity: .76;
}

.matrix-summary[b-59w9m9x9cp] {
    min-width: 155px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
}

.matrix-summary-value[b-59w9m9x9cp] {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.matrix-summary-label[b-59w9m9x9cp] {
    margin-top: 6px;
    font-size: .78rem;
    opacity: .8;
}

.matrix-search[b-59w9m9x9cp] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 140px auto;
    align-items: end;
    gap: 16px;
}

.matrix-search-field[b-59w9m9x9cp],
.matrix-row-limit[b-59w9m9x9cp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.matrix-search label[b-59w9m9x9cp],
.matrix-level-actions + .k-form-field label[b-59w9m9x9cp] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--kendo-color-subtle, #5f6368);
}

.matrix-search-actions[b-59w9m9x9cp],
.matrix-level-actions[b-59w9m9x9cp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.matrix-grid-card > .k-card-body[b-59w9m9x9cp] {
    padding: 0;
}

.matrix-grid-heading[b-59w9m9x9cp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px 12px;
}

.matrix-grid-heading h2[b-59w9m9x9cp] {
    font-size: 1.05rem;
}

.matrix-grid-heading p[b-59w9m9x9cp] {
    margin-top: 3px;
    font-size: .8rem;
    color: var(--kendo-color-subtle, #6b7280);
}

.matrix-account-cell[b-59w9m9x9cp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.25;
}

.matrix-account-cell span[b-59w9m9x9cp] {
    overflow: hidden;
    color: var(--kendo-color-subtle, #6b7280);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matrix-level-actions[b-59w9m9x9cp] {
    align-self: end;
    min-height: 38px;
    flex-wrap: wrap;
}

.matrix-message-action[b-59w9m9x9cp] {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
}

[b-59w9m9x9cp] .matrix-grid-card .k-grid {
    border-width: 1px 0 0;
}

[b-59w9m9x9cp] .matrix-grid-card .k-grid-header {
    background: color-mix(in srgb, var(--kendo-color-primary) 7%, white);
}

[b-59w9m9x9cp] .matrix-grid-card .k-grid-toolbar {
    padding: 10px 16px;
    border-bottom: 1px solid var(--kendo-color-border, #e5e7eb);
    background: #fff;
}

[b-59w9m9x9cp] .k-window .k-form {
    padding: 4px 6px;
}

@media (max-width: 780px) {
    .matrix-page[b-59w9m9x9cp] {
        padding: 12px;
    }

    .matrix-hero-content[b-59w9m9x9cp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .matrix-summary[b-59w9m9x9cp] {
        width: 100%;
    }

    .matrix-search[b-59w9m9x9cp] {
        grid-template-columns: 1fr;
    }

    .matrix-search-actions[b-59w9m9x9cp] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/ManageSettings.razor.rz.scp.css */
.settings-page[b-8kvjnjnxbw] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.settings-hero[b-8kvjnjnxbw] {
    border: 0;
    overflow: hidden;
    background: linear-gradient(120deg, color-mix(in srgb, var(--kendo-color-primary) 92%, #22104a), var(--kendo-color-primary));
    color: var(--kendo-color-primary-contrast, #fff);
}

.hero-copy[b-8kvjnjnxbw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.hero-icon[b-8kvjnjnxbw] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .15);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

.hero-copy h1[b-8kvjnjnxbw],
.hero-copy p[b-8kvjnjnxbw] {
    margin: 0;
}

.hero-copy h1[b-8kvjnjnxbw] {
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    letter-spacing: -.02em;
}

.hero-copy p[b-8kvjnjnxbw] {
    margin-top: .25rem;
    max-width: 52rem;
    opacity: .88;
}

.hero-stat[b-8kvjnjnxbw] {
    min-width: 9rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, .25);
    display: flex;
    flex-direction: column;
    text-align: right;
}

.hero-stat span[b-8kvjnjnxbw] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
}

.hero-stat small[b-8kvjnjnxbw] {
    margin-top: .3rem;
    opacity: .78;
}

.settings-splitter[b-8kvjnjnxbw] {
    min-height: 520px;
    border: 0;
    background: transparent;
}

.settings-card[b-8kvjnjnxbw] {
    height: 100%;
    border-color: color-mix(in srgb, var(--kendo-color-border) 78%, transparent);
    box-shadow: 0 8px 28px rgba(20, 28, 45, .08);
    overflow: hidden;
}

.settings-list-card[b-8kvjnjnxbw],
.editor-card[b-8kvjnjnxbw] {
    margin: 0 .5rem;
}

.settings-list-card[b-8kvjnjnxbw] >  .k-card-body,
.editor-card[b-8kvjnjnxbw] >  .k-card-body {
    min-height: 0;
    overflow: auto;
}

.settings-list-card[b-8kvjnjnxbw] >  .k-card-body {
    height: calc(100% - 88px);
    padding: 0;
}

.settings-list-card[b-8kvjnjnxbw]  .k-grid {
    border: 0;
}

.settings-search[b-8kvjnjnxbw] {
    min-width: min(290px, 65%);
}

.setting-name-cell[b-8kvjnjnxbw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.setting-name-cell svg[b-8kvjnjnxbw] {
    color: var(--kendo-color-primary);
    flex: 0 0 auto;
}

.empty-grid[b-8kvjnjnxbw],
.empty-selection[b-8kvjnjnxbw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    text-align: center;
    color: var(--kendo-color-subtle);
}

.empty-grid[b-8kvjnjnxbw] {
    min-height: 220px;
}

.empty-selection-card[b-8kvjnjnxbw] {
    margin: 0 .5rem;
    display: grid;
    place-items: center;
}

.empty-selection[b-8kvjnjnxbw] {
    max-width: 28rem;
    min-height: 22rem;
    padding: 2rem;
}

.empty-selection h2[b-8kvjnjnxbw],
.empty-selection p[b-8kvjnjnxbw] {
    margin: 0;
}

.empty-selection svg[b-8kvjnjnxbw] {
    color: var(--kendo-color-primary);
}

.editor-heading[b-8kvjnjnxbw] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.editor-tabs[b-8kvjnjnxbw] {
    height: 100%;
}

.editor-tabs[b-8kvjnjnxbw]  .k-content {
    overflow: auto;
}

.tab-content[b-8kvjnjnxbw] {
    padding: 1.25rem;
    max-width: 920px;
    margin: 0 auto;
}

.field-intro[b-8kvjnjnxbw] {
    margin-bottom: 1.25rem;
}

.field-intro h3[b-8kvjnjnxbw],
.field-intro p[b-8kvjnjnxbw] {
    margin: 0;
}

.field-intro p[b-8kvjnjnxbw] {
    margin-top: .35rem;
    color: var(--kendo-color-subtle);
}

.value-editor[b-8kvjnjnxbw] {
    padding: 1.25rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--kendo-color-surface) 95%, var(--kendo-color-primary));
}

.value-editor[b-8kvjnjnxbw] >  .k-input,
.value-editor[b-8kvjnjnxbw] >  .k-textarea,
.value-editor[b-8kvjnjnxbw] >  .k-picker {
    width: 100%;
    margin-top: .45rem;
}

.security-note[b-8kvjnjnxbw],
.inline-message[b-8kvjnjnxbw] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .75rem;
    border-radius: .55rem;
    margin-top: .75rem;
    font-size: .9rem;
}

.security-note[b-8kvjnjnxbw],
.info-message[b-8kvjnjnxbw] {
    color: color-mix(in srgb, var(--kendo-color-info) 70%, var(--kendo-color-on-app-surface));
    background: color-mix(in srgb, var(--kendo-color-info) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--kendo-color-info) 26%, transparent);
}

.warning-message[b-8kvjnjnxbw] {
    color: var(--kendo-color-warning-contrast);
    background: color-mix(in srgb, var(--kendo-color-warning) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--kendo-color-warning) 35%, transparent);
}

.switch-field[b-8kvjnjnxbw],
.option-field[b-8kvjnjnxbw] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.editor-actions[b-8kvjnjnxbw],
.window-actions[b-8kvjnjnxbw] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

.form-grid[b-8kvjnjnxbw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.form-field[b-8kvjnjnxbw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .38rem;
}

.form-field-wide[b-8kvjnjnxbw] {
    grid-column: 1 / -1;
}

.form-field > label span[b-8kvjnjnxbw] {
    color: var(--kendo-color-error);
}

.form-field[b-8kvjnjnxbw] >  .k-input,
.form-field[b-8kvjnjnxbw] >  .k-picker,
.form-field[b-8kvjnjnxbw] >  .k-textarea,
.form-field[b-8kvjnjnxbw] >  .k-numerictextbox {
    width: 100%;
}

.option-field[b-8kvjnjnxbw] {
    flex-direction: row;
    padding: .8rem;
    border-radius: .55rem;
    background: color-mix(in srgb, var(--kendo-color-surface-alt) 70%, transparent);
}

.create-window-content[b-8kvjnjnxbw] {
    padding: .25rem;
}

.create-grid[b-8kvjnjnxbw] {
    margin-top: 1rem;
}

.confirm-content[b-8kvjnjnxbw],
.message-content[b-8kvjnjnxbw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem;
}

.confirm-content h3[b-8kvjnjnxbw],
.confirm-content p[b-8kvjnjnxbw],
.message-content p[b-8kvjnjnxbw] {
    margin: 0;
}

.confirm-content p[b-8kvjnjnxbw] {
    margin-top: .35rem;
    color: var(--kendo-color-subtle);
}

.confirm-icon[b-8kvjnjnxbw] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--kendo-color-error);
    background: color-mix(in srgb, var(--kendo-color-error) 12%, transparent);
    flex: 0 0 auto;
}

.single-action[b-8kvjnjnxbw] {
    justify-content: center;
}

@media (max-width: 900px) {
    .settings-page[b-8kvjnjnxbw] {
        padding: .6rem;
    }

    .hero-copy[b-8kvjnjnxbw] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .hero-stat[b-8kvjnjnxbw] {
        display: none;
    }

    .form-grid[b-8kvjnjnxbw] {
        grid-template-columns: 1fr;
    }

    .form-field-wide[b-8kvjnjnxbw] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .hero-icon[b-8kvjnjnxbw] {
        display: none;
    }

    .hero-copy[b-8kvjnjnxbw] {
        grid-template-columns: 1fr;
    }

    .tab-content[b-8kvjnjnxbw] {
        padding: .75rem;
    }
}
/* /Components/Pages/ManageTaskLocks.razor.rz.scp.css */
.task-locks-page[b-slbx7g8z98] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.task-locks-hero[b-slbx7g8z98] {
    border: 0;
    overflow: hidden;
    color: var(--kendo-color-primary-contrast, #fff);
    background:
        radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .18), transparent 22rem),
        linear-gradient(120deg, color-mix(in srgb, var(--kendo-color-primary) 82%, #24133f), var(--kendo-color-primary));
}

.hero-copy[b-slbx7g8z98] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.hero-icon[b-slbx7g8z98] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .15);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

.hero-text h1[b-slbx7g8z98],
.hero-text p[b-slbx7g8z98] {
    margin: 0;
}

.hero-text h1[b-slbx7g8z98] {
    font-size: clamp(1.4rem, 2vw, 1.9rem);
    letter-spacing: -.025em;
}

.hero-text p[b-slbx7g8z98] {
    margin-top: .3rem;
    max-width: 54rem;
    opacity: .88;
}

.hero-summary[b-slbx7g8z98] {
    display: flex;
    gap: 1.5rem;
    padding-left: 1.5rem;
    border-left: 1px solid rgba(255, 255, 255, .25);
}

.hero-summary > div[b-slbx7g8z98] {
    min-width: 4.5rem;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.hero-summary strong[b-slbx7g8z98] {
    font-size: 1.65rem;
    line-height: 1;
}

.hero-summary span[b-slbx7g8z98] {
    margin-top: .3rem;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .75;
}

.summary-cards[b-slbx7g8z98] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.summary-card[b-slbx7g8z98] {
    border-color: color-mix(in srgb, var(--kendo-color-border) 78%, transparent);
    box-shadow: 0 5px 20px rgba(20, 28, 45, .06);
}

.summary-card[b-slbx7g8z98] >  .k-card-body {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .9rem 1rem;
}

.summary-card[b-slbx7g8z98] >  .k-card-body > div:last-child {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    column-gap: .55rem;
}

.summary-card span[b-slbx7g8z98],
.summary-card small[b-slbx7g8z98] {
    color: var(--kendo-color-subtle);
}

.summary-card span[b-slbx7g8z98] {
    grid-column: 1 / -1;
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.summary-card strong[b-slbx7g8z98] {
    font-size: 1.3rem;
    line-height: 1.2;
}

.summary-card small[b-slbx7g8z98] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-icon[b-slbx7g8z98] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .8rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.users-icon[b-slbx7g8z98] {
    color: var(--kendo-color-info);
    background: color-mix(in srgb, var(--kendo-color-info) 13%, transparent);
}

.age-icon[b-slbx7g8z98] {
    color: var(--kendo-color-warning);
    background: color-mix(in srgb, var(--kendo-color-warning) 15%, transparent);
}

.selection-icon[b-slbx7g8z98] {
    color: var(--kendo-color-success);
    background: color-mix(in srgb, var(--kendo-color-success) 13%, transparent);
}

.locks-grid-card[b-slbx7g8z98] {
    height: calc(100vh - 340px);
    min-height: 430px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--kendo-color-border) 78%, transparent);
    box-shadow: 0 8px 28px rgba(20, 28, 45, .08);
}

.locks-grid-card[b-slbx7g8z98] >  .k-card-header {
    padding: .9rem 1rem;
}

.locks-grid-card[b-slbx7g8z98] >  .k-card-body {
    height: calc(100% - 90px);
    min-height: 0;
    padding: 0;
}

.locks-grid-card[b-slbx7g8z98]  .k-grid {
    border: 0;
}

.grid-heading[b-slbx7g8z98] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.locks-search[b-slbx7g8z98] {
    width: min(360px, 100%);
}

.user-cell[b-slbx7g8z98] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
}

.user-avatar[b-slbx7g8z98] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--kendo-color-primary);
    background: color-mix(in srgb, var(--kendo-color-primary) 12%, transparent);
    font-size: .75rem;
    font-weight: 750;
}

.id-value[b-slbx7g8z98] {
    font-variant-numeric: tabular-nums;
}

.age-pill[b-slbx7g8z98] {
    display: inline-flex;
    padding: .2rem .55rem;
    border-radius: 999px;
    color: var(--kendo-color-on-app-surface);
    background: color-mix(in srgb, var(--kendo-color-primary) 9%, transparent);
    font-size: .78rem;
    white-space: nowrap;
}

.empty-grid[b-slbx7g8z98] {
    min-height: 280px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    text-align: center;
    color: var(--kendo-color-subtle);
}

.empty-grid h2[b-slbx7g8z98],
.empty-grid p[b-slbx7g8z98] {
    margin: 0;
}

.empty-grid-icon[b-slbx7g8z98] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--kendo-color-success);
    background: color-mix(in srgb, var(--kendo-color-success) 12%, transparent);
}

.confirm-content[b-slbx7g8z98],
.message-content[b-slbx7g8z98] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem;
}

.confirm-content h3[b-slbx7g8z98],
.confirm-content p[b-slbx7g8z98],
.message-content p[b-slbx7g8z98] {
    margin: 0;
}

.confirm-content p[b-slbx7g8z98] {
    margin-top: .35rem;
    color: var(--kendo-color-subtle);
}

.confirm-icon[b-slbx7g8z98],
.message-icon[b-slbx7g8z98] {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.confirm-icon[b-slbx7g8z98],
.message-icon.error[b-slbx7g8z98] {
    color: var(--kendo-color-error);
    background: color-mix(in srgb, var(--kendo-color-error) 12%, transparent);
}

.message-icon.success[b-slbx7g8z98] {
    color: var(--kendo-color-success);
    background: color-mix(in srgb, var(--kendo-color-success) 12%, transparent);
}

.all-locks-acknowledgement[b-slbx7g8z98] {
    margin: .9rem .5rem 0;
    padding: .8rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    border: 1px solid color-mix(in srgb, var(--kendo-color-error) 30%, transparent);
    border-radius: .6rem;
    background: color-mix(in srgb, var(--kendo-color-error) 7%, transparent);
}

.all-locks-acknowledgement label[b-slbx7g8z98] {
    cursor: pointer;
}

.window-actions[b-slbx7g8z98] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

.single-action[b-slbx7g8z98] {
    justify-content: center;
}

@media (max-width: 900px) {
    .task-locks-page[b-slbx7g8z98] {
        padding: .65rem;
    }

    .hero-copy[b-slbx7g8z98] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .hero-summary[b-slbx7g8z98] {
        display: none;
    }

    .summary-cards[b-slbx7g8z98] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .locks-grid-card[b-slbx7g8z98] {
        height: 620px;
    }
}

@media (max-width: 640px) {
    .hero-icon[b-slbx7g8z98] {
        display: none;
    }

    .hero-copy[b-slbx7g8z98] {
        grid-template-columns: 1fr;
    }

    .grid-heading[b-slbx7g8z98] {
        align-items: flex-start;
        flex-direction: column;
    }

    .confirm-content[b-slbx7g8z98],
    .message-content[b-slbx7g8z98] {
        align-items: flex-start;
    }
}
/* /Components/Pages/ManageUserGrids.razor.rz.scp.css */
.user-grids-page[b-ol26d3tgio] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 1680px;
    margin: 0 auto;
    padding: 16px;
}

.user-grids-hero[b-ol26d3tgio] {
    overflow: hidden;
    background: linear-gradient(120deg, var(--kendo-color-primary-subtle, #e8f1ff), var(--kendo-color-app-surface, #fff) 58%);
}

.hero-content[b-ol26d3tgio] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.hero-icon[b-ol26d3tgio],
.editor-icon[b-ol26d3tgio],
.summary-icon[b-ol26d3tgio] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
}

.hero-icon[b-ol26d3tgio] {
    width: 58px;
    height: 58px;
    color: var(--kendo-color-primary, #0d6efd);
    background: var(--kendo-color-primary-subtle, #e8f1ff);
}

.hero-copy[b-ol26d3tgio] {
    flex: 1 1 auto;
}

.hero-copy h1[b-ol26d3tgio],
.editor-heading h2[b-ol26d3tgio],
.empty-grid h2[b-ol26d3tgio] {
    margin: 0;
    color: var(--kendo-color-on-app-surface, #243447);
}

.hero-copy h1[b-ol26d3tgio] {
    font-size: clamp(1.55rem, 2.3vw, 2.1rem);
}

.hero-copy p[b-ol26d3tgio],
.editor-heading p[b-ol26d3tgio],
.empty-grid p[b-ol26d3tgio] {
    margin: 5px 0 0;
    color: var(--kendo-color-subtle, #5f6b7a);
}

.hero-count[b-ol26d3tgio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 145px;
    padding: 12px 18px;
    border: 1px solid var(--kendo-color-border, #d8dee8);
    border-radius: 12px;
    background: color-mix(in srgb, var(--kendo-color-app-surface, #fff) 88%, transparent);
}

.hero-count strong[b-ol26d3tgio] {
    color: var(--kendo-color-primary, #0d6efd);
    font-size: 1.8rem;
    line-height: 1;
}

.hero-count span[b-ol26d3tgio] {
    margin-top: 5px;
    color: var(--kendo-color-subtle, #5f6b7a);
    font-size: .8rem;
}

.summary-cards[b-ol26d3tgio] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.summary-card .k-card-body[b-ol26d3tgio] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.summary-icon[b-ol26d3tgio] {
    width: 44px;
    height: 44px;
}

.sql-icon[b-ol26d3tgio] {
    color: #5b3cc4;
    background: #eee9ff;
}

.database-icon[b-ol26d3tgio] {
    color: #087f5b;
    background: #ddf7ee;
}

.uppercase-icon[b-ol26d3tgio] {
    color: #b45f06;
    background: #fff0d8;
}

.summary-card span[b-ol26d3tgio],
.summary-card small[b-ol26d3tgio] {
    display: block;
    color: var(--kendo-color-subtle, #5f6b7a);
}

.summary-card strong[b-ol26d3tgio] {
    display: block;
    margin: 1px 0;
    font-size: 1.45rem;
    line-height: 1.1;
}

.summary-card small[b-ol26d3tgio] {
    font-size: .76rem;
}

.user-grids-grid-card .k-card-body[b-ol26d3tgio] {
    padding: 0;
}

.grid-heading[b-ol26d3tgio] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 14px;
}

.editor-heading[b-ol26d3tgio] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--kendo-color-border, #d8dee8);
}

.editor-icon[b-ol26d3tgio] {
    width: 42px;
    height: 42px;
    color: var(--kendo-color-primary, #0d6efd);
    background: var(--kendo-color-primary-subtle, #e8f1ff);
}

.editor-heading h2[b-ol26d3tgio] {
    font-size: 1.25rem;
}

.form-field[b-ol26d3tgio] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.required-label[b-ol26d3tgio]::after {
    content: " *";
    color: var(--kendo-color-error, #c42b1c);
}

.check-field[b-ol26d3tgio] {
    display: flex;
    align-items: center;
    min-height: 58px;
    gap: 11px;
    padding: 9px 12px;
    border: 1px solid var(--kendo-color-border, #d8dee8);
    border-radius: 8px;
    background: var(--kendo-color-surface-alt, #f7f9fc);
}

.check-field label[b-ol26d3tgio],
.check-field small[b-ol26d3tgio] {
    display: block;
}

.check-field small[b-ol26d3tgio],
.field-hint[b-ol26d3tgio],
.muted-value[b-ol26d3tgio] {
    color: var(--kendo-color-subtle, #5f6b7a);
}

.field-hint[b-ol26d3tgio] {
    font-size: .78rem;
}

.sql-preview[b-ol26d3tgio] {
    display: block;
    overflow: hidden;
    color: var(--kendo-color-on-app-surface, #334155);
    font-family: Consolas, "Courier New", monospace;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.load-error-card[b-ol26d3tgio] {
    border-color: var(--kendo-color-error, #c42b1c);
}

.load-error-content[b-ol26d3tgio] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--kendo-color-error, #c42b1c);
}

.load-error-content div[b-ol26d3tgio] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.load-error-content span[b-ol26d3tgio] {
    margin-top: 3px;
    color: var(--kendo-color-on-app-surface, #334155);
}

.empty-grid[b-ol26d3tgio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 30px;
    text-align: center;
}

.empty-grid .k-svg-icon[b-ol26d3tgio] {
    margin-bottom: 10px;
    color: var(--kendo-color-subtle, #5f6b7a);
}

.message-content[b-ol26d3tgio] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 4px 0 18px;
}

.message-content p[b-ol26d3tgio] {
    margin: 0;
    white-space: pre-line;
}

.message-actions[b-ol26d3tgio] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 800px) {
    .user-grids-page[b-ol26d3tgio] {
        padding: 8px;
    }

    .hero-content[b-ol26d3tgio] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .hero-count[b-ol26d3tgio] {
        width: 100%;
    }

    .summary-cards[b-ol26d3tgio] {
        grid-template-columns: 1fr;
    }

    .load-error-content[b-ol26d3tgio] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/NewPurchasingOverview.razor.rz.scp.css */
.new-purchasing-overview[b-hiiukcs3v6] {
    --overview-ink: #12233f;
    --overview-muted: #60708a;
    --overview-primary: #2457d6;
    --overview-accent: #10a37f;
    --overview-warning: #f59e0b;
    min-height: calc(100vh - 96px);
    padding: 18px;
    background:
        radial-gradient(circle at 90% 0, rgba(70, 119, 255, .13), transparent 28rem),
        linear-gradient(180deg, #f7f9fd 0%, #eef3f9 100%);
    color: var(--overview-ink);
}

[b-hiiukcs3v6] .purchasing-toolbar {
    border-width: 0 0 1px;
    padding: 8px 16px;
    background: #fff;
}

[b-hiiukcs3v6] .purchasing-toolbar .k-button:first-child {
    color: #506079;
}

[b-hiiukcs3v6] .overview-hero {
    margin: 0 auto 18px;
    max-width: 1320px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(125deg, #132c5c 0%, #2457d6 62%, #3a78ec 100%);
    box-shadow: 0 16px 40px rgba(27, 57, 111, .22);
}

[b-hiiukcs3v6] .overview-hero > .k-card-body {
    display: grid;
    grid-template-columns: minmax(300px, 1.4fr) minmax(360px, 1fr) auto;
    align-items: center;
    gap: 28px;
    padding: 28px 32px;
}

.hero-copy h1[b-hiiukcs3v6] {
    margin: 3px 0 6px;
    font-size: clamp(1.6rem, 2.4vw, 2.35rem);
    font-weight: 750;
    letter-spacing: -.03em;
}

.hero-copy p[b-hiiukcs3v6] {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .8);
    font-size: .98rem;
}

.hero-eyebrow[b-hiiukcs3v6],
[b-hiiukcs3v6] .tile-eyebrow {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.hero-eyebrow[b-hiiukcs3v6] {
    color: #a9c4ff;
}

.hero-status[b-hiiukcs3v6] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    color: rgba(255, 255, 255, .72);
    font-size: .78rem;
}

.hero-summary[b-hiiukcs3v6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(105px, 1fr));
    gap: 10px;
}

[b-hiiukcs3v6] .hero-stat {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
}

[b-hiiukcs3v6] .hero-stat > .k-card-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 13px;
}

[b-hiiukcs3v6] .hero-stat strong {
    font-size: 1.45rem;
}

[b-hiiukcs3v6] .hero-stat span {
    color: rgba(255, 255, 255, .72);
    font-size: .72rem;
}

[b-hiiukcs3v6] .attention-stat {
    background: rgba(245, 158, 11, .25);
}

.period-picker[b-hiiukcs3v6] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: rgba(255, 255, 255, .78);
    font-size: .76rem;
    font-weight: 650;
}

[b-hiiukcs3v6] .period-picker .k-input {
    border-color: rgba(255, 255, 255, .35);
    background: #fff;
}

.dashboard-canvas[b-hiiukcs3v6] {
    max-width: 1320px;
    margin: 0 auto;
    overflow-x: auto;
    padding: 2px 2px 22px;
}

[b-hiiukcs3v6] .dashboard-canvas .k-tilelayout {
    margin: 0 auto;
    background: transparent;
}

[b-hiiukcs3v6] .dashboard-canvas .k-tilelayout-item {
    overflow: hidden;
    border: 1px solid #e1e8f2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 45, 80, .07);
    transition: box-shadow .18s ease, transform .18s ease;
}

[b-hiiukcs3v6] .dashboard-canvas .k-tilelayout-item:hover {
    box-shadow: 0 14px 34px rgba(20, 45, 80, .12);
}

[b-hiiukcs3v6] .dashboard-canvas .k-tilelayout-item-header {
    padding: 10px 14px;
    border-bottom: 1px solid #edf1f6;
    background: #fff;
}

[b-hiiukcs3v6] .dashboard-canvas .k-tilelayout-item-body {
    padding: 0;
}

.tile-header[b-hiiukcs3v6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3b4a62;
    font-size: .84rem;
    font-weight: 700;
}

[b-hiiukcs3v6] .tile-header .k-button {
    color: #8996aa;
}

[b-hiiukcs3v6] .dashboard-tile-card {
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
}

[b-hiiukcs3v6] .dashboard-tile-card > .k-card-body {
    height: 100%;
    padding: 18px;
}

[b-hiiukcs3v6] .tile-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

[b-hiiukcs3v6] .tile-intro.compact {
    align-items: center;
}

[b-hiiukcs3v6] .tile-eyebrow {
    color: #77869c;
}

[b-hiiukcs3v6] .tile-lead {
    margin-top: 2px;
    color: var(--overview-ink);
    font-size: 2.55rem;
    font-weight: 800;
    line-height: 1;
}

[b-hiiukcs3v6] .tile-caption {
    color: var(--overview-muted);
    font-size: .79rem;
}

[b-hiiukcs3v6] .tile-heading {
    margin-top: 3px;
    color: var(--overview-ink);
    font-size: 1.03rem;
    font-weight: 750;
}

[b-hiiukcs3v6] .tile-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 13px;
}

[b-hiiukcs3v6] .tile-icon-attention {
    color: #b45309;
    background: #fff2d8;
}

[b-hiiukcs3v6] .tile-icon-calm {
    color: #087f64;
    background: #dcf8ef;
}

[b-hiiukcs3v6] .tile-icon-value {
    color: #2457d6;
    background: #e7efff;
}

[b-hiiukcs3v6] .approval-actions {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

[b-hiiukcs3v6] .approval-action {
    justify-content: flex-start;
    padding: 11px 13px;
    border-color: #dbe4f0;
    color: #273b5b;
    background: #f8faff;
}

[b-hiiukcs3v6] .approval-action .k-button-text {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

[b-hiiukcs3v6] .approval-action strong {
    color: #2457d6;
    font-size: 1.1rem;
}

[b-hiiukcs3v6] .workflow-row {
    margin-top: 18px;
}

[b-hiiukcs3v6] .crr-workflow-tile .workflow-row {
    margin-top: 10px;
}

[b-hiiukcs3v6] .crr-workflow-tile .workflow-label {
    margin-bottom: 4px;
}

[b-hiiukcs3v6] .crr-workflow-tile .workflow-foot {
    margin-top: 3px;
}

[b-hiiukcs3v6] .workflow-label,
[b-hiiukcs3v6] .workflow-foot,
[b-hiiukcs3v6] .conversion-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

[b-hiiukcs3v6] .workflow-label {
    margin-bottom: 7px;
    color: #354762;
    font-size: .82rem;
}

[b-hiiukcs3v6] .workflow-label strong {
    color: #a55d07;
    font-size: .76rem;
}

[b-hiiukcs3v6] .workflow-foot {
    margin-top: 5px;
    color: #8390a3;
    font-size: .68rem;
}

[b-hiiukcs3v6] .workflow-tile .k-progressbar,
[b-hiiukcs3v6] .financial-tile .k-progressbar {
    height: 7px;
    border-radius: 99px;
    background: #edf1f6;
}

[b-hiiukcs3v6] .workflow-tile .k-selected,
[b-hiiukcs3v6] .financial-tile .k-selected {
    background: linear-gradient(90deg, #2457d6, #38a2e8);
}

[b-hiiukcs3v6] .financial-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

[b-hiiukcs3v6] .crr-financial-tile .financial-metrics {
    gap: 7px;
    margin-top: 8px;
}

[b-hiiukcs3v6] .crr-financial-tile .mini-metric > .k-card-body {
    padding: 6px 10px;
}

[b-hiiukcs3v6] .crr-financial-tile .mini-metric strong {
    font-size: 1.05rem;
}

[b-hiiukcs3v6] .crr-financial-tile .conversion-line {
    margin: 6px 0 4px;
}

[b-hiiukcs3v6] .crr-financial-tile .k-progress-status,
[b-hiiukcs3v6] .crr-financial-tile .k-progress-status-wrap {
    display: none;
}

[b-hiiukcs3v6] .crr-financial-tile > .k-card-body,
[b-hiiukcs3v6] .crr-process-trend-tile > .k-card-body {
    padding-top: 14px;
    padding-bottom: 12px;
}

[b-hiiukcs3v6] .crr-process-trend-tile .k-chart {
    height: 165px !important;
}

[b-hiiukcs3v6] .crr-process-trend-tile .conversion-line {
    margin: 4px 0 0;
}

[b-hiiukcs3v6] .mini-metric {
    border: 1px solid #e3eaf4;
    border-radius: 13px;
    background: #f8faff;
}

[b-hiiukcs3v6] .mini-metric > .k-card-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 13px;
}

[b-hiiukcs3v6] .mini-metric span,
[b-hiiukcs3v6] .mini-metric small {
    color: #75849a;
    font-size: .7rem;
}

[b-hiiukcs3v6] .mini-metric strong {
    color: #17345f;
    font-size: 1.3rem;
}

[b-hiiukcs3v6] .conversion-line {
    margin: 16px 0 7px;
    color: #65748a;
    font-size: .73rem;
}

[b-hiiukcs3v6] .conversion-line strong {
    color: #2457d6;
}

[b-hiiukcs3v6] .chart-heading {
    margin-bottom: 4px;
}

[b-hiiukcs3v6] .trend-total {
    padding: 5px 9px;
    border-radius: 99px;
    color: #2457d6;
    background: #edf3ff;
    font-size: .7rem;
    font-weight: 750;
}

[b-hiiukcs3v6] .tile-empty {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #7c899b;
}

[b-hiiukcs3v6] .quick-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
}

[b-hiiukcs3v6] .quick-action-grid .k-button {
    min-height: 46px;
    justify-content: flex-start;
}

[b-hiiukcs3v6] .dashboard-message {
    max-width: 900px;
    margin: 24px auto;
    border: 1px solid #dfe7f2;
    border-radius: 16px;
}

[b-hiiukcs3v6] .dashboard-message > .k-card-body {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px;
}

[b-hiiukcs3v6] .dashboard-message > .k-card-body > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

[b-hiiukcs3v6] .dashboard-message span {
    color: #68778d;
}

[b-hiiukcs3v6] .error-message {
    border-color: #f5c8c6;
    color: #a42a26;
    background: #fff9f8;
}

[b-hiiukcs3v6] .tile-picker-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    color: #65748a;
    font-size: .85rem;
}

[b-hiiukcs3v6] .preset-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

[b-hiiukcs3v6] .tile-picker-list {
    display: grid;
    gap: 8px;
    max-height: 440px;
    overflow-y: auto;
}

[b-hiiukcs3v6] .tile-picker-item {
    border-color: #e1e8f2;
    border-radius: 11px;
}

[b-hiiukcs3v6] .tile-picker-item > .k-card-body {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
}

[b-hiiukcs3v6] .tile-picker-item > .k-card-body > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-hiiukcs3v6] .tile-picker-item span {
    color: #748298;
    font-size: .76rem;
}

[b-hiiukcs3v6] .window-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e6ebf2;
    color: #748298;
    font-size: .78rem;
}

@media (max-width: 1100px) {
    [b-hiiukcs3v6] .overview-hero > .k-card-body {
        grid-template-columns: 1fr;
    }

    .hero-summary[b-hiiukcs3v6] {
        max-width: 520px;
    }

    .period-picker[b-hiiukcs3v6] {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .new-purchasing-overview[b-hiiukcs3v6] {
        padding: 10px;
    }

    [b-hiiukcs3v6] .overview-hero > .k-card-body {
        padding: 22px;
    }

    .hero-summary[b-hiiukcs3v6] {
        grid-template-columns: 1fr;
    }

    [b-hiiukcs3v6] .tile-picker-intro,
    [b-hiiukcs3v6] .dashboard-message > .k-card-body {
        flex-direction: column;
    }

    [b-hiiukcs3v6] .quick-action-grid,
    [b-hiiukcs3v6] .financial-metrics {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ProcessDesign.razor.rz.scp.css */
.process-designer[b-viw3ysyyw1] {
    --pd-ink: #0f172a;
    --pd-muted: #64748b;
    --pd-border: #dbe3ee;
    --pd-panel: #ffffff;
    --pd-soft: #f5f7fb;
    min-height: calc(100vh - 70px);
    padding: 22px;
    color: var(--pd-ink);
    background:
        radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .08), transparent 28rem),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

.designer-header[b-viw3ysyyw1],
.process-strip[b-viw3ysyyw1],
.designer-toolbar[b-viw3ysyyw1],
.diagram-shell[b-viw3ysyyw1],
.properties-panel[b-viw3ysyyw1],
.empty-designer[b-viw3ysyyw1] {
    border: 1px solid var(--pd-border);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 35px rgba(15, 23, 42, .07);
}

.designer-header[b-viw3ysyyw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(120deg, #0f172a, #1e3a5f 72%, #1d4ed8);
    color: #fff;
}

.designer-title[b-viw3ysyyw1],
.designer-header-actions[b-viw3ysyyw1],
.process-picker[b-viw3ysyyw1],
.process-summary[b-viw3ysyyw1],
.tool-group[b-viw3ysyyw1],
.toolbar-hint[b-viw3ysyyw1],
.diagram-heading[b-viw3ysyyw1],
.diagram-legend[b-viw3ysyyw1],
.diagram-legend span[b-viw3ysyyw1],
.properties-heading[b-viw3ysyyw1],
.selection-chip[b-viw3ysyyw1],
.route-summary[b-viw3ysyyw1],
.designer-message[b-viw3ysyyw1],
.window-intro[b-viw3ysyyw1],
.delete-confirmation[b-viw3ysyyw1] {
    display: flex;
    align-items: center;
}

.designer-title[b-viw3ysyyw1] { gap: 16px; }
.title-icon[b-viw3ysyyw1],
.window-intro > span[b-viw3ysyyw1] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border-radius: 14px;
    color: #dbeafe;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
}

.designer-title h1[b-viw3ysyyw1],
.designer-title p[b-viw3ysyyw1],
.diagram-heading h2[b-viw3ysyyw1],
.properties-heading h2[b-viw3ysyyw1],
.no-selection h3[b-viw3ysyyw1],
.no-selection p[b-viw3ysyyw1],
.window-intro h3[b-viw3ysyyw1],
.window-intro p[b-viw3ysyyw1],
.delete-confirmation h3[b-viw3ysyyw1],
.delete-confirmation p[b-viw3ysyyw1],
.empty-designer h2[b-viw3ysyyw1],
.empty-designer p[b-viw3ysyyw1] { margin: 0; }

.designer-title h1[b-viw3ysyyw1] { font-size: 1.55rem; letter-spacing: -.02em; }
.designer-title p[b-viw3ysyyw1] { margin-top: 4px; color: #cbd5e1; font-size: .92rem; }
.designer-header-actions[b-viw3ysyyw1] { flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.designer-header-actions[b-viw3ysyyw1]  .k-button { flex: 0 0 auto; }
.designer-header-actions[b-viw3ysyyw1]  .header-secondary-action {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .58) !important;
    background: rgba(255, 255, 255, .09) !important;
    box-shadow: none;
}
.designer-header-actions[b-viw3ysyyw1]  .header-secondary-action:hover:not(.k-disabled) {
    color: #0f172a !important;
    border-color: #fff !important;
    background: #fff !important;
}
.designer-header-actions[b-viw3ysyyw1]  .header-secondary-action.k-disabled {
    color: rgba(255, 255, 255, .72) !important;
    border-color: rgba(255, 255, 255, .3) !important;
    background: rgba(255, 255, 255, .05) !important;
    opacity: 1;
}

.process-strip[b-viw3ysyyw1] {
    display: flex;
    align-items: end;
    gap: 26px;
    min-height: 88px;
    padding: 16px 22px;
    border-top: 0;
}

.process-picker[b-viw3ysyyw1] { align-items: flex-start; flex-direction: column; gap: 6px; }
.process-summary[b-viw3ysyyw1] { gap: 11px; min-width: 0; padding-bottom: 4px; }
.process-summary > div[b-viw3ysyyw1] { display: flex; flex-direction: column; min-width: 0; }
.process-summary strong[b-viw3ysyyw1] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.process-summary span:not(.process-id)[b-viw3ysyyw1] { color: var(--pd-muted); font-size: .84rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 420px; }
.process-id[b-viw3ysyyw1] { padding: 5px 9px; border-radius: 8px; color: #1d4ed8; background: #eff6ff; font-size: .78rem; font-weight: 700; }

.save-state[b-viw3ysyyw1] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 8px auto;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
}
.state-dot[b-viw3ysyyw1] { width: 7px; height: 7px; border-radius: 50%; }
.is-saved[b-viw3ysyyw1] { color: #166534; background: #f0fdf4; }
.is-saved .state-dot[b-viw3ysyyw1] { background: #22c55e; box-shadow: 0 0 0 3px #dcfce7; }
.is-dirty[b-viw3ysyyw1] { color: #92400e; background: #fffbeb; }
.is-dirty .state-dot[b-viw3ysyyw1] { background: #f59e0b; box-shadow: 0 0 0 3px #fef3c7; }

.designer-message[b-viw3ysyyw1] {
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0;
    padding: 10px 12px 10px 15px;
    border: 1px solid;
    border-radius: 11px;
}
.designer-message > span[b-viw3ysyyw1] { flex: 1; }
.message-success[b-viw3ysyyw1] { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.message-error[b-viw3ysyyw1] { color: #991b1b; border-color: #fecaca; background: #fef2f2; }

.designer-toolbar[b-viw3ysyyw1] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 15px;
    padding: 11px 14px;
    border-radius: 12px;
}
.tool-group[b-viw3ysyyw1] { gap: 7px; flex-wrap: wrap; }
.display-toggle-group[b-viw3ysyyw1] { align-items: flex-start; flex-direction: column; }
.display-toggle-group .visibility-field[b-viw3ysyyw1] { white-space: nowrap; }
.tool-label[b-viw3ysyyw1] { margin-right: 2px; color: var(--pd-muted); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.tool-separator[b-viw3ysyyw1] { align-self: stretch; width: 1px; background: var(--pd-border); }
.toolbar-hint[b-viw3ysyyw1] { gap: 8px; margin-left: auto; max-width: 440px; color: var(--pd-muted); font-size: .79rem; line-height: 1.35; }
.status-swatch[b-viw3ysyyw1] { display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 50%; }
.start-tool .status-swatch[b-viw3ysyyw1] { background: #16a34a; }
.normal-tool .status-swatch[b-viw3ysyyw1] { background: #f59e0b; }
.end-tool .status-swatch[b-viw3ysyyw1] { background: #dc2626; }

.designer-workspace[b-viw3ysyyw1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 15px;
    margin-top: 15px;
}
.diagram-shell[b-viw3ysyyw1],
.properties-panel[b-viw3ysyyw1] { border-radius: 14px; overflow: hidden; }
.diagram-heading[b-viw3ysyyw1] { justify-content: space-between; gap: 20px; min-height: 70px; padding: 13px 18px; border-bottom: 1px solid var(--pd-border); }
.diagram-heading h2[b-viw3ysyyw1] { font-size: 1.05rem; }
.diagram-heading > div:first-child > span[b-viw3ysyyw1] { display: block; margin-top: 3px; color: var(--pd-muted); font-size: .8rem; }
.diagram-legend[b-viw3ysyyw1] { gap: 13px; color: var(--pd-muted); font-size: .76rem; }
.diagram-legend span[b-viw3ysyyw1] { gap: 5px; }
.diagram-legend i[b-viw3ysyyw1] { width: 8px; height: 8px; border-radius: 3px; }
.legend-start[b-viw3ysyyw1] { background: #15803d; }
.legend-normal[b-viw3ysyyw1] { background: #fbbf24; }
.legend-end[b-viw3ysyyw1] { background: #dc2626; }

.diagram-surface[b-viw3ysyyw1] {
    position: relative;
    min-height: 650px;
    background-color: #fbfdff;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 20px 20px;
}
.loading-overlay[b-viw3ysyyw1] {
    position: absolute;
    z-index: 20;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #334155;
    background: rgba(248, 250, 252, .78);
    backdrop-filter: blur(3px);
}
.diagram-empty-hint[b-viw3ysyyw1] {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 46%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    transform: translate(-50%, -50%);
    color: var(--pd-muted);
    pointer-events: none;
}
.diagram-empty-hint strong[b-viw3ysyyw1] { color: #334155; }
.diagram-empty-hint .k-svg-icon[b-viw3ysyyw1] { color: #3b82f6; }

.properties-panel[b-viw3ysyyw1] { min-height: 720px; padding: 18px; }
.properties-heading[b-viw3ysyyw1] { justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--pd-border); }
.eyebrow[b-viw3ysyyw1] { color: #2563eb; font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.properties-heading h2[b-viw3ysyyw1] { margin-top: 2px; font-size: 1.15rem; }
.selection-chip[b-viw3ysyyw1] { gap: 7px; width: fit-content; margin: 17px 0; padding: 6px 9px; border-radius: 999px; font-size: .75rem; font-weight: 700; }
.selection-chip > span[b-viw3ysyyw1] { width: 8px; height: 8px; border-radius: 50%; }
.start-chip[b-viw3ysyyw1] { color: #166534; background: #dcfce7; }
.start-chip > span[b-viw3ysyyw1] { background: #16a34a; }
.normal-chip[b-viw3ysyyw1] { color: #92400e; background: #fef3c7; }
.normal-chip > span[b-viw3ysyyw1] { background: #f59e0b; }
.end-chip[b-viw3ysyyw1] { color: #991b1b; background: #fee2e2; }
.end-chip > span[b-viw3ysyyw1] { background: #dc2626; }
.action-chip[b-viw3ysyyw1] { color: #1e40af; background: #dbeafe; }
.action-chip > span[b-viw3ysyyw1] { background: #3b82f6; }

.properties-form[b-viw3ysyyw1] { display: flex; flex-direction: column; gap: 15px; }
.form-field[b-viw3ysyyw1] { display: flex; flex-direction: column; gap: 6px; }
.visibility-field[b-viw3ysyyw1] { display: flex; align-items: center; gap: 8px; }
.size-fields[b-viw3ysyyw1] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.route-summary[b-viw3ysyyw1] { align-items: flex-start; gap: 8px; padding: 10px; border-radius: 9px; color: #475569; background: #f1f5f9; font-size: .78rem; line-height: 1.4; }
.route-summary .k-svg-icon[b-viw3ysyyw1] { flex: 0 0 auto; color: #3b82f6; }

.no-selection[b-viw3ysyyw1] { padding: 52px 8px 32px; text-align: center; }
.selection-graphic[b-viw3ysyyw1] { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 15px; border-radius: 18px; color: #2563eb; background: #eff6ff; }
.no-selection h3[b-viw3ysyyw1] { font-size: 1rem; }
.no-selection p[b-viw3ysyyw1] { margin-top: 7px; color: var(--pd-muted); font-size: .84rem; line-height: 1.5; }
.keyboard-help[b-viw3ysyyw1] { display: flex; flex-direction: column; gap: 7px; padding: 13px; border: 1px solid #e2e8f0; border-radius: 10px; color: var(--pd-muted); background: #f8fafc; font-size: .78rem; }
.keyboard-help strong[b-viw3ysyyw1] { color: #334155; }

.empty-designer[b-viw3ysyyw1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 18px;
    padding: 82px 20px;
    border-radius: 16px;
    text-align: center;
}
.empty-illustration[b-viw3ysyyw1] { display: flex; align-items: center; margin-bottom: 25px; }
.empty-node[b-viw3ysyyw1] { width: 58px; height: 34px; border-radius: 11px; box-shadow: 0 7px 18px rgba(15, 23, 42, .15); }
.empty-node.start[b-viw3ysyyw1] { background: #15803d; }
.empty-node.normal[b-viw3ysyyw1] { background: #fbbf24; }
.empty-node.end[b-viw3ysyyw1] { background: #dc2626; }
.empty-line[b-viw3ysyyw1] { width: 42px; height: 2px; background: #94a3b8; }
.empty-designer p[b-viw3ysyyw1] { margin: 8px 0 20px; color: var(--pd-muted); }

.window-content[b-viw3ysyyw1] { padding: 4px 2px 2px; }
.window-intro[b-viw3ysyyw1] { align-items: flex-start; gap: 13px; margin-bottom: 22px; }
.window-intro > span[b-viw3ysyyw1] { width: 42px; height: 42px; color: #1d4ed8; background: #eff6ff; border: 0; }
.window-intro h3[b-viw3ysyyw1],
.delete-confirmation h3[b-viw3ysyyw1] { font-size: 1rem; }
.window-intro p[b-viw3ysyyw1],
.delete-confirmation p[b-viw3ysyyw1] { margin-top: 4px; color: var(--pd-muted); font-size: .84rem; line-height: 1.45; }
.window-buttons[b-viw3ysyyw1] { display: flex; justify-content: flex-end; gap: 9px; margin-top: 24px; padding-top: 15px; border-top: 1px solid var(--pd-border); }
.delete-confirmation[b-viw3ysyyw1] { align-items: flex-start; gap: 14px; }
.delete-confirmation > span[b-viw3ysyyw1] { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 50%; color: #b91c1c; background: #fee2e2; }
.warning-confirmation > span[b-viw3ysyyw1] { color: #b45309; background: #fef3c7; }

[b-viw3ysyyw1] #process-design-diagram { border: 0; background: transparent; }
[b-viw3ysyyw1] #process-design-diagram .k-diagram { background: transparent; }

@media (max-width: 1180px) {
    .designer-workspace[b-viw3ysyyw1] { grid-template-columns: 1fr; }
    .properties-panel[b-viw3ysyyw1] { min-height: auto; }
    .toolbar-hint[b-viw3ysyyw1] { display: none; }
}

@media (max-width: 820px) {
    .process-designer[b-viw3ysyyw1] { padding: 10px; }
    .designer-header[b-viw3ysyyw1] { align-items: flex-start; flex-direction: column; border-radius: 14px 14px 0 0; }
    .designer-header-actions[b-viw3ysyyw1] { justify-content: flex-start; }
    .process-strip[b-viw3ysyyw1] { align-items: stretch; flex-direction: column; gap: 12px; }
    .process-picker[b-viw3ysyyw1], .process-picker[b-viw3ysyyw1]  .k-dropdownlist { width: 100% !important; }
    .save-state[b-viw3ysyyw1] { margin: 0; align-self: flex-start; }
    .designer-toolbar[b-viw3ysyyw1] { align-items: flex-start; flex-direction: column; }
    .tool-separator[b-viw3ysyyw1] { width: 100%; height: 1px; }
    .diagram-heading[b-viw3ysyyw1] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/PurchaseInvoicesOTS.razor.rz.scp.css */
/* CSS for PurchaseInvoicesOTS component */

.k-card-shadow[b-1qkt3ofq4y] {
    box-shadow: 2px 2px 2px 2px #909090;
}

.stack-vertical[b-1qkt3ofq4y] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stack-horizontal[b-1qkt3ofq4y] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: left;
}

.stack-horizontal-border[b-1qkt3ofq4y] {
    border: 1px solid navy;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: left;
    background-color: #EBEBEB;
}

.stack-horizontal-center[b-1qkt3ofq4y] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.wide-button[b-1qkt3ofq4y] {
    width: 200px;
}

.k-label[b-1qkt3ofq4y] {
    width: 130px;
    text-align: right;
    color: black;
}

.myTextboxRight .k-input-inner[b-1qkt3ofq4y] {
    text-align: right;
}

.kontrolla_title_button[b-1qkt3ofq4y] {
    margin-top: 10px;
}

.kontrolla-button-bar[b-1qkt3ofq4y] {
    display: flex;
    flex-direction: row;
    height: 40px;
    width: 100%;
    color: white;
}

.kontrolla-button-left[b-1qkt3ofq4y] {
    float: left;
    padding: 2px 2px;
    text-align: center;
}

.kontrolla-button-centre[b-1qkt3ofq4y] {
    margin: auto;
    vertical-align: middle;
    width: 400px;
    padding: 2px 2px;
    text-align: center;
}

.kontrolla-button-right[b-1qkt3ofq4y] {
    float: right;
    vertical-align: middle;
    padding: 2px 2px;
    text-align: center;
}

.k-grid-table td[b-1qkt3ofq4y] {
    padding: 0;
    height: 100%; /*you may want to set height to the cells so the height:100% to the child div works better*/
}

    .k-grid-table td .my-padding[b-1qkt3ofq4y] {
        height: 100%;
        padding: 5px; /* or copy the original ones from our rendering */
    }

    .k-grid-table td .special[b-1qkt3ofq4y] {
        background: lightsteelblue;
    }

.kontrolla-title[b-1qkt3ofq4y] {
    background: lightsteelblue;
    text-align: center;
}

.k-readonly[b-1qkt3ofq4y] {
    background: lightsteelblue;
    color: black;
}

.k-mandatory[b-1qkt3ofq4y] {
    background: mistyrose;
    color: black;
}

.k-editable[b-1qkt3ofq4y] {
    background: white;
    color: black;
}

.k-grid th.center-me[b-1qkt3ofq4y] {
    text-align: center;
}

.k-grid .k-master-row.myCustomRowFormatting[b-1qkt3ofq4y] {
    background-color: lightsteelblue;
}

th.center-me .k-cell-inner > .k-link[b-1qkt3ofq4y] {
    justify-content: center;
}

.k-grid th.align-right[b-1qkt3ofq4y] {
    text-align: right;
}

.k-grid-button-small[b-1qkt3ofq4y] {
    background-color: steelblue;
    color: white;
    width: 130px;
    height: 30px;
    margin-right: 10px;
}

.k-grid-button-large[b-1qkt3ofq4y] {
    background-color: steelblue;
    color: white;
    width: 200px;
    height: 30px;
    margin-right: 10px;
}

th.align-right .k-cell-inner > .k-link[b-1qkt3ofq4y] {
    justify-content: right;
}

.toolbar-size[b-1qkt3ofq4y] {
    max-width: 3000px;
}

.button-image img[b-1qkt3ofq4y], .scale-image[b-1qkt3ofq4y] {
    width: 24px;
    height: 24px;
    margin-right: 8px !important;
}

p.thick[b-1qkt3ofq4y] {
    font-weight: bold;
}

.wide-button[b-1qkt3ofq4y] {
    width: 200px;
}

.kontrolla_title_button[b-1qkt3ofq4y] {
    margin-top: 10px;
}

.stack-horizontal-center kontrolla-title[b-1qkt3ofq4y] {
    background: lightsteelblue;
    text-align: center;
}

.flowimg[b-1qkt3ofq4y] {
    border: 5px solid #555;
}

.my-grid-footer .k-grid-footer[b-1qkt3ofq4y] {
    /*optional*/
    background: transparent;
}

    .my-grid-footer .k-grid-footer td[b-1qkt3ofq4y] {
        border-width: 0;
    }

.pdf-view[b-1qkt3ofq4y] {
    margin-top: 2px;
    padding: 2px;
    border: 2px solid #0087F7;
    border-radius: 5px;
}

.task-status[b-1qkt3ofq4y] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.task-status-1003[b-1qkt3ofq4y] {
    background: #e3f2fd;
    color: #0d47a1;
}

.task-status-1004[b-1qkt3ofq4y] {
    background: #e0f7fa;
    color: #006064;
}

.task-status-1005[b-1qkt3ofq4y] {
    background: #e0f2f1;
    color: #004d40;
}

.task-status-1006[b-1qkt3ofq4y] {
    background: #e8f5e9;
    color: #1b5e20;
}

.task-status-1007[b-1qkt3ofq4y] {
    background: #f9fbe7;
    color: #4d5f00;
}

.task-status-1008[b-1qkt3ofq4y] {
    background: #fff3e0;
    color: #9a3f00;
}

.task-status-1009[b-1qkt3ofq4y] {
    background: #fff8e1;
    color: #704600;
}

.task-status-1010[b-1qkt3ofq4y] {
    background: #ffebee;
    color: #8e0000;
}

.task-status-1011[b-1qkt3ofq4y] {
    background: #fce4ec;
    color: #880e4f;
}

.task-status-1012[b-1qkt3ofq4y] {
    background: #f3e5f5;
    color: #4a148c;
}

.task-status-1013[b-1qkt3ofq4y] {
    background: #e8eaf6;
    color: #1a237e;
}

.task-status-1014[b-1qkt3ofq4y] {
    background: #efebe9;
    color: #4e342e;
}

.task-status-1015[b-1qkt3ofq4y] {
    background: #eceff1;
    color: #263238;
}
/* /Components/Pages/PurchaseOrdersOTS.razor.rz.scp.css */
/* CSS for PurchaseOrdersOTS component */
.task-status[b-ms97ok985g] {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.task-status-7[b-ms97ok985g] {
    background: #e3f2fd;
    color: #0d47a1;
}

.task-status-8[b-ms97ok985g] {
    background: #e0f7fa;
    color: #006064;
}

.task-status-9[b-ms97ok985g] {
    background: #e0f2f1;
    color: #004d40;
}

.task-status-10[b-ms97ok985g] {
    background: #e8f5e9;
    color: #1b5e20;
}

.task-status-11[b-ms97ok985g] {
    background: #f9fbe7;
    color: #4d5f00;
}

.task-status-12[b-ms97ok985g] {
    background: #fff3e0;
    color: #9a3f00;
}

.task-status-14[b-ms97ok985g] {
    background: #fff8e1;
    color: #704600;
}

.task-status-15[b-ms97ok985g] {
    background: #ffebee;
    color: #8e0000;
}

.task-status-16[b-ms97ok985g] {
    background: #fce4ec;
    color: #880e4f;
}

.task-status-17[b-ms97ok985g] {
    background: #f3e5f5;
    color: #4a148c;
}

.task-status-18[b-ms97ok985g] {
    background: #e8eaf6;
    color: #1a237e;
}
/* /Controls/DisplayFlowDiagramControl.razor.rz.scp.css */
.display-flow-card[b-1olk6ppo6g] {
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: #fff;
}

.display-flow-header[b-1olk6ppo6g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
}

.display-flow-heading[b-1olk6ppo6g],
.display-flow-legend[b-1olk6ppo6g],
.display-flow-legend span[b-1olk6ppo6g] {
    display: flex;
    align-items: center;
}

.display-flow-heading[b-1olk6ppo6g] {
    gap: 12px;
    min-width: 0;
}

.display-flow-icon[b-1olk6ppo6g] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 7px 16px rgba(37, 99, 235, .22);
}

.display-flow-heading[b-1olk6ppo6g]  .k-card-title {
    overflow: hidden;
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.display-flow-heading[b-1olk6ppo6g]  .k-card-subtitle {
    margin-top: 2px;
    color: #64748b;
    font-size: .76rem;
    font-weight: 650;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.display-flow-legend[b-1olk6ppo6g] {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 14px;
    color: #475569;
    font-size: .76rem;
    font-weight: 650;
}

.display-flow-legend span[b-1olk6ppo6g] { gap: 6px; }

.display-flow-legend i[b-1olk6ppo6g] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .12);
}

.display-flow-legend .start[b-1olk6ppo6g] { background: #15803d; }
.display-flow-legend .normal[b-1olk6ppo6g] { background: #fbbf24; }
.display-flow-legend .end[b-1olk6ppo6g] { background: #dc2626; }

.display-flow-card[b-1olk6ppo6g]  .k-card-body { padding: 0; }

.display-flow-stage[b-1olk6ppo6g] {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    background-color: #f8fafc;
    background-image: radial-gradient(circle, rgba(148, 163, 184, .28) 1px, transparent 1px);
    background-size: 20px 20px;
}

.display-flow-state[b-1olk6ppo6g] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 32px;
    color: #64748b;
    text-align: center;
    background: rgba(248, 250, 252, .86);
    backdrop-filter: blur(2px);
}

.display-flow-state[b-1olk6ppo6g]  .k-svg-icon {
    width: 28px;
    height: 28px;
    color: #3b82f6;
}

.display-flow-state strong[b-1olk6ppo6g] { color: #334155; font-size: 1rem; }
.display-flow-state span[b-1olk6ppo6g] { max-width: 460px; font-size: .86rem; }
.error-state[b-1olk6ppo6g]  .k-svg-icon { color: #dc2626; }
.error-state strong[b-1olk6ppo6g] { color: #991b1b; }

.display-flow-stage[b-1olk6ppo6g]  .k-diagram,
.display-flow-stage[b-1olk6ppo6g]  [id^="display-flow-diagram-"] {
    border: 0;
    background: transparent;
}

@media (max-width: 720px) {
    .display-flow-header[b-1olk6ppo6g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .display-flow-legend[b-1olk6ppo6g] { justify-content: flex-start; }
}
/* /Controls/UserGridControl.razor.rz.scp.css */
.user-grid-content[b-9hq6u89icl] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 4px;
    box-sizing: border-box;
}

.user-grid-title[b-9hq6u89icl] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.user-grid-title[b-9hq6u89icl]  .k-svg-icon {
    color: var(--kendo-color-primary, #5b4b8a);
}

.lookup-intro[b-9hq6u89icl] {
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 22%, transparent);
    border-radius: 10px;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 9%, white),
        color-mix(in srgb, var(--kendo-color-info, #0d6efd) 4%, white));
}

.lookup-intro-icon[b-9hq6u89icl] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    color: white;
    background: var(--kendo-color-primary, #5b4b8a);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 25%, transparent);
}

.lookup-intro > div:last-child[b-9hq6u89icl] {
    display: grid;
    gap: 3px;
}

.lookup-intro strong[b-9hq6u89icl] {
    color: color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 78%, #1f2937);
    font-size: 1rem;
}

.lookup-intro span[b-9hq6u89icl],
.results-heading span[b-9hq6u89icl],
.empty-results span[b-9hq6u89icl] {
    color: var(--kendo-color-subtle, #667085);
}

.search-form[b-9hq6u89icl] {
    position: relative;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: end;
    overflow: hidden;
    padding: 16px 16px 16px 20px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 30%, var(--kendo-color-border, #d9dde3));
    border-radius: 12px;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 10%, white),
        color-mix(in srgb, var(--kendo-color-info, #0d6efd) 5%, white));
    box-shadow: 0 8px 22px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 10%, transparent);
}

.search-form[b-9hq6u89icl]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg,
        var(--kendo-color-primary, #5b4b8a),
        var(--kendo-color-info, #0d6efd));
    content: "";
}

.search-fields[b-9hq6u89icl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    gap: 14px;
}

.search-field[b-9hq6u89icl] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 11px 12px 12px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 22%, var(--kendo-color-border, #d9dde3));
    border-radius: 9px;
    background: var(--kendo-color-surface, white);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 8%, transparent);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.search-field:hover[b-9hq6u89icl] {
    border-color: color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 48%, var(--kendo-color-border, #d9dde3));
    box-shadow: 0 5px 14px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 14%, transparent);
}

.search-field:focus-within[b-9hq6u89icl] {
    border-color: var(--kendo-color-primary, #5b4b8a);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 18%, transparent),
        0 7px 18px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 16%, transparent);
    transform: translateY(-1px);
}

.search-field label[b-9hq6u89icl] {
    overflow: hidden;
    color: color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 82%, #1f2937);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-field[b-9hq6u89icl]  .k-input {
    min-height: 40px;
    border-color: color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 28%, var(--kendo-color-border, #d9dde3));
    border-radius: 7px;
    background: color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 2%, white);
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.search-field:focus-within[b-9hq6u89icl]  .k-input {
    border-color: var(--kendo-color-primary, #5b4b8a);
    background: white;
    box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #5b4b8a);
}

.search-actions[b-9hq6u89icl],
.dialog-actions[b-9hq6u89icl] {
    display: flex;
    gap: 10px;
}

.search-actions[b-9hq6u89icl]  .k-button {
    min-height: 40px;
    border-radius: 8px;
}

.search-actions[b-9hq6u89icl]  .k-button-solid-primary {
    box-shadow: 0 5px 12px color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 25%, transparent);
}

.lookup-message[b-9hq6u89icl] {
    grid-row: 3;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 8px;
}

.lookup-message-info[b-9hq6u89icl] {
    color: var(--kendo-color-info-on-subtle, #084298);
    border-color: var(--kendo-color-info-subtle, #b6d4fe);
    background: color-mix(in srgb, var(--kendo-color-info, #0d6efd) 8%, white);
}

.lookup-message-error[b-9hq6u89icl] {
    color: var(--kendo-color-error-on-subtle, #842029);
    border-color: var(--kendo-color-error-subtle, #f1aeb5);
    background: color-mix(in srgb, var(--kendo-color-error, #dc3545) 8%, white);
}

.results-panel[b-9hq6u89icl] {
    grid-row: 4;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #d9dde3);
    border-radius: 12px;
    background: var(--kendo-color-surface, white);
    box-shadow: 0 5px 16px color-mix(in srgb, #1f2937 7%, transparent);
}

.results-heading[b-9hq6u89icl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--kendo-color-border, #d9dde3);
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 7%, white),
        var(--kendo-color-surface, white));
}

.results-heading > div[b-9hq6u89icl] {
    display: grid;
    gap: 2px;
}

.selection-indicator[b-9hq6u89icl] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--kendo-color-success, #198754) !important;
    background: color-mix(in srgb, var(--kendo-color-success, #198754) 10%, white);
}

.empty-results[b-9hq6u89icl] {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 42px 20px;
    text-align: center;
}

.empty-results > :first-child[b-9hq6u89icl] {
    color: var(--kendo-color-primary, #5b4b8a);
    opacity: .72;
}

.dialog-actions[b-9hq6u89icl] {
    grid-row: 5;
    align-items: center;
    justify-content: space-between;
    padding-top: 2px;
}

@media (max-width: 820px) {
    .search-form[b-9hq6u89icl] {
        grid-template-columns: 1fr;
    }

    .search-fields[b-9hq6u89icl] {
        grid-template-columns: 1fr;
    }

    .search-actions[b-9hq6u89icl] {
        justify-content: flex-end;
    }
}
/* /Controls/UserGridNoSearchControl.razor.rz.scp.css */
.user-grid-no-search-content[b-6augw0t54v] {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(260px, 1fr) auto;
    gap: 14px;
    height: 100%;
    min-height: 0;
    padding: 4px;
    box-sizing: border-box;
}

.user-grid-no-search-title[b-6augw0t54v] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.results-heading span[b-6augw0t54v],
.empty-results span[b-6augw0t54v],
.selection-help[b-6augw0t54v] {
    color: var(--kendo-color-subtle, #667085);
}

.lookup-message[b-6augw0t54v] {
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 8px;
}

.lookup-message > span[b-6augw0t54v] {
    flex: 1 1 auto;
}

.lookup-message-info[b-6augw0t54v] {
    color: var(--kendo-color-info-on-subtle, #084298);
    border-color: var(--kendo-color-info-subtle, #b6d4fe);
    background: color-mix(in srgb, var(--kendo-color-info, #0d6efd) 8%, white);
}

.lookup-message-error[b-6augw0t54v] {
    color: var(--kendo-color-error-on-subtle, #842029);
    border-color: var(--kendo-color-error-subtle, #f1aeb5);
    background: color-mix(in srgb, var(--kendo-color-error, #dc3545) 8%, white);
}

.results-panel[b-6augw0t54v] {
    grid-row: 2;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 260px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #d9dde3);
    border-radius: 10px;
    background: var(--kendo-color-surface, white);
    box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
}

.results-panel[b-6augw0t54v]  .k-grid {
    min-height: 210px;
}

.results-panel[b-6augw0t54v]  .k-grid-content {
    min-height: 150px;
}

.results-panel[b-6augw0t54v]  .k-table-td {
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.result-value[b-6augw0t54v] {
    display: block;
    min-height: 1.4em;
    padding: 7px 10px;
    color: #1f2937;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.results-heading[b-6augw0t54v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--kendo-color-border, #d9dde3);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--kendo-color-primary, #5b4b8a) 7%, white),
        var(--kendo-color-surface, white));
}

.results-heading-main[b-6augw0t54v] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.results-heading-icon[b-6augw0t54v] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    color: white !important;
    background: var(--kendo-color-primary, #5b4b8a);
}

.results-heading-copy[b-6augw0t54v] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.selection-indicator[b-6augw0t54v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--kendo-color-success, #198754) !important;
    background: color-mix(in srgb, var(--kendo-color-success, #198754) 10%, white);
}

.empty-results[b-6augw0t54v] {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 42px 20px;
    text-align: center;
}

.empty-results > :first-child[b-6augw0t54v] {
    color: var(--kendo-color-primary, #5b4b8a);
    opacity: .72;
}

.dialog-actions[b-6augw0t54v] {
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 2px;
}

.dialog-actions > div[b-6augw0t54v],
.selection-help[b-6augw0t54v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.selection-help[b-6augw0t54v] {
    font-size: .875rem;
}

@media (max-width: 640px) {
    .dialog-actions[b-6augw0t54v] {
        align-items: stretch;
        flex-direction: column;
    }

    .dialog-actions > div[b-6augw0t54v] {
        justify-content: flex-end;
    }
}
/* /CRRControls/CRRPODetailsFormControl.razor.rz.scp.css */
.crr-po-details-readonly-grid[b-k114jvfdw9]  .k-grid-table td {
    background: lightsteelblue;
    color: black;
}