@import '_content/Greenway.WebComponents/Greenway.WebComponents.bundle.scp.css';

/* /Components/ProductGroup.razor.rz.scp.css */
/* ======== CARD ======== */
.product-card[b-avavabrdx1] {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

/* ======== GROUP HEADER ======== */
.group-header[b-avavabrdx1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.8rem 1rem;
    background: #FFFFFF;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease;
}

.group-header:hover[b-avavabrdx1] {
    background-color: #F9FAFB;
}

/* Product icon badge */
.group-product-icon[b-avavabrdx1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 6px;
    flex-shrink: 0;
    font-size: 1rem;
}

.icon-red[b-avavabrdx1] {
    background: #FEE2E2;
    color: #DC2626;
}

.icon-amber[b-avavabrdx1] {
    background: #FEF3C7;
    color: #D97706;
}

.icon-teal[b-avavabrdx1] {
    background: #D1FAE5;
    color: #059669;
}

.icon-grey[b-avavabrdx1] {
    background: #F3F4F6;
    color: #6B7280;
}

.group-product-code[b-avavabrdx1] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #111827;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.04em;
}

.group-spacer[b-avavabrdx1] {
    flex: 1;
}

.group-count[b-avavabrdx1] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6B7280;
    min-width: 1.5rem;
    text-align: right;
}

.group-chevron[b-avavabrdx1] {
    color: #9CA3AF;
    font-size: 1rem;
    flex-shrink: 0;
}

/* ======== GROUP BODY ======== */
.group-body[b-avavabrdx1] {
    border-top: 1px solid #F3F4F6;
}

/* ======== ELEMENT ROW ======== */
.ae-row[b-avavabrdx1] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr) minmax(0, 1fr) auto 1.25rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #F3F4F6;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.ae-row:last-child[b-avavabrdx1] {
    border-bottom: none;
}

.ae-row:hover[b-avavabrdx1] {
    background-color: #FAFAFA;
}

.ae-row:focus-visible[b-avavabrdx1] {
    outline: 2px solid var(--licensing-focus);
    outline-offset: -2px;
}

.ae-row--inactive[b-avavabrdx1] {
    opacity: 0.6;
}

/* ======== STATUS BADGE ======== */
.status-badge[b-avavabrdx1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.01em;
    font-family: 'Roboto', sans-serif;
    width: fit-content;
}

.status-badge--active[b-avavabrdx1] {
    background-color: rgb(231, 243, 231);
    color: rgb(3, 135, 56);
}

.status-badge--inactive[b-avavabrdx1] {
    background-color: rgb(248, 230, 230);
    color: rgb(181, 0, 0);
}

/* ======== ELEMENT NAME ======== */
.ae-name[b-avavabrdx1] {
    font-weight: 400;
    color: #111827;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ae-row--inactive .ae-name[b-avavabrdx1] {
    color: #6B7280;
}

