@import '_content/TextileUdyog.Web.UI.Library/TextileUdyog.Web.UI.Library.8yu77iuox8.bundle.scp.css';

/* /Pages/Admin/AdminAddProductPage.razor.rz.scp.css */
/* Admin Add Product for Firm — prefix: aap- */

.aap-page[b-lti1twtoo5] {
    max-width: 1060px;
    margin: 0 auto;
    padding: 24px 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aap-header[b-lti1twtoo5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 0;
}
.aap-header-icon[b-lti1twtoo5] { font-size: 1.6rem; color: #E89020; flex-shrink: 0; }
.aap-header-title[b-lti1twtoo5] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

/* ---- Shimmer ---- */
@keyframes aap-shimmer-b-lti1twtoo5 {
    0%   { background-position: -600px 0; }
    100% { background-position:  600px 0; }
}
.aap-shimmer[b-lti1twtoo5] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: aap-shimmer-b-lti1twtoo5 1.4s infinite;
}

/* ---- Search ---- */
.aap-search[b-lti1twtoo5] { max-width: 460px; }

/* ---- Firm list ---- */
.aap-list[b-lti1twtoo5] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}
.aap-row[b-lti1twtoo5] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #F2EDE4;
    cursor: pointer;
    transition: background .15s;
}
.aap-row:last-child[b-lti1twtoo5] { border-bottom: none; }
@media (hover: hover) {
    .aap-row:hover[b-lti1twtoo5] { background: #FAF6EF; }
}

.aap-row-main[b-lti1twtoo5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 0 1 220px;
}
.aap-firm-name[b-lti1twtoo5] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: #0E1B35;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.aap-firm-place[b-lti1twtoo5] {
    display: inline-flex; align-items: center; gap: 3px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
}
.aap-firm-place .material-symbols-rounded[b-lti1twtoo5] { font-size: .9rem; }

