@import '_content/ParkSystem.Ui/ParkSystem.Ui.gpx6iuybto.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.application-shell[b-kqi6sqvrat] {
    min-height: 100vh;
}

.application-shell[b-kqi6sqvrat]  .ant-layout {
    min-height: 100vh;
    background: #f6f7f8;
}

.application-shell[b-kqi6sqvrat]  .application-header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 64px;
    padding: 0 32px;
    background: #ffffff;
    border-bottom: 1px solid #dfe3e6;
    line-height: 1.5;
}

.product-mark[b-kqi6sqvrat] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #245b4a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.product-name[b-kqi6sqvrat] {
    color: #262c30;
    font-size: 18px;
    font-weight: 600;
}

.application-shell[b-kqi6sqvrat]  .application-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 32px;
}

@media (max-width: 600px) {
    .application-shell[b-kqi6sqvrat]  .application-header {
        padding: 0 20px;
    }

    .application-shell[b-kqi6sqvrat]  .application-content {
        padding: 32px 20px;
    }
}
/* /Mvp/CashierRoomPicker.razor.rz.scp.css */
.dir-room-picker[b-n35jhqlwa4] {
    color: #263345;
    font-size: 13px;
    letter-spacing: 0;
    min-width: 0;
}

.dir-room-picker-columns[b-n35jhqlwa4] {
    border: 1px solid #e4e8ed;
    display: grid;
    grid-template-columns: minmax(180px, 22%) minmax(280px, 1fr) minmax(200px, 25%);
    min-height: 440px;
}

.dir-room-picker-columns > section[b-n35jhqlwa4] {
    min-width: 0;
    padding: 14px;
}

.dir-room-picker-locations[b-n35jhqlwa4],
.dir-room-picker-candidates[b-n35jhqlwa4] {
    border-right: 1px solid #e4e8ed;
}

.dir-room-picker-selected[b-n35jhqlwa4] {
    background: #fafbfd;
}

.dir-room-picker-heading[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 12px;
    min-height: 28px;
}

.dir-room-picker-heading strong[b-n35jhqlwa4] {
    font-size: 14px;
    white-space: nowrap;
}

.dir-room-picker-heading > span[b-n35jhqlwa4] {
    color: #718095;
    font-size: 12px;
    text-align: right;
}

.dir-room-picker-text[b-n35jhqlwa4] {
    background: none;
    border: 0;
    color: #1677ff;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    white-space: nowrap;
}

.dir-room-picker-text:disabled[b-n35jhqlwa4] {
    color: #a6afba;
    cursor: default;
}

.dir-room-picker-tree[b-n35jhqlwa4] {
    max-height: 430px;
    overflow: auto;
}

.dir-room-picker-node[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    min-height: 34px;
    padding-left: calc(var(--depth) * 12px);
}

.dir-room-picker-node-label[b-n35jhqlwa4] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 7px;
    min-width: 0;
}

.dir-room-picker-location-filter[b-n35jhqlwa4] {
    background: transparent;
    border: 0;
    color: #263345;
    cursor: pointer;
    font: inherit;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 0;
    text-align: left;
}

.dir-room-picker-location-filter:hover[b-n35jhqlwa4] {
    color: #1677ff;
}

.dir-room-picker-location-filter[aria-pressed="true"][b-n35jhqlwa4] {
    color: #1677ff;
    font-weight: 600;
}

.dir-room-picker-node-label small[b-n35jhqlwa4] {
    color: #8c98a8;
    font-size: 11px;
    margin-left: auto;
}

.dir-room-picker-icon[b-n35jhqlwa4] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #7a8797;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 26px;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 26px;
}

.dir-room-picker-icon:hover[b-n35jhqlwa4] {
    background: #edf4ff;
    color: #1677ff;
}

.dir-room-picker-tree-spacer[b-n35jhqlwa4] {
    flex: 0 0 26px;
    width: 26px;
}

.dir-room-picker input[type="checkbox"][b-n35jhqlwa4] {
    accent-color: #1677ff;
    cursor: pointer;
    flex: 0 0 15px;
    height: 15px;
    margin: 0;
    width: 15px;
}

.dir-room-picker input.is-mixed[b-n35jhqlwa4] {
    appearance: none;
    background: #fff;
    border: 1px solid #1677ff;
    border-radius: 2px;
    display: inline-grid;
    place-content: center;
}