/* ======== ELEMENT CODE ======== */
.ae-code[b-avavabrdx1] {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.775rem;
    color: #9CA3AF;
    text-align: right;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* ======== SKU BADGE ======== */
.sku-badge[b-avavabrdx1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: rgb(230, 242, 248);
    color: rgb(0, 124, 190);
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    min-width: 4.5rem;
}

/* ======== GE ICON BASE ======== */
.ge-icon[b-avavabrdx1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
}

@media (max-width: 700px) {
    .ae-row[b-avavabrdx1] {
        grid-template-columns: var(--licensing-status-column) minmax(0, 1fr) 1.25rem;
    }

    .ae-name[b-avavabrdx1] {
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .ae-code[b-avavabrdx1] {
        grid-column: 2;
        text-align: left;
    }

    .sku-badge[b-avavabrdx1] {
        grid-column: 2;
        justify-self: start;
    }

    .row-chevron[b-avavabrdx1] {
        grid-column: 3;
        grid-row: 1;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-giq23aclxx] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

.app-content[b-giq23aclxx] {
    flex: 1;
    overflow-y: auto;
    background-color: #F8FAFB;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ======== GE ICON BASE ======== */
.ge-icon[b-l42djeqpqn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
}

.ge-icon svg[b-l42djeqpqn] {
    display: block;
}

/* ======== TOP BAR ======== */
.app-topbar[b-l42djeqpqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    height: 3.25rem;
    background: linear-gradient(180deg, #EFF6FF 0%, #DBEAFE 100%);
    flex-shrink: 0;
    border-bottom: 1px solid #BFDBFE;
}

.topbar-brand[b-l42djeqpqn] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1E3A5F;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.01em;
}

.topbar-logout[b-l42djeqpqn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    color: #1E3A5F;
    padding: 0.4rem;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.topbar-logout:hover[b-l42djeqpqn] {
    background-color: rgba(0, 124, 190, 0.12);
}

.logout-icon[b-l42djeqpqn] {
    font-size: 1.25rem;
    width: 1em;
    height: 1em;
}

/* ======== TAB BAR ======== */
.app-tabbar[b-l42djeqpqn] {
    display: flex;
    align-items: stretch;
    background: #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 1.25rem;
    height: 2.75rem;
    flex-shrink: 0;
}

.tab-nav[b-l42djeqpqn] {
    display: flex;
    align-items: stretch;
    flex: 1;
    gap: 0;
}

.tab-btn[b-l42djeqpqn] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
    font-family: 'Roboto', sans-serif;
    transition: color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.tab-btn:hover[b-l42djeqpqn] {
    color: var(--licensing-action);
}

.tab-btn.active[b-l42djeqpqn] {
    color: var(--licensing-action);
    border-bottom-color: var(--licensing-action);
}

.tab-icon[b-l42djeqpqn] {
    font-size: 1rem;
    width: 1em;
    height: 1em;
}

/* ======== ROLE SWITCHER ======== */
.role-switcher[b-l42djeqpqn] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
    padding-left: 1rem;
}

.role-label[b-l42djeqpqn] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #9CA3AF;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-right: 0.25rem;
    font-family: 'Roboto', sans-serif;
}

.role-btn[b-l42djeqpqn] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #9CA3AF;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    transition: color 0.15s ease;
}

.role-btn:hover[b-l42djeqpqn] {
    color: #374151;
}

.role-active[b-l42djeqpqn] {
    color: var(--licensing-action) !important;
    font-weight: 700;
}
/* /Layout/PageLayout.razor.rz.scp.css */
.page-container[b-v6jt499bf3] {
    padding: 0;
}
/* /Pages/AccessElementDetails.razor.rz.scp.css */
.access-element-details-title-row[b-8ue9pnmc16] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.access-element-details-title[b-8ue9pnmc16] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    font-family: var(--licensing-font-sans);
    font-weight: 700;
}

.access-element-details-card[b-8ue9pnmc16],
.associated-skus-empty-state[b-8ue9pnmc16] {
    padding: 1.25rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
}

.access-element-details-fields[b-8ue9pnmc16] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.access-element-details-field[b-8ue9pnmc16],
.access-element-details-description[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.access-element-details-value[b-8ue9pnmc16] {
    color: #111827;
    font-size: 0.875rem;
}

.status-badge[b-8ue9pnmc16] {
    align-items: center;
    justify-content: center;
}

.access-element-product-indicator[b-8ue9pnmc16] {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.35rem;
    vertical-align: middle;
    background: #D92D20;
    border-radius: 50%;
}

.access-element-product-indicator.icon-red[b-8ue9pnmc16] {
    background: #DC2626;
}

.access-element-product-indicator.icon-amber[b-8ue9pnmc16] {
    background: #D97706;
}

.access-element-product-indicator.icon-teal[b-8ue9pnmc16] {
    background: #059669;
}

.access-element-product-indicator.icon-grey[b-8ue9pnmc16] {
    background: #6B7280;
}

.access-element-details-description[b-8ue9pnmc16] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #E5E7EB;
}

.associated-skus-section[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.associated-skus-heading[b-8ue9pnmc16] {
    margin: 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #D9DEE7;
    color: #111827;
    font-size: 1rem;
    font-weight: 500;
}

.associated-skus-count[b-8ue9pnmc16] {
    color: var(--licensing-action);
    font-weight: 400;
}

.associated-skus-list[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.associated-sku-row[b-8ue9pnmc16] {
    color: inherit;
    text-decoration: none;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto 1.25rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
}

.associated-sku-row:focus-visible[b-8ue9pnmc16] {
    outline: 2px solid var(--licensing-focus);
    outline-offset: 2px;
}

.associated-sku-icon[b-8ue9pnmc16] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: #B47B34;
    background: #FFF7E8;
    border-radius: 6px;
}

.associated-sku-details[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.associated-sku-name-row[b-8ue9pnmc16] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.associated-sku-name[b-8ue9pnmc16] {
    overflow: hidden;
    color: #111827;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.associated-sku-code[b-8ue9pnmc16] {
    color: #8491A5;
    font-size: var(--licensing-font-secondary);
}

.associated-sku-metric[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 3.5rem;
}

.associated-sku-metric strong[b-8ue9pnmc16] {
    color: #111827;
}

.associated-sku-metric span[b-8ue9pnmc16] {
    color: #8491A5;
    font-size: 0.75rem;
}

.access-element-details-state[b-8ue9pnmc16] {
    padding: 2rem 1rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    text-align: center;
}

.access-element-details-state p[b-8ue9pnmc16] {
    margin: 0;
    color: #6B7280;
}

.associated-skus-empty-state[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 8rem;
    color: #9CA3AF;
    text-align: center;
}

.associated-skus-empty-state p[b-8ue9pnmc16] {
    margin: 0;
    color: #6B7280;
}

.associated-skus-empty-icon[b-8ue9pnmc16] {
    color: #C8C8C8;
    font-size: 2.75rem;
}

@media (max-width: 700px) {
    .access-element-details-fields[b-8ue9pnmc16] {
        grid-template-columns: 1fr;
    }

    .associated-sku-row[b-8ue9pnmc16] {
        grid-template-columns: 2rem minmax(0, 1fr) 1.25rem;
    }

    .associated-sku-metric[b-8ue9pnmc16] {
        grid-column: 2;
        align-items: flex-start;
    }

    .associated-sku-chevron[b-8ue9pnmc16] {
        grid-column: 3;
        grid-row: 1;
    }
}
/* /Pages/AccessElements.razor.rz.scp.css */
/* ======== TITLE ROW ======== */
.ae-title-row[b-a2kfm49298] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ae-title[b-a2kfm49298] {
    font-weight: 700;
    margin: 0 0 0.2rem 0;
    font-family: var(--licensing-font-sans);
}

.ae-summary[b-a2kfm49298] {
    font-family: var(--licensing-font-sans);
}



.new-element-btn[b-a2kfm49298] {
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ======== FILTER BAR ======== */
.ae-filter-bar[b-a2kfm49298] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ======== PRODUCT GROUPS ======== */
.ae-groups[b-a2kfm49298] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ae-error[b-a2kfm49298] {
    font-family: var(--licensing-font-sans);
}

@media (max-width: 700px) {
    .ae-filter-bar[b-a2kfm49298] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Accounts.razor.rz.scp.css */
.account-title[b-dwz1xqkbgp] { margin: 0 0 .2rem; }
.account-page > .account-heading[b-dwz1xqkbgp] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .75rem 1.5rem; }
.account-quarantine-status[b-dwz1xqkbgp] { display: grid; width: 18rem; max-width: 100%; align-items: start; font-size: .875rem; line-height: 1.4; }
.account-quarantine-status[b-dwz1xqkbgp]::before { content: attr(data-reserve-label); visibility: hidden; grid-area: 1 / 1; padding: .5rem .75rem .5rem calc(.75rem + .45rem + .5rem); border: 1px solid transparent; overflow-wrap: anywhere; }
.quarantine-indicator[b-dwz1xqkbgp] { display: inline-flex; grid-area: 1 / 1; justify-self: start; align-items: center; gap: .5rem; max-width: 100%; box-sizing: border-box; padding: .5rem .75rem; border: 1px solid #f3b8b8; border-radius: 6px; color: #b50000; background: #f8e6e6; font-size: .875rem; line-height: 1.4; }
.quarantine-indicator--error[b-dwz1xqkbgp] { padding: .3rem .5rem; border: 2px solid #b50000; }
.quarantine-indicator--loading[b-dwz1xqkbgp] { color: var(--licensing-text-muted); background: transparent; border-color: transparent; }
.quarantine-spinner[b-dwz1xqkbgp] { flex: 0 0 auto; margin: 0; border-color: rgb(107 114 128 / 30%); border-top-color: currentColor; }
.quarantine-indicator span[b-dwz1xqkbgp] { overflow-wrap: anywhere; }
.quarantine-indicator wa-icon[b-dwz1xqkbgp] { flex: 0 0 auto; }
.quarantine-indicator-dot[b-dwz1xqkbgp] { flex: 0 0 .45rem; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.account-filter-bar[b-dwz1xqkbgp] { display: flex; align-items: center; gap: .75rem; }
.account-list[b-dwz1xqkbgp] { display: flex; flex-direction: column; gap: .5rem; }
.account-card[b-dwz1xqkbgp] { display: grid; grid-template-columns: minmax(0, 1fr) 1.25rem; align-items: center; gap: 1rem; padding: 1rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; }
.account-card[b-dwz1xqkbgp] { color: inherit; text-decoration: none; }
.account-card:focus-visible[b-dwz1xqkbgp] { outline: 2px solid var(--licensing-focus); outline-offset: -2px; }
.account-details[b-dwz1xqkbgp] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .35rem 1rem; min-width: 0; }
.account-details > .account-heading[b-dwz1xqkbgp] { display: contents; }
.account-details > .account-heading > .account-status[b-dwz1xqkbgp] { grid-column: 2; grid-row: 1 / span 2; }
.account-identifiers[b-dwz1xqkbgp] { display: flex; flex-wrap: wrap; grid-column: 1; grid-row: 2; gap: .35rem 1rem; min-width: 0; }
.account-name[b-dwz1xqkbgp] { overflow-wrap: anywhere; color: #111827; font-weight: 700; }
.account-identifier--tenant-id[b-dwz1xqkbgp] { color: #4169a1; }
.account-error[b-dwz1xqkbgp] { text-align: left; }
.account-status-filter[b-dwz1xqkbgp] { position: relative; flex: 0 0 auto; }
.account-status-filter summary[b-dwz1xqkbgp] { display: flex; align-items: center; gap: .35rem; min-height: 2rem; padding: .25rem .65rem; border: 1px solid #d1d5db; border-radius: 6px; color: #374151; cursor: pointer; font-size: .875rem; list-style: none; white-space: nowrap; }
.account-status-filter summary[b-dwz1xqkbgp]::-webkit-details-marker { display: none; }
.account-status-filter summary wa-icon[b-dwz1xqkbgp] { margin-left: .15rem; font-size: .75rem; }
.account-status-menu[b-dwz1xqkbgp] { position: absolute; z-index: 10; right: 0; top: calc(100% + .25rem); display: flex; flex-direction: column; min-width: 13rem; padding: .5rem 0; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 8px 18px rgb(17 24 39 / 15%); }
.account-status-actions[b-dwz1xqkbgp] { display: flex; justify-content: space-between; padding: 0 .75rem .5rem; border-bottom: 1px solid #e5e7eb; }
.account-status-actions button[b-dwz1xqkbgp] { padding: 0; border: 0; background: transparent; color: var(--licensing-action); cursor: pointer; font-size: .8rem; }
.account-status-menu label[b-dwz1xqkbgp] { display: flex; align-items: center; gap: .5rem; padding: .45rem .75rem; color: #374151; cursor: pointer; font-size: .875rem; }
.account-status-menu label:hover[b-dwz1xqkbgp] { background: #f9fafb; }
.account-status-menu .account-status[b-dwz1xqkbgp] { min-width: 5.5rem; justify-content: center; }
.status-dot[b-dwz1xqkbgp] { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; }
.status-dot--active[b-dwz1xqkbgp] { background: rgb(3, 135, 56); }
.status-dot--onboarding[b-dwz1xqkbgp] { background: rgb(29, 78, 216); }
.status-dot--offboarding[b-dwz1xqkbgp] { background: #6b7280; }
.status-dot--inactive[b-dwz1xqkbgp] { background: rgb(181, 0, 0); }

@media (max-width: 700px) {
    .account-page > .account-heading[b-dwz1xqkbgp] { flex-direction: column; }
    .account-quarantine-status--empty[b-dwz1xqkbgp] { display: none; }
    .account-filter-bar[b-dwz1xqkbgp] { align-items: stretch; flex-direction: column; }
    .account-status-filter summary[b-dwz1xqkbgp] { justify-content: center; }
    .account-details[b-dwz1xqkbgp] { display: flex; flex-direction: column; align-items: stretch; gap: .35rem; }
    .account-details > .account-heading[b-dwz1xqkbgp] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; }
    .account-name[b-dwz1xqkbgp] { flex: 1 1 auto; min-width: 0; }
    .account-details > .account-heading > .account-status[b-dwz1xqkbgp] { margin-left: auto; }
    .account-identifiers[b-dwz1xqkbgp] { column-gap: .75rem; row-gap: .2rem; }
    .account-identifier[b-dwz1xqkbgp] { max-width: 100%; overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
    .quarantine-spinner[b-dwz1xqkbgp] { animation: none; }
}
/* /Pages/SkuDetails.razor.rz.scp.css */
.sku-details-title-row[b-mwrmapos55] { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.sku-details-title-row h1[b-mwrmapos55] { margin:0; min-width:0; overflow-wrap:anywhere; }
.sku-details-actions[b-mwrmapos55] { display:flex; gap:.5rem; }
.sku-details-card[b-mwrmapos55],.sku-details-empty[b-mwrmapos55] { padding:1.25rem; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.sku-details-state[b-mwrmapos55] { text-align:center; }
.sku-details-empty[b-mwrmapos55] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; min-height:10rem; color:#6b7280; text-align:center; }
.sku-details-empty p[b-mwrmapos55] { margin:0; color:#111827; font-size:.8rem; font-weight:700; }
.sku-details-empty-icon[b-mwrmapos55] { color:#f4b63f; font-size:2rem; }
.sku-details-fields[b-mwrmapos55] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.sku-details-fields>div[b-mwrmapos55],.sku-details-description[b-mwrmapos55] { display:flex; flex-direction:column; gap:.35rem; }
.sku-details-value[b-mwrmapos55] { color:#111827; font-size:.875rem; }
.sku-details-description[b-mwrmapos55] { margin-top:1rem; padding-top:1rem; border-top:1px solid #e5e7eb; }
.sku-element-group[b-mwrmapos55],.sku-account-row[b-mwrmapos55] { background:#fff; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; }
.sku-element-group[b-mwrmapos55] { margin-bottom:.75rem; }
.sku-element-group-header[b-mwrmapos55] { display:flex; width:100%; gap:.75rem; align-items:center; padding:.75rem 1rem; border:0; border-bottom:1px solid #e5e7eb; background:#fff; text-align:left; cursor:pointer; }
.sku-element-group-header span:last-child[b-mwrmapos55] { color:#8491a5; }
.sku-element-row[b-mwrmapos55] { display:grid; grid-template-columns:var(--licensing-status-column) minmax(0,1fr) auto 1rem; gap:.75rem; align-items:center; padding:.7rem 1rem; border-bottom:1px solid #edf0f5; }
.sku-element-row:last-child[b-mwrmapos55] { border-bottom:0; }
.sku-element-row>span:not(.status-badge)[b-mwrmapos55] { min-width:0; overflow-wrap:anywhere; }
.sku-element-row[b-mwrmapos55],.sku-account-row[b-mwrmapos55] { color:inherit; text-decoration:none; }
.sku-element-row:focus-visible[b-mwrmapos55],.sku-account-row:focus-visible[b-mwrmapos55] { outline:2px solid var(--licensing-focus); outline-offset:-2px; }
.sku-account-toolbar[b-mwrmapos55] { display:flex; gap:.75rem; align-items:center; margin-bottom:.75rem; }
.sku-account-row[b-mwrmapos55] { display:grid; grid-template-columns:4.5rem minmax(0,1fr) auto var(--licensing-status-column) 1rem; gap:.75rem; align-items:center; padding:.8rem 1rem; margin-bottom:.5rem; }
.sku-account-row>.status-badge[b-mwrmapos55] { grid-column:4; grid-row:1; justify-self:center; }
.sku-account-row>.sku-details-row-chevron[b-mwrmapos55] { grid-column:5; grid-row:1; }
.sku-account-expiration[b-mwrmapos55] { grid-column:3; grid-row:1; text-align:right; }
.sku-account-row .scope[b-mwrmapos55] { justify-self:start; color:#1456d9; background:#eef4ff; padding:.25rem .5rem; border-radius:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; }
.sku-account-row .scope--practice[b-mwrmapos55] { color:#5b21b6; background:#f3e8ff; }
.sku-account-row small[b-mwrmapos55] { display:block; color:#8491a5; font-size:.7rem; }
.sku-account-row>div[b-mwrmapos55] { min-width:0; overflow-wrap:anywhere; }
@media(max-width:700px){.sku-details-fields[b-mwrmapos55]{grid-template-columns:1fr}.sku-details-title-row[b-mwrmapos55],.sku-account-toolbar[b-mwrmapos55]{flex-direction:column}.sku-account-toolbar[b-mwrmapos55]{align-items:stretch}.sku-account-row[b-mwrmapos55]{grid-template-columns:minmax(0,1fr) var(--licensing-status-column) 1rem}.sku-account-row>.scope[b-mwrmapos55]{grid-column:1;grid-row:1;justify-self:start}.sku-account-row>div[b-mwrmapos55]{grid-column:1/-1;grid-row:2}.sku-account-row>.status-badge[b-mwrmapos55]{grid-column:2}.sku-account-row>.sku-account-expiration[b-mwrmapos55]{grid-column:1/-1;grid-row:3;text-align:left;overflow-wrap:anywhere}.sku-account-row>.sku-details-row-chevron[b-mwrmapos55]{grid-column:3;grid-row:1}.sku-element-row[b-mwrmapos55]{grid-template-columns:var(--licensing-status-column) minmax(0,1fr) 1rem}.sku-element-row .code[b-mwrmapos55]{grid-column:2}.sku-element-row>.sku-details-row-chevron[b-mwrmapos55]{grid-column:3;grid-row:1}}
/* /Pages/Skus.razor.rz.scp.css */
.sku-title-row[b-xy6itowhvk] { display: flex; justify-content: space-between; gap: 1rem; }
.sku-title[b-xy6itowhvk] { margin: 0 0 .2rem; }
.sku-actions[b-xy6itowhvk], .sku-filter-bar[b-xy6itowhvk] { display: flex; align-items: center; gap: .75rem; }
.sku-list[b-xy6itowhvk] { display: flex; flex-direction: column; gap: .5rem; }
.sku-card[b-xy6itowhvk] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto 1.25rem; align-items: center; gap: 1.5rem; padding: 1rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; color: inherit; text-decoration: none; }
.sku-card:focus-visible[b-xy6itowhvk] { outline: 2px solid var(--licensing-focus); outline-offset: 2px; }
.sku-details[b-xy6itowhvk] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.sku-details>div[b-xy6itowhvk] { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; min-width: 0; }
.sku-name[b-xy6itowhvk] { min-width: 0; overflow-wrap: anywhere; color: #111827; font-weight: 700; }
.sku-metric[b-xy6itowhvk] { display: flex; flex-direction: column; align-items: center; min-width: 3.5rem; }
.sku-metric strong[b-xy6itowhvk] { color: #111827; }
.sku-error[b-xy6itowhvk] { text-align: left; }
@media (max-width: 700px) {
	.sku-title-row[b-xy6itowhvk], .sku-filter-bar[b-xy6itowhvk] {
		align-items: stretch;
		flex-direction: column;
	}

	.sku-card[b-xy6itowhvk] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) 1.25rem;
		gap: .75rem;
	}

	.sku-details[b-xy6itowhvk] {
		grid-column: 1 / span 2;
		grid-row: 1;
	}

	.sku-metric[b-xy6itowhvk] {
		grid-row: 2;
	}

	.sku-chevron[b-xy6itowhvk] {
		grid-column: 3;
		grid-row: 1 / span 2;
	}
}