@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 1fr auto 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 #2563EB;
    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;
    white-space: nowrap;
}

/* ======== 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;
}

/* ======== ROW CHEVRON ======== */
.row-chevron[b-avavabrdx1] {
    color: #D1D5DB;
    font-size: 0.875rem;
    flex-shrink: 0;
}
/* /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: #007CBE;
}

.tab-btn.active[b-l42djeqpqn] {
    color: #007CBE;
    border-bottom-color: #007CBE;
}

.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: #007CBE !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-page[b-8ue9pnmc16] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    min-height: 100%;
}

.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;
    color: #111827;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    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-label[b-8ue9pnmc16] {
    color: #8491A5;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

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

.status-badge[b-8ue9pnmc16] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

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

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

.access-element-details-code[b-8ue9pnmc16],
.associated-sku-code[b-8ue9pnmc16] {
    font-family: 'Courier New', Courier, monospace;
}

.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: #D97706;
    font-weight: 400;
}

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

.associated-sku-row[b-8ue9pnmc16] {
    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-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;
    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: 0.775rem;
}

.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;
}

.associated-sku-chevron[b-8ue9pnmc16] {
    color: #9CA3AF;
}

.access-element-details-state[b-8ue9pnmc16],
.access-element-details-error[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;
}

.access-element-details-error[b-8ue9pnmc16] {
    color: #B50000;
    background: #F8E6E6;
    border-color: #F3B8B8;
    text-align: left;
}

.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: #8A5A2B;
}

.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 */
/* ======== PAGE WRAPPER ======== */
.ae-page[b-a2kfm49298] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    min-height: 100%;
}

/* ======== TITLE ROW ======== */
.ae-title-row[b-a2kfm49298] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.ae-title[b-a2kfm49298] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.2rem 0;
    font-family: 'Roboto', sans-serif;
}

.ae-summary[b-a2kfm49298] {
    margin: 0;
    color: #6B7280;
    font-size: 0.875rem;
    font-family: 'Roboto', sans-serif;
}



.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;
}

.search-field-wrap[b-a2kfm49298] {
    flex: 1;
}


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

/* ======== EMPTY STATE ======== */
.ae-empty-state[b-a2kfm49298] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    color: #9CA3AF;
    font-size: 0.95rem;
    font-family: 'Roboto', sans-serif;
}

.ae-empty-state p[b-a2kfm49298] {
    margin: 0;
}

.empty-icon[b-a2kfm49298] {
    font-size: 3rem;
    color: #D1D5DB;
}

