@import '_content/CMIT.CP.Web.Shared/CMIT.CP.Web.Shared.1zkjhrg7dk.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-v625dpxjkm] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-v625dpxjkm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/PermissionsManagement.razor.rz.scp.css */
.permissions-page[b-4s2txxc176] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.permissions-page__heading[b-4s2txxc176] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 2.25rem;
}

.permissions-page__heading h1[b-4s2txxc176] {
    margin: 0;
    color: var(--cmit-navy-deep);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.permissions-page__save[b-4s2txxc176] {
    min-height: 2.25rem;
    white-space: nowrap;
}

/* Saved success state must beat CPButton filled + :disabled gray. */
button.cp-button.permissions-page__save--saved[b-4s2txxc176],
button.cp-button.permissions-page__save--saved:disabled[b-4s2txxc176] {
    border-color: #65b88d;
    background: #effaf4;
    color: #238457;
    cursor: default;
    opacity: 1;
}

.permissions-page__toolbar[b-4s2txxc176] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 2.5rem;
}

.permissions-page__field[b-4s2txxc176] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.5rem;
}

/* Both fields use the same fixed label/control rows even though their component markup differs. */
.permissions-page__field--search[b-4s2txxc176] ([data-field-id]) {
    display: grid;
    grid-template-rows: 1.25rem 2.5rem;
    gap: 0.25rem;
}

.permissions-page__field--group[b-4s2txxc176] {
    display: grid;
    grid-template-rows: 1.25rem 2.5rem;
    gap: 0.25rem;
}

.permissions-page__field[b-4s2txxc176] ([data-field-id]) {
    width: 100%;
}

.permissions-page__field[b-4s2txxc176] (label) {
    display: flex;
    min-height: 1.25rem;
    align-items: center;
}

/* FormSelectInput luôn có một vùng helper/error ở cuối; khi rỗng không để gap làm lệch input với ô search. */
.permissions-page__field[b-4s2txxc176] ([data-field-id="userGroups"]) {
    gap: 0;
}

.permissions-page__field[b-4s2txxc176] (input),
.permissions-page__field[b-4s2txxc176] (select) {
    min-height: 2.5rem;
}

.permissions-page__group-label[b-4s2txxc176] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 1.25rem;
}

.permissions-page__group-label h2[b-4s2txxc176] {
    color: var(--cmit-navy-deep);
    font-size: var(--cmit-field-label-font-size);
    font-weight: 600;
}

/* Chỉ meta “Đã bật…” — không ghi đè .cmit-field-label-accent trên “Chọn nhóm”. */
.permissions-page__group-meta[b-4s2txxc176] {
    color: var(--cmit-text-muted);
    font-size: 0.75rem;
}

.permissions-page__content[b-4s2txxc176] {
    min-width: 0;
}

.permissions-page__content[b-4s2txxc176] (.pl-accordion) {
    border-radius: 6px;
}