.aap-row-cats[b-lti1twtoo5] {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}
.aap-tag[b-lti1twtoo5] {
    display: inline-flex; align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #FAF6EF;
    border: 1px solid #E8E0D4;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem; font-weight: 600;
    color: #1E3A6E;
    white-space: nowrap;
}
.aap-tag--muted[b-lti1twtoo5] { color: #9A8E80; background: #ffffff; }

.aap-chevron[b-lti1twtoo5] { font-size: 1.2rem; color: #9A8E80; flex-shrink: 0; }

@media (max-width: 760px) {
    .aap-row[b-lti1twtoo5] { flex-wrap: wrap; gap: 6px 12px; }
    .aap-row-main[b-lti1twtoo5] { flex-basis: 100%; }
}

/* ---- Empty state ---- */
.aap-empty[b-lti1twtoo5] { text-align: center; padding: 48px 20px 36px; font-family: 'Inter', 'Noto Sans', sans-serif; }
.aap-empty-icon[b-lti1twtoo5] { font-size: 2.5rem; color: #E8E0D4; display: block; margin-bottom: 12px; }
.aap-empty-title[b-lti1twtoo5] { font-size: .9rem; font-weight: 600; color: #0E1B35; margin: 0 0 6px; }
.aap-empty-sub[b-lti1twtoo5] { font-size: .8rem; color: #9A8E80; margin: 0; }

/* ---- Notice ---- */
.aap-notice[b-lti1twtoo5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #FFF7ED;
    border: 1px solid #FCD34D;
    color: #92400E;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .85rem;
}
.aap-notice .material-symbols-rounded[b-lti1twtoo5] { font-size: 1.1rem; flex-shrink: 0; }

/* ---- Buttons ---- */
.aap-btn[b-lti1twtoo5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 10px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: all .2s;
    width: fit-content;
}
.aap-btn .material-symbols-rounded[b-lti1twtoo5] { font-size: 1.05rem; }
.aap-btn--ghost[b-lti1twtoo5] {
    background: #ffffff;
    color: #0E1B35;
    border-color: #E8E0D4;
}
@media (hover: hover) {
    .aap-btn--ghost:hover[b-lti1twtoo5] { border-color: #E89020; color: #E89020; }
}
.aap-change-firm[b-lti1twtoo5] { margin-bottom: 4px; }

/* ---- MudBlazor input restyle (kept per design language §0.3 / §13) ---- */
[b-lti1twtoo5] .mud-input-outlined .mud-input-outlined-border {
    border-color: #E8E0D4 !important;
    border-radius: 10px !important;
}
[b-lti1twtoo5] .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #E89020 !important;
}
/* /Pages/Admin/AdminSearchSynonymsPage.razor.rz.scp.css */
/* AdminSearchSynonymsPage (prefix ssy-). The add/edit dialog's styles live in SearchSynonymDialog.razor:
   scoped CSS doesn't reach MudDialog's portal. */

/* ── Page shell ── */
.ssy-page[b-528tkmaail] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ssy-header[b-528tkmaail] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 0;
}

.ssy-header-icon[b-528tkmaail] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.ssy-header-title[b-528tkmaail] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

.ssy-intro[b-528tkmaail] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    line-height: 1.5;
    color: #6B5E50;
    margin: 0;
}

.ssy-intro strong[b-528tkmaail] { color: #0E1B35; }

.ssy-panel[b-528tkmaail] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Pill tabs ── */
.ssy-tabs[b-528tkmaail] {
    display: flex;
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 12px;
    padding: 4px;
    gap: 4px;
    max-width: 400px;
}

.ssy-tab[b-528tkmaail] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 16px;
    border: none;
    border-radius: 9px;
    background: none;
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #9A8E80;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    letter-spacing: -.01em;
}

.ssy-tab .material-symbols-rounded[b-528tkmaail] { font-size: 1.1rem; }
.ssy-tab:hover:not(.ssy-tab--active)[b-528tkmaail] { background: #FAF6EF; color: #0E1B35; }
.ssy-tab.ssy-tab--active[b-528tkmaail] { background: #0E1B35; color: #ffffff; }
.ssy-tab.ssy-tab--active:hover[b-528tkmaail] { background: #162342; color: #ffffff; }

/* ── Period chips ── */
.ssy-chip-bar[b-528tkmaail] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ssy-chip[b-528tkmaail] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1.5px solid #E8E0D4;
    border-radius: 999px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    color: #6B5E50;
    background: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
}

.ssy-chip:hover[b-528tkmaail] { background: #FAF6EF; border-color: #C0B4A4; color: #0E1B35; }
.ssy-chip.ssy-chip--active[b-528tkmaail] { background: #0E1B35; border-color: #0E1B35; color: #ffffff; }
.ssy-chip.ssy-chip--active:hover[b-528tkmaail] { background: #162342; }

/* ── Toolbar ── */
.ssy-toolbar[b-528tkmaail] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ssy-filter-wrap[b-528tkmaail] {
    flex: 1;
    min-width: 200px;
}

[b-528tkmaail] .ssy-filter-field .mud-input-outlined .mud-input-outlined-border {
    border-color: #E8E0D4 !important;
    border-radius: 10px !important;
}

[b-528tkmaail] .ssy-filter-field .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #E89020 !important;
}

/* ── Buttons ── */
.ssy-btn[b-528tkmaail] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 10px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.ssy-btn .material-symbols-rounded[b-528tkmaail] { font-size: 1.05rem; }

.ssy-btn--primary[b-528tkmaail] {
    background: #E89020;
    color: #0E1B35;
    border: 1.5px solid #E89020;
    box-shadow: 0 3px 12px rgba(232, 144, 32, .3);
}

.ssy-btn--primary:hover[b-528tkmaail] { background: #F0A030; transform: translateY(-1px); }

.ssy-btn--ghost[b-528tkmaail] {
    background: #ffffff;
    color: #0E1B35;
    border: 1.5px solid #E8E0D4;
    padding: 8px 14px;
}

.ssy-btn--ghost:hover[b-528tkmaail] { border-color: #E89020; color: #E89020; }

.ssy-actions[b-528tkmaail] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.ssy-icon-btn[b-528tkmaail] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: none;
    border: 1.5px solid #E8E0D4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B5E50;
    transition: all .2s;
    padding: 0;
}

.ssy-icon-btn:hover[b-528tkmaail] { background: #FDFAF6; border-color: #0E1B35; color: #0E1B35; }
.ssy-icon-btn.ssy-icon-btn--danger:hover[b-528tkmaail] { background: #FEE2E2; border-color: #FECACA; color: #DC2626; }
.ssy-icon-btn .material-symbols-rounded[b-528tkmaail] { font-size: 1.1rem; }

/* ── Card and rows ── */
.ssy-card[b-528tkmaail] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}

.ssy-card-header[b-528tkmaail] {
    padding: 12px 18px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ssy-card-header-icon[b-528tkmaail] { font-size: 1.1rem; color: #E89020; }

.ssy-card-header-title[b-528tkmaail] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: #0E1B35;
}

.ssy-badge[b-528tkmaail] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    padding: 0 6px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .65rem;
    font-weight: 700;
    background: #F2EDE4;
    color: #6B5E50;
}

.ssy-list[b-528tkmaail] { display: flex; flex-direction: column; }

.ssy-list-item[b-528tkmaail] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #F2EDE4;
    transition: background .15s;
}

.ssy-list-item:hover[b-528tkmaail] { background: #FDFAF6; }
.ssy-list-item:last-child[b-528tkmaail] { border-bottom: none; }

.ssy-item-body[b-528tkmaail] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ssy-item-top[b-528tkmaail] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.ssy-item-title[b-528tkmaail] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: #0E1B35;
    overflow-wrap: anywhere;
}

.ssy-arrow[b-528tkmaail] { font-size: 1rem; color: #E89020; }

.ssy-item-meta[b-528tkmaail] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
}

.ssy-tag[b-528tkmaail] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .68rem;
    font-weight: 700;
    background: #F2EDE4;
    color: #6B5E50;
}

.ssy-tag.ssy-tag--info[b-528tkmaail] { background: #EFF6FF; color: #1E40AF; }
.ssy-tag.ssy-tag--success[b-528tkmaail] { background: #F0FDF4; color: #14532D; }

/* ── Notice ── */
.ssy-notice[b-528tkmaail] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    border-width: 1.5px;
    border-style: solid;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    line-height: 1.5;
}

.ssy-notice .material-symbols-rounded[b-528tkmaail] { font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }
.ssy-notice--warning[b-528tkmaail] { background: #FFF7ED; border-color: #FCD34D; color: #92400E; }
.ssy-notice--warning .material-symbols-rounded[b-528tkmaail] { color: #F59E0B; }

/* ── Empty state ── */
.ssy-empty[b-528tkmaail] { text-align: center; padding: 56px 20px 40px; font-family: 'Inter', 'Noto Sans', sans-serif; }
.ssy-empty-icon[b-528tkmaail] { font-size: 2.5rem; color: #E8E0D4; display: block; margin-bottom: 12px; }
.ssy-empty-title[b-528tkmaail] { font-size: .9rem; font-weight: 600; color: #0E1B35; margin: 0 0 6px; }
.ssy-empty-sub[b-528tkmaail] { font-size: .8rem; color: #9A8E80; margin: 0; }

/* ── Shimmer ── */
@keyframes ssy-shimmer-b-528tkmaail {
    0% { background-position: -600px 0; }
    100% { background-position: 600px 0; }
}

.ssy-shimmer[b-528tkmaail] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: ssy-shimmer-b-528tkmaail 1.4s infinite;
}

@media (max-width: 599px) {
    .ssy-tabs[b-528tkmaail] { max-width: 100%; }
    .ssy-list-item[b-528tkmaail] { flex-wrap: wrap; }
}
/* /Pages/Admin/AdminUnusedOtpsPage.razor.rz.scp.css */
/* ── Page shell ── */
.uotp-page[b-bv4nk4w1uf] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Header ── */
.uotp-header[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 4px;
}

.uotp-header-icon[b-bv4nk4w1uf] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.uotp-header-title[b-bv4nk4w1uf] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

/* ── Toolbar ── */
.uotp-toolbar[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.uotp-search-wrap[b-bv4nk4w1uf] {
    flex: 1;
    min-width: 200px;
}

/* Restyle MudTextField border */
[b-bv4nk4w1uf] .uotp-search-field .mud-input-outlined .mud-input-outlined-border {
    border-color: #E8E0D4 !important;
    border-radius: 10px !important;
}

[b-bv4nk4w1uf] .uotp-search-field .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #E89020 !important;
}

/* ── Primary button ── */
.uotp-btn--primary[b-bv4nk4w1uf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 10px;
    background: #E89020;
    color: #0E1B35;
    border: 1.5px solid #E89020;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 3px 12px rgba(232, 144, 32, .3);
    white-space: nowrap;
    flex-shrink: 0;
}

.uotp-btn--primary:hover:not(:disabled)[b-bv4nk4w1uf] {
    background: #F0A030;
    transform: translateY(-1px);
}

.uotp-btn--primary:disabled[b-bv4nk4w1uf] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.uotp-btn--primary .material-symbols-rounded[b-bv4nk4w1uf] {
    font-size: 1.05rem;
}

/* ── Spinner ── */
.uotp-spinner[b-bv4nk4w1uf] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(14, 27, 53, .15);
    border-top-color: #0E1B35;
    border-radius: 50%;
    animation: uotp-spin-b-bv4nk4w1uf .7s linear infinite;
    vertical-align: middle;
}

@keyframes uotp-spin-b-bv4nk4w1uf {
    to {
        transform: rotate(360deg);
    }
}

/* ── Shimmer ── */
@keyframes uotp-shimmer-b-bv4nk4w1uf {
    0% {
        background-position: -600px 0;
    }
    100% {
        background-position: 600px 0;
    }
}

.uotp-shimmer[b-bv4nk4w1uf] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: uotp-shimmer-b-bv4nk4w1uf 1.4s infinite;
}

/* ── Card ── */
.uotp-card[b-bv4nk4w1uf] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}

.uotp-card-header[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
}

.uotp-card-header-title[b-bv4nk4w1uf] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #0E1B35;
    flex: 1;
}

.uotp-badge[b-bv4nk4w1uf] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #F2EDE4;
    color: #6B5E50;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem;
    font-weight: 600;
}

/* ── List rows ── */
.uotp-list[b-bv4nk4w1uf] {
    display: flex;
    flex-direction: column;
}

.uotp-list-item[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #F2EDE4;
    transition: background .15s;
}

.uotp-list-item:last-child[b-bv4nk4w1uf] {
    border-bottom: none;
}

.uotp-list-item:hover[b-bv4nk4w1uf] {
    background: #FDFAF6;
}

.uotp-list-item--expired[b-bv4nk4w1uf] {
    opacity: .7;
}

/* ── Avatar ── */
.uotp-avatar[b-bv4nk4w1uf] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #F2EDE4;
    border: 1.5px solid #E8E0D4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.uotp-avatar .material-symbols-rounded[b-bv4nk4w1uf] {
    font-size: 1.15rem;
    color: #9A8E80;
}

/* ── Item body ── */
.uotp-item-body[b-bv4nk4w1uf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.uotp-item-top[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.uotp-mobile[b-bv4nk4w1uf] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #0E1B35;
}

.uotp-tag[b-bv4nk4w1uf] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .68rem;
    font-weight: 700;
}

.uotp-tag--valid[b-bv4nk4w1uf] {
    background: #F0FDF4;
    color: #14532D;
    border: 1px solid #86EFAC;
}

.uotp-tag--expired[b-bv4nk4w1uf] {
    background: #FFF7ED;
    color: #92400E;
    border: 1px solid #FCD34D;
}

.uotp-tag--danger[b-bv4nk4w1uf] {
    background: #FFF1F2;
    color: #9F1239;
    border: 1px solid #FECDD3;
}

.uotp-item-meta[b-bv4nk4w1uf] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.uotp-meta-item[b-bv4nk4w1uf] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem;
    color: #9A8E80;
}

.uotp-meta-icon[b-bv4nk4w1uf] {
    font-size: .8rem !important;
}

/* ── OTP code badge ── */
.uotp-code-wrap[b-bv4nk4w1uf] {
    flex-shrink: 0;
}

.uotp-code[b-bv4nk4w1uf] {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 8px;
    background: #0E1B35;
    color: #E89020;
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.12em;
}

/* ── Notice ── */
.uotp-notice[b-bv4nk4w1uf] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    border-width: 1.5px;
    border-style: solid;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    line-height: 1.5;
}

.uotp-notice .material-symbols-rounded[b-bv4nk4w1uf] {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.uotp-notice--warning[b-bv4nk4w1uf] {
    background: #FFF7ED;
    border-color: #FCD34D;
    color: #92400E;
}

.uotp-notice--warning .material-symbols-rounded[b-bv4nk4w1uf] {
    color: #F59E0B;
}

/* ── Empty state ── */
.uotp-empty[b-bv4nk4w1uf] {
    text-align: center;
    padding: 56px 20px 40px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
}

.uotp-empty-icon[b-bv4nk4w1uf] {
    font-size: 2.5rem;
    color: #E8E0D4;
    display: block;
    margin-bottom: 12px;
}

.uotp-empty-title[b-bv4nk4w1uf] {
    font-size: .9rem;
    font-weight: 600;
    color: #0E1B35;
    margin: 0 0 6px;
}

.uotp-empty-sub[b-bv4nk4w1uf] {
    font-size: .8rem;
    color: #9A8E80;
    margin: 0;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .uotp-toolbar[b-bv4nk4w1uf] {
        gap: 8px;
    }

    .uotp-item-meta[b-bv4nk4w1uf] {
        gap: 6px;
    }

    .uotp-code[b-bv4nk4w1uf] {
        font-size: .9rem;
        padding: 5px 10px;
    }
}

/* /Pages/Admin/AdminUsageAnalyticsPage.razor.rz.scp.css */
/* ── Page shell ── */
.uan-page[b-lmvaf92u16] {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.uan-header[b-lmvaf92u16] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 4px;
}

.uan-header-icon[b-lmvaf92u16] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.uan-header-title[b-lmvaf92u16] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

.uan-section-title[b-lmvaf92u16] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #0E1B35;
    margin-top: 4px;
}

.uan-caption[b-lmvaf92u16] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
}

/* ── Pills ── */
.uan-pills[b-lmvaf92u16] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uan-pills--inline[b-lmvaf92u16] {
    gap: 6px;
}

.uan-pill[b-lmvaf92u16] {
    padding: 8px 16px;
    border-radius: 999px;
    border: 1.5px solid #E8E0D4;
    background: #ffffff;
    color: #6B5E50;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: .82rem;
    cursor: pointer;
    transition: all .15s;
}

.uan-pill--sm[b-lmvaf92u16] {
    padding: 5px 12px;
    font-size: .76rem;
}

.uan-pill:hover[b-lmvaf92u16] {
    border-color: #E89020;
    color: #0E1B35;
}

.uan-pill--active[b-lmvaf92u16],
.uan-pill--active:hover[b-lmvaf92u16] {
    background: #0E1B35;
    border-color: #0E1B35;
    color: #ffffff;
}

/* ── Card ── */
.uan-card[b-lmvaf92u16] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}

.uan-card-header[b-lmvaf92u16] {
    padding: 12px 18px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
    display: flex;
    align-items: center;
    gap: 8px;
}

.uan-card-title[b-lmvaf92u16] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #0E1B35;
}

/* ── KPI ── */
.uan-kpi-grid[b-lmvaf92u16] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 12px;
}

