/* /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/Home.razor.rz.scp.css */
.new-purchasing-overview[b-fzrgm5y0oj] {
    --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-fzrgm5y0oj] .purchasing-toolbar {
    border-width: 0 0 1px;
    padding: 8px 16px;
    background: #fff;
}

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

[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: #fff;
}

.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 #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-fzrgm5y0oj] .dashboard-canvas .k-tilelayout-item:hover {
        box-shadow: 0 14px 34px rgba(20, 45, 80, .12);
    }

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

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

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

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

[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: #77869c;
}

[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: #b45309;
    background: #fff2d8;
}

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

[b-fzrgm5y0oj] .tile-icon-value {
    color: #2457d6;
    background: #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: #dbe4f0;
    color: #273b5b;
    background: #f8faff;
}

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

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

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

[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: #354762;
    font-size: .82rem;
}

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

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

[b-fzrgm5y0oj] .workflow-tile .k-progressbar,
[b-fzrgm5y0oj] .financial-tile .k-progressbar {
    height: 7px;
    border-radius: 99px;
    background: #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] .mini-metric {
    border: 1px solid #e3eaf4;
    border-radius: 13px;
    background: #f8faff;
}

    [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: #75849a;
        font-size: .7rem;
    }

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

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

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

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

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

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

[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 #dfe7f2;
    border-radius: 16px;
}

    [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: #68778d;
    }

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

[b-fzrgm5y0oj] .tile-picker-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    color: #65748a;
    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: #e1e8f2;
    border-radius: 11px;
}

    [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: #748298;
        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 #e6ebf2;
    color: #748298;
    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/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/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] .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] .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; }
.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; }
}
/* /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; }
}