@import '_content/BlazorCalendar/BlazorCalendar.6mdclpyphk.bundle.scp.css';

/* /Components/Pages/Cap/CapPage.razor.rz.scp.css */
.cap-header[b-5s67pi8xe7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

[b-5s67pi8xe7] .cap-search {
    max-width: 320px;
    flex: 1 1 240px;
}

.cap-grid[b-5s67pi8xe7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.cap-card[b-5s67pi8xe7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.cap-card:hover[b-5s67pi8xe7] {
    transform: translateY(-2px);
    border-color: var(--mud-palette-error);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

.cap-card-icon[b-5s67pi8xe7] {
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(var(--mud-palette-error-rgb), .1);
    color: var(--mud-palette-error);
    font-size: 1.3rem;
}

.cap-card-body[b-5s67pi8xe7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.cap-card-title[b-5s67pi8xe7] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cap-card-sub[b-5s67pi8xe7] {
    font-size: .85rem;
    color: var(--mud-palette-text-secondary);
}

[b-5s67pi8xe7] .cap-card-open {
    color: var(--mud-palette-text-disabled);
    transition: color .15s ease;
}

.cap-card:hover[b-5s67pi8xe7]  .cap-card-open {
    color: var(--mud-palette-error);
}

.cap-empty[b-5s67pi8xe7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
    color: var(--mud-palette-text-secondary);
}