@import '_content/JGUZDV.Blazor.Components.L10n/JGUZDV.Blazor.Components.L10n.ft9ayc3z3h.bundle.scp.css';
@import '_content/JGUZDV.Blazor.Components/JGUZDV.Blazor.Components.7ee55evt4v.bundle.scp.css';
@import '_content/JGUZDV.DynamicForms.Blazor/JGUZDV.DynamicForms.Blazor.nhtv7x4dhe.bundle.scp.css';

/* /Components/RequestList.razor.rz.scp.css */
.rl-grid[b-3assj8jveh] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-areas:
        "name name actions"
        "type state state"
        "user user user"
        "unit unit unit"
        "date date date";
    column-gap: 0.5rem;
    row-gap: 0.25rem;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    transition: all 0.2s ease;
    padding: 0.5rem;
    margin-block: 0.5rem;
}

.rl-row[b-3assj8jveh] {
    &:hover {
        box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
        border-color: var(--bs-primary);
    }
}

.rl-item[b-3assj8jveh] {
    align-content: center;
}

.rl-header[b-3assj8jveh] {
    display: none;
    background-color: var(--bs-secondary-bg);
    font-weight: bold;
}

.rl-type[b-3assj8jveh] {
    grid-area: type;
}

.rl-name[b-3assj8jveh] {
    grid-area: name;
    font-weight: 700;
}

.rl-state[b-3assj8jveh] {
    grid-area: state;

    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.rl-unit[b-3assj8jveh] {
    grid-area: unit;
}

.rl-user[b-3assj8jveh] {
    grid-area: user;
}

.rl-date[b-3assj8jveh] {
    grid-area: date;
}

.rl-actions[b-3assj8jveh] {
    grid-area: actions;
    display: flex;
    justify-content: end;
    align-content: center;
}

@container style(--le-sm: true) {
    .rl-item[data-label][b-3assj8jveh]::before {
        content: attr(data-label) " ";
        font-weight: 600;
    }

    .rl-name[b-3assj8jveh] {
        border-bottom: 1px solid var(--bs-border-color);
        margin-bottom: 0.25rem;
    }
}

@container style(--ge-md: true) {
    .rl-grid[b-3assj8jveh] {
        grid-template-areas:
            "name type state actions"
            "unit user date  .";
        grid-template-columns: 1fr 250px 100px 40px
    }

    .rl-header[b-3assj8jveh] {
        display: grid;
    }
}
/* /Components/ResourceInstanceList.razor.rz.scp.css */
.ri-grid[b-3u2z66up1q] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "name actions"
        "type type"
        "expiry expiry";
    column-gap: 0.5rem;
    row-gap: 0.25rem;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    transition: all 0.2s ease;
    padding: 0.5rem;
    margin-block: 0.5rem;
}

.ri-row[b-3u2z66up1q] {
    &:hover {
        box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
        border-color: var(--bs-primary);
    }
}

.ri-item[b-3u2z66up1q] {
    align-content: center;
}

.ri-header[b-3u2z66up1q] {
    display: none;
    background-color: var(--bs-secondary-bg);
    font-weight: bold;
}

.ri-actions[b-3u2z66up1q] {
    grid-area: actions;
    display: flex;
    justify-content: end;
    align-content: center;
}

.ri-name[b-3u2z66up1q] {
    grid-area: name;
    font-weight: 700;
}

.ri-type[b-3u2z66up1q] {
    grid-area: type;
}

.ri-expiry[b-3u2z66up1q] {
    grid-area: expiry;
}

@container style(--le-sm: true) {
    .ri-item[b-3u2z66up1q]::before {
        content: attr(data-label) " ";
        font-weight: 600;
    }

    .ri-name[b-3u2z66up1q] {
        border-bottom: 1px solid var(--bs-border-color);
        margin-bottom: 0.25rem;
    }
}

@container style(--ge-md: true) {
    .ri-grid[b-3u2z66up1q] {
        grid-template-areas:
            "name name name actions"
            "type type expiry expiry";
        grid-template-columns: 1fr 250px 38px 80px
    }

    .ri-header[b-3u2z66up1q] {
        display: grid;
    }

    .ri-expiry[b-3u2z66up1q] {
        justify-content: end;
    }
}

@container style(--ge-lg: true) {
    .ri-grid[b-3u2z66up1q] {
        grid-template-areas: "name type expiry actions";
        grid-template-columns: 1fr 225px 100px 80px;
    }
}
/* /Pages/My/MyIndex.razor.rz.scp.css */
.resource-list-details summary[b-qbqydl62se] {
    cursor: pointer;
    user-select: none;
    list-style: none;

    display: flex;
    align-items: center;

    gap: 0.5rem;
    transition: background-color 0.15s ease-in-out;
}

.resource-list-details summary:hover[b-qbqydl62se] {
    background-color: rgba(0, 0, 0, 0.05);
}

.resource-list-details summary[b-qbqydl62se]::-webkit-details-marker {
    display: none;
}

.resource-list-details summary[b-qbqydl62se]::before {
    content: "+";
    font-size: 1.5rem;
    line-height: 1.5;
    transition: transform 0.15s ease-in-out;
    flex-shrink: 0;
}

.resource-list-details[open] summary[b-qbqydl62se]::before {
    content: "−";
}