.uan-kpi[b-lmvaf92u16] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.uan-kpi-label[b-lmvaf92u16] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: .76rem;
    color: #6B5E50;
}

.uan-kpi-row[b-lmvaf92u16] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.uan-kpi-value[b-lmvaf92u16] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.7rem;
    color: #0E1B35;
    line-height: 1.15;
}

.uan-kpi-sub[b-lmvaf92u16] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem;
    color: #9A8E80;
}

.uan-delta[b-lmvaf92u16] {
    display: inline-flex;
    align-items: center;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .72rem;
    padding: 2px 6px 2px 3px;
    border-radius: 999px;
    white-space: nowrap;
}

.uan-delta .material-symbols-rounded[b-lmvaf92u16] {
    font-size: .95rem;
}

.uan-delta--up[b-lmvaf92u16] { color: #14532D; background: #F0FDF4; }
.uan-delta--down[b-lmvaf92u16] { color: #DC2626; background: #FEF2F2; }
.uan-delta--flat[b-lmvaf92u16] { color: #9A8E80; background: #FAF6EF; }

/* ── Daily bars ── */
.uan-bars[b-lmvaf92u16] {
    display: flex;
    align-items: stretch;
    gap: 4px;
    height: 180px;
    padding: 14px 16px 10px;
    overflow-x: auto;
}

.uan-bar-col[b-lmvaf92u16] {
    flex: 1 1 0;
    min-width: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
}

.uan-bar[b-lmvaf92u16] {
    width: 100%;
    max-width: 34px;
    min-height: 2px;
    background: #E89020;
    border-radius: 6px 6px 2px 2px;
}

.uan-bar-val[b-lmvaf92u16] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .65rem;
    font-weight: 700;
    color: #0E1B35;
}

.uan-bar-lbl[b-lmvaf92u16] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .65rem;
    color: #9A8E80;
}

/* ── Breakdowns ── */
.uan-two-col[b-lmvaf92u16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

.uan-break[b-lmvaf92u16] {
    padding: 12px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.uan-break-top[b-lmvaf92u16] {
    display: flex;
    justify-content: space-between;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .82rem;
    color: #0E1B35;
    margin-bottom: 4px;
}

.uan-break-track[b-lmvaf92u16] {
    height: 6px;
    background: #F2EDE4;
    border-radius: 999px;
    overflow: hidden;
}

.uan-break-fill[b-lmvaf92u16] {
    height: 100%;
    background: #0E1B35;
    border-radius: 999px;
}

/* ── Toolbar + table ── */
.uan-toolbar[b-lmvaf92u16] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 18px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
}

.uan-search[b-lmvaf92u16] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 38px;
    min-width: 220px;
    flex: 1 1 220px;
    max-width: 340px;
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 10px;
}

.uan-search:focus-within[b-lmvaf92u16] {
    border-color: #E89020;
}

.uan-search .material-symbols-rounded[b-lmvaf92u16] {
    font-size: 1.15rem;
    color: #C0B4A4;
}

.uan-search input[b-lmvaf92u16] {
    border: none;
    outline: none;
    flex: 1;
    min-width: 0;
    background: transparent;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .85rem;
    color: #0E1B35;
}

.uan-table-wrap[b-lmvaf92u16] {
    overflow-x: auto;
}

.uan-table[b-lmvaf92u16] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    color: #0E1B35;
}

