@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.exfvxuochq.bundle.scp.css';

/* /Layout/LoginDisplay.razor.rz.scp.css */
a[b-jy6twczydn] {
    color: var(--fill-color);
}
/* /Layout/TimesheetAddPanel.razor.rz.scp.css */
.responsive-dialog-panel[b-gkc2chlhgv] {
    width: 700px;
    height: 50%;
}

@media (max-width: 768px) {
    .responsive-dialog-panel[b-gkc2chlhgv] {
        width: 100vw;
    }

    :root[b-gkc2chlhgv] {
        --custom-panel-width: 200vw;
    }
}
/* /Pages/Item.razor.rz.scp.css */
.activity-day[b-jhq5f6erdf] {
    color: var(--accent-fill-rest);
    font-weight: bold;
}

.current-day[b-jhq5f6erdf] {
   
    color: var(--neutral-foreground-on-accent-rest);
}

.page-header[b-jhq5f6erdf] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.master-detail-layout[b-jhq5f6erdf] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
    align-items: start;
}

.calendar-pane[b-jhq5f6erdf] {
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
}

.content-pane[b-jhq5f6erdf] {
    max-width: 900px; /* Constrains width on very large monitors */
    margin: 0; /* Left-aligns the container */
}

.grid-header[b-jhq5f6erdf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.card-list-container[b-jhq5f6erdf] {
    max-height: 65vh; /* Prevents page scroll on desktop */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* --- Final Card Design --- */
.timesheet-card[b-jhq5f6erdf] {
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
    display: grid;
    grid-template-columns: 1fr auto; /* Left content | Right content (hours) */
    grid-template-rows: auto auto; /* Two rows for content */
    grid-template-areas:
        "header hours"
        "notes  notes";
    gap: 0.25rem 1rem;
}

    .timesheet-card:hover[b-jhq5f6erdf] {
        background-color: var(--neutral-fill-stealth-hover);
    }

.card-header[b-jhq5f6erdf] {
    grid-area: header;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    overflow: hidden;
}

.card-hours[b-jhq5f6erdf] {
    grid-area: hours;
    font-weight: 600;
    color: var(--accent-fill-rest);
    text-align: right;
}

.card-notes[b-jhq5f6erdf] {
    grid-area: notes;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-date[b-jhq5f6erdf] {
    font-weight: 600;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.card-alloc-name[b-jhq5f6erdf] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-user-selector[b-jhq5f6erdf] {
    display: none; /* Hidden by default */
    margin-bottom: 1rem;
}

/* Responsive layout for mobile devices */
@media (max-width: 900px) {
    .master-detail-layout[b-jhq5f6erdf] {
        grid-template-columns: 1fr; /* Stack the columns */
    }

    .page-header .user-selector[b-jhq5f6erdf] {
        display: none; /* Hide user selector in top header on mobile */
    }

    .mobile-user-selector[b-jhq5f6erdf] {
        display: block; /* Show it above the calendar on mobile */
    }

    .content-pane[b-jhq5f6erdf] {
        max-width: 100%; /* Allow cards to take full width on mobile */
    }

    .card-list-container[b-jhq5f6erdf] {
        max-height: 500px; /* Use a fixed height to prevent overscroll on mobile */
    }
}
/* /Pages/Reports.razor.rz.scp.css */
.activity-day[b-4gcdrwlrc1] {
    color: var(--accent-fill-rest);
    font-weight: bold;
}

.current-day[b-4gcdrwlrc1] {
   
    color: var(--neutral-foreground-on-accent-rest);
}

.page-header[b-4gcdrwlrc1] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.master-detail-layout[b-4gcdrwlrc1] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
    align-items: start;
}

.calendar-pane[b-4gcdrwlrc1] {
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
}

.content-pane[b-4gcdrwlrc1] {
    max-width: 900px; /* Constrains width on very large monitors */
    margin: 0; /* Left-aligns the container */
}

.grid-header[b-4gcdrwlrc1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.card-list-container[b-4gcdrwlrc1] {
    max-height: 65vh; /* Prevents page scroll on desktop */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* --- Final Card Design --- */
.timesheet-card[b-4gcdrwlrc1] {
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
    display: grid;
    grid-template-columns: 1fr auto; /* Left content | Right content (hours) */
    grid-template-rows: auto auto; /* Two rows for content */
    grid-template-areas:
        "header hours"
        "notes  notes";
    gap: 0.25rem 1rem;
}

    .timesheet-card:hover[b-4gcdrwlrc1] {
        background-color: var(--neutral-fill-stealth-hover);
    }

.card-header[b-4gcdrwlrc1] {
    grid-area: header;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    overflow: hidden;
}

.card-hours[b-4gcdrwlrc1] {
    grid-area: hours;
    font-weight: 600;
    color: var(--accent-fill-rest);
    text-align: right;
}

.card-notes[b-4gcdrwlrc1] {
    grid-area: notes;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-date[b-4gcdrwlrc1] {
    font-weight: 600;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.card-alloc-name[b-4gcdrwlrc1] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-user-selector[b-4gcdrwlrc1] {
    display: none; /* Hidden by default */
    margin-bottom: 1rem;
}

/* Responsive layout for mobile devices */
@media (max-width: 900px) {
    .master-detail-layout[b-4gcdrwlrc1] {
        grid-template-columns: 1fr; /* Stack the columns */
    }

    .page-header .user-selector[b-4gcdrwlrc1] {
        display: none; /* Hide user selector in top header on mobile */
    }

    .mobile-user-selector[b-4gcdrwlrc1] {
        display: block; /* Show it above the calendar on mobile */
    }

    .content-pane[b-4gcdrwlrc1] {
        max-width: 100%; /* Allow cards to take full width on mobile */
    }

    .card-list-container[b-4gcdrwlrc1] {
        max-height: 500px; /* Use a fixed height to prevent overscroll on mobile */
    }
}
/* /Pages/WeeklyTimesheet.razor.rz.scp.css */
/* --- Global Layout & Identity Styles --- */
.page-container[b-cj8b6q0xzi] {
    width: 100%;
    max-width: 1280px;
    margin: 0; 
}

.mb-3[b-cj8b6q0xzi] {
    margin-bottom: 1.5rem;
}

.top-header-container[b-cj8b6q0xzi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.week-selector-container[b-cj8b6q0xzi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.week-display[b-cj8b6q0xzi] {
    font-size: 1.25rem;
    font-weight: 600;
    min-width: 200px;
}

.week-nav-buttons[b-cj8b6q0xzi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.add-row-button[b-cj8b6q0xzi] {
    width: 100%;
    justify-content: flex-start;
    color: var(--accent-fill-rest);
}

.activity-day[b-cj8b6q0xzi] {
    color: var(--accent-fill-rest);
    font-weight: bold;
}

/* --- Grid Cell Styles --- */

.cell-container[b-cj8b6q0xzi] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
    border-radius: 4px;
}

.cell-saved[b-cj8b6q0xzi] {
    background-color: rgba(16, 124, 16, 0.15);
    box-shadow: inset 0 0 0 1px var(--success);
}

.col-total[b-cj8b6q0xzi] {
    color: var(--accent-fill-rest);
    text-align: center;
    width: 100%;
    display: block;
    font-weight: bold;
}

/* --- Popover --- */
.notes-popover-content[b-cj8b6q0xzi] {
    padding: 12px;
    width: 250px;
}



/* --- Mobile View --- */
.mobile-rotate-notice[b-cj8b6q0xzi] {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    text-align: center;
    padding: 2rem;
    color: var(--neutral-foreground-rest);
}

@media (max-width: 900px) {
    .desktop-grid-view[b-cj8b6q0xzi] {
        display: none;
    }

    .mobile-rotate-notice[b-cj8b6q0xzi] {
        display: flex;
    }

    .week-display[b-cj8b6q0xzi] {
        font-size: 1rem;
    }
}