.ae-error[b-a2kfm49298] {
    padding: 1rem;
    border: 1px solid #f3b8b8;
    border-radius: 8px;
    color: #b50000;
    background: #f8e6e6;
    font-family: 'Roboto', sans-serif;
}
/* /Pages/Accounts.razor.rz.scp.css */
.account-page[b-dwz1xqkbgp] { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem; min-height: 100%; }
.account-title[b-dwz1xqkbgp] { margin: 0 0 .2rem; font-size: 1.5rem; color: #111827; }
.account-summary[b-dwz1xqkbgp], .account-identifier[b-dwz1xqkbgp] { margin: 0; color: #6b7280; font-size: .875rem; }
.account-filter-bar[b-dwz1xqkbgp] { display: flex; align-items: center; gap: .75rem; }
.search-field-wrap[b-dwz1xqkbgp] { flex: 1; min-width: 0; }
.account-list[b-dwz1xqkbgp] { display: flex; flex-direction: column; gap: .5rem; }
.account-card[b-dwz1xqkbgp] { display: grid; grid-template-columns: minmax(0, 1fr) auto 1.25rem; align-items: center; gap: 1rem; padding: 1rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; }
.account-details[b-dwz1xqkbgp] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.account-identifiers[b-dwz1xqkbgp] { display: flex; flex-wrap: wrap; gap: .35rem 1rem; min-width: 0; }
.account-name[b-dwz1xqkbgp] { color: #111827; font-weight: 700; }
.account-identifier[b-dwz1xqkbgp] { font-family: 'Courier New', Courier, monospace; }
.account-identifier--tenant-id[b-dwz1xqkbgp] { color: #4169a1; }
.account-chevron[b-dwz1xqkbgp] { color: #9ca3af; }
.account-empty-state[b-dwz1xqkbgp], .account-error[b-dwz1xqkbgp] { padding: 2rem 1rem; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; text-align: center; }
.account-error[b-dwz1xqkbgp] { color: #b50000; background: #f8e6e6; border-color: #f3b8b8; text-align: left; }
.account-status[b-dwz1xqkbgp] { display: inline-flex; padding: .15rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 600; }
.account-status--active[b-dwz1xqkbgp] { background: rgb(231, 243, 231); color: rgb(3, 135, 56); }
.account-status--onboarding[b-dwz1xqkbgp] { background: rgb(235, 241, 255); color: rgb(29, 78, 216); }
.account-status--offboarding[b-dwz1xqkbgp] { background: #e5e7eb; color: #4b5563; }
.account-status--inactive[b-dwz1xqkbgp] { background: rgb(248, 230, 230); color: rgb(181, 0, 0); }
.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: #2563eb; 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-filter-bar[b-dwz1xqkbgp] { align-items: stretch; flex-direction: column; }
    .account-status-filter summary[b-dwz1xqkbgp] { justify-content: center; }
    .account-identifiers[b-dwz1xqkbgp] { column-gap: .75rem; row-gap: .2rem; }
    .account-identifier[b-dwz1xqkbgp] { max-width: 100%; overflow-wrap: anywhere; }
}
/* /Pages/SkuDetails.razor.rz.scp.css */
.sku-details-page[b-mwrmapos55] { display:flex; flex-direction:column; gap:1rem; padding:1.5rem; min-height:100%; }
.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; color:#111827; font-size:1.5rem; }
.sku-details-actions[b-mwrmapos55] { display:flex; gap:.5rem; }
.sku-details-card[b-mwrmapos55],.sku-details-state[b-mwrmapos55],.sku-details-empty[b-mwrmapos55] { padding:1.25rem; background:#fff; border:1px solid #e5e7eb; border-radius:8px; }
.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-label[b-mwrmapos55] { color:#8491a5; font-size:.7rem; font-weight:600; letter-spacing:.04em; }
.sku-details-value[b-mwrmapos55] { color:#111827; font-size:.875rem; }
.code[b-mwrmapos55] { font-family:'Courier New',Courier,monospace; }
.sku-details-description[b-mwrmapos55] { margin-top:1rem; padding-top:1rem; border-top:1px solid #e5e7eb; }
.sku-details-tabs[b-mwrmapos55] { display:flex; gap:1.25rem; border-bottom:1px solid #d9dee7; }
.sku-details-tabs button[b-mwrmapos55] { border:0; border-bottom:2px solid transparent; background:transparent; padding:.75rem .1rem; color:#52627a; cursor:pointer; }
.sku-details-tabs button.active[b-mwrmapos55] { border-color:#2563eb; color:#1456d9; }
.sku-details-tabs span[b-mwrmapos55] { margin-left:.3rem; color:#2563eb; }
.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:auto 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-account-toolbar[b-mwrmapos55] { display:flex; gap:.75rem; align-items:center; margin-bottom:.75rem; }
.sku-account-toolbar wa-input[b-mwrmapos55] { flex:1; }
.sku-account-filters[b-mwrmapos55] { display:flex; }
.sku-account-filters button[b-mwrmapos55] { border:1px solid #d9dee7; background:#fff; padding:.6rem .8rem; cursor:pointer; }
.sku-account-filters button.selected[b-mwrmapos55] { background:#2563eb; color:#fff; }
.sku-account-row[b-mwrmapos55] { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto 1rem; gap:.75rem; align-items:center; padding:.8rem 1rem; margin-bottom:.5rem; }
.sku-account-row .scope[b-mwrmapos55] { color:#1456d9; background:#eef4ff; padding:.25rem .5rem; border-radius:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; }
.sku-account-row small[b-mwrmapos55] { display:block; color:#8491a5; font-size:.7rem; }
.status-badge[b-mwrmapos55] { display:inline-flex; width:fit-content; padding:.15rem .55rem; border-radius:999px; font-size:.75rem; font-weight:600; white-space:nowrap; }
.status-badge--active[b-mwrmapos55] { background:#e7f3e7; color:#038738; }
.status-badge--inactive[b-mwrmapos55] { background:#f8e6e6; color:#b50000; }
.sku-details-error[b-mwrmapos55] { padding:2rem 1rem; color:#b50000; background:#f8e6e6; border:1px solid #f3b8b8; border-radius:8px; }
@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-row[b-mwrmapos55]{grid-template-columns:auto minmax(0,1fr) auto}.sku-account-row small:last-of-type[b-mwrmapos55]{grid-column:2}.sku-account-row>span:last-child[b-mwrmapos55]{grid-column:3;grid-row:1}.sku-element-row[b-mwrmapos55]{grid-template-columns:auto minmax(0,1fr) 1rem}.sku-element-row .code[b-mwrmapos55]{grid-column:2}}
/* /Pages/Skus.razor.rz.scp.css */
.sku-page[b-xy6itowhvk] { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem; min-height: 100%; }
.sku-title-row[b-xy6itowhvk] { display: flex; justify-content: space-between; gap: 1rem; }
.sku-title[b-xy6itowhvk] { margin: 0 0 .2rem; font-size: 1.5rem; color: #111827; }
.sku-summary[b-xy6itowhvk], .sku-code[b-xy6itowhvk], .sku-metric span[b-xy6itowhvk] { margin: 0; color: #6b7280; font-size: .875rem; }
.sku-actions[b-xy6itowhvk], .sku-filter-bar[b-xy6itowhvk] { display: flex; align-items: center; gap: .75rem; }
.search-field-wrap[b-xy6itowhvk] { flex: 1; }
.sku-list[b-xy6itowhvk] { display: flex; flex-direction: column; gap: .5rem; }
.sku-card[b-xy6itowhvk] { display: grid; grid-template-columns: 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 #2563eb; outline-offset: 2px; }
.sku-details[b-xy6itowhvk] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.sku-name[b-xy6itowhvk] { margin-right: .65rem; color: #111827; font-weight: 700; }
.sku-code[b-xy6itowhvk] { font-family: 'Courier New', Courier, monospace; }
.sku-metric[b-xy6itowhvk] { display: flex; flex-direction: column; align-items: center; min-width: 3.5rem; }
.sku-metric strong[b-xy6itowhvk] { color: #111827; }
.sku-chevron[b-xy6itowhvk] { color: #9ca3af; }
.sku-empty-state[b-xy6itowhvk], .sku-error[b-xy6itowhvk] { padding: 2rem 1rem; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; text-align: center; }
.sku-error[b-xy6itowhvk] { color: #b50000; background: #f8e6e6; border-color: #f3b8b8; text-align: left; }
.status-badge[b-xy6itowhvk] { display: inline-flex; padding: .15rem .55rem; border-radius: 999px; font-size: .75rem; font-weight: 600; }
.status-badge--active[b-xy6itowhvk] { background: rgb(231, 243, 231); color: rgb(3, 135, 56); }
.status-badge--inactive[b-xy6itowhvk] { background: rgb(248, 230, 230); color: rgb(181, 0, 0); }
@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: 1fr auto; gap: .75rem; } .sku-details[b-xy6itowhvk] { grid-column: 1 / -1; } }