.uan-table th[b-lmvaf92u16] {
    text-align: left;
    padding: 10px 14px;
    font-weight: 600;
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #9A8E80;
    white-space: nowrap;
    border-bottom: 1px solid #F2EDE4;
}

.uan-table td[b-lmvaf92u16] {
    padding: 10px 14px;
    border-bottom: 1px solid #F2EDE4;
    vertical-align: middle;
}

.uan-table tbody tr:hover[b-lmvaf92u16] {
    background: #FDFAF6;
}

.uan-th-sort[b-lmvaf92u16] {
    cursor: pointer;
    user-select: none;
}

.uan-th-sort:hover[b-lmvaf92u16],
.uan-th-sort--active[b-lmvaf92u16] {
    color: #0E1B35;
}

.uan-th-sort .material-symbols-rounded[b-lmvaf92u16] {
    font-size: .95rem;
    vertical-align: middle;
    color: #E89020;
}

.uan-num[b-lmvaf92u16] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.uan-table th:nth-child(n+4)[b-lmvaf92u16] {
    text-align: right;
}

.uan-nowrap[b-lmvaf92u16] {
    white-space: nowrap;
}

.uan-user-name[b-lmvaf92u16] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.uan-user-sub[b-lmvaf92u16] {
    font-size: .72rem;
    color: #9A8E80;
}

.uan-tag[b-lmvaf92u16] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: #FAF6EF;
    border: 1px solid #E8E0D4;
    font-size: .68rem;
    font-weight: 600;
    color: #6B5E50;
    white-space: nowrap;
}

.uan-badge[b-lmvaf92u16] {
    padding: 1px 6px;
    border-radius: 999px;
    background: #E89020;
    color: #0E1B35;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .6rem;
    font-weight: 700;
}

.uan-table-pad[b-lmvaf92u16] {
    padding: 14px 18px;
}

.uan-pager[b-lmvaf92u16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
}

.uan-pager-btns[b-lmvaf92u16] {
    display: flex;
    gap: 6px;
}

.uan-icon-btn[b-lmvaf92u16] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1.5px solid #E8E0D4;
    background: #ffffff;
    color: #0E1B35;
    cursor: pointer;
    transition: all .15s;
}

.uan-icon-btn:hover:not(:disabled)[b-lmvaf92u16] {
    border-color: #E89020;
    color: #E89020;
}

.uan-icon-btn:disabled[b-lmvaf92u16] {
    opacity: .45;
    cursor: not-allowed;
}

/* ── Notice / empty ── */
.uan-notice[b-lmvaf92u16] {
    display: flex;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    color: #1E40AF;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem;
}

.uan-notice .material-symbols-rounded[b-lmvaf92u16] {
    color: #3B82F6;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.uan-notice ul[b-lmvaf92u16] {
    margin: 0;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.uan-empty[b-lmvaf92u16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 36px 16px;
    color: #9A8E80;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .85rem;
}

.uan-empty .material-symbols-rounded[b-lmvaf92u16] {
    font-size: 2.2rem;
    color: #C0B4A4;
}

.uan-empty p[b-lmvaf92u16] {
    margin: 0;
}

/* ── Shimmer ── */
@keyframes uan-shimmer-b-lmvaf92u16 {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.uan-shimmer[b-lmvaf92u16] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 800px 100%;
    animation: uan-shimmer-b-lmvaf92u16 1.4s infinite;
}
/* /Pages/Admin/AdminUserFeedbackPage.razor.rz.scp.css */
/* ── Page shell ── */
.ufb-page[b-sa00dupzzr] {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Header ── */
.ufb-header[b-sa00dupzzr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 4px;
}

.ufb-header-icon[b-sa00dupzzr] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.ufb-header-title[b-sa00dupzzr] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

/* ── Toolbar ── */
.ufb-toolbar[b-sa00dupzzr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

/* ── Primary button ── */
.ufb-btn--primary[b-sa00dupzzr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 10px;
    background: #E89020;
    color: #0E1B35;
    border: 1.5px solid #E89020;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 3px 12px rgba(232, 144, 32, .3);
    white-space: nowrap;
    flex-shrink: 0;
}

.ufb-btn--primary:hover:not(:disabled)[b-sa00dupzzr] {
    background: #F0A030;
    transform: translateY(-1px);
}

.ufb-btn--primary:disabled[b-sa00dupzzr] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.ufb-btn--primary .material-symbols-rounded[b-sa00dupzzr] {
    font-size: 1.05rem;
}

/* ── Spinner ── */
.ufb-spinner[b-sa00dupzzr] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(14, 27, 53, .15);
    border-top-color: #0E1B35;
    border-radius: 50%;
    animation: ufb-spin-b-sa00dupzzr .7s linear infinite;
    vertical-align: middle;
}

@keyframes ufb-spin-b-sa00dupzzr {
    to {
        transform: rotate(360deg);
    }
}

/* ── Shimmer ── */
@keyframes ufb-shimmer-b-sa00dupzzr {
    0% {
        background-position: -600px 0;
    }
    100% {
        background-position: 600px 0;
    }
}

.ufb-shimmer[b-sa00dupzzr] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: ufb-shimmer-b-sa00dupzzr 1.4s infinite;
}

/* ── Card ── */
.ufb-card[b-sa00dupzzr] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}