.dir-room-picker input.is-mixed[b-n35jhqlwa4]::before {
    background: #1677ff;
    content: "";
    height: 3px;
    width: 9px;
}

.dir-room-picker input:focus-visible[b-n35jhqlwa4],
.dir-room-picker button:focus-visible[b-n35jhqlwa4] {
    outline: 2px solid #1677ff;
    outline-offset: 2px;
}

.dir-room-picker-search[b-n35jhqlwa4] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.dir-room-picker-search input[b-n35jhqlwa4] {
    flex: 1;
    min-width: 0;
}

.dir-room-picker-search[b-n35jhqlwa4]  .ant-btn {
    flex: 0 0 auto;
}

.dir-room-picker-table-scroll[b-n35jhqlwa4] {
    border: 1px solid #e8ecf1;
    max-height: 360px;
    min-height: 265px;
    overflow: auto;
}

.dir-room-picker-table[b-n35jhqlwa4] {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.dir-room-picker-table th[b-n35jhqlwa4] {
    background: #f5f7fa;
    color: #637083;
    font-weight: 500;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 1;
}

.dir-room-picker-table td[b-n35jhqlwa4],
.dir-room-picker-table th[b-n35jhqlwa4] {
    border-bottom: 1px solid #edf0f4;
    overflow-wrap: anywhere;
    padding: 9px 8px;
    vertical-align: middle;
}

.dir-room-picker-table .dir-room-picker-check[b-n35jhqlwa4] {
    width: 32px;
}

.dir-room-picker-table th:nth-child(2)[b-n35jhqlwa4] {
    width: 37%;
}

.dir-room-picker-table strong[b-n35jhqlwa4],
.dir-room-picker-chip strong[b-n35jhqlwa4],
.dir-room-picker-selected-list strong[b-n35jhqlwa4] {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.dir-room-picker-table small[b-n35jhqlwa4],
.dir-room-picker-chip small[b-n35jhqlwa4],
.dir-room-picker-selected-list small[b-n35jhqlwa4] {
    color: #8994a3;
    display: block;
    font-size: 11px;
    overflow-wrap: anywhere;
}

.dir-room-picker-table .is-selected[b-n35jhqlwa4] {
    background: #f0f7ff;
}

.dir-room-picker-location-cell[b-n35jhqlwa4] {
    color: #6a7889;
    font-size: 12px;
}

.dir-room-picker-pagination[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin-top: 12px;
}

.dir-room-picker-empty[b-n35jhqlwa4] {
    color: #96a0ad;
    font-size: 12px;
    margin: 0;
    padding: 38px 8px;
    text-align: center;
}

.dir-room-picker-chips[b-n35jhqlwa4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dir-room-picker-chip[b-n35jhqlwa4] {
    align-items: center;
    background: #f1f7ff;
    border: 1px solid #dce8f7;
    border-radius: 3px;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    padding: 6px 7px 6px 10px;
}

.dir-room-picker-chip > span[b-n35jhqlwa4] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dir-room-picker-groups[b-n35jhqlwa4] {
    max-height: 345px;
    overflow: auto;
}

.dir-room-picker-groups > div[b-n35jhqlwa4] {
    border-bottom: 1px solid #e8ecf1;
    display: flex;
    font-size: 12px;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 0;
}

.dir-room-picker-groups span[b-n35jhqlwa4] {
    color: #69768a;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dir-room-picker-groups strong[b-n35jhqlwa4] {
    font-weight: 500;
    white-space: nowrap;
}

.dir-room-picker-manage[b-n35jhqlwa4] {
    display: block;
    margin: 14px 0;
}

.dir-room-picker-remove-toolbar[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px;
    justify-content: space-between;
    padding: 12px 0;
}

.dir-room-picker-remove-toolbar label[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.dir-room-picker-selected-list[b-n35jhqlwa4] {
    max-height: 310px;
    overflow: auto;
}

.dir-room-picker-selected-list > label[b-n35jhqlwa4] {
    align-items: center;
    border-bottom: 1px solid #e8ecf1;
    cursor: pointer;
    display: flex;
    gap: 9px;
    padding: 10px 0;
}

.dir-room-picker-selected-list > label > span[b-n35jhqlwa4] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dir-room-picker-footer[b-n35jhqlwa4] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-top: 18px;
}

.dir-room-picker-footer > span[b-n35jhqlwa4] {
    color: #748195;
    font-size: 12px;
}

.dir-room-picker-footer > div[b-n35jhqlwa4] {
    display: flex;
    gap: 8px;
}

@media (max-width: 850px) {
    .dir-room-picker-columns[b-n35jhqlwa4] {
        grid-template-columns: minmax(165px, 30%) minmax(0, 1fr);
    }

    .dir-room-picker-candidates[b-n35jhqlwa4] {
        border-right: 0;
    }

    .dir-room-picker-selected[b-n35jhqlwa4] {
        border-top: 1px solid #e4e8ed;
        grid-column: 1 / -1;
    }

    .dir-room-picker-groups[b-n35jhqlwa4],
    .dir-room-picker-selected-list[b-n35jhqlwa4] {
        max-height: 200px;
    }
}

@media (max-width: 540px) {
    .dir-room-picker-columns[b-n35jhqlwa4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dir-room-picker-columns > section[b-n35jhqlwa4] {
        padding: 12px;
    }

    .dir-room-picker-locations[b-n35jhqlwa4] {
        border-bottom: 1px solid #e4e8ed;
        border-right: 0;
    }

    .dir-room-picker-tree[b-n35jhqlwa4] {
        max-height: 160px;
    }

    .dir-room-picker-table-scroll[b-n35jhqlwa4] {
        max-height: 290px;
        min-height: 190px;
    }

    .dir-room-picker-heading > span[b-n35jhqlwa4] {
        font-size: 11px;
    }
}
/* /Mvp/MvpOwnershipImport.razor.rz.scp.css */
.dir-import[b-a757yxcpta] { display: flex; flex-direction: column; min-height: 100%; box-sizing: border-box; padding: 0 26px 18px; color: #273139; font-size: 14px; }
.dir-import-steps[b-a757yxcpta] { --dir-step-gap: 8px; display: grid; grid-template-columns: repeat(4, 1fr); padding: 16px 0 14px; gap: var(--dir-step-gap); }
.dir-import-steps span[b-a757yxcpta] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; color: #68737d; font-size: 12px; text-align: center; }
.dir-import-steps span:not(:last-child)[b-a757yxcpta]::after { content: ""; position: absolute; z-index: 0; top: 12px; left: calc(50% + 12.5px); width: calc(100% + var(--dir-step-gap) - 25px); height: 1px; background: #d8dfe2; }
.dir-import-steps b[b-a757yxcpta] { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 50%; background: #edf0f2; }
.dir-import-steps em[b-a757yxcpta] { position: relative; z-index: 1; font-style: normal; line-height: 18px; white-space: nowrap; }
.dir-import-steps .dir-step-current[b-a757yxcpta] { color: #146b50; font-weight: 600; }
.dir-step-current b[b-a757yxcpta], .dir-step-done b[b-a757yxcpta] { background: #e0f2e9 !important; color: #146b50; }
.dir-step-done[b-a757yxcpta]::after { background: #b8d8cb !important; }
.dir-import-section[b-a757yxcpta] { padding: 20px 0; flex: 1; min-width: 0; }
.dir-import h3[b-a757yxcpta] { font-size: 18px; margin: 0 0 10px; font-weight: 600; }
.dir-import-template[b-a757yxcpta] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px; border: 1px solid #d9e0dd; border-radius: 6px; margin-bottom: 18px; }
.dir-import-template > div[b-a757yxcpta] { flex: 1; min-width: 160px; }
.dir-import-template h3[b-a757yxcpta] { font-size: 16px; margin: 0 0 4px; }
.dir-import-template span[b-a757yxcpta] { color: #68737d; font-size: 12px; }
.dir-import-template[b-a757yxcpta]  .anticon-file-excel { font-size: 32px; color: #207351; }
.dir-import-table[b-a757yxcpta] { width: 100%; border-collapse: collapse; font-size: 12px; }
.dir-import-table th[b-a757yxcpta], .dir-import-table td[b-a757yxcpta] { text-align: left; padding: 10px 9px; border-bottom: 1px solid #e7eaed; vertical-align: top; overflow-wrap: anywhere; }
.dir-import-table th[b-a757yxcpta] { background: #f6f8f9; color: #58636c; font-weight: 500; }
.dir-import-table small[b-a757yxcpta] { display: block; margin-top: 3px; }
.dir-import-scroll[b-a757yxcpta] { overflow-x: auto; margin-bottom: 14px; }
.dir-import-scroll .dir-import-table[b-a757yxcpta] { min-width: 720px; }
.dir-import-drop[b-a757yxcpta] { border: 1px dashed #a5b5ad; border-radius: 6px; padding: 40px 16px; text-align: center; background: #f8fbf9; }
.dir-import-drop[b-a757yxcpta]  .anticon-inbox { font-size: 42px; color: #207351; margin-bottom: 18px; }
.dir-import-drop p[b-a757yxcpta] { color: #68737d; font-size: 13px; }
.dir-drop-active[b-a757yxcpta] { border-color: #158256; background: #e5f5ee; }
.dir-import-select[b-a757yxcpta] { display: inline-flex; position: relative; padding: 7px 18px; border: 1px solid #bccac1; border-radius: 4px; background: white; cursor: pointer; }
.dir-import-select input[b-a757yxcpta] { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
.dir-import-meta[b-a757yxcpta] { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; margin: 20px 0; }
.dir-import-meta dt[b-a757yxcpta] { color: #68737d; font-weight: 400; }
.dir-import-meta dd[b-a757yxcpta] { margin: 0; overflow-wrap: anywhere; }
.dir-import-summary[b-a757yxcpta] { display: flex; flex-wrap: wrap; gap: 12px 20px; padding: 15px 0; margin: 10px 0; border-top: 1px solid #e7eaed; border-bottom: 1px solid #e7eaed; }
.dir-import-summary span[b-a757yxcpta] { color: #66727b; font-size: 12px; }
.dir-import-summary b[b-a757yxcpta] { font-size: 18px; color: #273139; margin-left: 5px; }
.dir-import-tools[b-a757yxcpta] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.dir-import-tools label[b-a757yxcpta] { margin-right: auto; }
.dir-import-error[b-a757yxcpta], .dir-import-warning[b-a757yxcpta] { padding: 12px 14px; border: 1px solid #edcdca; background: #fff3f2; color: #a13830; margin-top: 15px; overflow-wrap: anywhere; }
.dir-import-warning[b-a757yxcpta] { color: #805516; border-color: #eddeb7; background: #fffaec; }
.dir-import-valid[b-a757yxcpta] { color: #187247; white-space: nowrap; }
.dir-import-invalid[b-a757yxcpta] { color: #a45d20; }
.dir-import-footer[b-a757yxcpta] { position: sticky; bottom: 0; z-index: 2; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 16px 0 0; border-top: 1px solid #e1e5e9; background: white; margin-top: auto; }
.dir-import-footer[b-a757yxcpta]  .ant-btn-primary { color: #fff; }
.dir-import-footer[b-a757yxcpta]  .ant-btn-primary[disabled],
.dir-import-footer[b-a757yxcpta]  .ant-btn-primary[disabled]:hover,
.dir-import-footer[b-a757yxcpta]  .ant-btn-primary[disabled]:focus,
.dir-import-footer[b-a757yxcpta]  .ant-btn-primary[disabled]:active { color: #526074; background: #eef2f6; border-color: #d3dbe4; opacity: 1; box-shadow: none; }
.dir-import-processing[b-a757yxcpta] { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.dir-import-file[b-a757yxcpta] { overflow-wrap: anywhere; color: #66727b; font-size: 12px; }
@media (max-width: 600px) { .dir-import[b-a757yxcpta] { padding: 0 14px 14px; } .dir-import-steps[b-a757yxcpta] { --dir-step-gap: 5px; } .dir-import-steps span[b-a757yxcpta] { font-size: 11px; } .dir-import-meta[b-a757yxcpta] { grid-template-columns: 84px minmax(0, 1fr); } }
/* /Mvp/MvpOwnershipRoomPicker.razor.rz.scp.css */
.dir-room-picker[b-qihixclrcx] { color: #263345; font-size: 13px; min-width: 0; letter-spacing: 0; }
.dir-room-picker-columns[b-qihixclrcx] { display: grid; grid-template-columns: minmax(180px, 22%) minmax(280px, 1fr) minmax(200px, 25%); min-height: 440px; border: 1px solid #e4e8ed; }
.dir-room-picker-columns > section[b-qihixclrcx] { min-width: 0; padding: 14px; }
.dir-room-picker-locations[b-qihixclrcx], .dir-room-picker-candidates[b-qihixclrcx] { border-right: 1px solid #e4e8ed; }
.dir-room-picker-selected[b-qihixclrcx] { background: #fafbfd; }
.dir-room-picker-heading[b-qihixclrcx] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; margin-bottom: 12px; }
.dir-room-picker-heading strong[b-qihixclrcx] { font-size: 14px; white-space: nowrap; }
.dir-room-picker-heading > span[b-qihixclrcx] { color: #718095; font-size: 12px; text-align: right; }
.dir-room-picker-text[b-qihixclrcx] { background: none; padding: 0; border: 0; color: #1677ff; cursor: pointer; font-size: 12px; white-space: nowrap; }
.dir-room-picker-text:disabled[b-qihixclrcx] { color: #a6afba; cursor: default; }
.dir-room-picker-tree[b-qihixclrcx] { max-height: 430px; overflow: auto; }
.dir-room-picker-node[b-qihixclrcx] { display: flex; align-items: center; min-height: 34px; padding-left: calc(var(--depth) * 12px); }
.dir-room-picker-node-label[b-qihixclrcx] { display: flex; align-items: center; gap: 7px; min-width: 0; flex: 1; }
.dir-room-picker-location-filter[b-qihixclrcx] { min-width: 0; overflow-wrap: anywhere; padding: 0; border: 0; background: transparent; color: #263345; cursor: pointer; font: inherit; text-align: left; }
.dir-room-picker-location-filter:hover[b-qihixclrcx] { color: #1677ff; }
.dir-room-picker-location-filter[aria-pressed=true][b-qihixclrcx] { color: #1677ff; font-weight: 600; }
.dir-room-picker-node-label small[b-qihixclrcx] { margin-left: auto; color: #8c98a8; font-size: 11px; }
.dir-room-picker-icon[b-qihixclrcx] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; height: 28px; width: 26px; padding: 0; border: 0; background: transparent; color: #7a8797; cursor: pointer; }
.dir-room-picker-icon:hover[b-qihixclrcx] { color: #1677ff; background: #edf4ff; }
.dir-room-picker-tree-spacer[b-qihixclrcx] { width: 26px; flex: 0 0 26px; }
.dir-room-picker input[type=checkbox][b-qihixclrcx] { width: 15px; height: 15px; flex: 0 0 15px; accent-color: #1677ff; cursor: pointer; margin: 0; }
.dir-room-picker input.is-mixed[b-qihixclrcx] { appearance: none; border: 1px solid #1677ff; border-radius: 2px; background: #fff; display: inline-grid; place-content: center; }
.dir-room-picker input.is-mixed[b-qihixclrcx]::before { content: ""; width: 9px; height: 3px; background: #1677ff; }
.dir-room-picker-search[b-qihixclrcx] { display: flex; gap: 8px; margin-bottom: 12px; }
.dir-room-picker-search input[b-qihixclrcx] { min-width: 0; flex: 1; }
.dir-room-picker-table-scroll[b-qihixclrcx] { max-height: 360px; min-height: 265px; overflow: auto; border: 1px solid #e8ecf1; }
.dir-room-picker-table[b-qihixclrcx] { width: 100%; table-layout: fixed; border-collapse: collapse; }
.dir-room-picker-table th[b-qihixclrcx] { background: #f5f7fa; color: #637083; text-align: left; font-weight: 500; position: sticky; top: 0; z-index: 1; }
.dir-room-picker-table td[b-qihixclrcx], .dir-room-picker-table th[b-qihixclrcx] { padding: 9px 8px; border-bottom: 1px solid #edf0f4; vertical-align: middle; overflow-wrap: anywhere; }
.dir-room-picker-table .dir-room-picker-check[b-qihixclrcx] { width: 32px; }
.dir-room-picker-table th:nth-child(2)[b-qihixclrcx] { width: 37%; }
.dir-room-picker-table strong[b-qihixclrcx], .dir-room-picker-chip strong[b-qihixclrcx], .dir-room-picker-selected-list strong[b-qihixclrcx] { font-weight: 500; display: block; font-size: 13px; }
.dir-room-picker-table small[b-qihixclrcx], .dir-room-picker-chip small[b-qihixclrcx], .dir-room-picker-selected-list small[b-qihixclrcx] { display: block; color: #8994a3; font-size: 11px; overflow-wrap: anywhere; }
.dir-room-picker-table .is-selected[b-qihixclrcx] { background: #f0f7ff; }
.dir-room-picker-location-cell[b-qihixclrcx] { font-size: 12px; color: #6a7889; }
.dir-room-picker-pagination[b-qihixclrcx] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.dir-room-picker-pagination select[b-qihixclrcx] { border: 1px solid #d9dfe7; border-radius: 3px; padding: 3px; background: #fff; color: #657286; font-size: 12px; }
.dir-room-picker-empty[b-qihixclrcx] { text-align: center; color: #96a0ad; padding: 38px 8px; font-size: 12px; margin: 0; }
.dir-room-picker-chips[b-qihixclrcx] { display: flex; flex-direction: column; gap: 8px; }
.dir-room-picker-chip[b-qihixclrcx] { display: flex; align-items: center; justify-content: space-between; gap: 6px; border: 1px solid #dce8f7; background: #f1f7ff; padding: 6px 7px 6px 10px; border-radius: 3px; }
.dir-room-picker-chip > span[b-qihixclrcx] { min-width: 0; overflow-wrap: anywhere; }
.dir-room-picker-groups[b-qihixclrcx] { max-height: 345px; overflow: auto; }
.dir-room-picker-groups > div[b-qihixclrcx] { display: flex; gap: 10px; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e8ecf1; font-size: 12px; }
.dir-room-picker-groups span[b-qihixclrcx] { min-width: 0; overflow-wrap: anywhere; color: #69768a; }
.dir-room-picker-groups strong[b-qihixclrcx] { white-space: nowrap; font-weight: 500; }
.dir-room-picker-manage[b-qihixclrcx] { display: block; margin: 14px 0; }
.dir-room-picker-remove-toolbar[b-qihixclrcx] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 0; font-size: 12px; }
.dir-room-picker-remove-toolbar label[b-qihixclrcx] { display: flex; align-items: center; gap: 6px; }
.dir-room-picker-selected-list[b-qihixclrcx] { max-height: 310px; overflow: auto; }
.dir-room-picker-selected-list > label[b-qihixclrcx] { display: flex; align-items: center; gap: 9px; padding: 10px 0; border-bottom: 1px solid #e8ecf1; cursor: pointer; }
.dir-room-picker-selected-list > label > span[b-qihixclrcx] { min-width: 0; overflow-wrap: anywhere; }
.dir-room-picker-footer[b-qihixclrcx] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; }
.dir-room-picker-footer > span[b-qihixclrcx] { color: #748195; font-size: 12px; }
.dir-room-picker-footer > div[b-qihixclrcx] { display: flex; gap: 8px; }
@media (max-width: 850px) {
    .dir-room-picker-columns[b-qihixclrcx] { grid-template-columns: minmax(165px, 30%) minmax(0, 1fr); }
    .dir-room-picker-candidates[b-qihixclrcx] { border-right: 0; }
    .dir-room-picker-selected[b-qihixclrcx] { grid-column: 1 / -1; border-top: 1px solid #e4e8ed; }
    .dir-room-picker-groups[b-qihixclrcx], .dir-room-picker-selected-list[b-qihixclrcx] { max-height: 200px; }
}
@media (max-width: 540px) {
    .dir-room-picker-columns[b-qihixclrcx] { grid-template-columns: minmax(0, 1fr); }
    .dir-room-picker-columns > section[b-qihixclrcx] { padding: 12px; }
    .dir-room-picker-locations[b-qihixclrcx] { border-right: 0; border-bottom: 1px solid #e4e8ed; }
    .dir-room-picker-tree[b-qihixclrcx] { max-height: 160px; }
    .dir-room-picker-table-scroll[b-qihixclrcx] { min-height: 190px; max-height: 290px; }
}
/* /Pages/Home.razor.rz.scp.css */
.system-state[b-w28ql7ean4] {
    min-height: 112px;
}

h1[b-w28ql7ean4] {
    margin: 0 0 20px;
    color: #262c30;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.service-state[b-w28ql7ean4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 28px;
    color: #515b63;
    font-size: 14px;
}

.status-dot[b-w28ql7ean4] {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #828b92;
}

.available .status-dot[b-w28ql7ean4] {
    background: #277252;
}

.unavailable .status-dot[b-w28ql7ean4] {
    background: #b34b40;
}

.api-version[b-w28ql7ean4] {
    margin-left: 6px;
    color: #626c74;
}