.permissions-page__content[b-4s2txxc176] (.pl-accordion-item__row) {
    min-height: 2.5rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

/* Mỗi tầng trong cây permission thụt thêm 0.75rem; depth được gắn theo node khi render. */
.permissions-page__permission-row[b-4s2txxc176] {
    padding-left: calc(0.75rem + (var(--permissions-depth, 1) * 0.75rem));
}

.permissions-loading-row[b-4s2txxc176] {
    min-height: 2.75rem;
    padding-left: calc(0.75rem + (var(--permissions-depth, 0) * 0.5rem));
}

@media (max-width: 768px) {
    .permissions-page__toolbar[b-4s2txxc176] {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .permissions-page__heading[b-4s2txxc176] {
        align-items: flex-start;
    }
}
/* /Components/Pages/TerminalDepartureReport.razor.rz.scp.css */
.tdr-search-grid[b-92locg4gw5] {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 40rem) {
    .tdr-search-grid[b-92locg4gw5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 80rem) {
    .tdr-search-grid[b-92locg4gw5] {
        grid-template-columns:
            minmax(160px, 0.7fr)
            minmax(220px, 1.1fr)
            minmax(170px, 0.7fr)
            minmax(170px, 0.7fr)
            auto;
    }
}
/* /Components/Pages/Users/UserPermissionsPanel.razor.rz.scp.css */
.permission-extra-badge[b-ac8jlsx236] {
    border-radius: 9999px;
    border: 1px solid var(--cmit-green);
    background: color-mix(in srgb, var(--cmit-green) 12%, var(--cmit-white));
    color: var(--cmit-green);
    padding: 0.125rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 600;
}

/* Mỗi tầng trong cây permission thụt thêm 0.75rem; depth được gắn theo node khi render. */
.user-permissions-panel__permission-row[b-ac8jlsx236] {
    padding-left: calc(0.75rem + (var(--permissions-depth, 1) * 0.75rem));
}
/* /Components/Pages/Users/Users.razor.rz.scp.css */
/* max-w-xl không có trong tailwind.css đã commit; Docker không chạy JIT nên server mất max-width. */
.users-filter-grid[b-tgbc166sgp] ([data-field-id]) {
    display: grid;
    grid-template-rows: 1.25rem 2.5rem;
    gap: 0.25rem;
    align-self: end;
}

.users-filter-grid[b-tgbc166sgp] ([data-field-id] > label) {
    display: flex;
    min-height: 1.25rem;
    align-items: center;
    line-height: 1.25rem;
}

.users-filter-grid[b-tgbc166sgp] ([data-field-id] > div) {
    min-height: 2.5rem;
}

.users-filter-grid[b-tgbc166sgp] (input.cmit-search-input),
.users-filter-grid[b-tgbc166sgp] (select.cmit-filter-select) {
    box-sizing: border-box;
    height: 2.5rem;
    min-height: 2.5rem;
}

.users-create-modal[b-tgbc166sgp] {
    width: 100%;
    max-width: 48rem;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--cmit-border);
    border-radius: var(--cmit-surface-radius);
    background: var(--cmit-white);
    box-shadow: 0 24px 64px rgb(1 45 86 / 32%);
}

.users-create-modal__header[b-tgbc166sgp] { display: flex; flex: 0 0 auto; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--cmit-border); background: transparent; }
.users-create-modal__header h2[b-tgbc166sgp] { margin: 0; color: var(--cmit-navy-deep); font-size: 1.25rem; font-weight: 600; line-height: 1.75rem; }
.users-create-modal__close[b-tgbc166sgp] { width: 2.25rem; height: 2.25rem; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: var(--cmit-text-muted); cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; }
.users-create-modal__close:hover[b-tgbc166sgp] { background: var(--cmit-row-alt); color: var(--cmit-navy-deep); }
.users-create-modal__body[b-tgbc166sgp] { min-height: 0; padding: 1.5rem; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; background: #fff; scrollbar-gutter: stable; }
.users-create-modal__error[b-tgbc166sgp] { margin: 0 0 1rem; padding: 0.75rem; border-radius: var(--cmit-surface-radius); background: #fef2f2; color: var(--cmit-error); font-size: 0.875rem; }
.users-create-modal__grid[b-tgbc166sgp] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; }
.users-create-modal__field[b-tgbc166sgp] { min-width: 0; }
.users-create-modal__field--wide[b-tgbc166sgp] { grid-column: 1 / -1; }
.users-create-modal__field > span[b-tgbc166sgp], .users-create-modal__field > label[b-tgbc166sgp] {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 600;
    font-size: var(--cmit-field-label-font-size);
    color: var(--cmit-navy-deep);
}
.users-create-modal__field b[b-tgbc166sgp], .users-create-modal__groups-heading b[b-tgbc166sgp] { color: var(--cmit-error); }
.users-create-modal__field input[b-tgbc166sgp] { width: 100%; height: var(--cmit-control-height); padding: 0 0.75rem; border: 1px solid var(--cmit-border); border-radius: var(--cmit-control-radius); background: var(--cmit-white); color: var(--cmit-text); font: inherit; font-size: 0.875rem; font-weight: 400; outline: none; }
.users-create-modal__field input:focus[b-tgbc166sgp] { border-color: var(--cmit-blue); box-shadow: none; }
.users-create-modal__divider[b-tgbc166sgp] { height: 1px; margin: 1rem 0; background: var(--cmit-border-light); }
.users-create-modal__admin[b-tgbc166sgp] { min-height: 3.25rem; margin-bottom: 1.25rem; padding: 0 1rem; display: flex; align-items: center; gap: 0.75rem; border: 1px solid var(--cmit-border); border-radius: var(--cmit-control-radius); color: #1c3f6e; font-size: 0.875rem; font-weight: 700; cursor: pointer; }
.users-create-modal__admin > div[b-tgbc166sgp] { margin-left: auto; }
.users-create-modal__admin--active[b-tgbc166sgp] { border-color: var(--cmit-blue); background: #eaf0fa; }
.users-create-modal__admin:focus-visible[b-tgbc166sgp] { outline: 3px solid rgb(74 144 201 / 32%); outline-offset: 2px; }
.users-create-modal__groups-heading[b-tgbc166sgp] { margin-bottom: 0.5rem; color: #1c3f6e; font-size: 0.875rem; font-weight: 700; }
.users-create-modal__groups[b-tgbc166sgp] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--cmit-border); border-radius: var(--cmit-surface-radius); }
.users-create-modal__groups label[b-tgbc166sgp] { min-width: 0; height: 3rem; padding: 0 1rem; display: flex; align-items: center; gap: 0.625rem; border-right: 1px solid var(--cmit-border-light); border-bottom: 1px solid var(--cmit-border-light); font-size: 0.875rem; cursor: pointer; }
.users-create-modal__groups label:nth-child(2n)[b-tgbc166sgp] { border-right: 0; }
.users-create-modal__groups label:last-child[b-tgbc166sgp],
.users-create-modal__groups label:nth-last-child(2):nth-child(odd)[b-tgbc166sgp] { border-bottom: 0; }
.users-create-modal__groups label:hover[b-tgbc166sgp], .users-create-modal__groups label.is-selected[b-tgbc166sgp] { background: #eaf0fa; }
.users-create-modal__groups--disabled[b-tgbc166sgp] { opacity: 0.45; pointer-events: none; }
.users-create-modal__footer[b-tgbc166sgp] { padding: 1rem 1.5rem; display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 0.75rem; border-top: 1px solid var(--cmit-border); background: var(--cmit-white); }

@media (max-width: 680px) {
    .users-create-modal__grid[b-tgbc166sgp], .users-create-modal__groups[b-tgbc166sgp] { grid-template-columns: minmax(0, 1fr); }
    .users-create-modal__groups label[b-tgbc166sgp], .users-create-modal__groups label:nth-child(2n)[b-tgbc166sgp], .users-create-modal__groups label:nth-last-child(2):nth-child(odd)[b-tgbc166sgp] { border-right: 0; border-bottom: 1px solid var(--cmit-border-light); }
    .users-create-modal__groups label:last-child[b-tgbc166sgp] { border-bottom: 0; }
}

/* Arbitrary max-h-[90vh] không có trong utility đã scan — giữ shell để footer không cuộn. */
.users-detail-modal[b-tgbc166sgp] {
    max-height: 90vh;
}