.ufb-card-header[b-sa00dupzzr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
}

.ufb-card-header-title[b-sa00dupzzr] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #0E1B35;
    flex: 1;
}

/* ── List rows ── */
.ufb-list[b-sa00dupzzr] {
    display: flex;
    flex-direction: column;
}

.ufb-list-item[b-sa00dupzzr] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #F2EDE4;
    transition: background .15s;
}

.ufb-list-item:last-child[b-sa00dupzzr] {
    border-bottom: none;
}

.ufb-list-item:hover[b-sa00dupzzr] {
    background: #FDFAF6;
}

/* ── Avatar ── */
.ufb-avatar[b-sa00dupzzr] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #F2EDE4;
    border: 1.5px solid #E8E0D4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ufb-avatar .material-symbols-rounded[b-sa00dupzzr] {
    font-size: 1.15rem;
    color: #9A8E80;
}

/* ── Item body ── */
.ufb-item-body[b-sa00dupzzr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.ufb-item-top[b-sa00dupzzr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ufb-user-name[b-sa00dupzzr] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: #0E1B35;
}

.ufb-mobile[b-sa00dupzzr] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
}

.ufb-firm-name[b-sa00dupzzr] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem;
    color: #6B5E50;
}

/* ── Star rating ── */
.ufb-stars[b-sa00dupzzr] {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.ufb-stars .material-symbols-rounded[b-sa00dupzzr] {
    font-size: .95rem;
}

.ufb-star--filled[b-sa00dupzzr] {
    color: #E89020;
    font-variation-settings: 'FILL' 1;
}

.ufb-star--empty[b-sa00dupzzr] {
    color: #E8E0D4;
}

/* ── Comment ── */
.ufb-comment[b-sa00dupzzr] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .82rem;
    color: #0E1B35;
    background: #FAF6EF;
    border: 1px solid #F2EDE4;
    border-radius: 8px;
    padding: 8px 10px;
    line-height: 1.5;
    margin-top: 2px;
}

/* ── Meta row ── */
.ufb-item-meta[b-sa00dupzzr] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.ufb-tag[b-sa00dupzzr] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: #F2EDE4;
    color: #6B5E50;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .68rem;
    font-weight: 600;
}

.ufb-meta-item[b-sa00dupzzr] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem;
    color: #9A8E80;
}

.ufb-meta-icon[b-sa00dupzzr] {
    font-size: .8rem !important;
}

/* ── Notice ── */
.ufb-notice[b-sa00dupzzr] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    border-width: 1.5px;
    border-style: solid;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    line-height: 1.5;
}

