@import '_content/Admin.Client/Admin.Client.h8fgzfy9i9.bundle.scp.css';
@import '_content/Common.Client/Common.Client.mmvrnsqqcq.bundle.scp.css';
@import '_content/Responsibility.Client/Responsibility.Client.exfcwr1rg9.bundle.scp.css';
@import '_content/Work.Client/Work.Client.03lp1e8r0z.bundle.scp.css';

/* /Pages/Dashboard.razor.rz.scp.css */
.office-dashboard[b-8hw0b7zxlg] { --ink: #213b35; --muted: #72847e; --line: #e4ece8; --accent: #167b69; --mud-palette-primary: #167b69; --mud-palette-primary-rgb: 22,123,105; width: 100%; max-width: 1600px; margin: 0 auto; padding: clamp(.5rem, 2vw, 2rem); color: var(--ink); background: #f5f8f6; border-radius: 20px; min-width: 0; }
.office-dashboard *[b-8hw0b7zxlg] { box-sizing: border-box; }
.office-dashboard h1[b-8hw0b7zxlg], .office-dashboard h2[b-8hw0b7zxlg], .office-dashboard p[b-8hw0b7zxlg] { margin: 0; }
.office-dashboard h1[b-8hw0b7zxlg] { font-size: clamp(1.8rem, 3.5vw, 2.7rem); letter-spacing: -.05em; line-height: 1.2; font-weight: 800; margin: .5rem 0; }
.office-dashboard h2[b-8hw0b7zxlg] { font-size: 1.04rem; font-weight: 750; letter-spacing: -.025em; }
.office-dashboard p[b-8hw0b7zxlg] { font-size: .8rem; line-height: 1.6; color: var(--muted); }
.office-dashboard button[b-8hw0b7zxlg], .office-dashboard select[b-8hw0b7zxlg] { font: inherit; }
.office-dashboard button[b-8hw0b7zxlg], .office-dashboard a[b-8hw0b7zxlg] { -webkit-tap-highlight-color: transparent; }
.office-dashboard button[b-8hw0b7zxlg] { cursor: pointer; }
.office-dashboard button:disabled[b-8hw0b7zxlg] { cursor: wait; opacity: .55; }
.office-dashboard a[b-8hw0b7zxlg] { text-decoration: none; }
.office-dashboard a:focus-visible[b-8hw0b7zxlg], .office-dashboard button:focus-visible[b-8hw0b7zxlg], .office-dashboard select:focus-visible[b-8hw0b7zxlg], .office-dashboard summary:focus-visible[b-8hw0b7zxlg], .table-scroll:focus-visible[b-8hw0b7zxlg] { outline: 3px solid #167b6966; outline-offset: 3px; }
.eyebrow[b-8hw0b7zxlg] { display: block; font-size: .62rem; letter-spacing: .13em; font-weight: 800; color: var(--muted); }
.heading-dot[b-8hw0b7zxlg] { color: #35a891; }
.overview-header[b-8hw0b7zxlg] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.header-actions[b-8hw0b7zxlg] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.today-label[b-8hw0b7zxlg] { display: flex; align-items: center; gap: .5rem; color: #6a7e75; font-size: .75rem; }
.primary-link[b-8hw0b7zxlg] { display: inline-flex; gap: .5rem; align-items: center; justify-content: center; min-height: 44px; padding: .7rem 1rem; color: white; background: var(--accent); border-radius: 10px; font-size: .78rem; font-weight: 700; box-shadow: 0 4px 12px #167b6920; }
.primary-link:hover[b-8hw0b7zxlg] { background: #116353; color: white; }
.workspace-banner[b-8hw0b7zxlg] { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; border: 1px solid #d3e7dd; background: linear-gradient(100deg, #e4f2ec, #f0f7f2 70%, #eaf0dd); border-radius: 14px; margin-bottom: 1.5rem; }
.banner-icon[b-8hw0b7zxlg] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--accent); background: #fff9; flex: 0 0 auto; }
.workspace-banner h2[b-8hw0b7zxlg] { margin-bottom: .25rem; }
.workspace-banner a[b-8hw0b7zxlg] { margin-left: auto; display: inline-flex; align-items: center; gap: .5rem; flex-shrink: 0; min-height: 44px; color: var(--accent); font-size: .78rem; font-weight: 750; }
.dashboard-toolbar[b-8hw0b7zxlg] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.view-switch[b-8hw0b7zxlg] { display: inline-flex; background: #eaf0ec; padding: 4px; border-radius: 10px; }
.view-switch button[b-8hw0b7zxlg] { min-height: 38px; padding: .5rem 1rem; font-size: .76rem; color: #64776e; background: transparent; border: 0; border-radius: 7px; font-weight: 650; }
.view-switch button.selected[b-8hw0b7zxlg] { background: #fff; color: var(--accent); box-shadow: 0 2px 5px #23392c0d; }
.filter-controls[b-8hw0b7zxlg] { display: flex; gap: .7rem; align-items: flex-end; flex-wrap: wrap; }
.filter-controls label[b-8hw0b7zxlg] { display: grid; gap: .25rem; color: var(--muted); font-size: .62rem; font-weight: 700; }
.filter-controls select[b-8hw0b7zxlg] { min-height: 40px; padding: .5rem 1.8rem .5rem .65rem; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: white; font-size: .75rem; }
.refresh-button[b-8hw0b7zxlg] { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 9px; color: var(--accent); background: white; }
.metric-grid[b-8hw0b7zxlg] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.metric-card[b-8hw0b7zxlg] { padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 3px 10px #203b2c03; }
.metric-top[b-8hw0b7zxlg] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .77rem; font-weight: 600; color: #61766b; }
.metric-icon[b-8hw0b7zxlg], .shortcut-icon[b-8hw0b7zxlg] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; flex-shrink: 0; }
.teal[b-8hw0b7zxlg] { background: #e5f3ed; color: #167b69; } .amber[b-8hw0b7zxlg] { background: #fcf1dc; color: #bf872c; } .violet[b-8hw0b7zxlg] { background: #efebfa; color: #8264bc; } .blue[b-8hw0b7zxlg] { background: #e9f1fe; color: #5186d5; }
.metric-card > strong[b-8hw0b7zxlg] { display: block; margin: .7rem 0 .25rem; font-size: clamp(1.7rem, 3vw, 2.2rem); letter-spacing: -.05em; font-weight: 800; }
.metric-card p[b-8hw0b7zxlg] { font-size: .68rem; }
.chart-grid[b-8hw0b7zxlg] { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 1.25rem; }
.dashboard-panel[b-8hw0b7zxlg] { min-width: 0; padding: 1.4rem; background: white; border: 1px solid var(--line); border-radius: 14px; }
.panel-heading[b-8hw0b7zxlg] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.panel-heading h2[b-8hw0b7zxlg] { margin: .4rem 0 .2rem; }
.panel-heading p[b-8hw0b7zxlg] { font-size: .72rem; }
.subtle-badge[b-8hw0b7zxlg] { padding: .35rem .65rem; background: #f0f5f2; color: #61766b; border: 1px solid #e7eee9; border-radius: 7px; font-size: .68rem; white-space: nowrap; }
.chart-frame[b-8hw0b7zxlg], .donut-frame[b-8hw0b7zxlg] { width: 100%; min-width: 0; overflow: hidden; }
.chart-frame[b-8hw0b7zxlg]  svg, .donut-frame[b-8hw0b7zxlg]  svg { max-width: 100%; }
.chart-legend[b-8hw0b7zxlg] { display: grid; gap: .6rem; margin-top: .5rem; }
.chart-legend > div[b-8hw0b7zxlg] { display: flex; align-items: center; gap: .6rem; color: #657a6e; font-size: .73rem; }
.chart-legend strong[b-8hw0b7zxlg] { margin-left: auto; color: var(--ink); }
.legend-dot[b-8hw0b7zxlg] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.chart-empty[b-8hw0b7zxlg] { min-height: 260px; display: grid; place-items: center; padding: 1rem; color: var(--muted); font-size: .82rem; text-align: center; background: repeating-linear-gradient(0deg, white, white 51px, #f1f5f2 52px); }
.chart-data[b-8hw0b7zxlg] { margin: .6rem 0 1.25rem; font-size: .75rem; color: var(--muted); }
.chart-data summary[b-8hw0b7zxlg] { width: fit-content; cursor: pointer; padding: .5rem 0; }
.chart-data table[b-8hw0b7zxlg] { background: white; max-width: 520px; }
.category-grid[b-8hw0b7zxlg] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.category-card[b-8hw0b7zxlg] { padding: 1.25rem; border: 1px solid var(--line); border-radius: 14px; background: white; }
.category-mark[b-8hw0b7zxlg] { display: block; height: 4px; width: 28px; background: var(--category-color); border-radius: 4px; margin-bottom: 1rem; }
.category-card strong[b-8hw0b7zxlg] { display: block; font-size: 2rem; margin: .75rem 0; }
.category-card p[b-8hw0b7zxlg] { font-size: .7rem; margin-bottom: .75rem; }
.category-card .bar-track span[b-8hw0b7zxlg] { background: var(--category-color); }
.detail-grid[b-8hw0b7zxlg] { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 1.25rem; margin: 1.25rem 0; }
.department-list[b-8hw0b7zxlg] { display: grid; gap: 1rem; }
.department-row > div:first-child[b-8hw0b7zxlg] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .45rem; font-size: .76rem; }
.department-row > div > span[b-8hw0b7zxlg] { overflow-wrap: anywhere; }
.department-row strong[b-8hw0b7zxlg] { white-space: nowrap; }
.department-row small[b-8hw0b7zxlg] { font-weight: 400; color: var(--muted); }
.bar-track[b-8hw0b7zxlg] { height: 6px; border-radius: 8px; background: #eff4f1; overflow: hidden; }
.bar-track span[b-8hw0b7zxlg] { display: block; height: 100%; background: #3d9d86; border-radius: inherit; }
.shortcuts-panel h2[b-8hw0b7zxlg] { margin: .4rem 0 .65rem; }
.shortcuts-panel a[b-8hw0b7zxlg] { display: flex; align-items: center; gap: .75rem; padding: .85rem 0; color: var(--ink); border-bottom: 1px solid #f0f4f1; }
.shortcuts-panel a:last-child[b-8hw0b7zxlg] { border-bottom: 0; }
.shortcuts-panel a:hover strong[b-8hw0b7zxlg] { color: var(--accent); }
.shortcuts-panel a > span:nth-child(2)[b-8hw0b7zxlg] { flex: 1; min-width: 0; }
.shortcuts-panel strong[b-8hw0b7zxlg], .shortcuts-panel small[b-8hw0b7zxlg] { display: block; }
.shortcuts-panel strong[b-8hw0b7zxlg] { font-size: .8rem; font-weight: 700; }
.shortcuts-panel small[b-8hw0b7zxlg] { font-size: .7rem; color: var(--muted); margin-top: .2rem; }
.table-scroll[b-8hw0b7zxlg] { overflow-x: auto; max-width: 100%; }
.office-dashboard table[b-8hw0b7zxlg] { width: 100%; border-collapse: collapse; text-align: left; font-size: .73rem; }
.office-dashboard th[b-8hw0b7zxlg] { padding: .8rem .75rem; background: #f6f9f7; color: #75877e; font-size: .62rem; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.office-dashboard td[b-8hw0b7zxlg] { padding: 1rem .75rem; border-bottom: 1px solid #edf2ef; color: #5d7368; white-space: nowrap; }
.office-dashboard tr:last-child td[b-8hw0b7zxlg] { border-bottom: 0; }
.office-dashboard td strong[b-8hw0b7zxlg] { color: var(--ink); font-size: .76rem; }
.office-dashboard tbody tr:hover[b-8hw0b7zxlg] { background: #fbfdfb; }
.work-description[b-8hw0b7zxlg] { display: block; margin-top: .25rem; max-width: 260px; overflow: hidden; text-overflow: ellipsis; font-size: .68rem; }
.type-pill[b-8hw0b7zxlg] { padding: .3rem .5rem; border: 1px solid #e2ebe5; border-radius: 6px; background: #f5f8f6; color: #577769; font-size: .67rem; }
.text-link[b-8hw0b7zxlg], .row-link[b-8hw0b7zxlg] { display: inline-flex; align-items: center; gap: .4rem; color: var(--accent); font-weight: 700; font-size: .73rem; min-height: 36px; }
.dashboard-footer[b-8hw0b7zxlg] { display: flex; justify-content: space-between; gap: .75rem; flex-wrap: wrap; padding: 1rem 0 .25rem; color: #788d81; font-size: .65rem; }
.feedback[b-8hw0b7zxlg] { display: flex; align-items: center; gap: .75rem; padding: 1rem; margin-bottom: 1rem; border-radius: 10px; font-size: .8rem; }
.feedback.error[b-8hw0b7zxlg] { background: #fff3ef; color: #a04b33; border: 1px solid #f6d7c9; }
.feedback button[b-8hw0b7zxlg] { margin-left: auto; background: white; border: 1px solid #e9c3b7; padding: .5rem .8rem; border-radius: 6px; color: inherit; }
.empty-state[b-8hw0b7zxlg], .loading-state[b-8hw0b7zxlg] { display: grid; justify-items: center; gap: .75rem; text-align: center; padding: 4rem 1rem; background: white; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); }
.secondary-button[b-8hw0b7zxlg] { padding: .6rem 1rem; min-height: 44px; background: white; color: var(--accent); border: 1px solid #b8d9cb; border-radius: 8px; }
@media (max-width: 1150px) { .overview-header[b-8hw0b7zxlg] { align-items: flex-start; } .header-actions[b-8hw0b7zxlg] { justify-content: flex-end; } .today-label[b-8hw0b7zxlg] { display: none; } .metric-grid[b-8hw0b7zxlg] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .category-grid[b-8hw0b7zxlg] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .chart-grid[b-8hw0b7zxlg], .detail-grid[b-8hw0b7zxlg] { grid-template-columns: minmax(0, 1fr); } .workspace-banner[b-8hw0b7zxlg] { flex-wrap: wrap; } .workspace-banner a[b-8hw0b7zxlg] { margin-left: 60px; } .donut-frame[b-8hw0b7zxlg] { max-width: 360px; margin-inline: auto; } }
@media (max-width: 600px) {
    .office-dashboard[b-8hw0b7zxlg] { padding: .75rem; border-radius: 12px; }
    .overview-header[b-8hw0b7zxlg] { flex-direction: column; gap: .85rem; }
    .header-actions[b-8hw0b7zxlg] { width: 100%; justify-content: flex-start; }
    .workspace-banner[b-8hw0b7zxlg] { padding: 1rem; gap: .75rem; }
    .banner-icon[b-8hw0b7zxlg] { display: none; }
    .workspace-banner a[b-8hw0b7zxlg] { margin-left: 0; }
    .metric-grid[b-8hw0b7zxlg] { gap: .6rem; }
    .metric-card[b-8hw0b7zxlg] { padding: .9rem; }
    .metric-icon[b-8hw0b7zxlg] { width: 28px; height: 28px; }
    .metric-icon[b-8hw0b7zxlg]  svg { width: 18px; height: 18px; }
    .metric-top[b-8hw0b7zxlg] { font-size: .68rem; }
    .dashboard-panel[b-8hw0b7zxlg] { padding: 1rem; }
    .filter-controls[b-8hw0b7zxlg] { width: 100%; gap: .5rem; }
    .filter-controls label[b-8hw0b7zxlg] { flex: 1; min-width: 0; }
    .filter-controls select[b-8hw0b7zxlg] { width: 100%; min-width: 0; padding-right: .5rem; }
    .category-grid[b-8hw0b7zxlg] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
    .category-card[b-8hw0b7zxlg] { padding: 1rem; }
    .feedback[b-8hw0b7zxlg] { flex-wrap: wrap; }
}
@media (max-width: 360px) { .metric-grid[b-8hw0b7zxlg], .category-grid[b-8hw0b7zxlg] { grid-template-columns: minmax(0, 1fr); } .view-switch[b-8hw0b7zxlg] { width: 100%; } .view-switch button[b-8hw0b7zxlg] { flex: 1; padding-inline: .6rem; } }
/* /Pages/HWOS/Setup/CreateWorkBasePage.razor.rz.scp.css */
/* Responsive Form Container Styling */
[b-vkdsrvgx1j] .erp-page-container {
    padding: 15px;
    background-color: #f4f6f8;
    min-height: 100vh;
}

/* Make Panels Look Clean and Professional */
[b-vkdsrvgx1j] .custom-panel .mud-expand-panel-header {
    background-color: #ffffff;
    border-bottom: 2px solid #e0e0e0;
    border-radius: 8px 8px 0 0;
    padding: 12px 20px;
}

[b-vkdsrvgx1j] .custom-panel {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    background-color: #ffffff;
    margin-bottom: 20px;
}

[b-vkdsrvgx1j] .mud-input {
    font-size: 13px !important;
    background-color: #ffffff;
}

/* Remove default heavy borders if needed and style input nicely */
[b-vkdsrvgx1j] .mud-input-outlined-border {
    border-color: #ced4da !important;
}

[b-vkdsrvgx1j] .mud-input-control:hover .mud-input-outlined-border {
    border-color: #80bdff !important;
}

/* General spacing and button style */
[b-vkdsrvgx1j] .mud-button {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* /Pages/Index.razor.rz.scp.css */
.oms-bg[b-xs3z084o16] {
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    line-height: 1.6;
    --mud-palette-primary: #008566;
    --mud-palette-primary-rgb: 0,133,102;
    min-height: 100vh;
    min-height: 100svh;
    width: 100%;
    padding: clamp(12px, 2vh, 24px) clamp(12px, 2vw, 24px);
    display: grid;
    place-items: center;
    background: radial-gradient(ellipse at 8% 25%, #e4eeff, transparent 55%), radial-gradient(ellipse at 95% 75%, #dcf7ea, transparent 55%), #f6f9fd;
    color: #17324e;
    position: relative;
    box-sizing: border-box;
}

.oms-grid-overlay[b-xs3z084o16] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(#245ef407 1px, transparent 1px), linear-gradient(90deg, #245ef407 1px, transparent 1px);
    background-size: 48px 48px;
}

.oms-wrapper[b-xs3z084o16] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    width: 100%;
    max-width: 920px;
    overflow: hidden;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid #dae6f2;
    border-radius: 24px;
    box-shadow: 0 20px 64px #224c7d12, inset 0 1px 0 #fff;
}

.oms-left[b-xs3z084o16] {
    min-width: 0;
    padding: clamp(24px, 2.4vw, 32px);
    display: flex;
    flex-direction: column;
    background: linear-gradient(145deg, #edf4fff0, #ffffffe0 58%, #e8f9f1e6);
}

.oms-logo-img[b-xs3z084o16] {
    display: block;
    width: 76px;
    max-width: 100%;
    margin-bottom: 18px;
    padding: 6px;
    background: #17324e;
    border-radius: 18px;
}

.oms-tagline[b-xs3z084o16] {
    color: #17324e;
    font-size: clamp(1.55rem, 2.2vw, 1.85rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.045em;
}

    .oms-tagline span[b-xs3z084o16] {
        color: #008566;
    }

.oms-desc[b-xs3z084o16] {
    color: #5d7087;
    font-size: .82rem;
    line-height: 1.65;
    margin: 12px 0 0;
}

.oms-features[b-xs3z084o16] {
    display: grid;
    gap: 10px;
    margin-top: 0;
    padding-top: 22px;
}

.oms-feature-pill[b-xs3z084o16] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #334e68;
    font-size: .78rem;
}

.oms-feature-dot[b-xs3z084o16] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #008566;
    flex: 0 0 auto;
}

.oms-left-footer[b-xs3z084o16] {
    margin-top: 22px;
    color: #60758c;
    font-size: .73rem;
}

.oms-right[b-xs3z084o16] {
    min-width: 0;
    padding: clamp(24px, 2.8vw, 36px);
    background: linear-gradient(145deg, #fffffffa, #f9fcffed 70%, #f2fbf6ed);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oms-form-heading[b-xs3z084o16] {
    margin: 0;
    font-size: clamp(1.4rem, 2vw, 1.65rem);
    color: #17324e;
    font-weight: 700;
    letter-spacing: -.035em;
}

.oms-form-subtext[b-xs3z084o16] {
    margin: 6px 0 22px;
    color: #60758c;
    font-size: .82rem;
}

.oms-mobile-brand[b-xs3z084o16] {
    display: none;
}

.oms-right[b-xs3z084o16]  .mud-input-outlined {
    border-radius: 10px;
}

.oms-right[b-xs3z084o16]  .mud-input-control {
    min-width: 0;
}

.oms-login-btn[b-xs3z084o16]  .mud-button-root {
    min-height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #00896c, #00765b);
    color: white;
    box-shadow: 0 6px 18px #00856626;
    text-transform: none;
    font-weight: 700;
    font-size: .88rem;
}

    .oms-login-btn[b-xs3z084o16]  .mud-button-root:hover {
        background: linear-gradient(135deg, #00765b, #00624c);
    }

    .oms-login-btn[b-xs3z084o16]  .mud-button-root:disabled {
        opacity: .65;
    }

.oms-forgot[b-xs3z084o16]  .mud-button-root {
    min-height: 44px;
    text-transform: none;
    color: #00765b;
}

.oms-secure-badge[b-xs3z084o16] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: 16px;
    color: #60758c;
    font-size: .74rem;
    text-align: center;
}

.oms-right[b-xs3z084o16]  .mud-alert-message {
    overflow-wrap: anywhere;
}

@media (max-width: 820px) {
    .oms-bg[b-xs3z084o16] {
        padding: 1rem;
    }

    .oms-wrapper[b-xs3z084o16] {
        max-width: 480px;
        grid-template-columns: minmax(0, 1fr);
        border-radius: 18px;
    }

    .oms-left[b-xs3z084o16] {
        display: none;
    }

    .oms-right[b-xs3z084o16] {
        padding: 24px;
    }

    .oms-mobile-brand[b-xs3z084o16] {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
    }

        .oms-mobile-brand img[b-xs3z084o16] {
            width: 52px;
            max-width: 100%;
            padding: .5rem;
            background: #17324e;
            border-radius: 8px;
        }

        .oms-mobile-brand span[b-xs3z084o16] {
            color: #00765b;
            font-size: .65rem;
            font-weight: 700;
            letter-spacing: .12em;
        }
}

@media (max-width: 360px) {
    .oms-bg[b-xs3z084o16] {
        padding: .5rem;
    }

    .oms-right[b-xs3z084o16] {
        padding: 1.5rem 1rem;
    }
}

@media (max-height: 600px) {
    .oms-bg[b-xs3z084o16] {
        align-items: start;
        padding-block: 1rem;
    }
}

/* Child components inherit the same typography and controls as account pages. */
.oms-bg[b-xs3z084o16]  *, .oms-bg[b-xs3z084o16]  *::before, .oms-bg[b-xs3z084o16]  *::after { box-sizing: border-box; }
.oms-bg[b-xs3z084o16]  .mud-typography, .oms-bg[b-xs3z084o16]  .mud-input, .oms-bg[b-xs3z084o16]  .mud-input-label, .oms-bg[b-xs3z084o16]  .mud-button-root, .oms-bg[b-xs3z084o16]  .mud-input-helper-text { font-family: inherit; }
.oms-right[b-xs3z084o16]  .oms-login-card { background: transparent; color: #17324e; box-shadow: none; overflow: visible; }
.oms-right[b-xs3z084o16]  .oms-login-content { padding: 0; }
.oms-right[b-xs3z084o16]  .mud-input-outlined { background: #fff; color: #17324e; font-size: .9rem; }
.oms-right[b-xs3z084o16]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.oms-right[b-xs3z084o16]  .mud-input-outlined:hover .mud-input-outlined-border { border-color: #8baac8; }
.oms-right[b-xs3z084o16]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; border-width: 2px; }
.oms-right[b-xs3z084o16]  .mud-input-label { color: #5d7087; }
.oms-right[b-xs3z084o16]  .mud-input-helper-text { color: #60758c; font-size: .75rem; }
.oms-right[b-xs3z084o16]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.oms-right[b-xs3z084o16]  .mud-input-error .mud-input-label, .oms-right[b-xs3z084o16]  .mud-input-error .mud-input-helper-text { color: var(--mud-palette-error); }
.oms-right[b-xs3z084o16]  .mud-input-adornment .mud-icon-button { color: #60758c; }
.oms-forgot[b-xs3z084o16] { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.oms-forgot[b-xs3z084o16]  .mud-button-root { border-radius: 8px; font-weight: 600; }
.oms-forgot[b-xs3z084o16]  .mud-button-root:hover { background: #e8f8f1; }
.oms-bg[b-xs3z084o16]  button:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
.oms-login-btn[b-xs3z084o16]  .mud-button-root:disabled { background: #e2ece8; color: #577268; opacity: 1; box-shadow: none; }
.oms-secure-badge svg[b-xs3z084o16] { color: #00765b; flex-shrink: 0; }
.oms-powered-by[b-xs3z084o16] { margin-top: auto; padding-top: 20px; font-size: .75rem; color: #60758c; text-align: center; }
.oms-powered-by strong[b-xs3z084o16] { color: #334e68; font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
    .oms-bg[b-xs3z084o16]  .mud-button-root { transition: none; }
}

/* Compact proportions at 100% zoom; allow natural scrolling when content needs it. */
.oms-wrapper[b-xs3z084o16] { align-self: center; }
.oms-brand[b-xs3z084o16], .oms-form-heading[b-xs3z084o16], .oms-form-subtext[b-xs3z084o16] { min-width: 0; }
.oms-tagline[b-xs3z084o16] { overflow-wrap: normal; }
.oms-feature-pill[b-xs3z084o16] { line-height: 1.45; }
.oms-mobile-brand img[b-xs3z084o16] { flex: 0 0 auto; }
.oms-mobile-brand span[b-xs3z084o16] { line-height: 1.5; }
.oms-powered-by[b-xs3z084o16] { margin-top: 0; }

@media (min-width: 821px) and (max-height: 700px) {
    .oms-bg[b-xs3z084o16] { padding-block: 12px; }
    .oms-left[b-xs3z084o16], .oms-right[b-xs3z084o16] { padding: 24px 28px; }
    .oms-logo-img[b-xs3z084o16] { width: 64px; margin-bottom: 14px; border-radius: 14px; }
    .oms-tagline[b-xs3z084o16] { font-size: 1.6rem; }
    .oms-desc[b-xs3z084o16] { margin-top: 10px; }
    .oms-features[b-xs3z084o16] { padding-top: 18px; gap: 8px; }
    .oms-left-footer[b-xs3z084o16] { margin-top: 18px; }
    .oms-form-subtext[b-xs3z084o16] { margin-bottom: 16px; }
    .oms-secure-badge[b-xs3z084o16] { margin-top: 12px; }
    .oms-powered-by[b-xs3z084o16] { padding-top: 16px; }
}

@media (max-width: 820px) and (max-height: 700px) {
    .oms-bg[b-xs3z084o16] { padding-block: 12px; }
    .oms-right[b-xs3z084o16] { padding-block: 20px; }
    .oms-mobile-brand[b-xs3z084o16] { margin-bottom: 12px; }
    .oms-mobile-brand img[b-xs3z084o16] { width: 44px; }
    .oms-form-subtext[b-xs3z084o16] { margin-bottom: 16px; }
    .oms-powered-by[b-xs3z084o16] { padding-top: 14px; }
}
/* /Pages/KPIM/Setup/FrmKPIMasterBasePage.razor.rz.scp.css */
[b-e045u2cqzg] .frmKPIMaster_Section_Style {
width:862px;
left:15px;
height:336px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-e045u2cqzg] .mud-grid {
width:862px;
}
[b-e045u2cqzg] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-e045u2cqzg] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-e045u2cqzg] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-e045u2cqzg] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-e045u2cqzg] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-e045u2cqzg] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-e045u2cqzg] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-e045u2cqzg] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-e045u2cqzg] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-e045u2cqzg] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-e045u2cqzg] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-e045u2cqzg] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-e045u2cqzg] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-e045u2cqzg] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-e045u2cqzg] .mud-input-outlined-border{
    border:none !important;
}
[b-e045u2cqzg] .xpertSplitContainer1_Section_Style {
width:854px;
position: absolute;
left:0px;
top:0px;
height:268px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-e045u2cqzg] .xpertSplitContainer1_Panel1_Section_Style {
width:854px;
position: absolute;
left:0px;
top:0px;
height:268px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-e045u2cqzg] .gbxHeader_Section_Style {
width:854px;
position: absolute;
left:0px;
top:0px;
height:268px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-e045u2cqzg] .fndCode_Label_Style {
position: absolute;
width:32px;
left:29px;
top:40px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .fndCode_Control_Style {
position: absolute;
width:258px;
left:121px;
top:34px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-e045u2cqzg] .fndCode_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-e045u2cqzg] .fndCode_Label_Style {
position: absolute;
width:32px;
left:29px;
top:40px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .fndCode_Control_Style {
position: absolute;
width:258px;
left:121px;
top:34px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-e045u2cqzg] .fndCode_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-e045u2cqzg] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:29px;
top:66px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .txtDescription_Control_Style {
position: absolute;
width:258px;
left:121px;
top:64px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-e045u2cqzg] .xpertFinder2_Label_Style {
position: absolute;
width:61px;
left:29px;
top:129px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .xpertFinder2_Control_Style {
position: absolute;
width:258px;
left:121px;
top:125px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-e045u2cqzg] .xpertFinder2_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-e045u2cqzg] .xpertDropDown1_Label_Style {
position: absolute;
width:56px;
left:29px;
top:95px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .xpertDropDown1_Control_Style {
position: absolute;
width:125px;
left:121px;
top:95px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .xpertDropDown1_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-e045u2cqzg] .xpertCheckBox1_Label_Style {
position: absolute;
left:20px;
top:167px;
height:23px;
font-size:10.99725px;
}
[b-e045u2cqzg] .xpertCheckBox1_Control_Style {
position: absolute;
width:60px;
left:126px;
top:167px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-e045u2cqzg] .mud-typography {
    font-size:11px !important;
}
[b-e045u2cqzg] .mud-ripple-checkbox{
    padding:0 !important;
    
}
[b-e045u2cqzg] .xpertCheckBox1_input_Style .mud-input{
height:18px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-e045u2cqzg] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
/* /Pages/KPIM/Setup/FrmKraMasterBasePage.razor.rz.scp.css */
[b-lsrkphycle] .frmKraMaster_Section_Style {
width:892px;
left:15px;
height:306px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-lsrkphycle] .mud-grid {
width:892px;
}
[b-lsrkphycle] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-lsrkphycle] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-lsrkphycle] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-lsrkphycle] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-lsrkphycle] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-lsrkphycle] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-lsrkphycle] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-lsrkphycle] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-lsrkphycle] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-lsrkphycle] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-lsrkphycle] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-lsrkphycle] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-lsrkphycle] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-lsrkphycle] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-lsrkphycle] .mud-input-outlined-border{
    border:none !important;
}
[b-lsrkphycle] .xpertSplitContainer1_Section_Style {
width:884px;
position: absolute;
left:0px;
top:0px;
height:238px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-lsrkphycle] .xpertSplitContainer1_Panel1_Section_Style {
width:884px;
position: absolute;
left:0px;
top:0px;
height:238px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-lsrkphycle] .gbxHeader_Section_Style {
width:884px;
position: absolute;
left:0px;
top:0px;
height:238px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-lsrkphycle] .fndCode_Label_Style {
position: absolute;
width:32px;
left:20px;
top:34px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .fndCode_Control_Style {
position: absolute;
width:258px;
left:112px;
top:28px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-lsrkphycle] .fndCode_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-lsrkphycle] .fndCode_Label_Style {
position: absolute;
width:32px;
left:20px;
top:34px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .fndCode_Control_Style {
position: absolute;
width:258px;
left:112px;
top:28px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-lsrkphycle] .fndCode_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-lsrkphycle] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:20px;
top:60px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .txtDescription_Control_Style {
position: absolute;
width:258px;
left:112px;
top:58px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-lsrkphycle] .xpertFinder1_Label_Style {
position: absolute;
width:95px;
left:20px;
top:89px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .xpertFinder1_Control_Style {
position: absolute;
width:258px;
left:112px;
top:85px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-lsrkphycle] .xpertFinder1_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-lsrkphycle] .xpertCheckBox1_Label_Style {
position: absolute;
left:20px;
top:130px;
height:23px;
font-size:10.99725px;
}
[b-lsrkphycle] .xpertCheckBox1_Control_Style {
position: absolute;
width:60px;
left:112px;
top:130px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-lsrkphycle] .mud-typography {
    font-size:11px !important;
}
[b-lsrkphycle] .mud-ripple-checkbox{
    padding:0 !important;
    
}
[b-lsrkphycle] .xpertCheckBox1_input_Style .mud-input{
height:18px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-lsrkphycle] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
/* /Pages/OMSWeb/Reports/TimeSheet/AnalyticsDashboard.razor.rz.scp.css */
/* AnalyticsDashboard: isolated layout and Roles / ResetPassword theme. */
.timesheet-page[b-3md2d6vnv8] {
        --ink-900: #1E293B;
        --ink-700: #334155;
        --paper-50: #F8F9FA;
        --paper-100: #F1F3F5;
        --brass-500: #B8860B;
        --brass-100: #FFF8E7;
        --moss-600: #2D6A4F;
        --moss-100: #E8F5E9;
        --clay-500: #C62828;
        --clay-100: #FFEBEE;
        --slate-500: #64748B;
        --slate-100: #F1F5F9;
        --amber-600: #B8860B;
        --amber-100: #FFF8E7;
        --line: #E2E8F0;
        --sb-bg: #F1F5F9;
        --sb-text: #1E293B;
        --sb-text-muted: #64748B;
        --sb-hover: #E2E8F0;
        --sb-active-bg: #DBEAFE;
        --sb-active-text: #1E3A8A;
    }

    

    
    .timesheet-page[b-3md2d6vnv8] {
        display: flex;
        min-height: 100vh;
    }










    .timesheet-page[b-3md2d6vnv8]  .app-main {
        flex: 1;
        min-width: 0;
        background: #F8F9FA;
    }

    
    .timesheet-page[b-3md2d6vnv8]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-3md2d6vnv8]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease, box-shadow 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-3md2d6vnv8]  .tab-rail-item:hover {
            background: #FDEDB5;
            box-shadow: 3px 3px 8px rgba(0,0,0,0.16);
        }

        .timesheet-page[b-3md2d6vnv8]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    
    .timesheet-page[b-3md2d6vnv8]  .ts-shell {
        font-family: inherit;
        color: #1E293B;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-header-band {
        background: linear-gradient(135deg, #F1F5F9 0%, #FFFFFF 100%);
        border-radius: 18px;
        padding: 26px 32px;
        position: relative;
        overflow: hidden;
        margin-bottom: 24px;
        border: 1px solid #E2E8F0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

        .timesheet-page[b-3md2d6vnv8]  .ts-header-band::after {
            content: "";
            position: absolute;
            right: -40px;
            top: -60px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0) 70%);
        }

    .timesheet-page[b-3md2d6vnv8]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        font-size: 0.7rem;
        color: #B8860B;
        text-transform: uppercase;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-title {
        font-family: inherit;
        font-weight: 500;
        font-size: 2rem;
        color: #1E293B;
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-subline {
        color: #64748B;
        font-size: 0.9rem;
        margin-top: 6px;
    }

    
    .timesheet-page[b-3md2d6vnv8]  .ts-kpi {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 20px 22px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-kpi-label {
        font-family: inherit;
        font-size: 0.68rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #64748B;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-kpi-value {
        font-family: inherit;
        font-weight: 600;
        font-size: 2.1rem;
        margin-top: 6px;
        line-height: 1;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-kpi-sub {
        font-family: inherit;
        font-size: 0.75rem;
        margin-top: 8px;
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-kpi-bar {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
    }

    
    .timesheet-page[b-3md2d6vnv8]  .ts-chart-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 22px 24px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-3md2d6vnv8]  .ts-chart-label {
        font-family: inherit;
        font-size: 0.7rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #64748B;
        margin-bottom: 16px;
        display: block;
    }

    
    @media (max-width: 900px) {
        .timesheet-page[b-3md2d6vnv8]  .ts-title {
            font-size: 1.6rem;
        }

        .timesheet-page[b-3md2d6vnv8] {
            flex-direction: column;
        }

        .timesheet-page[b-3md2d6vnv8]  .tab-rail {
            flex-direction: row;
            height: auto;
            width: 100%;
            position: static;
            padding: 10px;
            overflow-x: auto;
        }

        .timesheet-page[b-3md2d6vnv8]  .tab-rail-item {
            writing-mode: horizontal-tb;
            transform: none;
            border-radius: 6px;
            border: 1px solid #E4C15A;
        }
    }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-3md2d6vnv8] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}
.timesheet-page[b-3md2d6vnv8]  .app-main { background: transparent; width: 100%; }
.timesheet-page[b-3md2d6vnv8]  .ts-shell { width: 100%; max-width: 100%; min-height: 0 !important; padding: 0 !important; margin: 0 !important; font-family: inherit; }
.timesheet-page[b-3md2d6vnv8]  .tab-rail {
    position: sticky; top: 96px; width: 44px; height: auto; flex-direction: column;
    flex: 0 0 44px; align-self: flex-start; max-height: calc(100dvh - 108px);
    align-items: center; gap: 8px; padding: 6px 3px;
    overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; border: 1px solid #d9e5f1; border-radius: 14px;
    background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
}
.timesheet-page[b-3md2d6vnv8]  .tab-rail-item {
    writing-mode: vertical-rl; transform: rotate(180deg); flex-shrink: 0;
    padding: 12px 7px; border: 1px solid transparent; border-radius: 9px;
    color: #496580; background: transparent; box-shadow: none;
    font-size: .82rem; font-weight: 600; letter-spacing: 0;
}
.timesheet-page[b-3md2d6vnv8]  .tab-rail-item:hover { background: #edf4ff; color: #164d99; box-shadow: none; }
.timesheet-page[b-3md2d6vnv8]  .tab-rail-item.active { background: #e1f4ec; border-color: #cbe8dc; color: #00765b; }
.timesheet-page[b-3md2d6vnv8]  .ts-header-band {
    padding: 20px 22px; margin-bottom: 18px; border: 1px solid #d5e5ff;
    border-radius: 14px; background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    box-shadow: inset 0 1px 0 #fff;
}
.timesheet-page[b-3md2d6vnv8]  .ts-header-band::after { pointer-events: none; background: radial-gradient(circle, #d9f4e780, transparent 70%); }
.timesheet-page[b-3md2d6vnv8]  .ts-title, .timesheet-page[b-3md2d6vnv8]  .ts-greeting { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.timesheet-page[b-3md2d6vnv8]  .ts-eyebrow { color: #2463b8; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.timesheet-page[b-3md2d6vnv8]  .ts-subline { color: #60758c; font-size: .84rem; line-height: 1.6; }
.timesheet-page[b-3md2d6vnv8]  .ts-card, .timesheet-page[b-3md2d6vnv8]  .ts-tracker-card, .timesheet-page[b-3md2d6vnv8]  .ts-chart-card, .timesheet-page[b-3md2d6vnv8]  .ts-kpi, .timesheet-page[b-3md2d6vnv8]  .ts-summary-card, .timesheet-page[b-3md2d6vnv8]  .ts-approval-card, .timesheet-page[b-3md2d6vnv8]  .ts-toolbar, .timesheet-page[b-3md2d6vnv8]  .ts-filter-bar, .timesheet-page[b-3md2d6vnv8]  .ts-grid-card, .timesheet-page[b-3md2d6vnv8]  .ts-grid-container {
    border-color: #dae6f2; border-radius: 14px;
    box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
    background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
}
.timesheet-page[b-3md2d6vnv8]  .ts-card-label, .timesheet-page[b-3md2d6vnv8]  .ts-chart-label, .timesheet-page[b-3md2d6vnv8]  .ts-field-label, .timesheet-page[b-3md2d6vnv8]  .ts-summary-label, .timesheet-page[b-3md2d6vnv8]  .ts-kpi-label { color: #60758c; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.timesheet-page[b-3md2d6vnv8]  .ts-stat-num, .timesheet-page[b-3md2d6vnv8]  .ts-summary-value, .timesheet-page[b-3md2d6vnv8]  .ts-kpi-value { font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.timesheet-page[b-3md2d6vnv8]  .mud-button-root { border-radius: 8px; text-transform: none; font-weight: 600; font-size: .8rem; min-height: 36px; }
.timesheet-page[b-3md2d6vnv8]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-3md2d6vnv8]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-3md2d6vnv8]  .ts-btn-primary:not(:disabled), .timesheet-page[b-3md2d6vnv8]  .ts-btn-approve:not(:disabled), .timesheet-page[b-3md2d6vnv8]  .ts-action-btn:not(:disabled) {
    background: linear-gradient(135deg, #00896c, #00765b) !important;
    color: #fff !important; box-shadow: 0 3px 10px #00856620;
}
.timesheet-page[b-3md2d6vnv8]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-3md2d6vnv8]  .ts-btn-outline:not(:disabled) { color: #00765b !important; border-color: #b9dfd0 !important; background: #f5fcf8 !important; }
.timesheet-page[b-3md2d6vnv8]  .mud-button-root:disabled { opacity: .5; box-shadow: none; }
.timesheet-page[b-3md2d6vnv8]  .mud-input-outlined { border-radius: 9px; background: #fff; font-size: .86rem; }
.timesheet-page[b-3md2d6vnv8]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.timesheet-page[b-3md2d6vnv8]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; }
.timesheet-page[b-3md2d6vnv8]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.timesheet-page[b-3md2d6vnv8]  .mud-input-label { font-size: .86rem; }
.timesheet-page[b-3md2d6vnv8]  input[type="date"] { max-width: 100%; min-width: 0; border-radius: 9px; border-color: #cbdbea; color: #17324e; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid thead th, .timesheet-page[b-3md2d6vnv8]  .mud-table-head .mud-table-cell, .timesheet-page[b-3md2d6vnv8]  .ts-grid-header { background: #eef5ff; color: #164d99; }
.timesheet-page[b-3md2d6vnv8]  .ts-th-btn, .timesheet-page[b-3md2d6vnv8]  .ts-grid-header-cell { color: #164d99; font-size: .78rem; font-weight: 600; letter-spacing: 0; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid tbody td, .timesheet-page[b-3md2d6vnv8]  .mud-table-body .mud-table-cell { padding: 11px 14px; font-size: .83rem; border-color: #e3ecf5; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-3md2d6vnv8]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-3md2d6vnv8]  .ts-grid-row:nth-child(even) { background: #f8fbff; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid tbody tr:hover, .timesheet-page[b-3md2d6vnv8]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-3md2d6vnv8]  .ts-grid-row:hover { background: #eef7ff; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid-scroll, .timesheet-page[b-3md2d6vnv8]  .mud-table-container, .timesheet-page[b-3md2d6vnv8]  .ts-grid-container { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid-header, .timesheet-page[b-3md2d6vnv8]  .ts-grid-row, .timesheet-page[b-3md2d6vnv8]  .ts-grid-total { min-width: 760px; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid-total { background: #e8f8f1; border-color: #cbe8dc; }
.timesheet-page[b-3md2d6vnv8]  .ts-grid-footer, .timesheet-page[b-3md2d6vnv8]  .mud-table-pagination { background: #fff; min-height: 52px; }
.timesheet-page[b-3md2d6vnv8]  .mud-table-cell .mud-icon-button { width: 32px; height: 32px; border-radius: 50%; }
.timesheet-page[b-3md2d6vnv8]  .mud-table-cell .mud-icon-button-color-primary { background: #eaf2ff; color: #2463b8; }
.timesheet-page[b-3md2d6vnv8]  .mud-table-cell .mud-icon-button-color-error { background: #fff0f1; color: #be3455; }
.timesheet-page[b-3md2d6vnv8]  .ts-stamp { transform: none; border-radius: 16px; font-size: .7rem; letter-spacing: .02em; }
.timesheet-page[b-3md2d6vnv8]  .ts-tab-row { flex-wrap: wrap; gap: 8px; }
.timesheet-page[b-3md2d6vnv8]  .ts-tab.active, .timesheet-page[b-3md2d6vnv8]  .ts-day-pill.active { background: #e1f4ec; color: #00765b; border-color: #b9dfd0; }
.timesheet-page[b-3md2d6vnv8]  .ts-filter-btn.active { background: #008566; border-color: #008566; color: #fff; }
.timesheet-page[b-3md2d6vnv8]  .ts-task-picker-btn { color: #00765b !important; }
.timesheet-page[b-3md2d6vnv8]  .ts-punch-active, .timesheet-page[b-3md2d6vnv8]  .ts-month-cell-active, .timesheet-page[b-3md2d6vnv8]  .ts-task-panel-item.active { background: #e8f8f1; border-color: #008566; box-shadow: none; }
.timesheet-page[b-3md2d6vnv8]  .ts-punch-active::before, .timesheet-page[b-3md2d6vnv8]  .ts-punch-active::after { background: #e8f8f1; border-color: #008566; }
.timesheet-page[b-3md2d6vnv8]  .ts-month-cell:not(.ts-month-cell-muted):hover { border-color: #008566; }
.timesheet-page[b-3md2d6vnv8]  .ts-day-task-row, .timesheet-page[b-3md2d6vnv8]  .ts-footer-bar, .timesheet-page[b-3md2d6vnv8]  .ts-week-nav, .timesheet-page[b-3md2d6vnv8]  .ts-stat-row { flex-wrap: wrap; gap: 12px; }
.timesheet-page[b-3md2d6vnv8]  button:focus-visible, .timesheet-page[b-3md2d6vnv8]  a:focus-visible, .timesheet-page[b-3md2d6vnv8]  input:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
@media (max-width: 600px) {
    .timesheet-page[b-3md2d6vnv8] { padding: 4px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-header-band { padding: 18px 14px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-card, .timesheet-page[b-3md2d6vnv8]  .ts-tracker-card, .timesheet-page[b-3md2d6vnv8]  .ts-chart-card, .timesheet-page[b-3md2d6vnv8]  .ts-approval-card { padding: 16px 14px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-summary-card, .timesheet-page[b-3md2d6vnv8]  .ts-kpi { padding: 14px 12px; }
    .timesheet-page[b-3md2d6vnv8]  .mud-button-root, .timesheet-page[b-3md2d6vnv8]  .ts-filter-btn, .timesheet-page[b-3md2d6vnv8]  .ts-week-nav-btn, .timesheet-page[b-3md2d6vnv8]  .ts-day-pill { min-height: 42px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-month-grid { gap: 3px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-month-cell { min-width: 0; padding: 5px 2px; }
    .timesheet-page[b-3md2d6vnv8]  .ts-month-mini-stamp { max-width: 100%; overflow: hidden; font-size: .5rem; }
    .timesheet-page[b-3md2d6vnv8]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; gap: 8px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-3md2d6vnv8]  *, .timesheet-page[b-3md2d6vnv8]  *::before, .timesheet-page[b-3md2d6vnv8]  *::after { animation: none !important; transition: none !important; }
}

.analytics-filters[b-3md2d6vnv8] { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:20px 0; }
.analytics-filters label[b-3md2d6vnv8] { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.analytics-filters input[b-3md2d6vnv8], .analytics-filters select[b-3md2d6vnv8], .analytics-filters button[b-3md2d6vnv8] { min-height:40px; border:1px solid #cbd5e1; border-radius:6px; padding:8px 12px; background:white; color:#1e293b; }
.analytics-filters select[b-3md2d6vnv8] { max-width:360px; }
.analytics-filters button[b-3md2d6vnv8] { background:#2d6a4f; color:white; cursor:pointer; }
.analytics-filters button:disabled[b-3md2d6vnv8] { opacity:.6; cursor:wait; }
.analytics-scroll[b-3md2d6vnv8] { overflow-x:auto; }
.analytics-table[b-3md2d6vnv8] { width:100%; border-collapse:collapse; text-align:left; }
.analytics-table th[b-3md2d6vnv8], .analytics-table td[b-3md2d6vnv8] { padding:12px; border-bottom:1px solid #e2e8f0; }
.analytics-table th[b-3md2d6vnv8] { background:#eff6ff; }
.analytics-bars[b-3md2d6vnv8] { display:flex; min-width:130px; width:100%; height:14px; background:#f1f5f9; border-radius:4px; overflow:hidden; }
.logged-bar[b-3md2d6vnv8] { background:#2d6a4f; }
.gap-bar[b-3md2d6vnv8] { background:#b8860b; }
.compliance-bar[b-3md2d6vnv8] { background:#245ef4; }
.logged-key[b-3md2d6vnv8] { color:#2d6a4f; }
.gap-key[b-3md2d6vnv8] { color:#946900; }
@media(max-width:600px) { .analytics-filters label[b-3md2d6vnv8], .analytics-filters select[b-3md2d6vnv8] { width:100%; max-width:100%; } }

.analytics-chart-grid[b-3md2d6vnv8] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; margin:24px 0; }
.analytics-visual[b-3md2d6vnv8] { min-width:0; padding:20px 18px; border:1px solid #d5e5fa; border-radius:12px; background:linear-gradient(135deg,#ffffff,#f0faf7); box-shadow:0 3px 14px rgba(30,58,138,.03); }
.daily-visual[b-3md2d6vnv8] { grid-column:1 / -1; }
.analytics-visual h3[b-3md2d6vnv8] { margin:0 0 16px; color:#315f93; font-size:14px; font-weight:600; }
.analytics-visual p[b-3md2d6vnv8] { color:#64748b; font-size:12px; margin:14px 0 0; line-height:1.5; }
.analytics-chart-scroll[b-3md2d6vnv8] { overflow-x:auto; }
.analytics-chart-frame[b-3md2d6vnv8] { padding:4px 0; }
.analytics-chart-empty[b-3md2d6vnv8] { min-height:300px; display:flex; align-items:center; justify-content:center; padding:24px; color:#64748b; text-align:center; }
@media(max-width:900px) { .analytics-chart-grid[b-3md2d6vnv8] { grid-template-columns:minmax(0,1fr); } }
/* /Pages/OMSWeb/Reports/TimeSheet/ApprovalQueue.razor.rz.scp.css */
/* ApprovalQueue: isolated layout and Roles / ResetPassword theme. */
.timesheet-page[b-b5x5nogp58] {
        --ink-900: #1E2640; 
        --ink-700: #2C3A5E; 
        --paper-50: #FCFCFA; 
        --paper-100: #F1F3F5; 
        --brass-500: #D4A35B; 
        --brass-100: #FBF4E7; 
        --moss-600: #3B7A57; 
        --moss-100: #EAF2EC; 
        --clay-500: #D9534F; 
        --clay-100: #FDF2F2; 
        --slate-500: #6C7A89; 
        --slate-100: #E8ECEF; 
        --amber-600: #E6A23C; 
        --amber-100: #FDF6EC; 
        --line: #E2E8F0; 
    }

    

    
    .timesheet-page[b-b5x5nogp58] {
        display: flex;
        min-height: 100vh;
    }







    .timesheet-page[b-b5x5nogp58]  .app-main {
        flex: 1;
        min-width: 0;
        background: var(--paper-50);
    }

    
    .timesheet-page[b-b5x5nogp58]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-b5x5nogp58]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease, box-shadow 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-b5x5nogp58]  .tab-rail-item:hover {
            background: #FDEDB5;
            box-shadow: 3px 3px 8px rgba(0,0,0,0.16);
        }

        .timesheet-page[b-b5x5nogp58]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    
    .timesheet-page[b-b5x5nogp58]  .ts-shell {
        font-family: inherit;
        color: var(--ink-900);
    }

    .timesheet-page[b-b5x5nogp58]  .ts-header-band {
        background: #FFFFFF;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 26px 32px;
        position: relative;
        overflow: hidden;
        margin-bottom: 22px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    }

        .timesheet-page[b-b5x5nogp58]  .ts-header-band::after {
            content: "";
            position: absolute;
            right: -40px;
            top: -60px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(212, 163, 91, 0.08) 0%, rgba(212, 163, 91, 0) 70%);
        }

    .timesheet-page[b-b5x5nogp58]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        font-size: 0.7rem;
        color: var(--brass-500);
        text-transform: uppercase;
        font-weight: 600;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-title {
        font-family: inherit;
        font-weight: 600;
        font-size: 2rem;
        color: var(--ink-900);
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stat-row {
        display: flex;
        gap: 28px;
        margin-top: 16px;
        flex-wrap: wrap;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stat-num {
        font-family: inherit;
        font-weight: 600;
        font-size: 1.6rem;
        color: var(--ink-900);
        line-height: 1;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stat-label {
        font-family: inherit;
        font-size: 0.66rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--slate-500);
        margin-top: 4px;
    }

    
    .timesheet-page[b-b5x5nogp58]  .ts-tab-row {
        display: flex;
        gap: 6px;
        margin-bottom: 18px;
        flex-wrap: wrap;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-tab {
        font-family: inherit;
        font-size: 0.74rem;
        padding: 7px 14px;
        border-radius: 999px;
        border: 1px solid var(--line);
        background: white;
        color: var(--slate-500);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: all 0.15s ease;
    }

        .timesheet-page[b-b5x5nogp58]  .ts-tab:hover {
            border-color: var(--ink-900);
            color: var(--ink-900);
            background: var(--paper-100);
        }

        .timesheet-page[b-b5x5nogp58]  .ts-tab.active {
            background: var(--ink-900);
            border-color: var(--ink-900);
            color: #FFFFFF;
        }

    .timesheet-page[b-b5x5nogp58]  .ts-tab-count {
        font-weight: 600;
    }

    
    .timesheet-page[b-b5x5nogp58]  .ts-approval-card {
        background: white;
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 18px 20px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.01);
    }

        .timesheet-page[b-b5x5nogp58]  .ts-approval-card::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: var(--card-rail, var(--slate-100));
        }

        .timesheet-page[b-b5x5nogp58]  .ts-approval-card.decided {
            opacity: 0.78;
            background: var(--paper-50);
        }

    .timesheet-page[b-b5x5nogp58]  .ts-avatar-lg {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.85rem;
        color: white;
        flex-shrink: 0;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-person-name {
        font-family: inherit;
        font-weight: 700;
        font-size: 1.02rem;
        color: var(--ink-900);
    }

    .timesheet-page[b-b5x5nogp58]  .ts-person-date {
        font-family: inherit;
        font-size: 0.78rem;
        color: var(--slate-500);
    }

    .timesheet-page[b-b5x5nogp58]  .ts-task-desc {
        font-size: 0.86rem;
        color: var(--slate-500);
        margin-top: 3px;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-hours-logged {
        font-family: inherit;
        font-size: 0.86rem;
        font-weight: 600;
        color: var(--ink-700);
        margin-top: 4px;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stamp {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-family: inherit;
        font-size: 0.66rem;
        letter-spacing: 0.06em;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 4px;
        border: 1.5px dashed currentColor;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stamp-submitted {
        color: var(--slate-500);
        background: var(--slate-100);
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stamp-approved {
        color: var(--moss-600);
        background: var(--moss-100);
        border-style: solid;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-stamp-rejected {
        color: var(--clay-500);
        background: var(--clay-100);
        border-style: solid;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-field .mud-input-outlined-border {
        border-color: var(--line) !important;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-comment-error {
        color: var(--clay-500);
        font-family: inherit;
        font-size: 0.74rem;
        margin-top: 4px;
        display: block;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-btn-approve {
        background: var(--moss-600) !important;
        color: white !important;
        text-transform: none !important;
        font-weight: 600;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-btn-reject {
        background: white !important;
        color: var(--clay-500) !important;
        border: 1.5px solid var(--clay-500) !important;
        text-transform: none !important;
        font-weight: 500;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-btn-undo {
        color: var(--slate-500) !important;
        text-transform: none !important;
    }

    .timesheet-page[b-b5x5nogp58]  .ts-empty-state {
        text-align: center;
        padding: 48px 24px;
        font-family: inherit;
        color: var(--slate-500);
        font-size: 0.85rem;
        border: 1px dashed var(--line);
        border-radius: 14px;
        background: white;
    }

    
    @media (max-width: 900px) {
        .timesheet-page[b-b5x5nogp58] {
            flex-direction: column;
        }

        .timesheet-page[b-b5x5nogp58]  .tab-rail {
            flex-direction: row;
            height: auto;
            width: 100%;
            position: static;
            padding: 10px;
            overflow-x: auto;
        }

        .timesheet-page[b-b5x5nogp58]  .tab-rail-item {
            writing-mode: horizontal-tb;
            transform: none;
            border-radius: 6px;
            border: 1px solid #E4C15A;
        }
    }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-b5x5nogp58] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}
.timesheet-page[b-b5x5nogp58]  .app-main { background: transparent; width: 100%; }
.timesheet-page[b-b5x5nogp58]  .ts-shell { width: 100%; max-width: 100%; min-height: 0 !important; padding: 0 !important; margin: 0 !important; font-family: inherit; }
.timesheet-page[b-b5x5nogp58]  .tab-rail {
    position: sticky; top: 96px; width: 44px; height: auto; flex-direction: column;
    flex: 0 0 44px; align-self: flex-start; max-height: calc(100dvh - 108px);
    align-items: center; gap: 8px; padding: 6px 3px;
    overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; border: 1px solid #d9e5f1; border-radius: 14px;
    background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
}
.timesheet-page[b-b5x5nogp58]  .tab-rail-item {
    writing-mode: vertical-rl; transform: rotate(180deg); flex-shrink: 0;
    padding: 12px 7px; border: 1px solid transparent; border-radius: 9px;
    color: #496580; background: transparent; box-shadow: none;
    font-size: .82rem; font-weight: 600; letter-spacing: 0;
}
.timesheet-page[b-b5x5nogp58]  .tab-rail-item:hover { background: #edf4ff; color: #164d99; box-shadow: none; }
.timesheet-page[b-b5x5nogp58]  .tab-rail-item.active { background: #e1f4ec; border-color: #cbe8dc; color: #00765b; }
.timesheet-page[b-b5x5nogp58]  .ts-header-band {
    padding: 20px 22px; margin-bottom: 18px; border: 1px solid #d5e5ff;
    border-radius: 14px; background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    box-shadow: inset 0 1px 0 #fff;
}
.timesheet-page[b-b5x5nogp58]  .ts-header-band::after { pointer-events: none; background: radial-gradient(circle, #d9f4e780, transparent 70%); }
.timesheet-page[b-b5x5nogp58]  .ts-title, .timesheet-page[b-b5x5nogp58]  .ts-greeting { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.timesheet-page[b-b5x5nogp58]  .ts-eyebrow { color: #2463b8; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.timesheet-page[b-b5x5nogp58]  .ts-subline { color: #60758c; font-size: .84rem; line-height: 1.6; }
.timesheet-page[b-b5x5nogp58]  .ts-card, .timesheet-page[b-b5x5nogp58]  .ts-tracker-card, .timesheet-page[b-b5x5nogp58]  .ts-chart-card, .timesheet-page[b-b5x5nogp58]  .ts-kpi, .timesheet-page[b-b5x5nogp58]  .ts-summary-card, .timesheet-page[b-b5x5nogp58]  .ts-approval-card, .timesheet-page[b-b5x5nogp58]  .ts-toolbar, .timesheet-page[b-b5x5nogp58]  .ts-filter-bar, .timesheet-page[b-b5x5nogp58]  .ts-grid-card, .timesheet-page[b-b5x5nogp58]  .ts-grid-container {
    border-color: #dae6f2; border-radius: 14px;
    box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
    background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
}
.timesheet-page[b-b5x5nogp58]  .ts-card-label, .timesheet-page[b-b5x5nogp58]  .ts-chart-label, .timesheet-page[b-b5x5nogp58]  .ts-field-label, .timesheet-page[b-b5x5nogp58]  .ts-summary-label, .timesheet-page[b-b5x5nogp58]  .ts-kpi-label { color: #60758c; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.timesheet-page[b-b5x5nogp58]  .ts-stat-num, .timesheet-page[b-b5x5nogp58]  .ts-summary-value, .timesheet-page[b-b5x5nogp58]  .ts-kpi-value { font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.timesheet-page[b-b5x5nogp58]  .mud-button-root { border-radius: 8px; text-transform: none; font-weight: 600; font-size: .8rem; min-height: 36px; }
.timesheet-page[b-b5x5nogp58]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-b5x5nogp58]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-b5x5nogp58]  .ts-btn-primary:not(:disabled), .timesheet-page[b-b5x5nogp58]  .ts-btn-approve:not(:disabled), .timesheet-page[b-b5x5nogp58]  .ts-action-btn:not(:disabled) {
    background: linear-gradient(135deg, #00896c, #00765b) !important;
    color: #fff !important; box-shadow: 0 3px 10px #00856620;
}
.timesheet-page[b-b5x5nogp58]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-b5x5nogp58]  .ts-btn-outline:not(:disabled) { color: #00765b !important; border-color: #b9dfd0 !important; background: #f5fcf8 !important; }
.timesheet-page[b-b5x5nogp58]  .mud-button-root:disabled { opacity: .5; box-shadow: none; }
.timesheet-page[b-b5x5nogp58]  .mud-input-outlined { border-radius: 9px; background: #fff; font-size: .86rem; }
.timesheet-page[b-b5x5nogp58]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.timesheet-page[b-b5x5nogp58]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; }
.timesheet-page[b-b5x5nogp58]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.timesheet-page[b-b5x5nogp58]  .mud-input-label { font-size: .86rem; }
.timesheet-page[b-b5x5nogp58]  input[type="date"] { max-width: 100%; min-width: 0; border-radius: 9px; border-color: #cbdbea; color: #17324e; }
.timesheet-page[b-b5x5nogp58]  .ts-grid thead th, .timesheet-page[b-b5x5nogp58]  .mud-table-head .mud-table-cell, .timesheet-page[b-b5x5nogp58]  .ts-grid-header { background: #eef5ff; color: #164d99; }
.timesheet-page[b-b5x5nogp58]  .ts-th-btn, .timesheet-page[b-b5x5nogp58]  .ts-grid-header-cell { color: #164d99; font-size: .78rem; font-weight: 600; letter-spacing: 0; }
.timesheet-page[b-b5x5nogp58]  .ts-grid tbody td, .timesheet-page[b-b5x5nogp58]  .mud-table-body .mud-table-cell { padding: 11px 14px; font-size: .83rem; border-color: #e3ecf5; }
.timesheet-page[b-b5x5nogp58]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-b5x5nogp58]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-b5x5nogp58]  .ts-grid-row:nth-child(even) { background: #f8fbff; }
.timesheet-page[b-b5x5nogp58]  .ts-grid tbody tr:hover, .timesheet-page[b-b5x5nogp58]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-b5x5nogp58]  .ts-grid-row:hover { background: #eef7ff; }
.timesheet-page[b-b5x5nogp58]  .ts-grid-scroll, .timesheet-page[b-b5x5nogp58]  .mud-table-container, .timesheet-page[b-b5x5nogp58]  .ts-grid-container { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.timesheet-page[b-b5x5nogp58]  .ts-grid-header, .timesheet-page[b-b5x5nogp58]  .ts-grid-row, .timesheet-page[b-b5x5nogp58]  .ts-grid-total { min-width: 760px; }
.timesheet-page[b-b5x5nogp58]  .ts-grid-total { background: #e8f8f1; border-color: #cbe8dc; }
.timesheet-page[b-b5x5nogp58]  .ts-grid-footer, .timesheet-page[b-b5x5nogp58]  .mud-table-pagination { background: #fff; min-height: 52px; }
.timesheet-page[b-b5x5nogp58]  .mud-table-cell .mud-icon-button { width: 32px; height: 32px; border-radius: 50%; }
.timesheet-page[b-b5x5nogp58]  .mud-table-cell .mud-icon-button-color-primary { background: #eaf2ff; color: #2463b8; }
.timesheet-page[b-b5x5nogp58]  .mud-table-cell .mud-icon-button-color-error { background: #fff0f1; color: #be3455; }
.timesheet-page[b-b5x5nogp58]  .ts-stamp { transform: none; border-radius: 16px; font-size: .7rem; letter-spacing: .02em; }
.timesheet-page[b-b5x5nogp58]  .ts-tab-row { flex-wrap: wrap; gap: 8px; }
.timesheet-page[b-b5x5nogp58]  .ts-tab.active, .timesheet-page[b-b5x5nogp58]  .ts-day-pill.active { background: #e1f4ec; color: #00765b; border-color: #b9dfd0; }
.timesheet-page[b-b5x5nogp58]  .ts-filter-btn.active { background: #008566; border-color: #008566; color: #fff; }
.timesheet-page[b-b5x5nogp58]  .ts-task-picker-btn { color: #00765b !important; }
.timesheet-page[b-b5x5nogp58]  .ts-punch-active, .timesheet-page[b-b5x5nogp58]  .ts-month-cell-active, .timesheet-page[b-b5x5nogp58]  .ts-task-panel-item.active { background: #e8f8f1; border-color: #008566; box-shadow: none; }
.timesheet-page[b-b5x5nogp58]  .ts-punch-active::before, .timesheet-page[b-b5x5nogp58]  .ts-punch-active::after { background: #e8f8f1; border-color: #008566; }
.timesheet-page[b-b5x5nogp58]  .ts-month-cell:not(.ts-month-cell-muted):hover { border-color: #008566; }
.timesheet-page[b-b5x5nogp58]  .ts-day-task-row, .timesheet-page[b-b5x5nogp58]  .ts-footer-bar, .timesheet-page[b-b5x5nogp58]  .ts-week-nav, .timesheet-page[b-b5x5nogp58]  .ts-stat-row { flex-wrap: wrap; gap: 12px; }
.timesheet-page[b-b5x5nogp58]  button:focus-visible, .timesheet-page[b-b5x5nogp58]  a:focus-visible, .timesheet-page[b-b5x5nogp58]  input:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
@media (max-width: 600px) {
    .timesheet-page[b-b5x5nogp58] { padding: 4px; }
    .timesheet-page[b-b5x5nogp58]  .ts-header-band { padding: 18px 14px; }
    .timesheet-page[b-b5x5nogp58]  .ts-card, .timesheet-page[b-b5x5nogp58]  .ts-tracker-card, .timesheet-page[b-b5x5nogp58]  .ts-chart-card, .timesheet-page[b-b5x5nogp58]  .ts-approval-card { padding: 16px 14px; }
    .timesheet-page[b-b5x5nogp58]  .ts-summary-card, .timesheet-page[b-b5x5nogp58]  .ts-kpi { padding: 14px 12px; }
    .timesheet-page[b-b5x5nogp58]  .mud-button-root, .timesheet-page[b-b5x5nogp58]  .ts-filter-btn, .timesheet-page[b-b5x5nogp58]  .ts-week-nav-btn, .timesheet-page[b-b5x5nogp58]  .ts-day-pill { min-height: 42px; }
    .timesheet-page[b-b5x5nogp58]  .ts-month-grid { gap: 3px; }
    .timesheet-page[b-b5x5nogp58]  .ts-month-cell { min-width: 0; padding: 5px 2px; }
    .timesheet-page[b-b5x5nogp58]  .ts-month-mini-stamp { max-width: 100%; overflow: hidden; font-size: .5rem; }
    .timesheet-page[b-b5x5nogp58]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; gap: 8px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-b5x5nogp58]  *, .timesheet-page[b-b5x5nogp58]  *::before, .timesheet-page[b-b5x5nogp58]  *::after { animation: none !important; transition: none !important; }
}
/* /Pages/OMSWeb/Reports/TimeSheet/ResponsibilityReportFormat.razor.rz.scp.css */
/* ============================================================
   ResponsibilityReportFormat - Styles
   Matches WorkAllocationDetailReport design exactly
   Teal gradient hero | White outlined panels | Clean Stat Cards & Table
   ============================================================ */

.allocation-report[b-x96usj4xk0] {
    min-height: 100vh;
    color: #173e3a;
    background: linear-gradient(180deg, #f2faf8 0%, #f8fbfa 100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ── Hero header ── */
[b-x96usj4xk0] .report-hero,
.report-hero[b-x96usj4xk0] {
    color: #fff;
    border-radius: 18px;
    background: linear-gradient(120deg, #1c625b 0%, #2e8d80 58%, #43ab94 100%);
    box-shadow: 0 14px 34px rgba(35, 127, 117, .18);
}

[b-x96usj4xk0] .report-icon,
.report-icon[b-x96usj4xk0] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
}

[b-x96usj4xk0] .report-eyebrow,
.report-eyebrow[b-x96usj4xk0] { color: #d9f5ed; letter-spacing: .14em; font-weight: 700; font-size: 11px; }

[b-x96usj4xk0] .report-title,
.report-title[b-x96usj4xk0] { color: #fff; font-weight: 750; letter-spacing: -.02em; text-shadow: none; font-size: 26px; }

[b-x96usj4xk0] .report-subtitle,
.report-subtitle[b-x96usj4xk0] { color: rgba(255,255,255,.9); margin-top: 4px; font-weight: 500; font-size: 14px; }

[b-x96usj4xk0] .hero-stat-badge,
.hero-stat-badge[b-x96usj4xk0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    color: #fff;
    backdrop-filter: blur(4px);
}

[b-x96usj4xk0] .hero-stat-label,
.hero-stat-label[b-x96usj4xk0] { font-size: 12px; color: #d9f5ed; font-weight: 500; }

[b-x96usj4xk0] .hero-stat-val,
.hero-stat-val[b-x96usj4xk0] { font-size: 14px; font-weight: 700; color: #fff; }

/* ── Shared panels ── */
[b-x96usj4xk0] .filter-card,
[b-x96usj4xk0] .report-panel,
[b-x96usj4xk0] .summary-card,
[b-x96usj4xk0] .stat-card,
.filter-card[b-x96usj4xk0],
.report-panel[b-x96usj4xk0],
.summary-card[b-x96usj4xk0],
.stat-card[b-x96usj4xk0] {
    border-color: #d7e9e5 !important;
    border-radius: 14px;
    background: #fff;
}

[b-x96usj4xk0] .filter-card,
.filter-card[b-x96usj4xk0] { box-shadow: 0 5px 18px rgba(35, 127, 117, .05); }

[b-x96usj4xk0] .report-panel,
.report-panel[b-x96usj4xk0] { box-shadow: 0 7px 24px rgba(35, 127, 117, .055); }

/* ── Typography helpers ── */
[b-x96usj4xk0] .section-title,
.section-title[b-x96usj4xk0] { color: #174f49; font-weight: 700; }

[b-x96usj4xk0] .helper-text,
.helper-text[b-x96usj4xk0] { color: #1976d2 !important; font-weight: 600; font-size: 12px; }

[b-x96usj4xk0] .meta-text,
.meta-text[b-x96usj4xk0] { color: #52736e !important; font-weight: 500; }

/* ── Apply / Reset buttons ── */
[b-x96usj4xk0] .filter-button,
.filter-button[b-x96usj4xk0] {
    min-width: 104px;
    min-height: 40px;
    border-color: #43ab94 !important;
    border-radius: 999px;
    color: #237f75 !important;
    font-weight: 700;
}

[b-x96usj4xk0] .reset-button,
.reset-button[b-x96usj4xk0] {
    border-color: #88aaa4 !important;
    color: #52736e !important;
}

/* ── Summary cards (Matches WorkAllocationDetailReport EXACTLY) ── */
[b-x96usj4xk0] .summary-card,
.summary-card[b-x96usj4xk0] {
    position: relative;
    overflow: hidden;
    min-height: 108px;
    box-shadow: 0 6px 20px rgba(35, 127, 117, .055);
    transition: transform .18s ease, box-shadow .18s ease;
    border: 1px solid #d7e9e5;
    border-radius: 14px;
    background: #fff;
}

[b-x96usj4xk0] .summary-card.has-accent::before,
.summary-card.has-accent[b-x96usj4xk0]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: linear-gradient(180deg, #43ab94, #237f75);
}

[b-x96usj4xk0] .summary-card:hover,
.summary-card:hover[b-x96usj4xk0] {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(35, 127, 117, .1);
}

[b-x96usj4xk0] .summary-label,
.summary-label[b-x96usj4xk0] { color: #237f75 !important; font-weight: 650; }

[b-x96usj4xk0] .summary-value,
.summary-value[b-x96usj4xk0] { color: #174f49; font-weight: 750; margin: 4px 0 2px; }

[b-x96usj4xk0] .summary-subtext,
.summary-subtext[b-x96usj4xk0] { color: #43ab94 !important; font-weight: 600; }

/* ── Detail panel accent ── */
[b-x96usj4xk0] .summary-detail-panel,
.summary-detail-panel[b-x96usj4xk0] { border-top: 3px solid #43ab94 !important; }

/* ── Data grid / table ── */
[b-x96usj4xk0] .report-table,
.report-table[b-x96usj4xk0] {
    overflow: hidden;
    border: 1px solid #dcece8;
    border-radius: 11px;
}

[b-x96usj4xk0] .report-table .mud-table-head,
.report-table .mud-table-head[b-x96usj4xk0] { background: #eff8f6; }

[b-x96usj4xk0] .report-table .mud-table-head .mud-table-cell,
.report-table .mud-table-head .mud-table-cell[b-x96usj4xk0] {
    color: #315e58;
    font-weight: 700;
    white-space: nowrap;
}

[b-x96usj4xk0] .report-table .mud-table-row:hover,
.report-table .mud-table-row:hover[b-x96usj4xk0] { background: #f2faf8 !important; }

/* ── Text shadow normalization ── */
[b-x96usj4xk0] .allocation-report .mud-typography,
[b-x96usj4xk0] .allocation-report .mud-input,
[b-x96usj4xk0] .allocation-report .mud-table-cell,
.allocation-report .mud-typography[b-x96usj4xk0],
.allocation-report .mud-input[b-x96usj4xk0],
.allocation-report .mud-table-cell[b-x96usj4xk0] {
    text-shadow: none;
    opacity: 1;
}
/* /Pages/OMSWeb/Reports/TimeSheet/TaskList.razor.rz.scp.css */
/* TaskList: isolated layout and Roles / ResetPassword theme. */
.timesheet-page[b-ohrfqs3rlc] {
    --ink-900: #1E2A2E;
    --ink-700: #2E3D42;
    --paper-50: #F3F5F0;
    --paper-100: #EAEDE6;
    --brass-500: #C08A3E;
    --brass-100: #F1E3C9;
    --moss-600: #56705B;
    --moss-100: #E1E9E1;
    --clay-500: #B5483D;
    --clay-100: #F3DEDA;
    --slate-500: #6E7E8C;
    --slate-100: #DEE4E9;
    --amber-600: #B8811F;
    --amber-100: #F4E7C8;
    --violet-600: #6B4FA0;
    --violet-100: #EBE5F5;
    --line: #E3E0D6;
    --line-strong: #CFCBBE;
}



.timesheet-page[b-ohrfqs3rlc] {
    display: flex;
    min-height: 100vh;
}

    .timesheet-page[b-ohrfqs3rlc]  .app-main {
        flex: 1;
        min-width: 0;
        background: var(--paper-50);
    }

    .timesheet-page[b-ohrfqs3rlc]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.82rem;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item:hover {
            background: #FDEDB5;
        }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-shell {
        font-family: inherit;
        color: var(--ink-900);
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-header-band {
        background: #ffffff;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 26px 32px;
        position: relative;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        font-size: 0.7rem;
        color: var(--brass-500);
        text-transform: none;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-title {
        font-family: inherit;
        font-weight: 600;
        font-size: 2rem;
        color: var(--ink-900);
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-subline {
        color: var(--slate-500);
        font-size: 0.9rem;
        margin-top: 6px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-toolbar {
        background: #fdfdfd;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 16px 18px;
        margin-bottom: 20px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-field-label {
        font-family: inherit;
        font-size: 0.82rem;
        letter-spacing: 0.06em;
        color: var(--slate-500);
        text-transform: none;
        margin-bottom: 4px;
        display: block;
        font-weight: 600;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-card {
        background: white;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(30,42,46,0.04);
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-scroll {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 640px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        min-width: 1800px;
        table-layout: fixed;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-grid thead th {
            position: sticky;
            top: 0;
            z-index: 2;
            background: var(--paper-50);
            border-bottom: 1px solid var(--line-strong);
            padding: 12px 14px;
            text-align: left;
            white-space: nowrap;
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-th-btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        font: inherit;
        font-size: 0.66rem;
        text-transform: none;
        color: var(--slate-500);
        letter-spacing: 0.08em;
        width: 100%;
        text-align: left;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-th-btn:hover {
            color: var(--ink-900);
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-th-btn.active {
            color: var(--ink-900);
            font-weight: 600;
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-th-arrow {
        font-size: 0.6rem;
        display: inline-block;
        width: 12px;
        text-align: center;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody td {
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        vertical-align: middle;
        font-size: 0.85rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr {
        position: relative;
        transition: background 0.12s ease;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr:last-child td {
            border-bottom: none;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr:hover {
            background: #FAFAF7;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--rail-color, transparent);
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-mono {
        font-family: inherit;
        font-variant-numeric: tabular-nums;
        color: var(--ink-700);
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-num-cell {
        text-align: right;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp {
        display: inline-block;
        font-family: inherit;
        font-size: 0.62rem;
        letter-spacing: 0.06em;
        font-weight: 600;
        padding: 3px 8px;
        border-radius: 3px;
        border: 1.5px solid currentColor;
        text-transform: none;
        white-space: nowrap;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-cancel {
        color: #C62828;
        background: #FFEBEE;
        border-color: #FFCDD2;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-onhold {
        color: #8D6E63;
        background: #EFEBE9;
        border-color: #D7CCC8;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-close {
        color: #2D6A4F;
        background: #E8F5E9;
        border-color: #A5D6A7;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-open {
        color: #0277BD;
        background: #E1F5FE;
        border-color: #81D4FA;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-allocated {
        color: #6A1B9A;
        background: #F3E5F5;
        border-color: #CE93D8;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-wip {
        color: #E65100;
        background: #FFF3E0;
        border-color: #FFCC80;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp-default {
        color: #94A3B8;
        background: #F8FAFC;
        border-color: #E2E8F0;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-action-btn {
        background: var(--brass-500) !important;
        color: #FFFFFF !important;
        text-transform: none;
        font-weight: 600;
        font-size: 0.82rem;
        min-width: unset !important;
        padding: 4px 10px !important;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        padding: 12px 18px;
        background: var(--paper-50);
        border-top: 1px solid var(--line);
        font-family: inherit;
        font-size: 0.76rem;
        color: var(--slate-500);
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-empty-state {
        padding: 56px 24px;
        text-align: center;
        color: var(--slate-500);
        font-family: inherit;
        font-size: 0.85rem;
    }

    .timesheet-page[b-ohrfqs3rlc]  input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        min-height: 36px;
        box-sizing: border-box;
        font-family: inherit;
        font-size: 0.8rem;
        color: #1E293B;
        background: #F8FAFC;
        border: 1px solid #E2E8F0;
        border-radius: 8px;
        padding: 8px 12px;
        outline: none;
        cursor: pointer;
        width: 150px;
    }

        .timesheet-page[b-ohrfqs3rlc]  input[type="date"]:focus {
            border-color: #B8860B !important;
            box-shadow: 0 0 0 2px rgba(184,134,11,0.15);
        }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-ohrfqs3rlc] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}

    .timesheet-page[b-ohrfqs3rlc]  .app-main {
        background: transparent;
        width: 100%;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-shell {
        width: 100%;
        max-width: 100%;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: inherit;
    }

    .timesheet-page[b-ohrfqs3rlc]  .tab-rail {
        position: sticky;
        top: 96px;
        width: 44px;
        height: auto;
        flex-direction: column;
        flex: 0 0 44px;
        align-self: flex-start;
        max-height: calc(100dvh - 108px);
        align-items: center;
        gap: 8px;
        padding: 6px 3px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        border: 1px solid #d9e5f1;
        border-radius: 14px;
        background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    }

    .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        flex-shrink: 0;
        padding: 12px 7px;
        border: 1px solid transparent;
        border-radius: 9px;
        color: #496580;
        background: transparent;
        box-shadow: none;
        font-size: .82rem;
        font-weight: 600;
        letter-spacing: 0;
    }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item:hover {
            background: #edf4ff;
            color: #164d99;
            box-shadow: none;
        }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item.active {
            background: #e1f4ec;
            border-color: #cbe8dc;
            color: #00765b;
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-header-band {
        padding: 20px 22px;
        margin-bottom: 18px;
        border: 1px solid #d5e5ff;
        border-radius: 14px;
        background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
        box-shadow: inset 0 1px 0 #fff;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-header-band::after {
            pointer-events: none;
            background: radial-gradient(circle, #d9f4e780, transparent 70%);
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-title, .timesheet-page[b-ohrfqs3rlc]  .ts-greeting {
        font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem);
        font-weight: 700;
        letter-spacing: -.03em;
        line-height: 1.3;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-eyebrow {
        color: #2463b8;
        font-size: .65rem;
        font-weight: 700;
        letter-spacing: .1em;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-subline {
        color: #60758c;
        font-size: .84rem;
        line-height: 1.6;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-card, .timesheet-page[b-ohrfqs3rlc]  .ts-tracker-card, .timesheet-page[b-ohrfqs3rlc]  .ts-chart-card, .timesheet-page[b-ohrfqs3rlc]  .ts-kpi, .timesheet-page[b-ohrfqs3rlc]  .ts-summary-card, .timesheet-page[b-ohrfqs3rlc]  .ts-approval-card, .timesheet-page[b-ohrfqs3rlc]  .ts-toolbar, .timesheet-page[b-ohrfqs3rlc]  .ts-filter-bar, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-card, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-container {
        border-color: #dae6f2;
        border-radius: 14px;
        box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
        background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-card-label, .timesheet-page[b-ohrfqs3rlc]  .ts-chart-label, .timesheet-page[b-ohrfqs3rlc]  .ts-field-label, .timesheet-page[b-ohrfqs3rlc]  .ts-summary-label, .timesheet-page[b-ohrfqs3rlc]  .ts-kpi-label {
        color: #60758c;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .04em;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stat-num, .timesheet-page[b-ohrfqs3rlc]  .ts-summary-value, .timesheet-page[b-ohrfqs3rlc]  .ts-kpi-value {
        font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem);
        font-weight: 700;
        font-variant-numeric: tabular-nums;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-button-root {
        border-radius: 8px;
        text-transform: none;
        font-weight: 600;
        font-size: .8rem;
        min-height: 36px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-ohrfqs3rlc]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-ohrfqs3rlc]  .ts-btn-primary:not(:disabled), .timesheet-page[b-ohrfqs3rlc]  .ts-btn-approve:not(:disabled), .timesheet-page[b-ohrfqs3rlc]  .ts-action-btn:not(:disabled) {
        background: linear-gradient(135deg, #00896c, #00765b) !important;
        color: #fff !important;
        box-shadow: 0 3px 10px #00856620;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-ohrfqs3rlc]  .ts-btn-outline:not(:disabled) {
        color: #00765b !important;
        border-color: #b9dfd0 !important;
        background: #f5fcf8 !important;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-button-root:disabled {
        opacity: .5;
        box-shadow: none;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-input-outlined {
        border-radius: 9px;
        background: #fff;
        font-size: .86rem;
    }

        .timesheet-page[b-ohrfqs3rlc]  .mud-input-outlined .mud-input-outlined-border {
            border-color: #cbdbea;
        }

        .timesheet-page[b-ohrfqs3rlc]  .mud-input-outlined:focus-within .mud-input-outlined-border {
            border-color: #008566;
        }

    .timesheet-page[b-ohrfqs3rlc]  .mud-input-error .mud-input-outlined-border {
        border-color: var(--mud-palette-error) !important;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-input-label {
        font-size: .86rem;
    }

    .timesheet-page[b-ohrfqs3rlc]  input[type="date"] {
        max-width: 100%;
        min-width: 0;
        border-radius: 9px;
        border-color: #cbdbea;
        color: #17324e;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid thead th, .timesheet-page[b-ohrfqs3rlc]  .mud-table-head .mud-table-cell, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-header {
        background: #eef5ff;
        color: #164d99;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-th-btn, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-header-cell {
        color: #164d99;
        font-size: .78rem;
        font-weight: 600;
        letter-spacing: 0;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody td, .timesheet-page[b-ohrfqs3rlc]  .mud-table-body .mud-table-cell {
        padding: 11px 14px;
        font-size: .83rem;
        border-color: #e3ecf5;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-ohrfqs3rlc]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-ohrfqs3rlc]  .ts-grid-row:nth-child(even) {
        background: #f8fbff;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid tbody tr:hover, .timesheet-page[b-ohrfqs3rlc]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-row:hover {
        background: #eef7ff;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-scroll, .timesheet-page[b-ohrfqs3rlc]  .mud-table-container, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-container {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-x: contain;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-header, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-row, .timesheet-page[b-ohrfqs3rlc]  .ts-grid-total {
        min-width: 760px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-total {
        background: #e8f8f1;
        border-color: #cbe8dc;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-grid-footer, .timesheet-page[b-ohrfqs3rlc]  .mud-table-pagination {
        background: #fff;
        min-height: 52px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-table-cell .mud-icon-button {
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-table-cell .mud-icon-button-color-primary {
        background: #eaf2ff;
        color: #2463b8;
    }

    .timesheet-page[b-ohrfqs3rlc]  .mud-table-cell .mud-icon-button-color-error {
        background: #fff0f1;
        color: #be3455;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-stamp {
        transform: none;
        border-radius: 16px;
        font-size: .7rem;
        letter-spacing: .02em;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-tab-row {
        flex-wrap: wrap;
        gap: 8px;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-tab.active, .timesheet-page[b-ohrfqs3rlc]  .ts-day-pill.active {
        background: #e1f4ec;
        color: #00765b;
        border-color: #b9dfd0;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-filter-btn.active {
        background: #008566;
        border-color: #008566;
        color: #fff;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-task-picker-btn {
        color: #00765b !important;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-punch-active, .timesheet-page[b-ohrfqs3rlc]  .ts-month-cell-active, .timesheet-page[b-ohrfqs3rlc]  .ts-task-panel-item.active {
        background: #e8f8f1;
        border-color: #008566;
        box-shadow: none;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-punch-active::before, .timesheet-page[b-ohrfqs3rlc]  .ts-punch-active::after {
            background: #e8f8f1;
            border-color: #008566;
        }

    .timesheet-page[b-ohrfqs3rlc]  .ts-month-cell:not(.ts-month-cell-muted):hover {
        border-color: #008566;
    }

    .timesheet-page[b-ohrfqs3rlc]  .ts-day-task-row, .timesheet-page[b-ohrfqs3rlc]  .ts-footer-bar, .timesheet-page[b-ohrfqs3rlc]  .ts-week-nav, .timesheet-page[b-ohrfqs3rlc]  .ts-stat-row {
        flex-wrap: wrap;
        gap: 12px;
    }

    .timesheet-page[b-ohrfqs3rlc]  button:focus-visible, .timesheet-page[b-ohrfqs3rlc]  a:focus-visible, .timesheet-page[b-ohrfqs3rlc]  input:focus-visible {
        outline: 3px solid #245ef4;
        outline-offset: 3px;
    }

@media (max-width: 600px) {
    .timesheet-page[b-ohrfqs3rlc] {
        padding: 4px;
    }

        .timesheet-page[b-ohrfqs3rlc]  .ts-header-band {
            padding: 18px 14px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-card, .timesheet-page[b-ohrfqs3rlc]  .ts-tracker-card, .timesheet-page[b-ohrfqs3rlc]  .ts-chart-card, .timesheet-page[b-ohrfqs3rlc]  .ts-approval-card {
            padding: 16px 14px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-summary-card, .timesheet-page[b-ohrfqs3rlc]  .ts-kpi {
            padding: 14px 12px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .mud-button-root, .timesheet-page[b-ohrfqs3rlc]  .ts-filter-btn, .timesheet-page[b-ohrfqs3rlc]  .ts-week-nav-btn, .timesheet-page[b-ohrfqs3rlc]  .ts-day-pill {
            min-height: 42px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-month-grid {
            gap: 3px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-month-cell {
            min-width: 0;
            padding: 5px 2px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-month-mini-stamp {
            max-width: 100%;
            overflow: hidden;
            font-size: .5rem;
        }

        .timesheet-page[b-ohrfqs3rlc]  .mud-table-pagination-toolbar {
            flex-wrap: wrap;
            height: auto;
            gap: 8px;
            padding: 8px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-ohrfqs3rlc]  *, .timesheet-page[b-ohrfqs3rlc]  *::before, .timesheet-page[b-ohrfqs3rlc]  *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Allocation of Work style Hero Section */
.dashboard-hero[b-ohrfqs3rlc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: linear-gradient(135deg, #eff6ff 0%, #fff 55%, #f0fdfa 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

.hero-left[b-ohrfqs3rlc] {
    display: grid;
    gap: .45rem;
}

.hero-kicker[b-ohrfqs3rlc] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    width: fit-content;
    color: #1d4ed8;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.dashboard-title[b-ohrfqs3rlc] {
    color: #0f172a;
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

.dashboard-subtitle[b-ohrfqs3rlc] {
    color: #64748b;
}

.hero-actions[b-ohrfqs3rlc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .75rem;
}

/*.live-sync-pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .7rem;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    font-size: .75rem;
    font-weight: 600;
}*/

/*.pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,.13);
}
*/
/* Allocation Filter Panel */
.task-filter-toggle[b-ohrfqs3rlc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .25rem 0;
    border: 0;
    background: transparent;
    color: #1e293b;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.task-filter-toggle:hover[b-ohrfqs3rlc] { color: #2563eb; }
.task-filter-toggle:focus-visible[b-ohrfqs3rlc] { outline: 2px solid #2563eb; outline-offset: 4px; border-radius: 4px; }
#task-list-filters[b-ohrfqs3rlc] { padding-top: .85rem; }
.timesheet-page[b-ohrfqs3rlc]  .dashboard-filter-panel {
    padding: 1rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(15,23,42,.04);
}

/* Allocation Queue Container & Table */
.queue-container[b-ohrfqs3rlc] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15,23,42,.06);
}

.queue-topbar[b-ohrfqs3rlc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    border-bottom: 1px solid #e2e8f0;
}

.queue-title[b-ohrfqs3rlc] {
    color: #0f172a;
    font-weight: 800 !important;
}

.queue-meta[b-ohrfqs3rlc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
}

/* Grid Scroll & Strict No-Wrap Cells */
.task-name-cell[b-ohrfqs3rlc] { width: 320px; max-width: 320px; }
.task-name-text[b-ohrfqs3rlc] {
    color: #1e293b;
    font-size: .85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.task-name-text.is-expanded[b-ohrfqs3rlc] { white-space: pre-wrap; overflow-wrap: anywhere; }
.task-name-toggle[b-ohrfqs3rlc] {
    padding: .25rem 0 0;
    border: 0;
    background: transparent;
    color: #1d4ed8;
    font: inherit;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}
.task-name-toggle:focus-visible[b-ohrfqs3rlc] { outline: 2px solid #2563eb; outline-offset: 2px; }
.queue-container[b-ohrfqs3rlc]  .modern-queue-table { width: 100%; min-width: 0; }
.queue-container[b-ohrfqs3rlc]  .modern-queue-table .mud-table-container {
    max-width: 100%;
    max-height: none;
    overflow-x: auto;
}
.queue-container[b-ohrfqs3rlc]  .modern-queue-table .mud-table-root { min-width: 1750px; }
.ts-grid-footer[b-ohrfqs3rlc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .5rem 1rem;
    border-top: 1px solid #e2e8f0;
}
.ts-grid-footer > span[b-ohrfqs3rlc] { font-size: .8rem; color: #475569; }
.ts-grid-footer[b-ohrfqs3rlc]  .mud-table-pagination { min-width: 0; max-width: 100%; }
.ts-grid-footer[b-ohrfqs3rlc]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; min-height: 52px; }

[b-ohrfqs3rlc] .modern-queue-table .mud-table-head,
[b-ohrfqs3rlc] .modern-queue-table .mud-data-grid-header {
    background: #f8fafc;
}

[b-ohrfqs3rlc] .modern-queue-table .mud-table-cell,
[b-ohrfqs3rlc] .modern-queue-table .mud-data-grid-cell,
[b-ohrfqs3rlc] .modern-queue-table th,
[b-ohrfqs3rlc] .modern-queue-table td {
    padding: .8rem 1rem !important;
    border-color: #edf2f7 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

[b-ohrfqs3rlc] .modern-queue-table .mud-table-head .mud-table-cell,
[b-ohrfqs3rlc] .modern-queue-table th {
    color: #475569 !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    background: #f8fafc !important;
}

[b-ohrfqs3rlc] .modern-queue-table tr:hover {
    background: #f8fbff !important;
}

.empty-queue-state[b-ohrfqs3rlc] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: 2rem;
    text-align: center;
}

.empty-title[b-ohrfqs3rlc] {
    font-weight: 750 !important;
    font-size: 1.1rem;
    color: #1e293b;
}

.text-secondary[b-ohrfqs3rlc] {
    color: #64748b;
}

/* Native grid keeps labels and controls aligned at every width. */
.task-filter-grid[b-ohrfqs3rlc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 12px;
    align-items: end;
}

.task-filter-item[b-ohrfqs3rlc] {
    min-width: 0;
}

.task-filter-search[b-ohrfqs3rlc] {
    grid-column: span 2;
}

.task-filter-item > .ts-field-label[b-ohrfqs3rlc] {
    display: block;
    margin: 0 0 6px;
    font-size: .75rem;
    line-height: 18px;
}

.task-filter-item[b-ohrfqs3rlc]  .mud-input-control {
    margin: 0;
}

.task-filter-item[b-ohrfqs3rlc]  .mud-input-outlined {
    min-height: 40px;
    border-radius: 8px;
}

.task-filter-item input[type="date"][b-ohrfqs3rlc] {
    width: 100%;
    box-sizing: border-box;
    height: 40px !important;
}

.task-filter-item[b-ohrfqs3rlc]  .mud-button-root {
    width: 100%;
    min-height: 40px;
    height: 40px !important;
}

.timesheet-page[b-ohrfqs3rlc]  .dashboard-title {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 1100px) {
    .task-filter-grid[b-ohrfqs3rlc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-hero[b-ohrfqs3rlc] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 20px;
        gap: 16px;
    }
}

@media (max-width: 600px) {
    .task-filter-grid[b-ohrfqs3rlc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .task-filter-search[b-ohrfqs3rlc] {
        grid-column: auto;
    }

    .timesheet-page[b-ohrfqs3rlc] {
        flex-direction: column;
        gap: 10px;
    }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail {
            width: 100%;
            height: auto;
            position: static;
            flex-direction: row;
            justify-content: flex-start;
            overflow-x: auto;
            padding: 6px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .tab-rail-item {
            writing-mode: horizontal-tb;
            transform: none;
            flex-shrink: 0;
        }

        .timesheet-page[b-ohrfqs3rlc]  .dashboard-filter-panel {
            padding: 14px;
        }

        .timesheet-page[b-ohrfqs3rlc]  .ts-shell {
            padding: 0 !important;
        }

    .hero-actions[b-ohrfqs3rlc] {
        justify-content: flex-start;
    }
}
/* /Pages/OMSWeb/Reports/TimeSheet/TimeEntryDashboard.razor.rz.scp.css */
/* TimeEntryDashboard: isolated layout and Roles / ResetPassword theme. */
.timesheet-page[b-fku93eqz62] {
        --ink-900: #1E293B;
        --ink-700: #334155;
        --paper-50: #F8F9FA;
        --paper-100: #F1F3F5;
        --brass-500: #B8860B;
        --brass-100: #FFF8E7;
        --moss-600: #2D6A4F;
        --moss-100: #E8F5E9;
        --clay-500: #C62828;
        --clay-100: #FFEBEE;
        --slate-500: #64748B;
        --slate-100: #F1F5F9;
        --amber-600: #B8860B;
        --amber-100: #FFF8E7;
        --line: #E2E8F0;
        --sb-bg: #F1F5F9;
        --sb-text: #1E293B;
        --sb-text-muted: #64748B;
        --sb-hover: #E2E8F0;
        --sb-active-bg: #DBEAFE;
        --sb-active-text: #1E3A8A;
    }

    

    .timesheet-page[b-fku93eqz62] {
        display: flex;
        min-height: 100vh;
    }










    .timesheet-page[b-fku93eqz62]  .app-main {
        flex: 1;
        min-width: 0;
        background: #F8F9FA;
    }

    .timesheet-page[b-fku93eqz62]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-fku93eqz62]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease, box-shadow 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-fku93eqz62]  .tab-rail-item:hover {
            background: #FDEDB5;
            box-shadow: 3px 3px 8px rgba(0,0,0,0.16);
        }

        .timesheet-page[b-fku93eqz62]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    @media (max-width: 900px) {






    }

    .timesheet-page[b-fku93eqz62]  .ts-shell {
        font-family: inherit;
        color: #1E293B;
    }

    .timesheet-page[b-fku93eqz62]  .ts-header-band {
        background: linear-gradient(135deg, #ffffff 0%, #FFFFFF 100%);
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 26px 32px;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    }

    .timesheet-page[b-fku93eqz62]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        font-size: 0.7rem;
        color: #B8860B;
        text-transform: uppercase;
        font-weight: 600;
    }

    .timesheet-page[b-fku93eqz62]  .ts-title {
        font-family: inherit;
        font-weight: 600;
        font-size: 2rem;
        color: #1E293B;
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-fku93eqz62]  .ts-day-pill {
        font-family: inherit;
        font-size: 0.74rem;
        letter-spacing: 0.02em;
        padding: 7px 14px;
        border-radius: 999px;
        border: 1px solid #E2E8F0;
        background: #FFFFFF;
        color: #64748B;
        cursor: pointer;
        transition: all 0.15s ease;
    }

        .timesheet-page[b-fku93eqz62]  .ts-day-pill:hover {
            border-color: #60cbaa;
            color: #1E293B;
            background: #F1F3F5;
        }

        .timesheet-page[b-fku93eqz62]  .ts-day-pill.active {
            background: #60cbaa;
            border-color: #ffffff;
            color: #FFFFFF;
            font-weight: 600;
        }

    .timesheet-page[b-fku93eqz62]  .ts-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 26px 28px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    }

    .timesheet-page[b-fku93eqz62]  .ts-card-label {
        font-family: inherit;
        font-size: 0.72rem;
        letter-spacing: 0.14em;
        color: #64748B;
        text-transform: uppercase;
        font-weight: 600;
    }

    .timesheet-page[b-fku93eqz62]  .ts-field-label {
        font-family: inherit;
        font-size: 0.72rem;
        color: #334155;
        margin-bottom: 4px;
        display: block;
        font-weight: 500;
    }

    .timesheet-page[b-fku93eqz62]  .ts-field .mud-input-outlined-border {
        border-color: #E2E8F0 !important;
    }

    .timesheet-page[b-fku93eqz62]  .ts-btn-primary {
        background: #B8860B !important;
        color: #FFFFFF !important;
        font-weight: 600;
        text-transform: none;
    }

    .timesheet-page[b-fku93eqz62]  .ts-btn-outline {
        border: 1px solid #E2E8F0 !important;
        color: #334155 !important;
        font-weight: 500;
        text-transform: none;
        background: #FFFFFF !important;
    }

        .timesheet-page[b-fku93eqz62]  .ts-btn-outline:hover {
            background: #F1F3F5 !important;
        }

    .timesheet-page[b-fku93eqz62]  .ts-alert-error {
        background: #FFEBEE;
        color: #C62828;
        border: 1px solid #C62828;
        border-radius: 10px;
        padding: 10px 14px;
        font-size: 0.85rem;
        font-family: inherit;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .timesheet-page[b-fku93eqz62]  .ts-voice-hint {
        font-family: inherit;
        font-size: 0.74rem;
        color: #64748B;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-progress-track {
        height: 6px;
        border-radius: 3px;
        background: #F1F3F5;
        overflow: hidden;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-progress-fill {
        height: 100%;
        border-radius: 3px;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-figures {
        font-family: inherit;
        font-size: 0.82rem;
    }

    .timesheet-page[b-fku93eqz62]  .ts-stamp {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-family: inherit;
        font-size: 0.64rem;
        letter-spacing: 0.06em;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 4px;
        border: 1.5px dashed currentColor;
        text-transform: uppercase;
    }

    .timesheet-page[b-fku93eqz62]  .ts-stamp-approved {
        color: #2D6A4F;
        background: #E8F5E9;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-scroll {
        max-height: 360px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-gutter: stable;
        padding: 2px 6px 2px 2px;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-scroll:focus-visible {
        outline: 2px solid #2D6A4F;
        outline-offset: 2px;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slot-card {
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 12px;
        background: #FFFFFF;
        transition: all 0.15s ease;
    }

        .timesheet-page[b-fku93eqz62]  .ts-slot-card:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
            border-color: #64748B;
        }

    .timesheet-page[b-fku93eqz62]  .ts-slot-rail {
        width: 4px;
        border-radius: 4px;
        flex-shrink: 0;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slot-title {
        font-family: inherit;
        font-weight: 600;
        color: #1E293B;
        font-size: 0.95rem;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slot-time {
        font-family: inherit;
        font-size: 0.78rem;
        color: #64748B;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slot-hours {
        font-family: inherit;
        font-size: 0.78rem;
        font-weight: 600;
        color: #334155;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slot-remarks {
        font-size: 0.82rem;
        color: #64748B;
        margin-top: 2px;
    }

    .timesheet-page[b-fku93eqz62]  .ts-slots-empty {
        text-align: center;
        padding: 32px 16px;
        font-family: inherit;
        color: #64748B;
        font-size: 0.85rem;
        border: 1px dashed #E2E8F0;
        border-radius: 12px;
        background: #F8F9FA;
    }

    .timesheet-page[b-fku93eqz62]  .ts-footer-bar {
        border-radius: 12px;
        padding: 14px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #FFFFFF;
    }

    @media (max-width: 900px) {
        .timesheet-page[b-fku93eqz62]  .ts-title {
            font-size: 1.6rem;
        }

        .timesheet-page[b-fku93eqz62] {
            flex-direction: column;
        }

        .timesheet-page[b-fku93eqz62]  .tab-rail {
            flex-direction: row;
            height: auto;
            width: 100%;
            position: static;
            padding: 10px;
            overflow-x: auto;
        }

        .timesheet-page[b-fku93eqz62]  .tab-rail-item {
            writing-mode: horizontal-tb;
            transform: none;
            border-radius: 6px;
            border: 1px solid #E4C15A;
        }
    }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-fku93eqz62] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}
.timesheet-page[b-fku93eqz62]  .app-main { background: transparent; width: 100%; }
.timesheet-page[b-fku93eqz62]  .ts-shell { width: 100%; max-width: 100%; min-height: 0 !important; padding: 0 !important; margin: 0 !important; font-family: inherit; }
.timesheet-page[b-fku93eqz62]  .tab-rail {
    position: sticky; top: 96px; width: 44px; height: auto; flex-direction: column;
    flex: 0 0 44px; align-self: flex-start; max-height: calc(100dvh - 108px);
    align-items: center; gap: 8px; padding: 6px 3px;
    overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; border: 1px solid #d9e5f1; border-radius: 14px;
    background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
}
.timesheet-page[b-fku93eqz62]  .tab-rail-item {
    writing-mode: vertical-rl; transform: rotate(180deg); flex-shrink: 0;
    padding: 12px 7px; border: 1px solid transparent; border-radius: 9px;
    color: #496580; background: transparent; box-shadow: none;
    font-size: .82rem; font-weight: 600; letter-spacing: 0;
}
.timesheet-page[b-fku93eqz62]  .tab-rail-item:hover { background: #edf4ff; color: #164d99; box-shadow: none; }
.timesheet-page[b-fku93eqz62]  .tab-rail-item.active { background: #e1f4ec; border-color: #cbe8dc; color: #00765b; }
.timesheet-page[b-fku93eqz62]  .ts-header-band {
    padding: 20px 22px; margin-bottom: 18px; border: 1px solid #d5e5ff;
    border-radius: 14px; background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    box-shadow: inset 0 1px 0 #fff;
}
.timesheet-page[b-fku93eqz62]  .ts-header-band::after { pointer-events: none; background: radial-gradient(circle, #d9f4e780, transparent 70%); }
.timesheet-page[b-fku93eqz62]  .ts-title, .timesheet-page[b-fku93eqz62]  .ts-greeting { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.timesheet-page[b-fku93eqz62]  .ts-eyebrow { color: #2463b8; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.timesheet-page[b-fku93eqz62]  .ts-subline { color: #60758c; font-size: .84rem; line-height: 1.6; }
.timesheet-page[b-fku93eqz62]  .ts-card, .timesheet-page[b-fku93eqz62]  .ts-tracker-card, .timesheet-page[b-fku93eqz62]  .ts-chart-card, .timesheet-page[b-fku93eqz62]  .ts-kpi, .timesheet-page[b-fku93eqz62]  .ts-summary-card, .timesheet-page[b-fku93eqz62]  .ts-approval-card, .timesheet-page[b-fku93eqz62]  .ts-toolbar, .timesheet-page[b-fku93eqz62]  .ts-filter-bar, .timesheet-page[b-fku93eqz62]  .ts-grid-card, .timesheet-page[b-fku93eqz62]  .ts-grid-container {
    border-color: #dae6f2; border-radius: 14px;
    box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
    background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
}
.timesheet-page[b-fku93eqz62]  .ts-card-label, .timesheet-page[b-fku93eqz62]  .ts-chart-label, .timesheet-page[b-fku93eqz62]  .ts-field-label, .timesheet-page[b-fku93eqz62]  .ts-summary-label, .timesheet-page[b-fku93eqz62]  .ts-kpi-label { color: #60758c; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.timesheet-page[b-fku93eqz62]  .ts-stat-num, .timesheet-page[b-fku93eqz62]  .ts-summary-value, .timesheet-page[b-fku93eqz62]  .ts-kpi-value { font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.timesheet-page[b-fku93eqz62]  .mud-button-root { border-radius: 8px; text-transform: none; font-weight: 600; font-size: .8rem; min-height: 36px; }
.timesheet-page[b-fku93eqz62]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-fku93eqz62]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-fku93eqz62]  .ts-btn-primary:not(:disabled), .timesheet-page[b-fku93eqz62]  .ts-btn-approve:not(:disabled), .timesheet-page[b-fku93eqz62]  .ts-action-btn:not(:disabled) {
    background: linear-gradient(135deg, #00896c, #00765b) !important;
    color: #fff !important; box-shadow: 0 3px 10px #00856620;
}
.timesheet-page[b-fku93eqz62]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-fku93eqz62]  .ts-btn-outline:not(:disabled) { color: #00765b !important; border-color: #b9dfd0 !important; background: #f5fcf8 !important; }
.timesheet-page[b-fku93eqz62]  .mud-button-root:disabled { opacity: .5; box-shadow: none; }
.timesheet-page[b-fku93eqz62]  .mud-input-outlined { border-radius: 9px; background: #fff; font-size: .86rem; }
.timesheet-page[b-fku93eqz62]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.timesheet-page[b-fku93eqz62]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; }
.timesheet-page[b-fku93eqz62]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.timesheet-page[b-fku93eqz62]  .mud-input-label { font-size: .86rem; }
.timesheet-page[b-fku93eqz62]  input[type="date"] { max-width: 100%; min-width: 0; border-radius: 9px; border-color: #cbdbea; color: #17324e; }
.timesheet-page[b-fku93eqz62]  .ts-grid thead th, .timesheet-page[b-fku93eqz62]  .mud-table-head .mud-table-cell, .timesheet-page[b-fku93eqz62]  .ts-grid-header { background: #eef5ff; color: #164d99; }
.timesheet-page[b-fku93eqz62]  .ts-th-btn, .timesheet-page[b-fku93eqz62]  .ts-grid-header-cell { color: #164d99; font-size: .78rem; font-weight: 600; letter-spacing: 0; }
.timesheet-page[b-fku93eqz62]  .ts-grid tbody td, .timesheet-page[b-fku93eqz62]  .mud-table-body .mud-table-cell { padding: 11px 14px; font-size: .83rem; border-color: #e3ecf5; }
.timesheet-page[b-fku93eqz62]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-fku93eqz62]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-fku93eqz62]  .ts-grid-row:nth-child(even) { background: #f8fbff; }
.timesheet-page[b-fku93eqz62]  .ts-grid tbody tr:hover, .timesheet-page[b-fku93eqz62]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-fku93eqz62]  .ts-grid-row:hover { background: #eef7ff; }
.timesheet-page[b-fku93eqz62]  .ts-grid-scroll, .timesheet-page[b-fku93eqz62]  .mud-table-container, .timesheet-page[b-fku93eqz62]  .ts-grid-container { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.timesheet-page[b-fku93eqz62]  .ts-grid-header, .timesheet-page[b-fku93eqz62]  .ts-grid-row, .timesheet-page[b-fku93eqz62]  .ts-grid-total { min-width: 760px; }
.timesheet-page[b-fku93eqz62]  .ts-grid-total { background: #e8f8f1; border-color: #cbe8dc; }
.timesheet-page[b-fku93eqz62]  .ts-grid-footer, .timesheet-page[b-fku93eqz62]  .mud-table-pagination { background: #fff; min-height: 52px; }
.timesheet-page[b-fku93eqz62]  .mud-table-cell .mud-icon-button { width: 32px; height: 32px; border-radius: 50%; }
.timesheet-page[b-fku93eqz62]  .mud-table-cell .mud-icon-button-color-primary { background: #eaf2ff; color: #2463b8; }
.timesheet-page[b-fku93eqz62]  .mud-table-cell .mud-icon-button-color-error { background: #fff0f1; color: #be3455; }
.timesheet-page[b-fku93eqz62]  .ts-stamp { transform: none; border-radius: 16px; font-size: .7rem; letter-spacing: .02em; }
.timesheet-page[b-fku93eqz62]  .ts-tab-row { flex-wrap: wrap; gap: 8px; }
.timesheet-page[b-fku93eqz62]  .ts-tab.active, .timesheet-page[b-fku93eqz62]  .ts-day-pill.active { background: #e1f4ec; color: #00765b; border-color: #b9dfd0; }
.timesheet-page[b-fku93eqz62]  .ts-filter-btn.active { background: #008566; border-color: #008566; color: #fff; }
.timesheet-page[b-fku93eqz62]  .ts-task-picker-btn { color: #00765b !important; }
.timesheet-page[b-fku93eqz62]  .ts-punch-active, .timesheet-page[b-fku93eqz62]  .ts-month-cell-active, .timesheet-page[b-fku93eqz62]  .ts-task-panel-item.active { background: #e8f8f1; border-color: #008566; box-shadow: none; }
.timesheet-page[b-fku93eqz62]  .ts-punch-active::before, .timesheet-page[b-fku93eqz62]  .ts-punch-active::after { background: #e8f8f1; border-color: #008566; }
.timesheet-page[b-fku93eqz62]  .ts-month-cell:not(.ts-month-cell-muted):hover { border-color: #008566; }
.timesheet-page[b-fku93eqz62]  .ts-day-task-row, .timesheet-page[b-fku93eqz62]  .ts-footer-bar, .timesheet-page[b-fku93eqz62]  .ts-week-nav, .timesheet-page[b-fku93eqz62]  .ts-stat-row { flex-wrap: wrap; gap: 12px; }
/* Mud inputs already show focus on their outlined container; avoid a second rectangle inside it. */
.timesheet-page[b-fku93eqz62]  input.mud-input-root:focus-visible,
.timesheet-page[b-fku93eqz62]  textarea.mud-input-root:focus-visible { outline: none; outline-offset: 0; }
.timesheet-page[b-fku93eqz62]  button:focus-visible, .timesheet-page[b-fku93eqz62]  a:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
@media (max-width: 600px) {
    .timesheet-page[b-fku93eqz62] { padding: 4px; }
    .timesheet-page[b-fku93eqz62]  .ts-header-band { padding: 18px 14px; }
    .timesheet-page[b-fku93eqz62]  .ts-card, .timesheet-page[b-fku93eqz62]  .ts-tracker-card, .timesheet-page[b-fku93eqz62]  .ts-chart-card, .timesheet-page[b-fku93eqz62]  .ts-approval-card { padding: 16px 14px; }
    .timesheet-page[b-fku93eqz62]  .ts-summary-card, .timesheet-page[b-fku93eqz62]  .ts-kpi { padding: 14px 12px; }
    .timesheet-page[b-fku93eqz62]  .mud-button-root, .timesheet-page[b-fku93eqz62]  .ts-filter-btn, .timesheet-page[b-fku93eqz62]  .ts-week-nav-btn, .timesheet-page[b-fku93eqz62]  .ts-day-pill { min-height: 42px; }
    .timesheet-page[b-fku93eqz62]  .ts-month-grid { gap: 3px; }
    .timesheet-page[b-fku93eqz62]  .ts-month-cell { min-width: 0; padding: 5px 2px; }
    .timesheet-page[b-fku93eqz62]  .ts-month-mini-stamp { max-width: 100%; overflow: hidden; font-size: .5rem; }
    .timesheet-page[b-fku93eqz62]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; gap: 8px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-fku93eqz62]  *, .timesheet-page[b-fku93eqz62]  *::before, .timesheet-page[b-fku93eqz62]  *::after { animation: none !important; transition: none !important; }
}
/* /Pages/OMSWeb/Reports/TimeSheet/Timesheet-report.razor.rz.scp.css */
/* Timesheet-report: isolated layout and Roles / ResetPassword theme. */
.timesheet-page[b-bdnorx48tp] {
        --ink-900: #1E293B;
        --ink-700: #334155;
        --paper-50: #F8F9FA;
        --paper-100: #F1F3F5;
        --brass-500: #B8860B;
        --brass-100: #FFF8E7;
        --moss-600: #2D6A4F;
        --moss-100: #E8F5E9;
        --clay-500: #C62828;
        --clay-100: #FFEBEE;
        --slate-500: #64748B;
        --slate-100: #F1F5F9;
        --amber-600: #B8860B;
        --amber-100: #FFF8E7;
        --line: #E2E8F0;
        --sb-bg: #F1F5F9;
        --sb-text: #1E293B;
        --sb-text-muted: #64748B;
        --sb-hover: #E2E8F0;
        --sb-active-bg: #DBEAFE;
        --sb-active-text: #1E3A8A;
    }

    

    .timesheet-page[b-bdnorx48tp] {
        display: flex;
        min-height: 100vh;
    }










    .timesheet-page[b-bdnorx48tp]  .app-main {
        flex: 1;
        min-width: 0;
        background: #F8F9FA;
    }

    .timesheet-page[b-bdnorx48tp]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-bdnorx48tp]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease, box-shadow 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-bdnorx48tp]  .tab-rail-item:hover {
            background: #FDEDB5;
            box-shadow: 3px 3px 8px rgba(0,0,0,0.16);
        }

        .timesheet-page[b-bdnorx48tp]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    @media (max-width: 900px) {







        .timesheet-page[b-bdnorx48tp]  .tab-rail {
            flex-direction: row;
            height: auto;
            width: 100%;
            position: static;
            padding: 10px;
            overflow-x: auto;
        }

        .timesheet-page[b-bdnorx48tp]  .tab-rail-item {
            writing-mode: horizontal-tb;
            transform: none;
            border-radius: 6px;
            border: 1px solid #E4C15A;
        }
    }

    
    .timesheet-page[b-bdnorx48tp]  .ts-shell {
        font-family: inherit;
        color: #1E293B;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-header-band {
        background: linear-gradient(135deg, #F1F5F9 0%, #FFFFFF 100%);
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 26px 32px;
        position: relative;
        overflow: hidden;
        margin-bottom: 24px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

        .timesheet-page[b-bdnorx48tp]  .ts-header-band::after {
            content: "";
            position: absolute;
            right: -40px;
            top: -60px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0) 70%);
        }

    .timesheet-page[b-bdnorx48tp]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        font-size: 0.7rem;
        color: #B8860B;
        text-transform: uppercase;
        font-weight: 600;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-title {
        font-family: inherit;
        font-weight: 600;
        font-size: 2rem;
        color: #1E293B;
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-subline {
        color: #64748B;
        font-size: 0.9rem;
        margin-top: 6px;
    }

    
    .timesheet-page[b-bdnorx48tp]  .ts-summary-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        padding: 18px 20px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        transition: all 0.2s ease;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-summary-card:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }

    .timesheet-page[b-bdnorx48tp]  .ts-summary-label {
        font-family: inherit;
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        color: #64748B;
        text-transform: uppercase;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-summary-value {
        font-family: inherit;
        font-weight: 600;
        font-size: 1.8rem;
        color: #1E293B;
        margin-top: 4px;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-summary-change {
        font-family: inherit;
        font-size: 0.7rem;
        margin-top: 4px;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-summary-change.positive {
            color: #2D6A4F;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-summary-change.negative {
            color: #C62828;
        }

    
    .timesheet-page[b-bdnorx48tp]  .ts-filter-bar {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        padding: 16px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-bdnorx48tp]  .ts-filter-group {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-filter-btn {
        padding: 6px 16px;
        border-radius: 6px;
        border: 1px solid #E2E8F0;
        background: #FFFFFF;
        color: #64748B;
        font-family: inherit;
        font-size: 0.8rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.15s ease;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-filter-btn:hover {
            border-color: #B8860B;
            color: #1E293B;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-filter-btn.active {
            background: #B8860B;
            border-color: #B8860B;
            color: #FFFFFF;
        }

    
    .timesheet-page[b-bdnorx48tp]  .ts-grid-container {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-bdnorx48tp]  .ts-grid-header {
        display: grid;
        grid-template-columns: 80px repeat(7, 1fr);
        background: #F1F5F9;
        border-bottom: 2px solid #E2E8F0;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-grid-header-cell {
        padding: 12px 8px;
        font-family: inherit;
        font-size: 0.7rem;
        letter-spacing: 0.05em;
        color: #64748B;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        border-right: 1px solid #E2E8F0;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-header-cell:last-child {
            border-right: none;
        }

    .timesheet-page[b-bdnorx48tp]  .ts-grid-row {
        display: grid;
        grid-template-columns: 80px repeat(7, 1fr);
        border-bottom: 1px solid #F1F3F5;
        transition: background 0.15s ease;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-row:hover {
            background: #F8F9FA;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-row:last-child {
            border-bottom: none;
        }

    .timesheet-page[b-bdnorx48tp]  .ts-grid-cell {
        padding: 12px 8px;
        text-align: center;
        border-right: 1px solid #F1F3F5;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 80px;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-cell:last-child {
            border-right: none;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-cell.project-cell {
            text-align: left;
            align-items: flex-start;
            font-weight: 600;
            font-size: 0.85rem;
            color: #1E293B;
            padding-left: 16px;
        }

    .timesheet-page[b-bdnorx48tp]  .ts-day-number {
        font-family: inherit;
        font-size: 1.1rem;
        font-weight: 600;
        color: #1E293B;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-day-hours {
        font-family: inherit;
        font-size: 0.8rem;
        font-weight: 500;
        color: #334155;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-day-hours.empty {
            color: #94A3B8;
        }

    .timesheet-page[b-bdnorx48tp]  .ts-status-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 3px 10px;
        border-radius: 12px;
        font-family: inherit;
        font-size: 0.6rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-top: 4px;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.approved {
            background: #E8F5E9;
            color: #2D6A4F;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.submitted {
            background: #F1F5F9;
            color: #64748B;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.inprogress {
            background: #FFEBEE;
            color: #C62828;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.leave {
            background: #EFEBE9;
            color: #8D6E63;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.open {
            background: #F8F9FA;
            color: #94A3B8;
            border: 1px dashed #94A3B8;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-status-badge.weekend {
            background: #F8F9FA;
            color: #94A3B8;
            font-size: 0.55rem;
        }

    
    .timesheet-page[b-bdnorx48tp]  .ts-grid-total {
        display: grid;
        grid-template-columns: 80px repeat(7, 1fr);
        background: #FFF8E7;
        border-top: 2px solid #E2E8F0;
        font-weight: 600;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-grid-total-cell {
        padding: 12px 8px;
        text-align: center;
        font-family: inherit;
        font-size: 0.85rem;
        color: #1E293B;
        border-right: 1px solid #E2E8F0;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-total-cell:last-child {
            border-right: none;
        }

        .timesheet-page[b-bdnorx48tp]  .ts-grid-total-cell.project-cell {
            text-align: left;
            padding-left: 16px;
            color: #1E293B;
        }

    
    .timesheet-page[b-bdnorx48tp]  .ts-legend {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-legend-item {
        display: flex;
        align-items: center;
        gap: 6px;
        font-family: inherit;
        font-size: 0.78rem;
        color: #64748B;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-legend-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
    }

    
    .timesheet-page[b-bdnorx48tp]  .ts-week-nav {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .timesheet-page[b-bdnorx48tp]  .ts-week-nav-btn {
        padding: 6px 12px;
        border: 1px solid #E2E8F0;
        border-radius: 6px;
        background: #FFFFFF;
        color: #64748B;
        cursor: pointer;
        transition: all 0.15s ease;
        font-size: 0.85rem;
    }

        .timesheet-page[b-bdnorx48tp]  .ts-week-nav-btn:hover {
            border-color: #B8860B;
            color: #1E293B;
        }

    .timesheet-page[b-bdnorx48tp]  .ts-week-label {
        font-family: inherit;
        font-size: 0.9rem;
        font-weight: 500;
        color: #1E293B;
        min-width: 120px;
        text-align: center;
    }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-bdnorx48tp] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}
.timesheet-page[b-bdnorx48tp]  .app-main { background: transparent; width: 100%; }
.timesheet-page[b-bdnorx48tp]  .ts-shell { width: 100%; max-width: 100%; min-height: 0 !important; padding: 0 !important; margin: 0 !important; font-family: inherit; }
.timesheet-page[b-bdnorx48tp]  .tab-rail {
    position: sticky; top: 96px; width: 44px; height: auto; flex-direction: column;
    flex: 0 0 44px; align-self: flex-start; max-height: calc(100dvh - 108px);
    align-items: center; gap: 8px; padding: 6px 3px;
    overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; border: 1px solid #d9e5f1; border-radius: 14px;
    background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
}
.timesheet-page[b-bdnorx48tp]  .tab-rail-item {
    writing-mode: vertical-rl; transform: rotate(180deg); flex-shrink: 0;
    padding: 12px 7px; border: 1px solid transparent; border-radius: 9px;
    color: #496580; background: transparent; box-shadow: none;
    font-size: .82rem; font-weight: 600; letter-spacing: 0;
}
.timesheet-page[b-bdnorx48tp]  .tab-rail-item:hover { background: #edf4ff; color: #164d99; box-shadow: none; }
.timesheet-page[b-bdnorx48tp]  .tab-rail-item.active { background: #e1f4ec; border-color: #cbe8dc; color: #00765b; }
.timesheet-page[b-bdnorx48tp]  .ts-header-band {
    padding: 20px 22px; margin-bottom: 18px; border: 1px solid #d5e5ff;
    border-radius: 14px; background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    box-shadow: inset 0 1px 0 #fff;
}
.timesheet-page[b-bdnorx48tp]  .ts-header-band::after { pointer-events: none; background: radial-gradient(circle, #d9f4e780, transparent 70%); }
.timesheet-page[b-bdnorx48tp]  .ts-title, .timesheet-page[b-bdnorx48tp]  .ts-greeting { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.timesheet-page[b-bdnorx48tp]  .ts-eyebrow { color: #2463b8; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.timesheet-page[b-bdnorx48tp]  .ts-subline { color: #60758c; font-size: .84rem; line-height: 1.6; }
.timesheet-page[b-bdnorx48tp]  .ts-card, .timesheet-page[b-bdnorx48tp]  .ts-tracker-card, .timesheet-page[b-bdnorx48tp]  .ts-chart-card, .timesheet-page[b-bdnorx48tp]  .ts-kpi, .timesheet-page[b-bdnorx48tp]  .ts-summary-card, .timesheet-page[b-bdnorx48tp]  .ts-approval-card, .timesheet-page[b-bdnorx48tp]  .ts-toolbar, .timesheet-page[b-bdnorx48tp]  .ts-filter-bar, .timesheet-page[b-bdnorx48tp]  .ts-grid-card, .timesheet-page[b-bdnorx48tp]  .ts-grid-container {
    border-color: #dae6f2; border-radius: 14px;
    box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
    background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
}
.timesheet-page[b-bdnorx48tp]  .ts-card-label, .timesheet-page[b-bdnorx48tp]  .ts-chart-label, .timesheet-page[b-bdnorx48tp]  .ts-field-label, .timesheet-page[b-bdnorx48tp]  .ts-summary-label, .timesheet-page[b-bdnorx48tp]  .ts-kpi-label { color: #60758c; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.timesheet-page[b-bdnorx48tp]  .ts-stat-num, .timesheet-page[b-bdnorx48tp]  .ts-summary-value, .timesheet-page[b-bdnorx48tp]  .ts-kpi-value { font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.timesheet-page[b-bdnorx48tp]  .mud-button-root { border-radius: 8px; text-transform: none; font-weight: 600; font-size: .8rem; min-height: 36px; }
.timesheet-page[b-bdnorx48tp]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-bdnorx48tp]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-bdnorx48tp]  .ts-btn-primary:not(:disabled), .timesheet-page[b-bdnorx48tp]  .ts-btn-approve:not(:disabled), .timesheet-page[b-bdnorx48tp]  .ts-action-btn:not(:disabled) {
    background: linear-gradient(135deg, #00896c, #00765b) !important;
    color: #fff !important; box-shadow: 0 3px 10px #00856620;
}
.timesheet-page[b-bdnorx48tp]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-bdnorx48tp]  .ts-btn-outline:not(:disabled) { color: #00765b !important; border-color: #b9dfd0 !important; background: #f5fcf8 !important; }
.timesheet-page[b-bdnorx48tp]  .mud-button-root:disabled { opacity: .5; box-shadow: none; }
.timesheet-page[b-bdnorx48tp]  .mud-input-outlined { border-radius: 9px; background: #fff; font-size: .86rem; }
.timesheet-page[b-bdnorx48tp]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.timesheet-page[b-bdnorx48tp]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; }
.timesheet-page[b-bdnorx48tp]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.timesheet-page[b-bdnorx48tp]  .mud-input-label { font-size: .86rem; }
.timesheet-page[b-bdnorx48tp]  input[type="date"] { max-width: 100%; min-width: 0; border-radius: 9px; border-color: #cbdbea; color: #17324e; }
.timesheet-page[b-bdnorx48tp]  .ts-grid thead th, .timesheet-page[b-bdnorx48tp]  .mud-table-head .mud-table-cell, .timesheet-page[b-bdnorx48tp]  .ts-grid-header { background: #eef5ff; color: #164d99; }
.timesheet-page[b-bdnorx48tp]  .ts-th-btn, .timesheet-page[b-bdnorx48tp]  .ts-grid-header-cell { color: #164d99; font-size: .78rem; font-weight: 600; letter-spacing: 0; }
.timesheet-page[b-bdnorx48tp]  .ts-grid tbody td, .timesheet-page[b-bdnorx48tp]  .mud-table-body .mud-table-cell { padding: 11px 14px; font-size: .83rem; border-color: #e3ecf5; }
.timesheet-page[b-bdnorx48tp]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-bdnorx48tp]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-bdnorx48tp]  .ts-grid-row:nth-child(even) { background: #f8fbff; }
.timesheet-page[b-bdnorx48tp]  .ts-grid tbody tr:hover, .timesheet-page[b-bdnorx48tp]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-bdnorx48tp]  .ts-grid-row:hover { background: #eef7ff; }
.timesheet-page[b-bdnorx48tp]  .ts-grid-scroll, .timesheet-page[b-bdnorx48tp]  .mud-table-container, .timesheet-page[b-bdnorx48tp]  .ts-grid-container { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.timesheet-page[b-bdnorx48tp]  .ts-grid-header, .timesheet-page[b-bdnorx48tp]  .ts-grid-row, .timesheet-page[b-bdnorx48tp]  .ts-grid-total { min-width: 760px; }
.timesheet-page[b-bdnorx48tp]  .ts-grid-total { background: #e8f8f1; border-color: #cbe8dc; }
.timesheet-page[b-bdnorx48tp]  .ts-grid-footer, .timesheet-page[b-bdnorx48tp]  .mud-table-pagination { background: #fff; min-height: 52px; }
.timesheet-page[b-bdnorx48tp]  .mud-table-cell .mud-icon-button { width: 32px; height: 32px; border-radius: 50%; }
.timesheet-page[b-bdnorx48tp]  .mud-table-cell .mud-icon-button-color-primary { background: #eaf2ff; color: #2463b8; }
.timesheet-page[b-bdnorx48tp]  .mud-table-cell .mud-icon-button-color-error { background: #fff0f1; color: #be3455; }
.timesheet-page[b-bdnorx48tp]  .ts-stamp { transform: none; border-radius: 16px; font-size: .7rem; letter-spacing: .02em; }
.timesheet-page[b-bdnorx48tp]  .ts-tab-row { flex-wrap: wrap; gap: 8px; }
.timesheet-page[b-bdnorx48tp]  .ts-tab.active, .timesheet-page[b-bdnorx48tp]  .ts-day-pill.active { background: #e1f4ec; color: #00765b; border-color: #b9dfd0; }
.timesheet-page[b-bdnorx48tp]  .ts-filter-btn.active { background: #008566; border-color: #008566; color: #fff; }
.timesheet-page[b-bdnorx48tp]  .ts-task-picker-btn { color: #00765b !important; }
.timesheet-page[b-bdnorx48tp]  .ts-punch-active, .timesheet-page[b-bdnorx48tp]  .ts-month-cell-active, .timesheet-page[b-bdnorx48tp]  .ts-task-panel-item.active { background: #e8f8f1; border-color: #008566; box-shadow: none; }
.timesheet-page[b-bdnorx48tp]  .ts-punch-active::before, .timesheet-page[b-bdnorx48tp]  .ts-punch-active::after { background: #e8f8f1; border-color: #008566; }
.timesheet-page[b-bdnorx48tp]  .ts-month-cell:not(.ts-month-cell-muted):hover { border-color: #008566; }
.timesheet-page[b-bdnorx48tp]  .ts-day-task-row, .timesheet-page[b-bdnorx48tp]  .ts-footer-bar, .timesheet-page[b-bdnorx48tp]  .ts-week-nav, .timesheet-page[b-bdnorx48tp]  .ts-stat-row { flex-wrap: wrap; gap: 12px; }
.timesheet-page[b-bdnorx48tp]  button:focus-visible, .timesheet-page[b-bdnorx48tp]  a:focus-visible, .timesheet-page[b-bdnorx48tp]  input:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
@media (max-width: 600px) {
    .timesheet-page[b-bdnorx48tp] { padding: 4px; }
    .timesheet-page[b-bdnorx48tp]  .ts-header-band { padding: 18px 14px; }
    .timesheet-page[b-bdnorx48tp]  .ts-card, .timesheet-page[b-bdnorx48tp]  .ts-tracker-card, .timesheet-page[b-bdnorx48tp]  .ts-chart-card, .timesheet-page[b-bdnorx48tp]  .ts-approval-card { padding: 16px 14px; }
    .timesheet-page[b-bdnorx48tp]  .ts-summary-card, .timesheet-page[b-bdnorx48tp]  .ts-kpi { padding: 14px 12px; }
    .timesheet-page[b-bdnorx48tp]  .mud-button-root, .timesheet-page[b-bdnorx48tp]  .ts-filter-btn, .timesheet-page[b-bdnorx48tp]  .ts-week-nav-btn, .timesheet-page[b-bdnorx48tp]  .ts-day-pill { min-height: 42px; }
    .timesheet-page[b-bdnorx48tp]  .ts-month-grid { gap: 3px; }
    .timesheet-page[b-bdnorx48tp]  .ts-month-cell { min-width: 0; padding: 5px 2px; }
    .timesheet-page[b-bdnorx48tp]  .ts-month-mini-stamp { max-width: 100%; overflow: hidden; font-size: .5rem; }
    .timesheet-page[b-bdnorx48tp]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; gap: 8px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-bdnorx48tp]  *, .timesheet-page[b-bdnorx48tp]  *::before, .timesheet-page[b-bdnorx48tp]  *::after { animation: none !important; transition: none !important; }
}

.weekly-controls[b-bdnorx48tp] { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:20px 0; }
.weekly-controls label[b-bdnorx48tp] { display:flex; flex-direction:column; gap:6px; color:#334155; font-weight:600; }
.weekly-controls input[b-bdnorx48tp], .weekly-controls select[b-bdnorx48tp], .weekly-controls button[b-bdnorx48tp] { min-height:40px; padding:8px 12px; border:1px solid #cbd5e1; border-radius:8px; background:white; color:#1e293b; }
.weekly-controls select[b-bdnorx48tp] { max-width:340px; }
.weekly-controls button[b-bdnorx48tp] { background:#00765b; color:white; cursor:pointer; }
.weekly-controls button:disabled[b-bdnorx48tp] { opacity:.5; cursor:wait; }
.weekly-status-filter[b-bdnorx48tp] { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:16px 0; }
.weekly-heading[b-bdnorx48tp] { font-size:1.15rem; color:#17324e; margin:24px 0 12px; }
.weekly-note[b-bdnorx48tp] { color:#60758c; margin:12px 0; line-height:1.5; }
.weekly-table-scroll[b-bdnorx48tp] { max-width:100%; overflow-x:auto; border:1px solid #dae6f2; border-radius:12px; margin:16px 0; }
.weekly-table[b-bdnorx48tp] { width:100%; border-collapse:collapse; background:white; font-variant-numeric:tabular-nums; text-align:left; }
.weekly-table caption[b-bdnorx48tp] { text-align:left; padding:12px; font-weight:600; color:#17324e; }
.weekly-table th[b-bdnorx48tp], .weekly-table td[b-bdnorx48tp] { padding:12px; border-bottom:1px solid #e2e8f0; vertical-align:top; }
.weekly-table thead th[b-bdnorx48tp] { color:#164d99; background:#eef5ff; }
.weekly-table tbody tr:nth-child(even)[b-bdnorx48tp] { background:#f8fbff; }
.weekly-table tfoot[b-bdnorx48tp] { font-weight:700; background:#e8f8f1; }
.weekly-table small[b-bdnorx48tp], .weekly-planned[b-bdnorx48tp] { font-size:.75rem; font-weight:400; color:#60758c; }
.weekly-matrix[b-bdnorx48tp] { min-width:1100px; }
.weekly-matrix th:first-child[b-bdnorx48tp] { min-width:220px; }
.weekly-matrix td[b-bdnorx48tp] { min-width:105px; }
.weekly-status[b-bdnorx48tp] { display:inline-block; margin:5px 4px 0 0; padding:3px 7px; border-radius:6px; background:#eaf2ff; color:#164d99; font-size:.75rem; overflow-wrap:anywhere; }
.weekly-no-entry[b-bdnorx48tp] { color:#94a3b8; font-size:.75rem; }
.weekly-details[b-bdnorx48tp] { min-width:950px; }
.weekly-remarks[b-bdnorx48tp] { min-width:180px; max-width:360px; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:600px) { .weekly-controls label[b-bdnorx48tp], .weekly-controls select[b-bdnorx48tp] { width:100%; max-width:100%; } .weekly-status-filter button[b-bdnorx48tp] { min-height:40px; } }
/* /Pages/OMSWeb/Reports/TimeSheet/TimeSheetDaboardTest.razor.rz.scp.css */
/* TimeSheetDaboardTest: isolated layout and Roles / ResetPassword theme. */
.ts-assigned-work-list[b-s05vm2pvz0] {
    --work-row-height: 88px;
    display: grid;
    gap: 10px;
    width: 100%;
    max-height: calc(5 * var(--work-row-height) + 4 * 10px);
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 6px;
    text-align: left;
}
.ts-assigned-work-list:focus-visible[b-s05vm2pvz0] { outline: 2px solid #2563eb; outline-offset: 2px; }
.ts-assigned-work-row[b-s05vm2pvz0] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(80px, .6fr) minmax(100px, .8fr) 36px;
    align-items: center;
    gap: 16px;
    height: var(--work-row-height);
    box-sizing: border-box;
    padding: 10px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}
.ts-assigned-work-row:hover[b-s05vm2pvz0] { background: #f8fafc; }
.ts-assigned-work-row.is-active[b-s05vm2pvz0] { background: #e8f8f1; border-color: #008566; }
.ts-assigned-work-field[b-s05vm2pvz0] { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ts-assigned-work-label[b-s05vm2pvz0] { color: #64748b; font-size: .65rem; }
.ts-assigned-work-name[b-s05vm2pvz0], .ts-assigned-work-value[b-s05vm2pvz0] {
    max-width: 100%;
    color: #1e293b;
    font-size: .82rem;
    font-weight: 600;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ts-tracker-work[b-s05vm2pvz0] { flex: 1; min-width: 0; }
.timesheet-page[b-s05vm2pvz0]  .ts-tracker-card .ts-task-panel { width: 100%; box-sizing: border-box; }
@media (max-width: 700px) {
    .ts-assigned-work-list[b-s05vm2pvz0] { --work-row-height: 164px; }
    .ts-assigned-work-row[b-s05vm2pvz0] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px; gap: 8px; }
    .ts-assigned-work-field:first-child[b-s05vm2pvz0] { grid-column: 1 / 3; }
    .ts-assigned-work-row > div:last-child[b-s05vm2pvz0] { grid-column: 3; grid-row: 1 / 3; }
}
.timesheet-page[b-s05vm2pvz0] {
        --ink-900: #1E293B;
        --ink-700: #334155;
        --paper-50: #F8F9FA;
        --paper-100: #F1F3F5;
        --brass-500: #B8860B;
        --brass-100: #FFF8E7;
        --moss-600: #2D6A4F;
        --moss-100: #E8F5E9;
        --clay-500: #C62828;
        --clay-100: #FFEBEE;
        --slate-500: #64748B;
        --slate-100: #F1F5F9;
        --line: #E2E8F0;
        --sb-bg: #F1F5F9;
        --sb-text: #1E293B;
        --sb-text-muted: #64748B;
        --sb-hover: #E2E8F0;
        --sb-active-bg: #DBEAFE;
        --sb-active-text: #1E3A8A;
    }

    

    .timesheet-page[b-s05vm2pvz0] {
        display: flex;
        min-height: 100vh;
    }










    .timesheet-page[b-s05vm2pvz0]  .app-main {
        flex: 1;
        min-width: 0;
        background: #F8F9FA;
    }

    .timesheet-page[b-s05vm2pvz0]  .tab-rail {
        width: 34px;
        flex-shrink: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 22px 0;
        position: sticky;
        top: 0;
        height: 100vh;
    }

    .timesheet-page[b-s05vm2pvz0]  .tab-rail-item {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        background: #FCE79A;
        color: #6B5416;
        border: 1px solid #E4C15A;
        border-left: none;
        border-radius: 0 10px 10px 0;
        padding: 12px 6px;
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-decoration: none;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.12);
        cursor: pointer;
        transition: background 0.12s ease, box-shadow 0.12s ease;
        white-space: nowrap;
    }

        .timesheet-page[b-s05vm2pvz0]  .tab-rail-item:hover {
            background: #FDEDB5;
            box-shadow: 3px 3px 8px rgba(0,0,0,0.16);
        }

        .timesheet-page[b-s05vm2pvz0]  .tab-rail-item.active {
            background: #FBD65D;
            border-color: #C9A23A;
            color: #4A3A0E;
        }

    @media (max-width: 900px) {






    }

    .timesheet-page[b-s05vm2pvz0]  .ts-shell {
        font-family: inherit;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-header-band {
        background: linear-gradient(135deg, #F1F5F9 0%, #FFFFFF 100%);
        border-radius: 18px;
        padding: 28px 32px;
        position: relative;
        overflow: hidden;
        border: 1px solid #E2E8F0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-header-band::after {
            content: "";
            position: absolute;
            right: -40px;
            top: -60px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0) 70%);
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-eyebrow {
        font-family: inherit;
        letter-spacing: 0.18em;
        
        color: #B8860B;
        font-size: 0.7rem;
        font-weight: 400;
        text-transform: none;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-greeting {
        font-family: inherit;
        font-weight: 500;
        font-size: 2.05rem;
        color: #1E293B;
        margin-top: 4px;
        line-height: 1.15;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-subline {
        color: #64748B;
        font-size: 0.92rem;
        margin-top: 6px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 26px 28px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-card-label {
        font-family: inherit;
        font-size: 0.7rem;
        letter-spacing: 0.14em;
        color: #64748B;
        text-transform: none;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-dial-wrap {
        display: flex;
        align-items: center;
        gap: 26px;
        flex-wrap: wrap;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-dial-figure {
        display: flex;
        flex-direction: column;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-dial-hours {
        font-family: inherit;
        font-size: 1.05rem;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-dial-caption {
        font-family: inherit;
        font-size: 0.78rem;
        color: #C62828;
        margin-top: 2px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-punch {
        position: relative;
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        min-height: 148px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 14px 10px 16px;
        text-align: center;
        cursor: pointer;
        transition: box-shadow 0.12s ease, border-color 0.12s ease;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-punch::before, .timesheet-page[b-s05vm2pvz0]  .ts-punch::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #F8F9FA;
            border: 1px solid #E2E8F0;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-punch::before {
            top: -6px;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-punch::after {
            bottom: -6px;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-punch-active {
        border-color: #B8860B;
        background: #FFF8E7;
        box-shadow: 0 0 0 1px #B8860B inset;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-punch-active::before, .timesheet-page[b-s05vm2pvz0]  .ts-punch-active::after {
            background: #FFF8E7;
            border-color: #B8860B;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-punch-weekend {
        background: repeating-linear-gradient(135deg, #FAFAFA, #FAFAFA 6px, #F1F3F5 6px, #F1F3F5 12px);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-punch:hover {
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-name {
        font-family: inherit;
        font-size: 0.85rem;
        letter-spacing: 0.1em;
        color: #64748B;
        text-transform: none;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-num {
        font-family: inherit;
        font-size: 1.5rem;
        font-weight: 600;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-hours {
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 500;
        color: #334155;
        margin-top: 2px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-hours-empty {
        color: #94A3B8;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp {
        display: inline-block;
        margin: 8px auto 0;
        font-family: inherit;
        font-size: 0.62rem;
        letter-spacing: 0.08em;
        font-weight: 600;
        padding: 3px 9px;
        border-radius: 3px;
        border: 1.5px solid currentColor;
        transform: rotate(-2deg);
        text-transform: none;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-approved {
        color: #2D6A4F;
        background: #E8F5E9;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-submitted {
        color: #64748B;
        background: #F1F5F9;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-leave {
        color: #8D6E63;
        background: #EFEBE9;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-progress {
        color: #C62828;
        background: #FFEBEE;
        transform: rotate(1.5deg);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-none {
        color: #94A3B8;
        border-style: dashed;
        background: transparent;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-legend-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 6px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-toggle-group .mud-button-group-root {
        background: #FFFFFF;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-dow {
        font-family: inherit;
        font-size: 0.65rem;
        letter-spacing: 0.1em;
        color: #64748B;
        text-align: center;
        text-transform: none;
        padding-bottom: 4px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-cell {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 8px;
        min-height: 78px;
        padding: 6px 7px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        transition: box-shadow 0.12s ease, border-color 0.12s ease;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-month-cell:not(.ts-month-cell-muted):hover {
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            border-color: #B8860B;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-cell-muted {
        opacity: 0.32;
        background: #F1F3F5;
        cursor: default;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-cell-active {
        border-color: #B8860B;
        background: #FFF8E7;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-cell-weekend {
        background: repeating-linear-gradient(135deg, #FAFAFA, #FAFAFA 6px, #F1F3F5 6px, #F1F3F5 12px);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-date {
        font-family: inherit;
        font-size: 0.75rem;
        color: #334155;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-hours {
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 600;
        align-self: flex-end;
        color: #334155;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-hours-none {
        color: #94A3B8;
        font-weight: 400;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-month-mini-stamp {
        align-self: flex-start;
        font-family: inherit;
        font-size: 0.52rem;
        letter-spacing: 0.03em;
        font-weight: 600;
        padding: 1px 5px;
        border-radius: 2px;
        border: 1px solid currentColor;
        text-transform: none;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-nav-btn {
        color: #64748B !important;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-day-nav-btn:hover {
            color: #1E293B !important;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-task-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #E2E8F0;
        border-radius: 10px;
        padding: 10px 14px;
        background: #FFFFFF;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-task-name {
        font-family: inherit;
        font-weight: 600;
        font-size: 0.85rem;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-task-time {
        font-family: inherit;
        font-size: 0.74rem;
        color: #64748B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-task-hours {
        font-family: inherit;
        font-size: 0.8rem;
        font-weight: 600;
        color: #334155;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-day-empty {
        font-family: inherit;
        font-size: 0.8rem;
        color: #64748B;
        padding: 14px;
        text-align: center;
        border: 1px dashed #E2E8F0;
        border-radius: 10px;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-stamp-active {
        background: #E2E8F0 !important;
        color: #0F172A !important;
        font-weight: 600;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
    }

    .timesheet-page[b-s05vm2pvz0]  .rounded-lg {
        border-radius: 8px !important;
    }

    
    .timesheet-page[b-s05vm2pvz0]  .ts-tracker-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 24px 28px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-task-picker-btn {
        font-family: inherit;
        font-size: 0.72rem;
        color: #B8860B !important;
        text-transform: none;
        font-weight: 600;
        padding: 2px 6px !important;
        min-width: unset !important;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-task-panel {
        border: 1px solid #E2E8F0;
        border-radius: 10px;
        padding: 10px;
        background: #F8FAFC;
        margin-top: 10px;
        max-height: 260px;
        overflow-y: auto;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-task-panel::-webkit-scrollbar {
            width: 6px;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-task-panel::-webkit-scrollbar-thumb {
            background: #CBD5E1;
            border-radius: 6px;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-task-panel::-webkit-scrollbar-track {
            background: transparent;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.12s ease;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-item:hover {
            background: #F1F5F9;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-item.active {
            background: #FFF8E7;
            border: 1px solid #B8860B;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-name {
        font-family: inherit;
        font-weight: 600;
        font-size: 0.84rem;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-meta {
        font-family: inherit;
        font-size: 0.72rem;
        color: #64748B;
    }

    
    .timesheet-page[b-s05vm2pvz0]  .ts-bar-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        flex: 1;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-bar-track {
        width: 100%;
        max-width: 34px;
        height: 96px;
        background: #F1F3F5;
        border-radius: 6px;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-bar-fill {
        width: 100%;
        border-radius: 6px 6px 0 0;
        transition: height 0.2s ease;
    }

    
    .timesheet-page[b-s05vm2pvz0]  .ts-donut {
        width: 118px;
        height: 118px;
        border-radius: 50%;
        position: relative;
        flex-shrink: 0;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-donut-hole {
        position: absolute;
        inset: 15px;
        background: #FFFFFF;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: inherit;
        font-size: 0.8rem;
        font-weight: 600;
        color: #1E293B;
        text-align: center;
        line-height: 1.2;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-donut-legend-row {
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: inherit;
        font-size: 0.76rem;
        color: #334155;
    }

    
    .timesheet-page[b-s05vm2pvz0]  .ts-alert-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 10px;
        font-family: inherit;
        font-size: 0.85rem;
        font-weight: 500;
    }

        .timesheet-page[b-s05vm2pvz0]  .ts-alert-row.ts-alert-warn {
            background: #FFEBEE;
            color: #C62828;
            border: 1px solid #F3DEDA;
        }

        .timesheet-page[b-s05vm2pvz0]  .ts-alert-row.ts-alert-info {
            background: #FFF8E7;
            color: #8A6116;
            border: 1px solid #F1E3C9;
        }

    .timesheet-page[b-s05vm2pvz0]  .ts-leave-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        border-radius: 10px;
        border: 1px solid #E2E8F0;
        background: #F8FAFC;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-transition-overlay {
        position: fixed;
        inset: 0;
        background: rgba(248, 249, 250, 0.92);
        backdrop-filter: blur(2px);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .timesheet-page[b-s05vm2pvz0]  .ts-transition-card {
        background: #FFFFFF;
        border: 1px solid #E2E8F0;
        border-radius: 16px;
        padding: 28px 40px;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        display: flex;
        align-items: center;
        gap: 14px;
        font-family: inherit;
        font-weight: 600;
        color: #1E293B;
    }

    .timesheet-page[b-s05vm2pvz0]  input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        min-height: 36px;
        box-sizing: border-box;
    }

        .timesheet-page[b-s05vm2pvz0]  input[type="date"]:focus {
            border-color: #B8860B !important;
            outline: none;
            box-shadow: 0 0 0 2px rgba(184,134,11,0.15);
        }

        .timesheet-page[b-s05vm2pvz0]  input[type="date"]::-webkit-calendar-picker-indicator {
            cursor: pointer;
            opacity: 0.6;
            filter: invert(0.3);
        }
    @keyframes ts-pulse-b-s05vm2pvz0 {
        0%, 100% {
            opacity: 1;
        }

        50% {
            opacity: 0.35;
        }
    }

    .timesheet-page[b-s05vm2pvz0]  .mb-6, .timesheet-page[b-s05vm2pvz0]  .my-6 {
        margin-bottom: 6px !important;
    }

/* Roles / ResetPassword visual language. Kept local to this page. */
.timesheet-page[b-s05vm2pvz0] {
    --ink-900: #17324e;
    --ink-700: #334e68;
    --slate-500: #60758c;
    --line: #d9e5f1;
    --line-strong: #c7d9ed;
    --brass-500: #008566;
    --brass-100: #e8f8f1;
    --moss-600: #00765b;
    --moss-100: #e1f4ec;
    font-family: "Segoe UI Variable", "Segoe UI", Roboto, system-ui, sans-serif;
    color: #17324e;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: row;
    gap: 14px;
    padding: clamp(4px, 1.3vw, 20px);
    background: radial-gradient(ellipse at 100% 10%, #e8f8ef70, transparent 60%);
}
.timesheet-page[b-s05vm2pvz0]  .app-main { background: transparent; width: 100%; }
.timesheet-page[b-s05vm2pvz0]  .ts-shell { width: 100%; max-width: 100%; min-height: 0 !important; padding: 0 !important; margin: 0 !important; font-family: inherit; }
.timesheet-page[b-s05vm2pvz0]  .tab-rail {
    position: sticky; top: 96px; width: 44px; height: auto; flex-direction: column;
    flex: 0 0 44px; align-self: flex-start; max-height: calc(100dvh - 108px);
    align-items: center; gap: 8px; padding: 6px 3px;
    overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; border: 1px solid #d9e5f1; border-radius: 14px;
    background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
}
.timesheet-page[b-s05vm2pvz0]  .tab-rail-item {
    writing-mode: vertical-rl; transform: rotate(180deg); flex-shrink: 0;
    padding: 12px 7px; border: 1px solid transparent; border-radius: 9px;
    color: #496580; background: transparent; box-shadow: none;
    font-size: .82rem; font-weight: 600; letter-spacing: 0;
}
.timesheet-page[b-s05vm2pvz0]  .tab-rail-item:hover { background: #edf4ff; color: #164d99; box-shadow: none; }
.timesheet-page[b-s05vm2pvz0]  .tab-rail-item.active { background: #e1f4ec; border-color: #cbe8dc; color: #00765b; }
.timesheet-page[b-s05vm2pvz0]  .ts-header-band {
    padding: 20px 22px; margin-bottom: 18px; border: 1px solid #d5e5ff;
    border-radius: 14px; background: linear-gradient(110deg, #f0f6ff, #fff 60%, #edfdf5);
    box-shadow: inset 0 1px 0 #fff;
}
.timesheet-page[b-s05vm2pvz0]  .ts-header-band::after { pointer-events: none; background: radial-gradient(circle, #d9f4e780, transparent 70%); }
.timesheet-page[b-s05vm2pvz0]  .ts-title, .timesheet-page[b-s05vm2pvz0]  .ts-greeting { font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.3; }
.timesheet-page[b-s05vm2pvz0]  .ts-eyebrow { color: #2463b8; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.timesheet-page[b-s05vm2pvz0]  .ts-subline { color: #60758c; font-size: .84rem; line-height: 1.6; }
.timesheet-page[b-s05vm2pvz0]  .ts-card, .timesheet-page[b-s05vm2pvz0]  .ts-tracker-card, .timesheet-page[b-s05vm2pvz0]  .ts-chart-card, .timesheet-page[b-s05vm2pvz0]  .ts-kpi, .timesheet-page[b-s05vm2pvz0]  .ts-summary-card, .timesheet-page[b-s05vm2pvz0]  .ts-approval-card, .timesheet-page[b-s05vm2pvz0]  .ts-toolbar, .timesheet-page[b-s05vm2pvz0]  .ts-filter-bar, .timesheet-page[b-s05vm2pvz0]  .ts-grid-card, .timesheet-page[b-s05vm2pvz0]  .ts-grid-container {
    border-color: #dae6f2; border-radius: 14px;
    box-shadow: 0 6px 24px #244c7d09, inset 0 1px 0 #fff;
    background: linear-gradient(145deg, #fffffffa, #f8fcffed 65%, #f2fbf6ed);
}
.timesheet-page[b-s05vm2pvz0]  .ts-card-label, .timesheet-page[b-s05vm2pvz0]  .ts-chart-label, .timesheet-page[b-s05vm2pvz0]  .ts-field-label, .timesheet-page[b-s05vm2pvz0]  .ts-summary-label, .timesheet-page[b-s05vm2pvz0]  .ts-kpi-label { color: #60758c; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.timesheet-page[b-s05vm2pvz0]  .ts-stat-num, .timesheet-page[b-s05vm2pvz0]  .ts-summary-value, .timesheet-page[b-s05vm2pvz0]  .ts-kpi-value { font-size: clamp(1.4rem, 1.2rem + .5vw, 1.8rem); font-weight: 700; font-variant-numeric: tabular-nums; }
.timesheet-page[b-s05vm2pvz0]  .mud-button-root { border-radius: 8px; text-transform: none; font-weight: 600; font-size: .8rem; min-height: 36px; }
.timesheet-page[b-s05vm2pvz0]  .mud-button-filled-primary:not(:disabled), .timesheet-page[b-s05vm2pvz0]  .mud-button-filled-success:not(:disabled), .timesheet-page[b-s05vm2pvz0]  .ts-btn-primary:not(:disabled), .timesheet-page[b-s05vm2pvz0]  .ts-btn-approve:not(:disabled), .timesheet-page[b-s05vm2pvz0]  .ts-action-btn:not(:disabled) {
    background: linear-gradient(135deg, #00896c, #00765b) !important;
    color: #fff !important; box-shadow: 0 3px 10px #00856620;
}
.timesheet-page[b-s05vm2pvz0]  .mud-button-outlined-primary:not(:disabled), .timesheet-page[b-s05vm2pvz0]  .ts-btn-outline:not(:disabled) { color: #00765b !important; border-color: #b9dfd0 !important; background: #f5fcf8 !important; }
.timesheet-page[b-s05vm2pvz0]  .mud-button-root:disabled { opacity: .5; box-shadow: none; }
.timesheet-page[b-s05vm2pvz0]  .mud-input-outlined { border-radius: 9px; background: #fff; font-size: .86rem; }
.timesheet-page[b-s05vm2pvz0]  .mud-input-outlined .mud-input-outlined-border { border-color: #cbdbea; }
.timesheet-page[b-s05vm2pvz0]  .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #008566; }
.timesheet-page[b-s05vm2pvz0]  .mud-input-error .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.timesheet-page[b-s05vm2pvz0]  .mud-input-label { font-size: .86rem; }
.timesheet-page[b-s05vm2pvz0]  input[type="date"] { max-width: 100%; min-width: 0; border-radius: 9px; border-color: #cbdbea; color: #17324e; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid thead th, .timesheet-page[b-s05vm2pvz0]  .mud-table-head .mud-table-cell, .timesheet-page[b-s05vm2pvz0]  .ts-grid-header { background: #eef5ff; color: #164d99; }
.timesheet-page[b-s05vm2pvz0]  .ts-th-btn, .timesheet-page[b-s05vm2pvz0]  .ts-grid-header-cell { color: #164d99; font-size: .78rem; font-weight: 600; letter-spacing: 0; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid tbody td, .timesheet-page[b-s05vm2pvz0]  .mud-table-body .mud-table-cell { padding: 11px 14px; font-size: .83rem; border-color: #e3ecf5; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid tbody tr:nth-child(even), .timesheet-page[b-s05vm2pvz0]  .mud-table-body .mud-table-row:nth-child(even), .timesheet-page[b-s05vm2pvz0]  .ts-grid-row:nth-child(even) { background: #f8fbff; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid tbody tr:hover, .timesheet-page[b-s05vm2pvz0]  .mud-table-body .mud-table-row:hover, .timesheet-page[b-s05vm2pvz0]  .ts-grid-row:hover { background: #eef7ff; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid-scroll, .timesheet-page[b-s05vm2pvz0]  .mud-table-container, .timesheet-page[b-s05vm2pvz0]  .ts-grid-container { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid-header, .timesheet-page[b-s05vm2pvz0]  .ts-grid-row, .timesheet-page[b-s05vm2pvz0]  .ts-grid-total { min-width: 760px; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid-total { background: #e8f8f1; border-color: #cbe8dc; }
.timesheet-page[b-s05vm2pvz0]  .ts-grid-footer, .timesheet-page[b-s05vm2pvz0]  .mud-table-pagination { background: #fff; min-height: 52px; }
.timesheet-page[b-s05vm2pvz0]  .mud-table-cell .mud-icon-button { width: 32px; height: 32px; border-radius: 50%; }
.timesheet-page[b-s05vm2pvz0]  .mud-table-cell .mud-icon-button-color-primary { background: #eaf2ff; color: #2463b8; }
.timesheet-page[b-s05vm2pvz0]  .mud-table-cell .mud-icon-button-color-error { background: #fff0f1; color: #be3455; }
.timesheet-page[b-s05vm2pvz0]  .ts-stamp { transform: none; border-radius: 16px; font-size: .7rem; letter-spacing: .02em; }
.timesheet-page[b-s05vm2pvz0]  .ts-tab-row { flex-wrap: wrap; gap: 8px; }
.timesheet-page[b-s05vm2pvz0]  .ts-tab.active, .timesheet-page[b-s05vm2pvz0]  .ts-day-pill.active { background: #e1f4ec; color: #00765b; border-color: #b9dfd0; }
.timesheet-page[b-s05vm2pvz0]  .ts-filter-btn.active { background: #008566; border-color: #008566; color: #fff; }
.timesheet-page[b-s05vm2pvz0]  .ts-task-picker-btn { color: #00765b !important; }
.timesheet-page[b-s05vm2pvz0]  .ts-punch-active, .timesheet-page[b-s05vm2pvz0]  .ts-month-cell-active, .timesheet-page[b-s05vm2pvz0]  .ts-task-panel-item.active { background: #e8f8f1; border-color: #008566; box-shadow: none; }
.timesheet-page[b-s05vm2pvz0]  .ts-punch-active::before, .timesheet-page[b-s05vm2pvz0]  .ts-punch-active::after { background: #e8f8f1; border-color: #008566; }
.timesheet-page[b-s05vm2pvz0]  .ts-month-cell:not(.ts-month-cell-muted):hover { border-color: #008566; }
.timesheet-page[b-s05vm2pvz0]  .ts-day-task-row, .timesheet-page[b-s05vm2pvz0]  .ts-footer-bar, .timesheet-page[b-s05vm2pvz0]  .ts-week-nav, .timesheet-page[b-s05vm2pvz0]  .ts-stat-row { flex-wrap: wrap; gap: 12px; }
.timesheet-page[b-s05vm2pvz0]  button:focus-visible, .timesheet-page[b-s05vm2pvz0]  a:focus-visible, .timesheet-page[b-s05vm2pvz0]  input:focus-visible { outline: 3px solid #245ef4; outline-offset: 3px; }
@media (max-width: 600px) {
    .timesheet-page[b-s05vm2pvz0] { padding: 4px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-header-band { padding: 18px 14px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-card, .timesheet-page[b-s05vm2pvz0]  .ts-tracker-card, .timesheet-page[b-s05vm2pvz0]  .ts-chart-card, .timesheet-page[b-s05vm2pvz0]  .ts-approval-card { padding: 16px 14px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-summary-card, .timesheet-page[b-s05vm2pvz0]  .ts-kpi { padding: 14px 12px; }
    .timesheet-page[b-s05vm2pvz0]  .mud-button-root, .timesheet-page[b-s05vm2pvz0]  .ts-filter-btn, .timesheet-page[b-s05vm2pvz0]  .ts-week-nav-btn, .timesheet-page[b-s05vm2pvz0]  .ts-day-pill { min-height: 42px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-month-grid { gap: 3px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-month-cell { min-width: 0; padding: 5px 2px; }
    .timesheet-page[b-s05vm2pvz0]  .ts-month-mini-stamp { max-width: 100%; overflow: hidden; font-size: .5rem; }
    .timesheet-page[b-s05vm2pvz0]  .mud-table-pagination-toolbar { flex-wrap: wrap; height: auto; gap: 8px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .timesheet-page[b-s05vm2pvz0]  *, .timesheet-page[b-s05vm2pvz0]  *::before, .timesheet-page[b-s05vm2pvz0]  *::after { animation: none !important; transition: none !important; }
}

.timesheet-page[b-s05vm2pvz0]  .ts-timer-indicator { animation: ts-pulse-b-s05vm2pvz0 1.4s ease-in-out infinite; }
.timesheet-page[b-s05vm2pvz0]  .ts-transition-card { animation: ts-enter-b-s05vm2pvz0 .3s ease-out; }
@keyframes ts-enter-b-s05vm2pvz0 { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
/* /Pages/OMSWeb/Reports/TimeSheet/TimeSheetDetailReport.razor.rz.scp.css */
.ts-report[b-e9a17ghn2z]{padding:24px;background:#f5f7fb;color:#1e293b;max-width:1800px;margin:auto}header[b-e9a17ghn2z]{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px;background:linear-gradient(120deg,#142d53,#2456a3);color:white;border-radius:20px;margin-bottom:20px}header small[b-e9a17ghn2z]{letter-spacing:2px;color:#bed7ff}h1[b-e9a17ghn2z]{font-size:30px;font-weight:750;margin:8px 0}h2[b-e9a17ghn2z]{font-size:20px;font-weight:700}p[b-e9a17ghn2z]{color:#64748b;margin:6px 0;font-size:13px}header p[b-e9a17ghn2z]{color:#d7e5f8}.period[b-e9a17ghn2z]{padding:16px;background:#ffffff15;border:1px solid #ffffff30;border-radius:12px}.filters[b-e9a17ghn2z],.results[b-e9a17ghn2z]{background:white;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.filters[b-e9a17ghn2z]{padding:14px;margin-bottom:22px}.metrics[b-e9a17ghn2z]{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metrics>button[b-e9a17ghn2z],.metrics>div[b-e9a17ghn2z]{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:white;border:1px solid #dbe5f2;border-top:4px solid #3b82f6;border-radius:16px;padding:22px;text-align:left}.metrics>:nth-child(2)[b-e9a17ghn2z]{border-top-color:#8b5cf6}.metrics>:nth-child(3)[b-e9a17ghn2z]{border-top-color:#14b8a6}.metrics>:nth-child(4)[b-e9a17ghn2z]{border-top-color:#f59e0b}.metrics strong[b-e9a17ghn2z]{font-size:32px}.metrics small[b-e9a17ghn2z]{font-size:14px}.metrics span[b-e9a17ghn2z]{font-size:13px;font-weight:600}.metrics em[b-e9a17ghn2z]{font-style:normal;font-size:12px;color:#64748b}.metrics button[b-e9a17ghn2z]{cursor:pointer}.metrics button:hover[b-e9a17ghn2z]{box-shadow:0 5px 18px #1e3a5f20}.toolbar[b-e9a17ghn2z],.total[b-e9a17ghn2z]{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:16px;border-bottom:1px solid #e2e8f0}.total[b-e9a17ghn2z]{background:#f8fafc}.secondary[b-e9a17ghn2z]{font-size:11px;color:#64748b;margin-top:4px}.badge[b-e9a17ghn2z]{border-radius:20px;padding:4px 9px;background:#eef2ff;color:#4338ca}.remarks[b-e9a17ghn2z]{min-width:220px;max-width:380px;white-space:normal}.state[b-e9a17ghn2z]{text-align:center;padding:60px 20px}.ts-report[b-e9a17ghn2z]  th{background:#f8fafc;font-weight:700;font-size:12px;white-space:nowrap}.ts-report[b-e9a17ghn2z]  td{white-space:nowrap;padding-top:16px;padding-bottom:16px}.ts-report[b-e9a17ghn2z]  td b{color:#1d4ed8}button:focus-visible[b-e9a17ghn2z]{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:1000px){.metrics[b-e9a17ghn2z]{grid-template-columns:repeat(2,1fr)}header[b-e9a17ghn2z]{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.ts-report[b-e9a17ghn2z]{padding:12px}header[b-e9a17ghn2z]{padding:22px}h1[b-e9a17ghn2z]{font-size:25px}.metrics[b-e9a17ghn2z]{gap:10px}.metrics>button[b-e9a17ghn2z],.metrics>div[b-e9a17ghn2z]{padding:16px}.metrics strong[b-e9a17ghn2z]{font-size:26px}.toolbar[b-e9a17ghn2z],.total[b-e9a17ghn2z]{align-items:flex-start;flex-direction:column}}

/* Palette shared with WorkAllocationDetailReport. */
.ts-report[b-e9a17ghn2z]{color:#173e3a;background:linear-gradient(180deg,#f2faf8 0%,#f8fbfa 100%)}
.ts-report header[b-e9a17ghn2z]{background:linear-gradient(120deg,#1c625b 0%,#2e8d80 58%,#43ab94 100%)}
.ts-report header small[b-e9a17ghn2z]{color:#d9f5ed}.ts-report header p[b-e9a17ghn2z]{color:rgba(255,255,255,.9)}
.filters[b-e9a17ghn2z],.results[b-e9a17ghn2z]{border-color:#d7e9e5}.filters[b-e9a17ghn2z]{box-shadow:0 5px 18px #237f750d}
.metrics[b-e9a17ghn2z]{grid-template-columns:repeat(3,minmax(0,1fr))}
.metrics>button[b-e9a17ghn2z],.metrics>div[b-e9a17ghn2z]{border-color:#d7e9e5;border-top-color:#43ab94;box-shadow:0 4px 16px #237f7508}
.metrics>:nth-child(n)[b-e9a17ghn2z]{border-top-color:#43ab94}.metrics strong[b-e9a17ghn2z],h2[b-e9a17ghn2z],h3[b-e9a17ghn2z]{color:#174f49}.metrics span[b-e9a17ghn2z]{color:#237f75}.metrics em[b-e9a17ghn2z],p[b-e9a17ghn2z],.secondary[b-e9a17ghn2z]{color:#52736e}
.metrics button:hover[b-e9a17ghn2z]{box-shadow:0 8px 24px #237f751a;border-color:#43ab94}
.ts-report[b-e9a17ghn2z]  th{background:#eff8f6;color:#315e58}.ts-report[b-e9a17ghn2z]  td b{color:#237f75}
.ts-report[b-e9a17ghn2z]  .mud-table-row:hover{background:#f2faf8}
.ts-report[b-e9a17ghn2z]  .mud-button-text-primary,.ts-report[b-e9a17ghn2z]  .mud-button-outlined-primary{color:#237f75}
.ts-report[b-e9a17ghn2z]  .mud-button-outlined-primary{border-color:#43ab94}
.badge[b-e9a17ghn2z]{background:#e6f5ef;color:#1c625b}.total[b-e9a17ghn2z]{background:#eff8f6}
.summary-insights[b-e9a17ghn2z]{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-bottom:1px solid #d7e9e5}
.insight[b-e9a17ghn2z]{padding:20px;border:1px solid #d7e9e5;border-radius:14px;max-height:330px;overflow:auto}.insight h3[b-e9a17ghn2z],.detail-controls h3[b-e9a17ghn2z]{font-size:16px;font-weight:700}
.insight-row[b-e9a17ghn2z]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #eef5f2;font-size:13px}.insight-row span[b-e9a17ghn2z]{overflow-wrap:anywhere}.insight-row strong[b-e9a17ghn2z]{white-space:nowrap;color:#237f75}.insight-row small[b-e9a17ghn2z]{display:block;color:#52736e;font-size:11px}
.detail-overview[b-e9a17ghn2z]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 22px;padding:20px;background:#eff8f6;border:1px solid #d7e9e5;border-radius:14px}.detail-overview span[b-e9a17ghn2z]{display:block;font-size:12px;color:#52736e}.detail-overview strong[b-e9a17ghn2z]{font-size:24px;color:#174f49}
.detail-controls[b-e9a17ghn2z]{display:flex;align-items:center;justify-content:space-between;padding:0 22px 18px}
.view-button[b-e9a17ghn2z]{border:1px solid #d7e9e5;border-radius:8px;padding:8px 18px;background:white;color:#237f75;cursor:pointer;margin-left:6px}.view-button.selected[b-e9a17ghn2z]{background:#237f75;color:white;border-color:#237f75}
.entry-cards[b-e9a17ghn2z]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 22px 22px}
.entry-card[b-e9a17ghn2z]{border:1px solid #d7e9e5;border-radius:16px;background:white;overflow:hidden;box-shadow:0 4px 16px #237f7508}
.entry-top[b-e9a17ghn2z]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;background:linear-gradient(120deg,#f2faf8,#fff)}.entry-top h3[b-e9a17ghn2z]{font-size:17px;font-weight:700;margin:4px 0;overflow-wrap:anywhere}.entry-top small[b-e9a17ghn2z]{color:#52736e}
.entry-hours[b-e9a17ghn2z]{text-align:right;color:#237f75;font-size:27px;font-weight:750;white-space:nowrap}.entry-hours small[b-e9a17ghn2z]{display:block;font-size:10px;font-weight:500}
.entry-tags[b-e9a17ghn2z]{display:flex;gap:12px;align-items:center;padding:0 20px 16px;font-size:12px;color:#52736e}
.entry-card dl[b-e9a17ghn2z]{margin:0;padding:0 20px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry-card dt[b-e9a17ghn2z],.entry-notes>span[b-e9a17ghn2z]{font-size:11px;color:#52736e}.entry-card dd[b-e9a17ghn2z]{margin:4px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.entry-notes[b-e9a17ghn2z]{padding:16px 20px;background:#f8fbfa;border-top:1px solid #e6f1ed}.entry-notes p[b-e9a17ghn2z]{white-space:pre-wrap;overflow-wrap:anywhere;color:#315e58;max-height:160px;overflow:auto}
.card-pager[b-e9a17ghn2z]{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px 20px;font-size:13px}
button:focus-visible[b-e9a17ghn2z]{outline-color:#43ab94}
@media(max-width:1100px){.summary-insights[b-e9a17ghn2z]{grid-template-columns:1fr}.insight[b-e9a17ghn2z]{max-height:260px}}
@media(max-width:700px){.metrics[b-e9a17ghn2z]{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-cards[b-e9a17ghn2z]{grid-template-columns:1fr;padding:0 12px 16px}.detail-overview[b-e9a17ghn2z]{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 12px}.summary-insights[b-e9a17ghn2z]{padding:12px}.entry-top[b-e9a17ghn2z]{padding:16px}.entry-hours[b-e9a17ghn2z]{font-size:23px}.detail-controls[b-e9a17ghn2z]{padding:0 12px 16px}}

/* Compact report header and persistent summary/detail grids. */
.ts-report header[b-e9a17ghn2z]{padding:12px 22px;gap:12px;margin-bottom:12px;border-radius:14px}.ts-report header h1[b-e9a17ghn2z]{font-size:23px;margin:3px 0}.ts-report header small[b-e9a17ghn2z]{font-size:10px;letter-spacing:1.4px}.ts-report header p[b-e9a17ghn2z]{margin:2px 0;font-size:12px}.ts-report header .period[b-e9a17ghn2z]{padding:8px 12px;font-size:12px}.detail-heading[b-e9a17ghn2z]{margin-top:18px;border-top:3px solid #43ab94;background:#eff8f6}.results[b-e9a17ghn2z]  .mud-table-row{cursor:pointer}@media(max-width:700px){.ts-report header[b-e9a17ghn2z]{padding:10px 14px;gap:8px}.ts-report header h1[b-e9a17ghn2z]{font-size:21px}}
/* /Pages/OMSWeb/Setup/AlertMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/AllocationOfWork.razor.rz.scp.css */
.allocation-list-page[b-19b9c96tfv] { max-width: 1800px; margin: 0 auto; padding: .75rem .5rem 2rem; color: #172033; }
.allocation-list-hero[b-19b9c96tfv] { padding: 1.1rem 1.25rem; margin-bottom: 1rem; border: 1px solid #dbeafe; border-radius: 18px; background: linear-gradient(120deg, #eff6ff, #fff 65%, #ecfdf5); }
.allocation-list-heading[b-19b9c96tfv] { display: flex; align-items: center; gap: 1rem; }
.allocation-list-symbol[b-19b9c96tfv] { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 14px; background: #2563eb; color: #fff; box-shadow: 0 6px 16px #2563eb26; }
.allocation-list-kicker[b-19b9c96tfv] { color: #1d4ed8; font-size: .7rem; letter-spacing: .1em; font-weight: 800; }
.allocation-list-hero h1[b-19b9c96tfv] { margin: .15rem 0; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 800; }
.allocation-list-hero p[b-19b9c96tfv] { margin: 0; color: #64748b; font-size: .875rem; }
.allocation-list-page[b-19b9c96tfv]  .allocation-list-grid { border: 1px solid #e2e8f0; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 28px #0f172a0a; background: #fff; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-toolbar { height: auto; min-height: 80px; padding: 1rem; gap: .75rem; flex-wrap: wrap; }
.allocation-list-page[b-19b9c96tfv]  .allocation-add,
.allocation-list-page[b-19b9c96tfv]  .allocation-export { min-height: 40px; border-radius: 11px; text-transform: none; font-weight: 700; }
.allocation-list-page[b-19b9c96tfv]  .allocation-add { background: #047857; color: #fff; }
.allocation-list-page[b-19b9c96tfv]  .allocation-export { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.allocation-list-page[b-19b9c96tfv]  .allocation-list-search { flex: 0 1 340px; min-width: 220px; margin: 0; }
.allocation-list-page[b-19b9c96tfv]  .allocation-list-search .mud-input-outlined,
.allocation-list-page[b-19b9c96tfv]  .allocation-list-search .mud-input-outlined-border { border-radius: 12px; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-container { overflow-x: auto; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-head .mud-table-cell { background: #eff6ff; color: #1e3a8a; font-weight: 700; white-space: nowrap; padding: .9rem 1rem; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-body .mud-table-cell { padding: .7rem 1rem; border-bottom: 1px solid #eef2f7; white-space: nowrap; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-body .mud-table-row:nth-child(even) { background: #fafcff; }
.allocation-list-page[b-19b9c96tfv]  .mud-table-body .mud-table-row:hover { background: #eff6ff; }
.allocation-list-page[b-19b9c96tfv]  .allocation-row-actions { white-space: nowrap; }
.allocation-list-page[b-19b9c96tfv]  .allocation-row-actions .mud-fab { width: 34px; height: 34px; min-height: 34px; margin: 0 3px; border-radius: 10px; box-shadow: none; }
.allocation-list-page[b-19b9c96tfv]  .allocation-view-icon { background: #dbeafe; color: #1d4ed8; }
.allocation-list-page[b-19b9c96tfv]  .allocation-edit-icon { background: #fef3c7; color: #92400e; }
.allocation-list-page[b-19b9c96tfv]  .allocation-delete-icon { background: #ffe4e6; color: #be123c; }
.allocation-list-page[b-19b9c96tfv]  .mud-button-root:hover { filter: brightness(.95); }
.allocation-list-page[b-19b9c96tfv]  .mud-button-root:focus-visible { outline: 3px solid #60a5fa; outline-offset: 2px; }
.allocation-empty[b-19b9c96tfv] { display: grid; justify-items: center; gap: .5rem; padding: 2.5rem 1rem; color: #64748b; }
@media (max-width: 600px) {
    .allocation-list-hero[b-19b9c96tfv] { padding: 1rem; }
    .allocation-list-heading[b-19b9c96tfv] { align-items: flex-start; gap: .75rem; }
    .allocation-list-page[b-19b9c96tfv]  .allocation-list-search { flex: 1 1 100%; min-width: 0; }
    .allocation-list-page[b-19b9c96tfv]  .mud-table-toolbar { padding: .75rem; }
}
/* /Pages/OMSWeb/Setup/AllocationOfWorkBasePage.razor.rz.scp.css */
.allocation-page[b-e08uxudhm8] {
    --ink: #172033;
    --muted: #64748b;
    --line: #e2e8f0;
    --brand: #2563eb;
    --mud-palette-primary: #2563eb;
    --mud-palette-primary-rgb: 37, 99, 235;
    --mud-palette-primary-darken: #1d4ed8;
    --mud-palette-primary-text: #ffffff;
    max-width: 1800px;
    margin: 0 auto;
    padding: .75rem .5rem 2rem;
    color: var(--ink);
}

.allocation-hero[b-e08uxudhm8] {
    display: grid;
    gap: .2rem;
    padding: .65rem 1rem;
    margin-bottom: .75rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: linear-gradient(135deg, #eff6ff 0%, #fff 55%, #f0fdfa 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

.allocation-kicker[b-e08uxudhm8] { display: flex; align-items: center; gap: .4rem; color: #1d4ed8; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.allocation-hero h1[b-e08uxudhm8] { margin: 0; color: #0f172a; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.2; font-weight: 800; letter-spacing: -.025em; }
.allocation-hero p[b-e08uxudhm8] { margin: 0; color: var(--muted); font-size: .875rem; }

.allocation-page[b-e08uxudhm8]  .allocation-section-card { margin-bottom: .75rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); overflow: hidden; }
.allocation-page[b-e08uxudhm8]  .allocation-section-title { padding: .65rem 1rem; border-bottom: 1px solid var(--line); background: #f8fafc; color: #0f172a; font-weight: 800; }
.allocation-page[b-e08uxudhm8]  .allocation-card-content { padding: .75rem; }
.allocation-form-grid[b-e08uxudhm8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .75rem; }
.allocation-field[b-e08uxudhm8] { min-width: 0; }
.allocation-status[b-e08uxudhm8] { margin-top: .5rem; }
.allocation-field-control[b-e08uxudhm8] { min-width: 0; }
.allocation-field-control[b-e08uxudhm8]  .mud-input-control,
.allocation-notes[b-e08uxudhm8]  .mud-input-control { width: 100%; margin-top: .25rem; }
.allocation-field-control[b-e08uxudhm8]  .mud-input-outlined,
.allocation-notes[b-e08uxudhm8]  .mud-input-outlined { border-radius: 4px; }
.allocation-field-control[b-e08uxudhm8]  .custom-workid .mud-input { background: #f1f5f9; color: var(--muted); }
.allocation-page[b-e08uxudhm8]  .allocation-actions { padding: 1rem 1.5rem; border-top: 1px solid var(--line); background: #f8fafc; justify-content: flex-end; }
.allocation-page[b-e08uxudhm8]  .allocation-action-buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .75rem; background: transparent; }
.allocation-page[b-e08uxudhm8]  .allocation-action-buttons .mud-button-root { min-width: 108px; min-height: 42px; border-radius: 12px; font-weight: 700; text-transform: none; }

@media (max-width: 600px) {
    .allocation-page[b-e08uxudhm8] { padding-inline: .5rem; }
    .allocation-hero[b-e08uxudhm8] { padding: .6rem .75rem; }
    .allocation-form-grid[b-e08uxudhm8] { grid-template-columns: minmax(0, 1fr); }
    .allocation-page[b-e08uxudhm8]  .allocation-section-card { border-radius: 14px; }
    .allocation-page[b-e08uxudhm8]  .allocation-card-content,
    .allocation-page[b-e08uxudhm8]  .allocation-section-title,
    .allocation-page[b-e08uxudhm8]  .allocation-actions { padding: .75rem; }
}

.allocation-field-control[b-e08uxudhm8]  .mud-input-outlined-border,
.allocation-notes[b-e08uxudhm8]  .mud-input-outlined-border { border-radius: 4px; }
.allocation-field-control[b-e08uxudhm8]  .mud-input-adornment { color: #2563eb; }
.allocation-page[b-e08uxudhm8]  .allocation-back { background: #2563eb; color: #fff; }
.allocation-page[b-e08uxudhm8]  .allocation-reset { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.allocation-page[b-e08uxudhm8]  .allocation-save { background: #047857; color: #fff; }
.allocation-page[b-e08uxudhm8]  .allocation-delete { background: #be123c; color: #fff; }
.allocation-page[b-e08uxudhm8]  .allocation-action-buttons .mud-button-root:hover { filter: brightness(.94); }
.allocation-page[b-e08uxudhm8]  .allocation-action-buttons .mud-button-root:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }
.allocation-date-label[b-e08uxudhm8] { display: block; font-size: 12px; color: #475569; margin-bottom: 4px; }
.allocation-date-input[b-e08uxudhm8] { width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid #b8c0cc; border-radius: 4px; font: inherit; background: transparent; color: inherit; }
.allocation-date-input:focus[b-e08uxudhm8] { outline: 2px solid #2563eb; outline-offset: -1px; }

.allocation-required-details[b-e08uxudhm8] { scroll-margin-top: 96px; margin-top: 20px; border-left: 4px solid #2563eb; padding-left: 12px; }
.allocation-required-details:focus[b-e08uxudhm8] { outline: 2px solid #93c5fd; outline-offset: 4px; }
/* /Pages/OMSWeb/Setup/AllocationofWorkList.razor.rz.scp.css */
.create-work-dashboard[b-9d2gz5w0wx] {
    --ink: #172033;
    --muted: #64748b;
    --line: #e2e8f0;
    --surface: #ffffff;
    --brand: #2563eb;
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: clamp(1rem, 2.5vw, 2rem) !important;
    color: var(--ink);
}

.dashboard-hero[b-9d2gz5w0wx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: linear-gradient(135deg, #eff6ff 0%, #fff 55%, #f0fdfa 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

.hero-left[b-9d2gz5w0wx] { display: grid; gap: .45rem; }
.hero-kicker[b-9d2gz5w0wx] { display: inline-flex; align-items: center; gap: .4rem; width: fit-content; color: #1d4ed8; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.dashboard-title[b-9d2gz5w0wx] { color: #0f172a; font-weight: 800 !important; letter-spacing: -.025em; }
.dashboard-subtitle[b-9d2gz5w0wx] { color: var(--muted); }
.hero-actions[b-9d2gz5w0wx] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .75rem; }
.quick-create-actions[b-9d2gz5w0wx] { display: flex; flex-wrap: wrap; gap: .5rem; }
.live-sync-pill[b-9d2gz5w0wx] { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .7rem; border: 1px solid #bbf7d0; border-radius: 999px; background: #f0fdf4; color: #166534; font-size: .75rem; font-weight: 600; }
.pulse-dot[b-9d2gz5w0wx] { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.13); }

.dashboard-loading-state[b-9d2gz5w0wx] { min-height: 280px; display: grid; place-content: center; justify-items: center; gap: 1rem; border: 1px solid var(--line); border-radius: 16px; }
.dashboard-filter-panel[b-9d2gz5w0wx] { margin: -.5rem 0 1.5rem; padding: .4rem 1rem 0; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(15,23,42,.04); }
.dashboard-filter-panel[b-9d2gz5w0wx]  .common-report-filter-wrapper > .d-flex > .mud-button-root { min-width: auto; min-height: 28px; margin: 3px 0 !important; padding: 2px 8px !important; font-size: .68rem; }
.kpi-section[b-9d2gz5w0wx] { margin-bottom: 1.5rem; }
.kpi-card[b-9d2gz5w0wx] { --accent: #475569; position: relative; width: 100%; min-height: 126px; padding: 1rem; overflow: hidden; text-align: left; color: var(--ink); border: 1px solid var(--line); border-radius: 15px; background: var(--surface); box-shadow: 0 5px 18px rgba(15,23,42,.05); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.kpi-card[b-9d2gz5w0wx]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
.kpi-card:hover[b-9d2gz5w0wx] { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 45%, white); box-shadow: 0 12px 26px rgba(15,23,42,.10); }
.kpi-card:focus-visible[b-9d2gz5w0wx] { outline: 3px solid rgba(37,99,235,.25); outline-offset: 2px; }
.kpi-card.is-active[b-9d2gz5w0wx] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 5%, white); }
.kpi-card.all[b-9d2gz5w0wx] { --accent: #334155; } .kpi-card.request[b-9d2gz5w0wx] { --accent: #0284c7; } .kpi-card.ticket[b-9d2gz5w0wx] { --accent: #2563eb; } .kpi-card.daytoday[b-9d2gz5w0wx] { --accent: #059669; } .kpi-card.discuss[b-9d2gz5w0wx] { --accent: #7c3aed; } .kpi-card.task[b-9d2gz5w0wx] { --accent: #d97706; }
.kpi-header[b-9d2gz5w0wx], .kpi-footer[b-9d2gz5w0wx] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.kpi-icon-box[b-9d2gz5w0wx] { display: grid; place-items: center; width: 34px; height: 34px; color: var(--accent); border-radius: 9px; background: color-mix(in srgb, var(--accent) 11%, white); }
.kpi-label[b-9d2gz5w0wx] { flex: 1; color: #475569; font-size: .82rem; font-weight: 700; }
.kpi-footer[b-9d2gz5w0wx] { margin-top: 1rem; }
.kpi-value[b-9d2gz5w0wx] { font-size: 1.8rem; line-height: 1; letter-spacing: -.04em; }
.kpi-unit[b-9d2gz5w0wx] { display: block; margin-top: .3rem; color: #64748b; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.kpi-chevron[b-9d2gz5w0wx] { color: var(--accent); }

.queue-container[b-9d2gz5w0wx] { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.queue-topbar[b-9d2gz5w0wx] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: 1.25rem 1.35rem; border-bottom: 1px solid var(--line); }
.queue-title[b-9d2gz5w0wx] { color: #0f172a; font-weight: 800 !important; }
.queue-meta[b-9d2gz5w0wx], .pagination-quick-bar[b-9d2gz5w0wx] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.page-size-label[b-9d2gz5w0wx] { color: var(--muted); font-size: .75rem; font-weight: 700; }
.queue-filter-wrap[b-9d2gz5w0wx] { padding: 1rem 1.25rem; background: #f8fafc; border-bottom: 1px solid var(--line); }
.active-page-btn[b-9d2gz5w0wx] { color: white !important; background: var(--brand) !important; }
.selected-detail-panel[b-9d2gz5w0wx] { padding: 1rem 1.25rem; border-bottom: 1px solid #bfdbfe; background: #eff6ff; }
.selected-detail-header[b-9d2gz5w0wx] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.selected-detail-header > div[b-9d2gz5w0wx] { display: flex; align-items: center; gap: .65rem; }
.selected-detail-eyebrow[b-9d2gz5w0wx] { color: #64748b; font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.selected-detail-grid[b-9d2gz5w0wx] { display: grid; grid-template-columns: repeat(6, minmax(110px, 1fr)); gap: .8rem; }
.selected-detail-grid > div[b-9d2gz5w0wx] { display: grid; gap: .2rem; }
.selected-detail-grid span[b-9d2gz5w0wx] { color: #64748b; font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.selected-detail-grid strong[b-9d2gz5w0wx] { color: #1e293b; font-size: .82rem; }
.selected-description[b-9d2gz5w0wx] { grid-column: 1 / -1; padding-top: .6rem; border-top: 1px solid #dbeafe; }
.queue-container[b-9d2gz5w0wx]  .row-action-button {
    min-width: 108px;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid #1d4ed8;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(37, 99, 235, .25);
}
.queue-container[b-9d2gz5w0wx]  .row-action-button:hover { background: #1d4ed8; }
.queue-container[b-9d2gz5w0wx]  .row-action-button:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }
.queue-container[b-9d2gz5w0wx]  .row-action-button:disabled {
    background: #e2e8f0;
    color: #64748b;
    border-color: #cbd5e1;
    box-shadow: none;
}

[b-9d2gz5w0wx] .modern-queue-table .mud-table-head { background: #f8fafc; }
.queue-container[b-9d2gz5w0wx]  .modern-queue-table .mud-table-container { overflow-x: auto; }
.queue-container[b-9d2gz5w0wx]  .modern-queue-table .mud-table-root { min-width: 1500px; }
[b-9d2gz5w0wx] .modern-queue-table .mud-table-cell { padding: .8rem 1rem; border-color: #edf2f7; white-space: nowrap; }
[b-9d2gz5w0wx] .modern-queue-table .mud-table-head .mud-table-cell { color: #475569; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
[b-9d2gz5w0wx] .modern-queue-table .mud-table-row:hover { background: #f8fbff; }
[b-9d2gz5w0wx] .modern-queue-table .mud-table-row { cursor: pointer; }
.item-id-pill[b-9d2gz5w0wx] { display: inline-block; margin-bottom: .3rem; padding: .15rem .45rem; color: #1d4ed8; background: #eff6ff; border-radius: 6px; font-size: .7rem; font-weight: 800; }
.item-desc-text[b-9d2gz5w0wx] { max-width: 520px; overflow: hidden; color: #334155; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.client-name[b-9d2gz5w0wx] { color: #334155; font-weight: 700; }
.project-tag[b-9d2gz5w0wx] { display: flex; align-items: center; gap: .3rem; margin-top: .25rem; color: var(--muted); font-size: .76rem; }
.date-text[b-9d2gz5w0wx] { color: #475569; font-weight: 600; white-space: nowrap; }
.priority-indicator[b-9d2gz5w0wx] { display: inline-flex; align-items: center; gap: .45rem; color: #475569; font-size: .78rem; font-weight: 700; text-transform: capitalize; }
.priority-dot[b-9d2gz5w0wx] { width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; }
.priority-indicator.high .priority-dot[b-9d2gz5w0wx], .priority-indicator.urgent .priority-dot[b-9d2gz5w0wx], .priority-indicator.critical .priority-dot[b-9d2gz5w0wx] { background: #ef4444; }
.priority-indicator.medium .priority-dot[b-9d2gz5w0wx], .priority-indicator.normal .priority-dot[b-9d2gz5w0wx] { background: #f59e0b; }
.priority-indicator.low .priority-dot[b-9d2gz5w0wx] { background: #22c55e; }
.empty-queue-state[b-9d2gz5w0wx] { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; padding: 2rem; text-align: center; }
.empty-title[b-9d2gz5w0wx] { font-weight: 750 !important; }
.text-secondary[b-9d2gz5w0wx], .text-muted[b-9d2gz5w0wx] { color: var(--muted); }

@media (max-width: 960px) {
    .dashboard-hero[b-9d2gz5w0wx] { align-items: stretch; }
    .dashboard-hero[b-9d2gz5w0wx], .queue-topbar[b-9d2gz5w0wx] { flex-direction: column; }
    .hero-actions[b-9d2gz5w0wx], .queue-meta[b-9d2gz5w0wx] { justify-content: flex-start; }
    .selected-detail-grid[b-9d2gz5w0wx] { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
}

@media (max-width: 600px) {
    .create-work-dashboard[b-9d2gz5w0wx] { padding-inline: .75rem !important; }
    .dashboard-hero[b-9d2gz5w0wx] { padding: 1rem; border-radius: 14px; }
    .hero-actions[b-9d2gz5w0wx], .quick-create-actions[b-9d2gz5w0wx], .quick-create-actions > *[b-9d2gz5w0wx] { width: 100%; }
    .queue-container[b-9d2gz5w0wx] { border-radius: 14px; }
    .pagination-quick-bar[b-9d2gz5w0wx] { display: none; }
    .item-desc-text[b-9d2gz5w0wx] { max-width: 250px; }
}

@media (prefers-reduced-motion: reduce) {
    .kpi-card[b-9d2gz5w0wx] { transition: none; }
}

.hero-left[b-9d2gz5w0wx] { min-width: 0; }
.hero-right[b-9d2gz5w0wx] { display: grid; align-self: stretch; align-content: space-between; justify-items: end; gap: 1rem; }
.hero-right .hero-actions[b-9d2gz5w0wx] { justify-content: flex-end; }
.allocation-tabs[b-9d2gz5w0wx] { display: inline-flex; align-items: stretch; gap: 5px; padding: 5px; border: 1px solid #93c5fd; border-radius: 13px; background: #fff; box-shadow: 0 4px 16px rgba(37, 99, 235, .12), 0 0 0 3px rgba(219, 234, 254, .65); }
.allocation-tab[b-9d2gz5w0wx] { min-width: 78px; min-height: 40px; padding: 9px 20px; border: 0; border-radius: 8px; background: transparent; color: #475569; font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; transition: color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.allocation-tab:hover[b-9d2gz5w0wx] { color: #1d4ed8; background: #eff6ff; box-shadow: inset 0 -2px 0 #93c5fd; }
.allocation-tab.is-active[b-9d2gz5w0wx] { color: #fff; background: linear-gradient(135deg, #2563eb, #1d4ed8); font-weight: 700; box-shadow: 0 3px 8px rgba(37, 99, 235, .25); }
.allocation-tab.is-active:hover[b-9d2gz5w0wx] { background: #1d4ed8; }
.allocation-tab:active[b-9d2gz5w0wx] { transform: translateY(1px); box-shadow: inset 0 2px 4px rgba(15, 23, 42, .18); }
.allocation-tab:focus-visible[b-9d2gz5w0wx] { outline: 2px solid #2563eb; outline-offset: 3px; }
@media (max-width: 760px) {
    .dashboard-hero[b-9d2gz5w0wx] { grid-template-columns: minmax(0, 1fr); }
    .hero-right[b-9d2gz5w0wx] { width: 100%; justify-items: end; gap: .75rem; }
    .hero-right .hero-actions[b-9d2gz5w0wx] { width: auto; }
    .allocation-tab[b-9d2gz5w0wx] { min-width: 68px; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .allocation-tab[b-9d2gz5w0wx] { transition: none; }
    .allocation-tab:active[b-9d2gz5w0wx] { transform: none; }
}
/* /Pages/OMSWeb/Setup/AllocationTypeDetailGrid.razor.rz.scp.css */
.allocation-detail-panel[b-s6llmpm471] { padding: 20px; border: 1px solid #dbeafe; border-radius: 8px; background: white; margin: 20px 0; }
.allocation-detail-toolbar[b-s6llmpm471] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
[b-s6llmpm471] .allocation-detail-grid th { background:#eff6ff; color:#1e40af; white-space:nowrap; }
[b-s6llmpm471] .allocation-detail-grid td { min-width:150px; vertical-align:top; }
[b-s6llmpm471] .allocation-detail-grid .mud-input-control { margin-top:0; }
[b-s6llmpm471] .allocation-detail-grid .mud-input-outlined-border { border-radius:4px; }
@media(max-width:600px) { .allocation-detail-toolbar[b-s6llmpm471] { align-items:flex-start; flex-direction:column; } .allocation-detail-panel[b-s6llmpm471] { padding:12px; } }
/* /Pages/OMSWeb/Setup/ClientMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/DepartmentMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/DesignationMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/FrmXpertStudioTicketMasterRefBasePage.razor.rz.scp.css */
[b-6jgpixdb8n] .frmXpertStudioTicketMasterRef_Section_Style {
width:1219px;
left:15px;
height:605px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .mud-grid {
width:1219px;
}
[b-6jgpixdb8n] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-6jgpixdb8n] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-6jgpixdb8n] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-6jgpixdb8n] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-6jgpixdb8n] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-6jgpixdb8n] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-6jgpixdb8n] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-6jgpixdb8n] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-6jgpixdb8n] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-6jgpixdb8n] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-6jgpixdb8n] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-6jgpixdb8n] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-6jgpixdb8n] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-6jgpixdb8n] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-6jgpixdb8n] .mud-input-outlined-border{
    border:none !important;
}
[b-6jgpixdb8n] .xpertGroupBox3_Section_Style {
width:1103px;
position: absolute;
left:17px;
top:140px;
height:53px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .xpertSplitContainer1_Section_Style {
width:1211px;
position: absolute;
left:0px;
top:0px;
height:537px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .xpertSplitContainer1_Panel1_Section_Style {
width:1211px;
position: absolute;
left:0px;
top:0px;
height:537px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .xpertGroupBox1_Section_Style {
width:1211px;
position: absolute;
left:0px;
top:0px;
height:537px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .fndId_Label_Style {
position: absolute;
width:80px;
left:15px;
top:43px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndId_Control_Style {
position: absolute;
width:260px;
left:129px;
top:39px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndId_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-6jgpixdb8n] .dptDate_Label_Style {
position: absolute;
width:30px;
left:398px;
top:39px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .dptDate_Control_Style {
position: absolute;
width:226px;
left:501px;
top:37px;
height:20px;
background-color: rgb(255,255,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .dptDate_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; font-family: Segoe UI;
font-size:8.25px; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .ddlTaskNature_Label_Style {
position: absolute;
width:96px;
left:733px;
top:41px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTaskNature_Control_Style {
position: absolute;
width:268px;
left:837px;
top:40px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTaskNature_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .fndProjectId_Label_Style {
position: absolute;
width:74px;
left:17px;
top:67px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndProjectId_Control_Style {
position: absolute;
width:260px;
left:129px;
top:67px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndProjectId_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .ddlTask_Category_Label_Style {
position: absolute;
width:77px;
left:397px;
top:65px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTask_Category_Control_Style {
position: absolute;
width:226px;
left:501px;
top:64px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTask_Category_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .fndKeywords_Label_Style {
position: absolute;
width:54px;
left:736px;
top:65px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndKeywords_Control_Style {
position: absolute;
width:268px;
left:837px;
top:66px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndKeywords_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndTicketNature_Label_Style {
position: absolute;
width:73px;
left:17px;
top:93px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndTicketNature_Control_Style {
position: absolute;
width:259px;
left:129px;
top:93px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndTicketNature_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .ddlTicket_Category_Label_Style {
position: absolute;
width:84px;
left:397px;
top:93px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTicket_Category_Control_Style {
position: absolute;
width:226px;
left:501px;
top:91px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlTicket_Category_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .fndSorucetaskId_Label_Style {
position: absolute;
width:40px;
left:736px;
top:93px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndSorucetaskId_Control_Style {
position: absolute;
width:268px;
left:837px;
top:95px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndSorucetaskId_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .xpertGroupBox4_Section_Style {
width:1103px;
position: absolute;
left:17px;
top:438px;
height:82px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .ddlAllocation_Type_Label_Style {
position: absolute;
width:83px;
left:7px;
top:26px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlAllocation_Type_Control_Style {
position: absolute;
width:241px;
left:128px;
top:26px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .ddlAllocation_Type_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .fnd_Label_Style {
position: absolute;
width:72px;
left:387px;
top:28px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fnd_Control_Style {
position: absolute;
width:206px;
left:519px;
top:22px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fnd_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .txtestimate_time_Label_Style {
position: absolute;
width:76px;
left:8px;
top:55px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtestimate_time_Control_Style {
position: absolute;
width:243px;
left:126px;
top:54px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtestimate_time_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .xpertGroupBox2_Section_Style {
width:1103px;
position: absolute;
left:17px;
top:199px;
height:231px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-6jgpixdb8n] .fndApplicaton_Name_Label_Style {
position: absolute;
width:96px;
left:6px;
top:28px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndApplicaton_Name_Control_Style {
position: absolute;
width:245px;
left:128px;
top:25px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndApplicaton_Name_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndmodule_id_Label_Style {
position: absolute;
width:78px;
left:382px;
top:27px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndmodule_id_Control_Style {
position: absolute;
width:228px;
left:485px;
top:25px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndmodule_id_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndSource_Task_Label_Style {
position: absolute;
width:66px;
left:722px;
top:29px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndSource_Task_Control_Style {
position: absolute;
width:268px;
left:820px;
top:25px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndSource_Task_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fnd_Task_Label_Style {
position: absolute;
width:28px;
left:8px;
top:52px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fnd_Task_Control_Style {
position: absolute;
width:243px;
left:128px;
top:52px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fnd_Task_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndReference_Location_Label_Style {
position: absolute;
width:101px;
left:382px;
top:54px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndReference_Location_Control_Style {
position: absolute;
width:229px;
left:484px;
top:52px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndReference_Location_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndReferenceTicektNumber_Label_Style {
position: absolute;
width:132px;
left:721px;
top:57px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndReferenceTicektNumber_Control_Style {
position: absolute;
width:230px;
left:858px;
top:53px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndReferenceTicektNumber_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndArtifact_ID_Label_Style {
position: absolute;
width:71px;
left:8px;
top:83px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndArtifact_ID_Control_Style {
position: absolute;
width:245px;
left:128px;
top:81px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndArtifact_ID_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .xpertDropDown5_Label_Style {
position: absolute;
width:71px;
left:382px;
top:87px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .xpertDropDown5_Control_Style {
position: absolute;
width:229px;
left:484px;
top:83px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .xpertDropDown5_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .fndcontrol_Label_Style {
position: absolute;
width:48px;
left:726px;
top:87px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndcontrol_Control_Style {
position: absolute;
width:268px;
left:820px;
top:83px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndcontrol_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .fndArtifact_Name_Label_Style {
position: absolute;
width:77px;
left:10px;
top:113px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .fndArtifact_Name_Control_Style {
position: absolute;
width:244px;
left:128px;
top:110px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .fndArtifact_Name_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-6jgpixdb8n] .txtDescription_Headings_Label_Style {
position: absolute;
width:113px;
left:8px;
top:146px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtDescription_Headings_Control_Style {
position: absolute;
width:601px;
left:127px;
top:144px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtDescription_Headings_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:8px;
top:173px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtDescription_Control_Style {
position: absolute;
width:604px;
left:124px;
top:173px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-6jgpixdb8n] .xpertMultiSelctFinder1_Section_Style {
width:268px;
position: absolute;
left:820px;
top:113px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
Padding:0px;
}
[b-6jgpixdb8n] .xpertMultiSelctFinder1_Label_Style {
position: absolute;
width:49px;
left:726px;
top:113px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-6jgpixdb8n] .xpertMultiSelctFinder1_Control_Style {
position: absolute;
width:268px;
left:820px;
top:113px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-6jgpixdb8n] .xpertMultiSelctFinder1_input_Style .mud-input{
height:25px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-6jgpixdb8n] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
/* /Pages/OMSWeb/Setup/KPIBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/KPIFormatBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/KPIMappingMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/KPIResponsibilityBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/KRABasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/Manual360BasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/MyTimeSheetBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/ProjectMasterBasePage.razor.rz.scp.css */
[b-g0avvnqcwb] .frmProjectMaster_Section_Style {
width:718px;
left:15px;
height:234px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-g0avvnqcwb] .mud-grid {
width:718px;
}
[b-g0avvnqcwb] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-g0avvnqcwb] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-g0avvnqcwb] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-g0avvnqcwb] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-g0avvnqcwb] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-g0avvnqcwb] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-g0avvnqcwb] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-g0avvnqcwb] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-g0avvnqcwb] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-g0avvnqcwb] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-g0avvnqcwb] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-g0avvnqcwb] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-g0avvnqcwb] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-g0avvnqcwb] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-g0avvnqcwb] .mud-input-outlined-border{
    border:none !important;
}
[b-g0avvnqcwb] .xpertSplitContainer1_Section_Style {
width:710px;
position: absolute;
left:0px;
top:0px;
height:166px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-g0avvnqcwb] .xpertSplitContainer1_Panel1_Section_Style {
width:710px;
position: absolute;
left:0px;
top:0px;
height:166px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-g0avvnqcwb] .gbxHeader_Section_Style {
width:710px;
position: absolute;
left:0px;
top:0px;
height:166px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-g0avvnqcwb] .fndDocNo_Label_Style {
position: absolute;
width:32px;
left:20px;
top:34px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-g0avvnqcwb] .fndDocNo_Control_Style {
position: absolute;
width:258px;
left:112px;
top:28px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-g0avvnqcwb] .fndDocNo_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-g0avvnqcwb] .fndDocNo_Label_Style {
position: absolute;
width:32px;
left:20px;
top:34px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-g0avvnqcwb] .fndDocNo_Control_Style {
position: absolute;
width:258px;
left:112px;
top:28px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-g0avvnqcwb] .fndDocNo_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-g0avvnqcwb] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:20px;
top:60px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-g0avvnqcwb] .txtDescription_Control_Style {
position: absolute;
width:412px;
left:112px;
top:58px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-g0avvnqcwb] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-g0avvnqcwb] .xpertMultiSelctFinder1_Section_Style {
width:233px;
position: absolute;
left:112px;
top:89px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
Padding:0px;
}
[b-g0avvnqcwb] .xpertMultiSelctFinder1_Label_Style {
position: absolute;
width:66px;
left:20px;
top:96px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-g0avvnqcwb] .xpertMultiSelctFinder1_Control_Style {
position: absolute;
width:233px;
left:112px;
top:89px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-g0avvnqcwb] .xpertMultiSelctFinder1_input_Style .mud-input{
height:25px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-g0avvnqcwb] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
/* /Pages/OMSWeb/Setup/SourceTaskMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/TaskMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/User_Master.razor.rz.scp.css */
/* Page-local CSS isolation for User_Master list */
.usermaster-list-page[b-p5rnconlyc] {
    --master-radius: 14px;
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    padding: clamp(8px, 1.3vw, 20px);
    background: transparent;
}

    .usermaster-list-page[b-p5rnconlyc]  .master-page-header {
        padding: 20px 22px;
        margin-bottom: 14px;
        gap: 13px;
        border-color: #d5e5ff;
        background: linear-gradient(110deg, #f0f6ff, #ffffff 60%, #edfdf5);
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-page-icon {
        flex-basis: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .usermaster-list-page[b-p5rnconlyc]  h1 {
        font-size: clamp(1.25rem, 1.1rem + .4vw, 1.6rem);
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-page-eyebrow {
        font-size: .6rem;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-page-description {
        font-size: .8rem;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid {
        box-shadow: 0 6px 24px #244c7d06;
    }

        .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-toolbar {
            min-height: 64px;
            padding: 12px 14px;
        }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-toolbar {
        gap: 12px;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-button {
        min-height: 36px;
        padding: 7px 13px;
        border-radius: 8px;
        font-size: .8rem;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-button-export .mud-icon-root {
        color: #00765b;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-search {
        width: clamp(230px, 24vw, 350px);
    }

        .usermaster-list-page[b-p5rnconlyc]  .master-list-search .mud-input-outlined {
            background: white;
            border-radius: 9px;
        }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-head .mud-table-cell {
        background: #eef5ff;
        color: #164d99;
        padding: 12px 14px;
        font-size: .78rem;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-body .mud-table-cell {
        padding: 11px 14px;
        font-size: .83rem;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-body .mud-table-row:nth-child(even) {
        background: #f8fbff;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-body .mud-table-row:hover {
        background: #eef7ff;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-row-button {
        width: 32px;
        min-width: 32px;
        height: 32px;
        border-radius: 50% !important;
        margin: 2px;
    }

        .usermaster-list-page[b-p5rnconlyc]  .master-row-button .mud-icon-root {
            font-size: 18px;
        }

    .usermaster-list-page[b-p5rnconlyc]  .master-row-edit {
        background-color: #fff1ca !important;
        color: #855b00 !important;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-row-delete {
        background-color: #ffe5e9 !important;
        color: #b92e43 !important;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-row-view {
        background-color: #e2edff !important;
        color: #164d99 !important;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-badge-active {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 12px;
        font-size: 0.78rem;
        font-weight: 600;
        background: #e5f6ee;
        color: #08775b;
        border: 1px solid #cce9dc;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-badge-inactive {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 12px;
        font-size: 0.78rem;
        font-weight: 600;
        background: #ffe5e9;
        color: #b92e43;
        border: 1px solid #ffd0d9;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-pagination {
        background: #fff;
        min-height: 52px;
    }

    .usermaster-list-page[b-p5rnconlyc]  .mud-table-container {
        max-width: 100%;
        overscroll-behavior-x: contain;
    }

@media (max-width: 900px) {
    .usermaster-list-page[b-p5rnconlyc]  .master-list-toolbar {
        align-items: stretch;
    }

    .usermaster-list-page[b-p5rnconlyc]  .master-list-search {
        flex: 1 1 230px;
    }
}

@media (max-width: 600px) {
    .usermaster-list-page[b-p5rnconlyc] {
        padding: 4px;
    }

        .usermaster-list-page[b-p5rnconlyc]  .master-page-header {
            padding: 18px 14px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-list-search {
            width: 100%;
            flex-basis: 100%;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-root {
            min-width: 580px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-toolbar {
            padding: 14px 10px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-action-group {
            gap: 8px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-button {
            min-height: 42px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .master-row-button {
            width: 40px;
            min-width: 40px;
            height: 40px;
        }

        .usermaster-list-page[b-p5rnconlyc]  .mud-table-pagination-toolbar {
            flex-wrap: wrap;
            height: auto;
            min-height: 56px;
            gap: 8px;
            padding: 8px;
        }
}

@media (min-width: 1800px) {
    .usermaster-list-page[b-p5rnconlyc]  .master-list-grid .mud-table-body .mud-table-cell {
        font-size: .9rem;
    }
}
/* /Pages/OMSWeb/Setup/User_MasterBasePage.razor.rz.scp.css */
/* Scoped CSS for User_MasterBasePage */
.usermaster-form-page[b-bwirvyvzby] {
    --master-radius: 16px;
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    padding: clamp(8px, 1.5vw, 24px);
    background: radial-gradient(ellipse at 95% 70%, #e5f9ef70, transparent 55%);
}

    .usermaster-form-page[b-bwirvyvzby]  .master-page-header {
        padding: 22px 26px;
        gap: 14px;
        margin-bottom: 20px;
        border-color: #d5e5ff;
        background: linear-gradient(110deg, #f0f6ff, #ffffff 58%, #edfdf5);
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-page-icon {
        flex-basis: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .usermaster-form-page[b-bwirvyvzby]  h1 {
        font-size: clamp(1.35rem, 1.15rem + .5vw, 1.8rem);
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-card {
        padding: clamp(22px, 3vw, 40px);
        background: #ffffffeb;
        border-color: #dae6f2;
        box-shadow: 0 10px 34px #244c7d08;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-section-heading {
        padding-bottom: 24px;
        border-bottom: 1px solid #e6edf6;
        margin-bottom: 28px;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-form-grid {
        gap: 26px;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-field-label {
        font-size: .86rem;
        color: #365675;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-field .mud-input-outlined {
        border-radius: 9px;
        background: #fdfeff;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-field .mud-input-outlined-border {
        border-color: #ccdbea;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-field .mud-input-outlined:focus-within {
        box-shadow: 0 0 0 3px #245ef40b;
    }

        .usermaster-form-page[b-bwirvyvzby]  .master-field .mud-input-outlined:focus-within .mud-input-outlined-border {
            border-color: #3977e5;
        }

    .usermaster-form-page[b-bwirvyvzby]  .master-form-actions {
        margin-top: 32px;
        padding-top: 24px;
    }

    .usermaster-form-page[b-bwirvyvzby]  .master-button {
        min-height: 42px;
        border-radius: 9px;
    }

@media (max-width: 900px) {
    .usermaster-form-page[b-bwirvyvzby]  .master-card {
        padding: 24px;
    }
}

@media (max-width: 600px) {
    .usermaster-form-page[b-bwirvyvzby] {
        padding: 4px;
    }

        .usermaster-form-page[b-bwirvyvzby]  .master-page-header {
            padding: 18px 14px;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-page-badge {
            margin-left: 0;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-card {
            padding: 22px 16px;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-section-heading {
            align-items: flex-start;
            gap: 10px;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-form-grid {
            grid-template-columns: minmax(0, 1fr);
            gap: 22px;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-form-actions > .master-button {
            width: 100%;
        }

        .usermaster-form-page[b-bwirvyvzby]  .master-form-actions .master-button {
            min-height: 44px;
        }
}
/* /Pages/OMSWeb/Setup/XpertStudioTicketMasterBasePage.razor.rz.scp.css */
[b-kqy7iepafi] .frmXpertStudioTicketMaster_Section_Style {
width:1154px;
left:15px;
height:648px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .mud-grid {
width:1154px;
}
[b-kqy7iepafi] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-kqy7iepafi] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-kqy7iepafi] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-kqy7iepafi] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-kqy7iepafi] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-kqy7iepafi] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-kqy7iepafi] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-kqy7iepafi] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-kqy7iepafi] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-kqy7iepafi] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-kqy7iepafi] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-kqy7iepafi] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-kqy7iepafi] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-kqy7iepafi] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-kqy7iepafi] .mud-input-outlined-border{
    border:none !important;
}
[b-kqy7iepafi] .mud-tabs_xpertPageView1 {
background-color: rgb(191,219,255);
height: 580px; 
width:1146px;
top:0px;
left:0px;
position:absolute;
}
[b-kqy7iepafi] .mud-tabs-toolbar-content 
{
width: 100%;
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap;
overflow: hidden;
background-color: #99b4d1;
font-size:11px;
}
[b-kqy7iepafi] .mud-tab.mud-tab-active 
{
color: navy;
background-color: white;
border-radius: 2px;
}
[b-kqy7iepafi] .mud-tab {
    min-width: 10px !important;
    min-height: 6px !important;
    padding: 5px !important;
    font-size: 10px !important;
}
[b-kqy7iepafi] .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    position:absolute;
}
[b-kqy7iepafi] .mud-tab.mud-tab-active {
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
border-radius: 7px;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
color: navy;
}
[b-kqy7iepafi] .xpertPageView1_Section_Style {
width:1146px;
position: absolute;
left:0px;
top:0px;
height:580px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .xpertPageView1_Page1_Section_Style {
width:1125px;
position: absolute;
left:10px;
top:38px;
height:531px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .xpertPageView1_Page1_Page_Style {
position: absolute;
width:1125px;
left:10px;
top:38px;
height:531px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
/*::deep .mud-collapse-entered{position:absolute;}*/
[b-kqy7iepafi] .xpertSplitContainer1_Section_Style {
width:1125px;
position: absolute;
left:0px;
top:0px;
height:531px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .xpertSplitContainer1_Panel1_Section_Style {
width:1125px;
position: absolute;
left:0px;
top:0px;
height:531px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .gbxHeader_Section_Style {
width:1125px;
position: absolute;
left:0px;
top:0px;
height:531px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .fndDocNo_Label_Style {
position: absolute;
width:80px;
left:11px;
top:135px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndDocNo_Control_Style {
position: absolute;
width:240px;
left:100px;
top:128px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndDocNo_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-kqy7iepafi] .dptDate_Label_Style {
position: absolute;
width:30px;
left:353px;
top:129px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .dptDate_Control_Style {
position: absolute;
width:206px;
left:441px;
top:133px;
height:20px;
background-color: rgb(255,255,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .dptDate_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; font-family: Segoe UI;
font-size:8.25px; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .ddlTaskClassification_Label_Style {
position: absolute;
width:96px;
left:664px;
top:129px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTaskClassification_Control_Style {
position: absolute;
width:268px;
left:766px;
top:130px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTaskClassification_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndProjectName_Label_Style {
position: absolute;
width:74px;
left:11px;
top:165px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndProjectName_Control_Style {
position: absolute;
width:240px;
left:100px;
top:158px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndProjectName_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .ddlTaskCategory_Label_Style {
position: absolute;
width:77px;
left:353px;
top:158px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTaskCategory_Control_Style {
position: absolute;
width:206px;
left:441px;
top:161px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTaskCategory_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndKeyWrods_Label_Style {
position: absolute;
width:54px;
left:662px;
top:159px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndKeyWrods_Control_Style {
position: absolute;
width:268px;
left:766px;
top:156px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndKeyWrods_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .ddlTicket_Nature_Label_Style {
position: absolute;
width:73px;
left:9px;
top:187px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTicket_Nature_Control_Style {
position: absolute;
width:240px;
left:100px;
top:184px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTicket_Nature_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .ddlTicketCategory_Label_Style {
position: absolute;
width:84px;
left:353px;
top:186px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTicketCategory_Control_Style {
position: absolute;
width:206px;
left:441px;
top:187px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlTicketCategory_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndLibrary_Label_Style {
position: absolute;
width:40px;
left:664px;
top:156px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndLibrary_Control_Style {
position: absolute;
width:268px;
left:766px;
top:155px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndLibrary_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertGroupBox2_Section_Style {
width:1032px;
position: absolute;
left:15px;
top:23px;
height:99px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .rdInitiaton_Control_Style {
position: absolute;
/*width:64px;*/
left:2px;
top:19px;
height:18px;
font-size:10.99725px;
}
[b-kqy7iepafi] .mud-radio-group {
    display: flex !important;
}
[b-kqy7iepafi] .rdInitiaton_input_Style .mud-input{
height:18px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndChatGptInitiation_Label_Style {
position: absolute;
width:92px;
left:634px;
top:34px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndChatGptInitiation_Control_Style {
position: absolute;
width:227px;
left:752px;
top:31px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndChatGptInitiation_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .fndMigrationreference_Label_Style {
position: absolute;
width:108px;
left:626px;
top:33px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndMigrationreference_Control_Style {
position: absolute;
width:227px;
left:753px;
top:30px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndMigrationreference_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertFinder6_Label_Style {
position: absolute;
width:55px;
left:24px;
top:62px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertFinder6_Control_Style {
position: absolute;
width:258px;
left:102px;
top:61px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .xpertFinder6_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertFinder2_Label_Style {
position: absolute;
width:51px;
left:673px;
top:32px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertFinder2_Control_Style {
    position: absolute;
    width: 227px;
    left: 772px;
    top: 30px;
    height: 22px;
    background-color: rgb(191,219,255);
    font-size: 11.997px;
}
[b-kqy7iepafi] .xpertFinder2_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertGroupBox5_Section_Style {
width:1037px;
position: absolute;
left:10px;
top:432px;
height:91px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .ddlAllocationType_Label_Style {
position: absolute;
width:83px;
left:7px;
top:26px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlAllocationType_Control_Style {
position: absolute;
width:243px;
left:128px;
top:26px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .ddlAllocationType_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndAlloactionTo_Label_Style {
position: absolute;
width:72px;
left:387px;
top:28px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndAlloactionTo_Control_Style {
position: absolute;
width:238px;
left:463px;
top:22px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndAlloactionTo_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .txtEstimateTime_Label_Style {
position: absolute;
width:76px;
left:8px;
top:55px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .txtEstimateTime_Control_Style {
position: absolute;
width:247px;
left:126px;
top:56px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .txtEstimateTime_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .xpertGroupBox3_Section_Style {
width:1039px;
position: absolute;
left:11px;
top:210px;
height:207px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .fndApplicationName_Label_Style {
position: absolute;
width:96px;
left:6px;
top:28px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndApplicationName_Control_Style {
position: absolute;
width:229px;
left:108px;
top:22px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndApplicationName_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .fndModuleName_Label_Style {
position: absolute;
width:78px;
left:351px;
top:23px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndModuleName_Control_Style {
position: absolute;
width:206px;
left:438px;
top:23px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndModuleName_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertTextBox1_Label_Style {
position: absolute;
width:73px;
left:8px;
top:49px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertTextBox1_Control_Style {
position: absolute;
width:230px;
left:107px;
top:49px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertTextBox1_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndArtifactType_Label_Style {
position: absolute;
width:71px;
left:6px;
top:48px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndArtifactType_Control_Style {
position: absolute;
width:229px;
left:108px;
top:51px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndArtifactType_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .fndArtifactName_Label_Style {
position: absolute;
width:77px;
left:351px;
top:51px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndArtifactName_Control_Style {
position: absolute;
width:206px;
left:438px;
top:49px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndArtifactName_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertDropDown5_Label_Style {
position: absolute;
width:71px;
left:8px;
top:103px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertDropDown5_Control_Style {
position: absolute;
width:229px;
left:108px;
top:102px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertDropDown5_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndcontrol_Label_StyleIT {
    position: absolute;
    width: 48px;
    left: 11px;
    top: 84px;
    height: 18px;
    background-color: rgb(191,219,255);
    font-size: 10.99725px;
}
[b-kqy7iepafi] .fndcontrol_Label_Style {
    position: absolute;
    width: 48px;
    left: 355px;
    top: 102px;
    height: 18px;
    background-color: rgb(191,219,255);
    font-size: 10.99725px;
}
[b-kqy7iepafi] .fndcontrol_Control_Style {
position: absolute;
width:206px;
left:438px;
top:96px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndcontrol_Control_StyleIT {
    position: absolute;
    width: 231px;
    left: 106px;
    top: 78px;
    height: 22px;
    background-color: rgb(191, 219, 255);
    font-size: 11.997px
}
[b-kqy7iepafi] .fndcontrol_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .txtDescriptionHeadings_Label_Style {
    position: absolute;
    width: 113px;
    left: 8px;
    top: 136px;
    height: 18px;
    background-color: rgb(191,219,255);
    font-size: 10.99725px;
}
[b-kqy7iepafi] .txtDescriptionHeadings_Control_Style {
position: absolute;
width:517px;
left:127px;
top:135px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .txtDescriptionHeadings_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndSourceTask_Label_Style {
position: absolute;
width:66px;
left:660px;
top:130px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndSourceTask_Control_Style {
position: absolute;
width:262px;
left:763px;
top:126px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndSourceTask_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .fndDescription_Label_Style {
position: absolute;
width:63px;
left:8px;
top:165px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndDescription_Control_Style {
position: absolute;
width:517px;
left:127px;
top:162px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-kqy7iepafi] .fndTask_Label_Style {
position: absolute;
width:28px;
left:660px;
top:157px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .fndTask_Control_Style {
position: absolute;
width:262px;
left:763px;
top:153px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .fndTask_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
margin:4px 3px 4px 3px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_Section_Style {
width:262px;
position: absolute;
left:763px;
top:92px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
Padding:0px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_Label_Style {
position: absolute;
width:49px;
left:660px;
top:96px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_Label_StyleIT {
    position: absolute;
    width: 49px;
    left: 355px;
    top: 81px;
    height: 18px;
    background-color: rgb(191,219,255);
    font-size: 10.99725px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_Control_Style {
position: absolute;
width:262px;
left:763px;
top:92px;
height:25px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_Control_StyleIT {
    position: absolute;
    width: 209px;
    left: 436px;
    top: 79px;
    height: 25px;
    background-color: rgb(191, 219, 255);
    font-size: 11.997px;
}
[b-kqy7iepafi] .xpertMultiSelctFinder1_input_Style .mud-input{
height:25px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
color:#000000; margin:3px 4px 3px 4px;
}
[b-kqy7iepafi] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
[b-kqy7iepafi] .xpertPageView1_Page2_Section_Style {
width:1155px;
position: absolute;
left:10px;
top:38px;
height:497px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-kqy7iepafi] .xpertPageView1_Page2_Page_Style {
position: absolute;
width:1155px;
left:10px;
top:38px;
height:497px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
/* /Pages/OMSWeb/Setup/XSBugSolutionBasePage.razor.rz.scp.css */
[b-dfhrrq2g4v] .XSBugSolution_Section_Style {
width:888px;
left:15px;
height:428px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .mud-grid {
width:888px;
}
[b-dfhrrq2g4v] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-dfhrrq2g4v] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-dfhrrq2g4v] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-dfhrrq2g4v] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-dfhrrq2g4v] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-dfhrrq2g4v] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-dfhrrq2g4v] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-dfhrrq2g4v] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-dfhrrq2g4v] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-dfhrrq2g4v] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-dfhrrq2g4v] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-dfhrrq2g4v] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-dfhrrq2g4v] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-dfhrrq2g4v] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-dfhrrq2g4v] .mud-input-outlined-border{
    border:none !important;
}
[b-dfhrrq2g4v] .mud-tabs_xpertPageView1 {
background-color: rgb(191,219,255);
height: 360px; 
width:880px;
top:0px;
left:0px;
position:absolute;
}
[b-dfhrrq2g4v] .mud-tabs-toolbar-content 
{
width: 100%;
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap;
overflow: hidden;
background-color: #99b4d1;
font-size:11px;
}
[b-dfhrrq2g4v] .mud-tab.mud-tab-active 
{
color: navy;
background-color: white;
border-radius: 2px;
}
[b-dfhrrq2g4v] .mud-tab {
    min-width: 10px !important;
    min-height: 6px !important;
    padding: 5px !important;
    font-size: 10px !important;
}
[b-dfhrrq2g4v] .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    position:absolute;
}
[b-dfhrrq2g4v] .mud-tab.mud-tab-active {
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
border-radius: 7px;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
color: navy;
}
[b-dfhrrq2g4v] .xpertPageView1_Section_Style {
width:880px;
position: absolute;
left:0px;
top:0px;
height:360px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .xpertPageView1_Page1_Section_Style {
width:859px;
position: absolute;
left:10px;
top:38px;
height:311px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .xpertPageView1_Page1_Page_Style {
position: absolute;
width:859px;
left:10px;
top:38px;
height:311px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-dfhrrq2g4v] .xpertSplitContainer1_Section_Style {
width:859px;
position: absolute;
left:0px;
top:0px;
height:311px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .xpertSplitContainer1_Panel1_Section_Style {
width:859px;
position: absolute;
left:0px;
top:0px;
height:311px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .gbxHeader_Section_Style {
width:859px;
position: absolute;
left:0px;
top:0px;
height:311px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .fndDocNo_Label_Style {
position: absolute;
width:17px;
left:27px;
top:36px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .fndDocNo_Control_Style {
position: absolute;
width:276px;
left:146px;
top:30px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-dfhrrq2g4v] .fndDocNo_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtDescription_Label_Style {
position: absolute;
width:86px;
left:27px;
top:62px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtDescription_Control_Style {
position: absolute;
width:276px;
left:146px;
top:60px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .fdQuestionRefId_Label_Style {
position: absolute;
width:81px;
left:27px;
top:86px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .fdQuestionRefId_Control_Style {
position: absolute;
width:276px;
left:146px;
top:82px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-dfhrrq2g4v] .fdQuestionRefId_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtCorrectedLine_Label_Style {
position: absolute;
width:79px;
left:27px;
top:110px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtCorrectedLine_Control_Style {
position: absolute;
width:276px;
left:146px;
top:108px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtCorrectedLine_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtSolutionCategory_Label_Style {
position: absolute;
width:96px;
left:27px;
top:134px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtSolutionCategory_Control_Style {
position: absolute;
width:276px;
left:146px;
top:132px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtSolutionCategory_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtClassification_Label_Style {
position: absolute;
width:71px;
left:27px;
top:158px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtClassification_Control_Style {
position: absolute;
width:276px;
left:146px;
top:156px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtClassification_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtlevel_Label_Style {
position: absolute;
width:29px;
left:27px;
top:182px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtlevel_Control_Style {
position: absolute;
width:276px;
left:146px;
top:180px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtlevel_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtEXEBuildFlow_Label_Style {
position: absolute;
width:79px;
left:27px;
top:232px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtEXEBuildFlow_Control_Style {
position: absolute;
width:276px;
left:146px;
top:230px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtEXEBuildFlow_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtLayerAndStructure_Label_Style {
position: absolute;
width:105px;
left:27px;
top:208px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtLayerAndStructure_Control_Style {
position: absolute;
width:276px;
left:146px;
top:206px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtLayerAndStructure_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .txtRemark_Label_Style {
position: absolute;
width:44px;
left:27px;
top:256px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtRemark_Control_Style {
position: absolute;
width:276px;
left:146px;
top:256px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-dfhrrq2g4v] .txtRemark_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-dfhrrq2g4v] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
display: none;
}
[b-dfhrrq2g4v] .xpertPageView1_Page2_Section_Style {
width:779px;
position: absolute;
left:10px;
top:37px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-dfhrrq2g4v] .xpertPageView1_Page2_Page_Style {
position: absolute;
width:779px;
left:10px;
top:37px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-dfhrrq2g4v] .xpertGroupBox1_Section_Style {
width:779px;
position: absolute;
left:0px;
top:0px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
/* /Pages/OMSWeb/Setup/XSFormGenerationBasePage.razor.rz.scp.css */
[b-263jyti3tp] .XSFormGeneration_Section_Style {
width:955px;
left:15px;
height:487px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-263jyti3tp] .mud-grid {
width:955px;
}
[b-263jyti3tp] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-263jyti3tp] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-263jyti3tp] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-263jyti3tp] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-263jyti3tp] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-263jyti3tp] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-263jyti3tp] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-263jyti3tp] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-263jyti3tp] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-263jyti3tp] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-263jyti3tp] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-263jyti3tp] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-263jyti3tp] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-263jyti3tp] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-263jyti3tp] .mud-input-outlined-border{
    border:none !important;
}
[b-263jyti3tp] .mud-tabs_xpertPageView1 {
background-color: rgb(191,219,255);
height: 419px; 
width:947px;
top:0px;
left:0px;
position:absolute;
}
[b-263jyti3tp] .mud-tabs-toolbar-content 
{
width: 100%;
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap;
overflow: hidden;
background-color: #99b4d1;
font-size:11px;
}
[b-263jyti3tp] .mud-tab.mud-tab-active 
{
color: navy;
background-color: white;
border-radius: 2px;
}
[b-263jyti3tp] .mud-tab {
    min-width: 10px !important;
    min-height: 6px !important;
    padding: 5px !important;
    font-size: 10px !important;
}
[b-263jyti3tp] .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    position:absolute;
}
[b-263jyti3tp] .mud-tab.mud-tab-active {
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
border-radius: 7px;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
color: navy;
}
[b-263jyti3tp] .xpertPageView1_Section_Style {
width:947px;
position: absolute;
left:0px;
top:0px;
height:419px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-263jyti3tp] .xpertPageView1_Page1_Section_Style {
width:926px;
position: absolute;
left:10px;
top:38px;
height:370px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-263jyti3tp] .xpertPageView1_Page1_Page_Style {
position: absolute;
width:926px;
left:10px;
top:38px;
height:370px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-263jyti3tp] .gbxHeader_Section_Style {
width:926px;
position: absolute;
left:0px;
top:0px;
height:370px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-263jyti3tp] .fndDocNo_Label_Style {
position: absolute;
width:77px;
left:26px;
top:31px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .fndDocNo_Control_Style {
position: absolute;
width:503px;
left:125px;
top:27px;
height:20px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-263jyti3tp] .fndDocNo_input_Style .mud-input{
height:20px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-263jyti3tp] .dtpDate_Label_Style {
position: absolute;
width:30px;
left:650px;
top:28px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .dtpDate_Control_Style {
position: absolute;
width:137px;
left:699px;
top:27px;
height:20px;
background-color: rgb(255,255,255);
font-size:10.99725px;
}
[b-263jyti3tp] .dtpDate_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-263jyti3tp] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:26px;
top:59px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtDescription_Control_Style {
position: absolute;
width:412px;
left:125px;
top:57px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtProjectID_Label_Style {
position: absolute;
width:55px;
left:566px;
top:60px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProjectID_Control_Style {
position: absolute;
width:258px;
left:627px;
top:58px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProjectID_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtProjectName_Label_Style {
position: absolute;
width:74px;
left:26px;
top:84px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProjectName_Control_Style {
position: absolute;
width:412px;
left:125px;
top:83px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProjectName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtModuleName_Label_Style {
position: absolute;
width:78px;
left:26px;
top:112px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtModuleName_Control_Style {
position: absolute;
width:412px;
left:125px;
top:111px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtModuleName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtFormName_Label_Style {
position: absolute;
width:65px;
left:26px;
top:141px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtFormName_Control_Style {
position: absolute;
width:412px;
left:125px;
top:140px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtFormName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtFilePath_Label_Style {
position: absolute;
width:49px;
left:26px;
top:168px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtFilePath_Control_Style {
position: absolute;
width:412px;
left:125px;
top:168px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtFilePath_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtProgramCode_Label_Style {
position: absolute;
width:79px;
left:26px;
top:196px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProgramCode_Control_Style {
position: absolute;
width:412px;
left:125px;
top:194px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProgramCode_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtProgramName_Label_Style {
position: absolute;
width:82px;
left:26px;
top:222px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProgramName_Control_Style {
position: absolute;
width:412px;
left:125px;
top:220px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtProgramName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtUser_Label_Style {
position: absolute;
width:29px;
left:26px;
top:257px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtUser_Control_Style {
position: absolute;
width:412px;
left:125px;
top:256px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtUser_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtMachineName_Label_Style {
position: absolute;
width:82px;
left:26px;
top:281px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtMachineName_Control_Style {
position: absolute;
width:412px;
left:125px;
top:282px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtMachineName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .txtMachineIP_Label_Style {
position: absolute;
width:61px;
left:26px;
top:305px;
height:18px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtMachineIP_Control_Style {
position: absolute;
width:412px;
left:125px;
top:306px;
height:20px;
background-color: rgb(233,240,249);
font-size:10.99725px;
}
[b-263jyti3tp] .txtMachineIP_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;
font-family: Segoe UI;
font-size:8.25px; white-space: normal; color:#000000; margin:3px 3px 3px 3px;
}
[b-263jyti3tp] .xpertPageView1_Page2_Section_Style {
width:896px;
position: absolute;
left:10px;
top:38px;
height:406px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-263jyti3tp] .xpertPageView1_Page2_Page_Style {
position: absolute;
width:896px;
left:10px;
top:38px;
height:406px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-263jyti3tp] .xpertGroupBox1_Section_Style {
width:896px;
position: absolute;
left:0px;
top:0px;
height:406px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
/* /Pages/OMSWeb/Setup/XSGroupBuildErrorBasePage.razor.rz.scp.css */
[b-su90bbohx4] .XSGroupBuildError_Section_Style {
width:843px;
left:15px;
height:472px;
background-color: rgb(191,219,255);
font-size:10.99725px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .mud-grid {
width:843px;
}
[b-su90bbohx4] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}
[b-su90bbohx4] .mud-button-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit; 
    text-decoration: none; 
    text-transform: none; 
    background-color: #739fce !important;
    color: white; 
}
[b-su90bbohx4] .mud-icon-button-size-small {
    padding: 1px; 
    font-size: 9.125rem; 
    color: white;
}

[b-su90bbohx4] .mud-icon-root.mud-svg-icon {
    fill: white;
    background-color: #6e87c3e8;
    padding: 0px; 
    height: 17px; 
    width: 17px;
    color: white;
}

[b-su90bbohx4] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-su90bbohx4] .mud-input 
{
color: var(--mud-palette-text-primary);
padding: 0% !important;
margin: -4px !important;
font-size:11px !important;
}


[b-su90bbohx4] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-su90bbohx4] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-su90bbohx4] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-su90bbohx4] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-su90bbohx4] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-su90bbohx4] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 1rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-su90bbohx4] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-su90bbohx4] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-su90bbohx4] .mud-input-outlined-border{
    border:none !important;
}
[b-su90bbohx4] .mud-tabs_xpertPageView1 {
background-color: rgb(191,219,255);
height: 404px; 
width:835px;
top:0px;
left:0px;
position:absolute;
}
[b-su90bbohx4] .mud-tabs-toolbar-content 
{
width: 100%;
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap;
overflow: hidden;
background-color: #99b4d1;
font-size:11px;
}
[b-su90bbohx4] .mud-tab.mud-tab-active 
{
color: navy;
background-color: white;
border-radius: 2px;
}
[b-su90bbohx4] .mud-tab {
    min-width: 10px !important;
    min-height: 6px !important;
    padding: 5px !important;
    font-size: 10px !important;
}
[b-su90bbohx4] .mud-tabs-tabbar .mud-tabs-tabbar-inner {
    position:absolute;
}
[b-su90bbohx4] .mud-tab.mud-tab-active {
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
border-radius: 7px;
backdrop-filter: blur(10px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
color: navy;
}
[b-su90bbohx4] .xpertPageView1_Section_Style {
width:835px;
position: absolute;
left:0px;
top:0px;
height:404px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .xpertPageView1_Page1_Section_Style {
width:814px;
position: absolute;
left:10px;
top:38px;
height:355px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .xpertPageView1_Page1_Page_Style {
position: absolute;
width:814px;
left:10px;
top:38px;
height:355px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-su90bbohx4] .xpertSplitContainer1_Section_Style {
width:814px;
position: absolute;
left:0px;
top:0px;
height:355px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .xpertSplitContainer1_Panel1_Section_Style {
width:814px;
position: absolute;
left:0px;
top:0px;
height:171px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .gbxHeader_Section_Style {
width:814px;
position: absolute;
left:0px;
top:0px;
height:171px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .fndDocNo_Label_Style {
position: absolute;
width:17px;
left:33px;
top:31px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .fndDocNo_Control_Style {
position: absolute;
width:225px;
left:125px;
top:27px;
height:24px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-su90bbohx4] .fndDocNo_input_Style .mud-input{
height:24px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtDescription_Label_Style {
position: absolute;
width:43px;
left:33px;
top:114px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtDescription_Control_Style {
position: absolute;
width:225px;
left:125px;
top:112px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtDescription_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtProperty_Label_Style {
position: absolute;
width:49px;
left:33px;
top:143px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtProperty_Control_Style {
position: absolute;
width:225px;
left:125px;
top:141px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtProperty_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtSuggestions_Label_Style {
position: absolute;
width:67px;
left:419px;
top:58px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtSuggestions_Control_Style {
position: absolute;
width:275px;
left:504px;
top:56px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtSuggestions_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .nbCount_Label_Style {
position: absolute;
width:36px;
left:419px;
top:31px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .nbCount_Control_Style {
position: absolute;
width:275px;
left:504px;
top:27px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .nbCount_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .cbStatus_Label_Style {
position: absolute;
left:20px;
top:88px;
height:23px;
font-size:10.99725px;
}
[b-su90bbohx4] .cbStatus_Control_Style {
position: absolute;
width:51px;
left:421px;
top:88px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .mud-typography {
    font-size:11px !important;
}
[b-su90bbohx4] .mud-ripple-checkbox{
    padding:0 !important;
    
}
[b-su90bbohx4] .cbStatus_input_Style .mud-input{
height:18px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtFormID_Label_Style {
position: absolute;
width:64px;
left:497px;
top:85px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtFormID_Control_Style {
position: absolute;
width:211px;
left:568px;
top:84px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtFormID_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .fndArtiFactType_Label_Style {
position: absolute;
width:71px;
left:33px;
top:59px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .fndArtiFactType_Control_Style {
position: absolute;
width:225px;
left:125px;
top:59px;
height:22px;
background-color: rgb(191,219,255);
font-size:11.997px;
}
[b-su90bbohx4] .fndArtiFactType_input_Style .mud-input{
height:22px;
font-size:11.997px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .ddCombination_Label_Style {
position: absolute;
width:71px;
left:33px;
top:87px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .ddCombination_Control_Style {
position: absolute;
width:225px;
left:125px;
top:85px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .ddCombination_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtApplicationName_Label_Style {
position: absolute;
width:96px;
left:423px;
top:116px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtApplicationName_Control_Style {
position: absolute;
width:234px;
left:545px;
top:114px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtApplicationName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .txtProjectName_Label_Style {
position: absolute;
width:74px;
left:423px;
top:143px;
height:18px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtProjectName_Control_Style {
position: absolute;
width:234px;
left:545px;
top:143px;
height:20px;
background-color: rgb(191,219,255);
font-size:10.99725px;
}
[b-su90bbohx4] .txtProjectName_input_Style .mud-input{
height:20px;
font-size:10.99725px !important;
background-color: white;
border: 1px solid #98a5b9;
border-radius: 3px !important;

}
[b-su90bbohx4] .xpertSplitContainer1_Panel2_Section_Style {
width:814px;
position: absolute;
left:0px;
top:175px;
height:180px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .gbxDetails_Section_Style {
width:814px;
position: absolute;
left:0px;
top:0px;
height:180px;
background-color: rgb(191,219,255);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .xpertDataGridView1_Section_Style {
width:810px;
position: absolute;
left:2px;
top:18px;
height:160px;
background-color: rgb(191,219,255);
font-size:11.997px;
Padding:0px;
}
[b-su90bbohx4] .xpertDataGridView1_Control_Style {
position: absolute;
width:810px;
left:2px;
top:18px;
height:150px;
background-color: rgb(191,219,255);
font-size:11.997px;
overflow-y:scroll;

}
[b-su90bbohx4] .xpertPageView1_Page2_Section_Style {
width:779px;
position: absolute;
left:10px;
top:37px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
[b-su90bbohx4] .xpertPageView1_Page2_Page_Style {
position: absolute;
width:779px;
left:10px;
top:37px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
}
[b-su90bbohx4] .xpertGroupBox1_Section_Style {
width:779px;
position: absolute;
left:0px;
top:0px;
height:364px;
background-color: rgb(233,240,249);
font-size:11.997px;
border:1px solid #98a5b9;
Padding:0px;
}
/* /Pages/OMSWeb/Setup/XSModuleBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Setup/XSSourceTaskBasePage.razor.rz.scp.css */
[b-gmk48dxa8h] .frmXSSourecTask_Section_Style {
width:828px;
position: absolute;
left:15px;
top:15px;
height:283px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
border:1px solid;
Padding:0px;
}
[b-gmk48dxa8h] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}

[b-gmk48dxa8h] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-gmk48dxa8h] .mud-input 
{
color: var(--mud-palette-text-primary);
height: 23px;
font-size:11px !important;
padding: 0% !important;
margin: -2px !important;
}


[b-gmk48dxa8h] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-gmk48dxa8h] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-gmk48dxa8h] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-gmk48dxa8h] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-gmk48dxa8h] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-gmk48dxa8h] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 10rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-gmk48dxa8h] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-gmk48dxa8h] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-gmk48dxa8h] .mud-grid {
width:828px;
}
[b-gmk48dxa8h] .xpertSplitContainer1_Section_Style {
width:820px;
left:0px;
top:0px;
height:215px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-gmk48dxa8h] .xpertSplitContainer1_Panel1_Section_Style {
width:820px;
position: absolute;
left:0px;
top:0px;
height:215px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-gmk48dxa8h] .gbxHeader_Section_Style {
width:820px;
left:0px;
top:0px;
height:215px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-gmk48dxa8h] .fndDocNo_Label_Style {
position: absolute;
width:17px;
left:20px;
top:34px;
height:18px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-gmk48dxa8h] .fndDocNo_Control_Style {
position: absolute;
width:258px;
left:112px;
top:28px;
height:24px;
background-color: rgba(191,219,255,255);
font-size:9px;
}
[b-gmk48dxa8h] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:20px;
top:60px;
height:18px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-gmk48dxa8h] .txtDescription_Control_Style {
position: absolute;
width:412px;
left:112px;
top:58px;
height:20px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-gmk48dxa8h] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
/* /Pages/OMSWeb/Setup/XSTaskBasePage.razor.rz.scp.css */
[b-9zmwc2f97d] .frmXSTask_Section_Style {
width:809px;
position: absolute;
left:15px;
top:15px;
height:215px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
border:1px solid;
Padding:0px;
}
[b-9zmwc2f97d] .mud-button 
{
padding: 2px;
background-color: #a3b9d6;
margin:1px;
min-width: 64px;
}

[b-9zmwc2f97d] .mud-card-actions 
{
display: flex;
padding: 8px;
align-items: center;
margin: 10px;
}

[b-9zmwc2f97d] .mud-input 
{
color: var(--mud-palette-text-primary);
height: 23px;
font-size:11px !important;
padding: 0% !important;
margin: -2px !important;
}


[b-9zmwc2f97d] .mud-card-content 
{
padding: 10px !important;
background-color: #99b4d1 !important;
}

[b-9zmwc2f97d] .text_field_Style 
{
width: 100%;
background-color: white
}

[b-9zmwc2f97d] .mud-expand-panel .mud-expand-panel-content 
{
padding: 0 10px 30px;
flex: 1 1 auto;
padding: 10px;
max-width: 100%;
}

[b-9zmwc2f97d] .title_style 
{
font-size: 11px !important;
font-weight: 900 !important;
}
[b-9zmwc2f97d] .mud-button-outlined .mud-button-outlined-primary 
{
color: rgb(245 245 245);
border: 1px solid rgb(215 215 215);
}
[b-9zmwc2f97d] .mud-expand-panel .mud-expand-panel-header 
{
font-size: 10rem;
background: linear-gradient(to bottom, rgba(240, 248, 255, 0.8), rgba(173, 216, 230, 0.5));
min-height: 10px !important;
height: 10px;
padding: 10px 15px;
align-items: center;
}
[b-9zmwc2f97d] .flex-container 
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
[b-9zmwc2f97d] .mud-expand-panel.mud-panel-expanded 
{
margin: 0 !important;
}
[b-9zmwc2f97d] .mud-grid {
width:809px;
}
[b-9zmwc2f97d] .xpertSplitContainer1_Section_Style {
width:801px;
left:0px;
top:0px;
height:147px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-9zmwc2f97d] .xpertSplitContainer1_Panel1_Section_Style {
width:801px;
position: absolute;
left:0px;
top:0px;
height:147px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-9zmwc2f97d] .gbxHeader_Section_Style {
width:801px;
left:0px;
top:0px;
height:147px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
[b-9zmwc2f97d] .fndDocNo_Label_Style {
position: absolute;
width:17px;
left:20px;
top:34px;
height:18px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-9zmwc2f97d] .fndDocNo_Control_Style {
position: absolute;
width:412px;
left:112px;
top:28px;
height:24px;
background-color: rgba(191,219,255,255);
font-size:9px;
}
[b-9zmwc2f97d] .txtDescription_Label_Style {
position: absolute;
width:63px;
left:20px;
top:60px;
height:18px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-9zmwc2f97d] .txtDescription_Control_Style {
position: absolute;
width:412px;
left:112px;
top:58px;
height:20px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-9zmwc2f97d] .fndsourcetask_Label_Style {
position: absolute;
width:66px;
left:20px;
top:92px;
height:18px;
background-color: rgba(191,219,255,255);
font-size:8.25px;
}
[b-9zmwc2f97d] .fndsourcetask_Control_Style {
position: absolute;
width:227px;
left:112px;
top:85px;
height:22px;
background-color: rgba(191,219,255,255);
font-size:9px;
}
[b-9zmwc2f97d] .xpertSplitContainer1_Panel2_Section_Style {
width:150px;
position: absolute;
left:0px;
top:54px;
height:46px;
background-color: rgba(191,219,255,255);
font-size:9px;
border:1px solid;
Padding:0px;
}
/* /Pages/OMSWeb/Setup/XSTicketMasterBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Transaction/XSBIReportBasePage.razor.rz.scp.css */
/* /Pages/OMSWeb/Transaction/XSCreateBILogicBasePage.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-6iymx0tq89] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6iymx0tq89] {
    flex: 1;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-6iymx0tq89] {
        display: none;
    }

    .top-row.auth[b-6iymx0tq89] {
        justify-content: space-between;
    }

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

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

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

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

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

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