@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout.razor.css — CỐ Ý RỖNG.

   Trước đây là scoped CSS của MainLayout bản template (.page/.sidebar gradient #3a0647/.top-row).
   MainLayout.razor nay chỉ là nested layout rỗng trỏ về PublicLayout, không còn phần tử nào để
   style, nên mọi luật cũ đều chết.

   Khối #blazor-error-ui trong file này cũng đã bỏ, và bỏ là ĐÚNG: scoped CSS được biên dịch thành
   `#blazor-error-ui[b-xxxxxxxxxx]`, mà thẻ div đó nay nằm trong wwwroot/index.html nên không mang
   thuộc tính scope — luật cũ không bao giờ khớp. Bản không-scoped đang có sẵn tại
   wwwroot/css/app.css:61 (đã kiểm chứng) và chính nó giữ thanh lỗi ở display:none.

   Giữ file (thay vì xoá) vì index.html có <link href="abcm-wasm.Client.styles.css">: nếu project
   không còn file .razor.css nào thì bundle đó không được sinh ra và thẻ link 404.
   Xoá cùng lúc với MainLayout.razor khi Routes.razor chuyển sang DefaultLayout=PublicLayout. */
/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css — CỐ Ý RỖNG.

   Trước đây là scoped CSS của NavMenu.razor bản template Blazor WASM (sidebar tối, toggler
   hamburger, 8 icon .bi-*-nav-menu nhúng data:URI). NavMenu.razor nay là sidebar ADMIN port từ
   abcmvn\Components\Layout\NavMenu.razor, và scoped CSS bám ĐÚNG vào markup đó:
   `.nav-item ::deep .nav-link { color:#d7d7d7; height:3rem; … }` sẽ đè lên .app-sidebar .nav-link
   của wwwroot/css/theme.css — vì abcm-wasm.Client.styles.css được index.html nạp SAU theme.css.
   Nên nội dung cũ bị bỏ, không phải quên chuyển.

   NavMenu bản gốc (app cũ) KHÔNG có file .razor.css nào — toàn bộ style đến từ theme.css. Đây là
   trạng thái đúng.

   Giữ file (thay vì xoá) vì index.html có <link href="abcm-wasm.Client.styles.css">: nếu project
   không còn file .razor.css nào thì bundle đó không được sinh ra và thẻ link 404.
   Xoá được khi app shell bỏ thẻ link ấy, hoặc khi có component khác mang scoped CSS thật. */
/* /Shared/IconPicker.razor.rz.scp.css */
.icon-picker[b-zghof9myzr] { position: relative; }

.icon-picker-trigger[b-zghof9myzr] {
    display: flex; align-items: center; gap: .6rem; width: 100%; text-align: left;
    cursor: pointer; background: #fff;
}
.icon-picker-cur[b-zghof9myzr] { font-size: 1.15rem; color: var(--abcm-purple, #7B5CFF); flex-shrink: 0; }
.icon-picker-label[b-zghof9myzr] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.icon-picker-label.muted[b-zghof9myzr] { color: #9aa0bd; }
/* Chu nho ve token thang chuan (--fs-xs/.75rem, --fs-sm/.875rem) thay cho .8/.85rem le —
   custom property tu :root xuyen qua CSS isolation binh thuong, cung co che voi
   var(--abcm-purple) o tren. */
.icon-picker-caret[b-zghof9myzr] { color: #9aa0bd; font-size: var(--fs-xs, .75rem); transition: transform .18s ease; flex-shrink: 0; }
.icon-picker.open .icon-picker-caret[b-zghof9myzr] { transform: rotate(180deg); }

.icon-picker-backdrop[b-zghof9myzr] { position: fixed; inset: 0; z-index: 1040; }

.icon-picker-panel[b-zghof9myzr] {
    position: absolute; z-index: 1041; top: calc(100% + 6px); left: 0; right: 0;
    background: #fff; border: 1px solid var(--bs-border-color, #ECEEF6); border-radius: .85rem;
    box-shadow: 0 14px 38px rgba(14, 19, 48, .18); padding: .7rem;
}
.icon-picker-search[b-zghof9myzr] { margin-bottom: .55rem; }

.icon-picker-grid[b-zghof9myzr] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
    gap: .3rem; max-height: 260px; overflow-y: auto; padding: .1rem;
}
.icon-picker-cell[b-zghof9myzr] {
    aspect-ratio: 1; display: grid; place-items: center; border: 1px solid transparent;
    border-radius: .55rem; background: var(--abcm-surface, #F7F8FC); color: #3a4568;
    font-size: 1.1rem; cursor: pointer; transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.icon-picker-cell:hover[b-zghof9myzr] { background: rgba(123, 92, 255, .12); color: var(--abcm-purple, #7B5CFF); }
.icon-picker-cell.sel[b-zghof9myzr] { background: var(--abcm-purple, #7B5CFF); border-color: var(--abcm-purple, #7B5CFF); color: #fff; }

.icon-picker-empty[b-zghof9myzr] { color: #9aa0bd; font-size: var(--fs-sm, .875rem); padding: .8rem .3rem; text-align: center; }

.icon-picker-foot[b-zghof9myzr] {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: .55rem; padding-top: .55rem; border-top: 1px solid var(--bs-border-color, #ECEEF6);
}
.icon-picker-clear[b-zghof9myzr] {
    border: 0; background: transparent; color: #9aa0bd; font-size: var(--fs-xs, .75rem); font-weight: 600;
    cursor: pointer; display: inline-flex; align-items: center; gap: .3rem; padding: 0;
}
.icon-picker-clear:hover[b-zghof9myzr] { color: #e5484d; }
.icon-picker-count[b-zghof9myzr] { color: #9aa0bd; font-size: var(--fs-xs, .75rem); }