.ufb-notice .material-symbols-rounded[b-sa00dupzzr] {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.ufb-notice--warning[b-sa00dupzzr] {
    background: #FFF7ED;
    border-color: #FCD34D;
    color: #92400E;
}

.ufb-notice--warning .material-symbols-rounded[b-sa00dupzzr] {
    color: #F59E0B;
}

/* ── Empty state ── */
.ufb-empty[b-sa00dupzzr] {
    text-align: center;
    padding: 56px 20px 40px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
}

.ufb-empty-icon[b-sa00dupzzr] {
    font-size: 2.5rem;
    color: #E8E0D4;
    display: block;
    margin-bottom: 12px;
}

.ufb-empty-title[b-sa00dupzzr] {
    font-size: .9rem;
    font-weight: 600;
    color: #0E1B35;
    margin: 0 0 6px;
}

.ufb-empty-sub[b-sa00dupzzr] {
    font-size: .8rem;
    color: #9A8E80;
    margin: 0;
}
/* /Pages/Admin/CategoriesReorderPage.razor.rz.scp.css */
/* Admin Categories Manager (acm-) — follows UI_DESIGN_LANGUAGE.md */

/* ---------- §3 Page shell (wide variant) ---------- */
.acm-page[b-2cqmr117s9] {
    max-width: 1060px;
    margin: 0 auto;
    padding: 24px 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.acm-header[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 16px;
}

.acm-header-icon[b-2cqmr117s9] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.acm-header-title[b-2cqmr117s9] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

/* ---------- §10 Notice ---------- */
.acm-notice[b-2cqmr117s9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    border-width: 1.5px;
    border-style: solid;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    line-height: 1.5;
}

.acm-notice .material-symbols-rounded[b-2cqmr117s9] {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.acm-notice--info[b-2cqmr117s9] {
    background: #EFF6FF;
    border-color: #BFDBFE;
    color: #1E40AF;
}

.acm-notice--info .material-symbols-rounded[b-2cqmr117s9] {
    color: #3B82F6;
}

/* ---------- Toolbar ---------- */
.acm-toolbar[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.acm-subcat-toolbar[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid #F2EDE4;
    background: #FDFAF6;
}

/* ---------- §5 Buttons ---------- */
.acm-btn[b-2cqmr117s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 12px 20px;
    border-radius: 10px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
    transition: all .2s;
    border: 1.5px solid transparent;
}

.acm-btn .material-symbols-rounded[b-2cqmr117s9] {
    font-size: 1rem;
}

.acm-btn--small[b-2cqmr117s9] {
    padding: 8px 14px;
    font-size: .82rem;
}

.acm-btn--primary[b-2cqmr117s9] {
    background: #E89020;
    color: #0E1B35;
    border-color: #E89020;
    box-shadow: 0 3px 12px rgba(232, 144, 32, .3);
}

.acm-btn--primary:hover:not(:disabled)[b-2cqmr117s9] {
    background: #F0A030;
    transform: translateY(-1px);
}

.acm-btn--primary:disabled[b-2cqmr117s9] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.acm-btn--ghost[b-2cqmr117s9] {
    background: #ffffff;
    color: #0E1B35;
    border-color: #E8E0D4;
}

.acm-btn--ghost:hover:not(:disabled)[b-2cqmr117s9] {
    border-color: #E89020;
    color: #E89020;
}

.acm-icon-btn[b-2cqmr117s9] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: none;
    border: 1.5px solid #E8E0D4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6B5E50;
    transition: all .2s;
    padding: 0;
    flex-shrink: 0;
}

.acm-icon-btn:hover:not(:disabled)[b-2cqmr117s9] {
    background: #FDFAF6;
    border-color: #0E1B35;
    color: #0E1B35;
}

.acm-icon-btn:disabled[b-2cqmr117s9] {
    opacity: .55;
    cursor: not-allowed;
}

.acm-icon-btn .material-symbols-rounded[b-2cqmr117s9] {
    font-size: 1.1rem;
}

.acm-icon-btn--danger[b-2cqmr117s9] {
    color: #DC2626;
    border-color: #FECACA;
}

.acm-icon-btn--danger:hover:not(:disabled)[b-2cqmr117s9] {
    background: #FEE2E2;
    border-color: #FECACA;
    color: #DC2626;
}

/* ---------- §7 Section (stage row + accordion) ---------- */
.acm-stage-container[b-2cqmr117s9] {
    display: flex;
    flex-direction: column;
}

.acm-stage-list[b-2cqmr117s9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.acm-section[b-2cqmr117s9] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 12px;
    overflow: hidden;
    transition: opacity .15s;
}

.acm-section--hidden[b-2cqmr117s9] {
    opacity: .65;
}

.acm-section-hdr[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 10px 10px;
    background: #FDFAF6;
    border-bottom: 1px solid #F2EDE4;
}

.acm-drag-handle[b-2cqmr117s9] {
    color: #9A8E80;
    font-size: 1.25rem;
    cursor: grab;
    flex-shrink: 0;
}

.acm-section-hdr-body[b-2cqmr117s9] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 4px;
    cursor: pointer;
    user-select: none;
    transition: background .15s;
    min-width: 0;
    border-radius: 6px;
}

.acm-section-hdr-body:hover[b-2cqmr117s9] {
    background: rgba(0, 0, 0, .03);
}

.acm-section-hdr-left[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.acm-section-name[b-2cqmr117s9] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: #0E1B35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acm-section-badge[b-2cqmr117s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .68rem;
    font-weight: 700;
    background: #F2EDE4;
    color: #6B5E50;
    flex-shrink: 0;
}

.acm-section-sub[b-2cqmr117s9] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
    white-space: nowrap;
}

.acm-chevron[b-2cqmr117s9] {
    font-size: 1.2rem;
    color: #9A8E80;
    flex-shrink: 0;
}

/* ---------- Subcategory panel ---------- */
.acm-subcat-panel[b-2cqmr117s9] {
    background: #ffffff;
    display: flex;
    flex-direction: column;
}

.acm-subcat-container[b-2cqmr117s9] {
    display: flex;
    flex-direction: column;
}

.acm-subcat-list[b-2cqmr117s9] {
    display: flex;
    flex-direction: column;
}

.acm-sub-row[b-2cqmr117s9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px 12px 18px;
    border-bottom: 1px solid #F2EDE4;
    background: #ffffff;
    transition: background .15s;
}

.acm-sub-row:hover[b-2cqmr117s9] {
    background: #FDFAF6;
}

.acm-sub-name[b-2cqmr117s9] {
    flex: 1;
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: .88rem;
    color: #0E1B35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- §12 Empty state ---------- */
.acm-empty[b-2cqmr117s9] {
    text-align: center;
    padding: 36px 20px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
}

.acm-empty-icon[b-2cqmr117s9] {
    font-size: 2.2rem;
    color: #E8E0D4;
    display: block;
    margin-bottom: 10px;
}

.acm-empty-title[b-2cqmr117s9] {
    font-size: .9rem;
    font-weight: 600;
    color: #0E1B35;
    margin: 0 0 4px;
}

.acm-empty-sub[b-2cqmr117s9] {
    font-size: .78rem;
    color: #9A8E80;
    margin: 0;
}

/* ---------- §12 Shimmer ---------- */
@keyframes acm-shimmer-b-2cqmr117s9 {
    0% { background-position: -600px 0; }
    100% { background-position: 600px 0; }
}

.acm-shimmer[b-2cqmr117s9] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: acm-shimmer-b-2cqmr117s9 1.4s infinite;
}

/* ---------- MudDropZone styling overrides ---------- */
/* MudDropZone renders its own wrappers; ensure they don't break our layout */
[b-2cqmr117s9] .mud-drop-container {
    display: flex;
    flex-direction: column;
}

[b-2cqmr117s9] .mud-drop-zone {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 24px;
}

.acm-subcat-container[b-2cqmr117s9]  .mud-drop-zone {
    gap: 0;
}

[b-2cqmr117s9] .mud-drop-item-preview-start {
    opacity: .35;
}

[b-2cqmr117s9] .mud-drop-item-placeholder {
    background: #FAF6EF;
    border: 2px dashed #E89020;
    border-radius: 12px;
    min-height: 56px;
}
/* /Pages/Admin/CommunityReportsPage.razor.rz.scp.css */
.ctyr-page[b-4suw6228my] {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ctyr-header[b-4suw6228my] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 4px;
}

.ctyr-header-icon[b-4suw6228my] { font-size: 1.4rem; color: #DC2626; }

.ctyr-header-title[b-4suw6228my] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    color: #0E1B35;
    margin: 0;
}

.ctyr-toolbar[b-4suw6228my] { display: flex; justify-content: flex-end; }

.ctyr-btn--primary[b-4suw6228my] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: #0E1B35;
    color: #ffffff;
    border-radius: 8px;
    padding: 8px 16px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
}

.ctyr-btn--primary:disabled[b-4suw6228my] { opacity: .6; cursor: default; }

@keyframes ctyr-shimmer-b-4suw6228my {
    0%   { background-position: -600px 0; }
    100% { background-position:  600px 0; }
}

.ctyr-shimmer[b-4suw6228my] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: ctyr-shimmer-b-4suw6228my 1.4s infinite;
}

.ctyr-spinner[b-4suw6228my] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: ctyr-spin-b-4suw6228my .7s linear infinite;
}

@keyframes ctyr-spin-b-4suw6228my { to { transform: rotate(360deg); } }

.ctyr-empty[b-4suw6228my] { text-align: center; padding: 56px 20px 40px; font-family: 'Inter', 'Noto Sans', sans-serif; }
.ctyr-empty-icon[b-4suw6228my]  { font-size: 2.5rem; color: #E8E0D4; display: block; margin-bottom: 12px; }
.ctyr-empty-title[b-4suw6228my] { font-size: .9rem; font-weight: 600; color: #0E1B35; margin: 0 0 6px; }
.ctyr-empty-sub[b-4suw6228my]   { font-size: .8rem; color: #9A8E80; margin: 0; }

.ctyr-notice[b-4suw6228my] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 10px 14px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .82rem;
}

.ctyr-notice--warning[b-4suw6228my] {
    background: #FFF7ED;
    border: 1px solid #FCD34D;
    color: #92400E;
}

.ctyr-card[b-4suw6228my] {
    background: #ffffff;
    border: 1px solid #E8E0D4;
    border-radius: 14px;
    overflow: hidden;
}

.ctyr-list[b-4suw6228my] { display: flex; flex-direction: column; }

.ctyr-list-item[b-4suw6228my] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #F2EDE4;
}

.ctyr-list-item:last-child[b-4suw6228my] { border-bottom: none; }

.ctyr-item-body[b-4suw6228my] { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }

.ctyr-item-top[b-4suw6228my] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-family: 'Inter', 'Noto Sans', sans-serif;
}

