@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/DCI.Web.Client.Common/DCI.Web.Client.Common.ztniin4dkw.bundle.scp.css';

/* /Pages/AccountingHours.razor.rz.scp.css */

.accounting-hours-grid[b-n6x5ab10pt] {
  grid-template-columns: repeat(4, auto);
}

@container (min-width: 576px) {
  .accounting-hours-grid[b-n6x5ab10pt] {
    grid-template-columns: repeat(5, auto);
  }
}

@container (min-width: 768px) {
  .accounting-hours-grid[b-n6x5ab10pt] {
    grid-template-columns: repeat(6, auto);
  }
}

@container (min-width: 992px) {
  .accounting-hours-grid[b-n6x5ab10pt] {
    grid-template-columns: repeat(7, auto);
  }
}

@container (min-width: 1200px) {
  .accounting-hours-grid[b-n6x5ab10pt] {
    grid-template-columns: repeat(8, auto);
  }
}
 
/* /Pages/CompositeRate.razor.rz.scp.css */

.composite-rate-grid[b-s4oqrdeacr] {
  grid-template-columns: repeat(6, auto);
}

@container (min-width: 576px) {
  .composite-rate-grid[b-s4oqrdeacr] {
    grid-template-columns: repeat(6, auto);
  }
}

@container (min-width: 768px) {
  .composite-rate-grid[b-s4oqrdeacr] {
    grid-template-columns: repeat(6, auto);
  }
}

@container (min-width: 992px) {
  .composite-rate-grid[b-s4oqrdeacr] {
    grid-template-columns: repeat(6, auto);
  }
}

@container (min-width: 1200px) {
  .composite-rate-grid[b-s4oqrdeacr] {
    grid-template-columns: repeat(6, auto);
  }
}
/* /Pages/PercentComplete.razor.rz.scp.css */

.percent-complete-grid[b-j6e1wd5iv0] {
    grid-template-columns: minmax(var(--task-name-min-width), auto) repeat(3, auto);
    --task-name-min-width: 175px;
}

@container (min-width: 576px) {
    .percent-complete-grid[b-j6e1wd5iv0] {
        grid-template-columns: minmax(var(--task-name-min-width), auto) repeat(5, auto);
    }
}

@container (min-width: 768px) {
    .percent-complete-grid[b-j6e1wd5iv0] {
        grid-template-columns: minmax(var(--task-name-min-width), auto) repeat(6, auto);
    }
}

@container (min-width: 992px) {
    .percent-complete-grid[b-j6e1wd5iv0] {
        grid-template-columns: minmax(var(--task-name-min-width), auto) repeat(7, auto);
    }
}

@container (min-width: 1200px) {
    .percent-complete-grid[b-j6e1wd5iv0] {
        grid-template-columns: minmax(var(--task-name-min-width), auto) repeat(9, auto);
    }
}
 
/* /Pages/PercentCompleteRollup.razor.rz.scp.css */
/* Button row layout */
.button-row[b-pr6qqinfj7] {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 0.5rem;
}

.button-row > div:first-child[b-pr6qqinfj7] {
    flex: 0 0 auto;
}

.button-row > div:last-child[b-pr6qqinfj7] {
    flex: 1 1 0%;
}

/* Stack vertically below 672px */
@media (max-width: 671.98px) {
    .button-row > div[b-pr6qqinfj7] {
        flex: 0 0 100%;
    }
}

/* Left-align right buttons below 830px */
@media (max-width: 829.98px) {
    [b-pr6qqinfj7] .buttons-grid {
        justify-content: start;
    }
}

.percent-complete-rollup-grid[b-pr6qqinfj7] {
    --task-name-min-width: 100px;
}

/* Schedule cell: arrow left-aligned, checkbox centered in remaining space */
[b-pr6qqinfj7] .schedule-cell {
    display: flex;
    align-items: center;
}

[b-pr6qqinfj7] .schedule-cell .form-check-input {
    margin: 0 auto;
}

/* Custom container breakpoint for Changes column (480px) */
@container (min-width: 480px) {
    [b-pr6qqinfj7] .pcr-show-changes {
        display: block !important;
    }
    [b-pr6qqinfj7] .pcr-hide-changes {
        display: none !important;
    }
}

/* Base: 3 columns visible - Schedule, Labor Code, Level 1 */
.percent-complete-rollup-grid[b-pr6qqinfj7] {
    grid-template-columns: repeat(2, max-content) minmax(var(--task-name-min-width), 1fr);
}

/* 480px: +Changes = 4 columns */
@container (min-width: 480px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(3, max-content) minmax(var(--task-name-min-width), 1fr);
    }
}

/* sm (576px): +% Complete = 5 columns */
@container (min-width: 576px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(4, max-content) minmax(var(--task-name-min-width), 1fr);
    }
}

/* md (768px): +New BLHB = 6 columns */
@container (min-width: 768px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(5, max-content) minmax(var(--task-name-min-width), 1fr);
    }

    [b-pr6qqinfj7] .blhb-cell {
        text-align: end;
    }
}

/* lg (992px): +Level 2 = 7 columns */
@container (min-width: 992px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(5, max-content) repeat(2, minmax(var(--task-name-min-width), 1fr));
    }
}

/* xl (1200px): +Level 3 = 8 columns */
@container (min-width: 1200px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(5, max-content) repeat(3, minmax(var(--task-name-min-width), 1fr));
    }
}

/* xxl (1400px): +Ref ID = 9 columns (all visible) */
@container (min-width: 1400px) {
    .percent-complete-rollup-grid[b-pr6qqinfj7] {
        grid-template-columns: repeat(6, max-content) repeat(3, minmax(var(--task-name-min-width), 1fr));
    }

    [b-pr6qqinfj7] .ref-id-cell {
        text-align: center;
    }
}
/* /Pages/WBSChanges.razor.rz.scp.css */
.scope-change-grid[b-lp5aechbhf] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    width: 100%;
    --dci-grid-bg-color: transparent;
    --bs-border-width: 0;
}
/* /Pages/WBSManagement.razor.rz.scp.css */
[b-uxn9pdooun] .blazored-typeahead__input-mask-wrapper {
    flex-wrap: wrap;
}

.input-controls-grid[b-uxn9pdooun] {
    grid-template-columns: auto;
    --dci-grid-gap-y: 0.5rem;
    --dci-grid-gap-x: 0.5rem;
    border-bottom:none;
}

@container (min-width: 576px) {
    .input-controls-grid[b-uxn9pdooun] {
        grid-template-columns: repeat(2, auto);
    }
}

@container (min-width: 768px) {
    .input-controls-grid[b-uxn9pdooun] {
        grid-template-columns: repeat(3, auto);
    }
}

@container (min-width: 992px) {
    .input-controls-grid[b-uxn9pdooun] {
        grid-template-columns: repeat(6, 1fr);
    }
}

@container (min-width: 1200px) {
    
}