.ctyr-sender[b-4suw6228my] { font-weight: 700; font-size: .85rem; color: #0E1B35; }
.ctyr-arrow[b-4suw6228my] { font-size: .75rem; color: #9A8E80; }
.ctyr-reporter[b-4suw6228my] { font-weight: 600; font-size: .8rem; color: #6B5E50; }

.ctyr-message-preview[b-4suw6228my] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem;
    color: #0E1B35;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.ctyr-reason[b-4suw6228my] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem;
    color: #6B5E50;
    margin: 0;
}

.ctyr-time[b-4suw6228my] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .7rem;
    color: #9A8E80;
}

.ctyr-actions[b-4suw6228my] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}

.ctyr-btn[b-4suw6228my] {
    border: 1.5px solid #E8E0D4;
    background: #ffffff;
    color: #0E1B35;
    border-radius: 8px;
    padding: 6px 12px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .76rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.ctyr-btn:hover[b-4suw6228my] { background: #FAF6EF; }
.ctyr-btn:disabled[b-4suw6228my] { opacity: .6; cursor: default; }

.ctyr-btn--danger[b-4suw6228my] {
    border-color: #DC2626;
    color: #DC2626;
}

.ctyr-btn--danger:hover[b-4suw6228my] { background: #FEF2F2; }
/* /Pages/Admin/FirmStageChangePage.razor.rz.scp.css */
/* Firm Category Management (admin) — prefix: fcm-
   Dialog-portal styles are not needed here; confirmations use the shared CustomDialog. */

/* ---- Page shell ---- */
.fcm-page[b-6buv6l1zp8] {
    max-width: 1060px;
    margin: 0 auto;
    padding: 24px 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fcm-header[b-6buv6l1zp8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 0;
}

.fcm-header-icon[b-6buv6l1zp8] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.fcm-header-title[b-6buv6l1zp8] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

/* ---- Shimmer ---- */
@keyframes fcm-shimmer-b-6buv6l1zp8 {
    0%   { background-position: -600px 0; }
    100% { background-position:  600px 0; }
}
.fcm-shimmer[b-6buv6l1zp8] {
    background: linear-gradient(90deg, #F2EDE4 25%, #FAF6EF 50%, #F2EDE4 75%);
    background-size: 1200px 100%;
    animation: fcm-shimmer-b-6buv6l1zp8 1.4s infinite;
}

/* ---- Buttons ---- */
.fcm-btn[b-6buv6l1zp8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 10px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: all .2s;
}
.fcm-btn .material-symbols-rounded[b-6buv6l1zp8] { font-size: 1.05rem; }

.fcm-btn--primary[b-6buv6l1zp8] {
    background: #E89020;
    color: #0E1B35;
    border-color: #E89020;
    box-shadow: 0 3px 12px rgba(232,144,32,.3);
}

.fcm-btn--ghost[b-6buv6l1zp8] {
    background: #ffffff;
    color: #0E1B35;
    border-color: #E8E0D4;
}

.fcm-btn:disabled[b-6buv6l1zp8] { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }

@media (hover: hover) {
    .fcm-btn--primary:hover:not(:disabled)[b-6buv6l1zp8] { background: #F0A030; transform: translateY(-1px); }
    .fcm-btn--ghost:hover:not(:disabled)[b-6buv6l1zp8] { border-color: #E89020; color: #E89020; }
}

/* ---- Filter chips ---- */
.fcm-chip-bar[b-6buv6l1zp8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.fcm-chip[b-6buv6l1zp8] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px;
    border: 1.5px solid #E8E0D4; border-radius: 999px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .8rem; font-weight: 600;
    color: #6B5E50; background: #ffffff;
    cursor: pointer; white-space: nowrap;
    transition: all .2s;
}
.fcm-chip .material-symbols-rounded[b-6buv6l1zp8] { font-size: .95rem; }
.fcm-chip--active[b-6buv6l1zp8] { background: #0E1B35; border-color: #0E1B35; color: #ffffff; }
@media (hover: hover) {
    .fcm-chip:hover[b-6buv6l1zp8] { background: #FAF6EF; border-color: #C0B4A4; color: #0E1B35; }
    .fcm-chip--active:hover[b-6buv6l1zp8] { background: #162342; }
}

/* ---- Search ---- */
.fcm-search[b-6buv6l1zp8] { max-width: 460px; }

/* ---- List toolbar ---- */
.fcm-list-toolbar[b-6buv6l1zp8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 4px;
}
.fcm-list-toolbar-label[b-6buv6l1zp8] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem;
    font-weight: 600;
    color: #6B5E50;
}

/* ---- Row list ---- */
.fcm-list[b-6buv6l1zp8] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}
.fcm-row[b-6buv6l1zp8] { border-bottom: 1px solid #F2EDE4; }
.fcm-row:last-child[b-6buv6l1zp8] { border-bottom: none; }
.fcm-row--expanded[b-6buv6l1zp8] { background: #FDFAF6; }

.fcm-row-hdr[b-6buv6l1zp8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
}

.fcm-row-body[b-6buv6l1zp8] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    user-select: none;
    min-width: 0;
}

.fcm-row-main[b-6buv6l1zp8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 0 1 220px;
}
.fcm-firm-name[b-6buv6l1zp8] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: #0E1B35;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fcm-firm-place[b-6buv6l1zp8] {
    display: inline-flex; align-items: center; gap: 3px;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .75rem;
    color: #9A8E80;
}
.fcm-firm-place .material-symbols-rounded[b-6buv6l1zp8] { font-size: .9rem; }

.fcm-row-cats[b-6buv6l1zp8] {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}
.fcm-tag[b-6buv6l1zp8] {
    display: inline-flex; align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #FAF6EF;
    border: 1px solid #E8E0D4;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem; font-weight: 600;
    color: #1E3A6E;
    white-space: nowrap;
}
.fcm-tag--muted[b-6buv6l1zp8] { color: #9A8E80; background: #ffffff; }

.fcm-row-plan[b-6buv6l1zp8] {
    flex: 0 0 auto;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem; font-weight: 600;
    color: #6B5E50;
    min-width: 56px;
}
.fcm-row-products[b-6buv6l1zp8] {
    flex: 0 0 auto;
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .82rem;
    color: #0E1B35;
    min-width: 70px;
    text-align: right;
}
.fcm-row-products-lbl[b-6buv6l1zp8] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 400;
    font-size: .7rem;
    color: #9A8E80;
}
.fcm-chevron[b-6buv6l1zp8] { font-size: 1.2rem; color: #9A8E80; flex-shrink: 0; }

@media (max-width: 760px) {
    .fcm-row-body[b-6buv6l1zp8] { flex-wrap: wrap; gap: 6px 12px; }
    .fcm-row-main[b-6buv6l1zp8] { flex-basis: 100%; }
    .fcm-row-plan[b-6buv6l1zp8], .fcm-row-products[b-6buv6l1zp8] { text-align: left; }
}

/* ---- Editor ---- */
.fcm-editor[b-6buv6l1zp8] {
    padding: 4px 16px 18px;
}
.fcm-editor-sec-title[b-6buv6l1zp8] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .85rem;
    color: #0E1B35;
    margin: 10px 0 8px;
}
.fcm-hint[b-6buv6l1zp8] { font-weight: 400; font-size: .72rem; color: #9A8E80; }
.fcm-muted-text[b-6buv6l1zp8] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .8rem; color: #9A8E80; margin: 0 0 8px;
}

.fcm-cat-grid[b-6buv6l1zp8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}
.fcm-cat[b-6buv6l1zp8] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 12px;
    padding: 10px 12px;
}
.fcm-cat-hdr[b-6buv6l1zp8] { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.fcm-cat-name[b-6buv6l1zp8] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 700; font-size: .82rem; color: #0E1B35;
}
.fcm-lock[b-6buv6l1zp8] {
    display: inline-flex; align-items: center; gap: 3px;
    margin-left: auto;
    padding: 2px 8px; border-radius: 999px;
    background: #FFF7ED; border: 1px solid #FCD34D; color: #92400E;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .68rem; font-weight: 700;
}
.fcm-lock .material-symbols-rounded[b-6buv6l1zp8] { font-size: .85rem; }
.fcm-cat-line[b-6buv6l1zp8] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .76rem; color: #6B5E50; line-height: 1.45;
}
.fcm-cat-label[b-6buv6l1zp8] { color: #9A8E80; font-weight: 600; margin-right: 4px; }

.fcm-divider[b-6buv6l1zp8] { height: 1px; background: #F2EDE4; margin: 16px 0; }

.fcm-edit-chips[b-6buv6l1zp8] { display: flex; flex-wrap: wrap; gap: 8px; }
.fcm-pick[b-6buv6l1zp8] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 7px 13px;
    border: 1.5px solid #E8E0D4; border-radius: 999px;
    background: #ffffff;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .78rem; font-weight: 600;
    color: #6B5E50;
    cursor: pointer; white-space: nowrap;
    transition: all .2s;
}
.fcm-pick .material-symbols-rounded[b-6buv6l1zp8] { font-size: .85rem; }
.fcm-pick--on[b-6buv6l1zp8] { background: #0E1B35; border-color: #0E1B35; color: #ffffff; }
.fcm-pick--sub.fcm-pick--on[b-6buv6l1zp8] { background: #1E3A6E; border-color: #1E3A6E; }
.fcm-pick:disabled[b-6buv6l1zp8] { opacity: .8; cursor: not-allowed; }
@media (hover: hover) {
    .fcm-pick:hover:not(:disabled)[b-6buv6l1zp8] { background: #FAF6EF; border-color: #C0B4A4; color: #0E1B35; }
    .fcm-pick--on:hover:not(:disabled)[b-6buv6l1zp8] { background: #162342; }
}

.fcm-sub-block[b-6buv6l1zp8] { margin-top: 12px; }
.fcm-sub-label[b-6buv6l1zp8] {
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .72rem; font-weight: 700; letter-spacing: .03em;
    text-transform: uppercase;
    color: #9A8E80;
    margin-bottom: 6px;
}

.fcm-editor-actions[b-6buv6l1zp8] { display: flex; gap: 10px; margin-top: 16px; }

/* ---- Empty state ---- */
.fcm-empty[b-6buv6l1zp8] { text-align: center; padding: 48px 20px 36px; font-family: 'Inter', 'Noto Sans', sans-serif; }
.fcm-empty-icon[b-6buv6l1zp8] { font-size: 2.5rem; color: #E8E0D4; display: block; margin-bottom: 12px; }
.fcm-empty-title[b-6buv6l1zp8] { font-size: .9rem; font-weight: 600; color: #0E1B35; margin: 0 0 6px; }
.fcm-empty-sub[b-6buv6l1zp8] { font-size: .8rem; color: #9A8E80; margin: 0; }

/* ---- MudBlazor input restyle (kept per design language §0.3 / §13) ---- */
[b-6buv6l1zp8] .mud-input-outlined .mud-input-outlined-border {
    border-color: #E8E0D4 !important;
    border-radius: 10px !important;
}
[b-6buv6l1zp8] .mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #E89020 !important;
}
/* /Pages/Admin/PruneStaleSubscriptionsPage.razor.rz.scp.css */
.psp-page[b-jpwo8m3p40] {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 16px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.psp-header[b-jpwo8m3p40] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0 4px;
}

.psp-header-icon[b-jpwo8m3p40] {
    font-size: 1.6rem;
    color: #E89020;
    flex-shrink: 0;
}

.psp-header-title[b-jpwo8m3p40] {
    font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: #0E1B35;
    margin: 0;
    letter-spacing: -0.02em;
}

.psp-notice[b-jpwo8m3p40] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 14px 18px; border-radius: 12px; border-width: 1.5px; border-style: solid;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-size: .84rem; line-height: 1.5;
}
.psp-notice .material-symbols-rounded[b-jpwo8m3p40] { font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }

.psp-notice--info[b-jpwo8m3p40]    { background: #EFF6FF; border-color: #BFDBFE; color: #1E40AF; }
.psp-notice--info    .material-symbols-rounded[b-jpwo8m3p40] { color: #3B82F6; }
.psp-notice--warning[b-jpwo8m3p40] { background: #FFF7ED; border-color: #FCD34D; color: #92400E; }
.psp-notice--warning .material-symbols-rounded[b-jpwo8m3p40] { color: #F59E0B; }

.psp-btn--primary[b-jpwo8m3p40] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 12px 20px;
    border-radius: 10px;
    background: #E89020;
    color: #0E1B35;
    border: 1.5px solid #E89020;
    font-family: 'Inter', 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 3px 12px rgba(232,144,32,.3);
    align-self: flex-start;
}
.psp-btn--primary:hover:not(:disabled)[b-jpwo8m3p40] { background: #F0A030; transform: translateY(-1px); }
.psp-btn--primary:disabled[b-jpwo8m3p40] { opacity: .55; cursor: not-allowed; transform: none; }

.psp-spinner[b-jpwo8m3p40] {
    display: inline-block;
    width: 14px; height: 14px;
    border: 2px solid rgba(14,27,53,.15);
    border-top-color: #0E1B35;
    border-radius: 50%;
    animation: psp-spin-b-jpwo8m3p40 .7s linear infinite;
    vertical-align: middle;
}
@keyframes psp-spin-b-jpwo8m3p40 { to { transform: rotate(360deg); } }

.psp-result[b-jpwo8m3p40] {
    background: #ffffff;
    border: 1.5px solid #E8E0D4;
    border-radius: 16px;
    overflow: hidden;
}

.psp-result-row[b-jpwo8m3p40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #F2EDE4;
    font-family: 'Inter', 'Noto Sans', sans-serif;
}
.psp-result-row:last-child[b-jpwo8m3p40] { border-bottom: none; }

.psp-result-label[b-jpwo8m3p40] { font-size: .84rem; color: #6B5E50; font-weight: 500; }
.psp-result-value[b-jpwo8m3p40] { font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif; font-weight: 800; font-size: 1.1rem; color: #0E1B35; }
.psp-result-value--danger[b-jpwo8m3p40] { color: #DC2626; }
.psp-result-value--success[b-jpwo8m3p40] { color: #22C55E; }