/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-manage-container[b-rnoyqu7frj] {
    width: 100%;
    max-width: 78rem;
    margin-inline: auto;
}
/* /Components/Layout/BrandLogo.razor.rz.scp.css */
.brand-logo[b-u13hzlk7sc] {
    display: inline-flex;
    align-items: center;
    gap: .62rem;
    color: inherit;
    white-space: nowrap;
}

.brand-symbol[b-u13hzlk7sc] {
    width: 3.35rem;
    height: 3.35rem;
    flex: 0 0 auto;
    overflow: visible;
}

.brand-symbol-bubble[b-u13hzlk7sc],
.brand-symbol-check[b-u13hzlk7sc] {
    fill: none;
    stroke: #16bd63;
    stroke-width: 6.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-symbol-check[b-u13hzlk7sc] { stroke-width: 7.5; }

.brand-wordmark[b-u13hzlk7sc] {
    display: grid;
    align-content: center;
    color: #f7f2e8;
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: .82;
}

.brand-wordmark-tik[b-u13hzlk7sc] {
    font-size: 1.08em;
    font-weight: 800;
}

.brand-wordmark-siparis[b-u13hzlk7sc] {
    color: #20c96b;
    font-size: 1.24em;
    font-weight: 500;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-51bdhp6h80] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--ik-color-paper);
}

main[b-51bdhp6h80] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sidebar[b-51bdhp6h80] {
    background: linear-gradient(180deg, #0d221a 0%, #081711 100%);
    color: #ffffff;
    box-shadow: 4px 0 24px rgba(10, 33, 25, 0.15);
    border-right: 1px solid rgba(217, 171, 85, 0.18);
    display: flex;
    flex-direction: column;
}

.top-row[b-51bdhp6h80] { display: none; }

@media (min-width: 768px) {
    .page[b-51bdhp6h80] {
        flex-direction: row;
        align-items: stretch;
    }

    .sidebar[b-51bdhp6h80] {
        position: sticky;
        top: 0;
        width: 17.5rem;
        flex: 0 0 17.5rem;
        min-height: 100vh;
        align-self: stretch;
        z-index: 100;
    }

    .top-row[b-51bdhp6h80] {
        position: sticky;
        z-index: 20;
        top: 0;
        display: flex;
        min-height: 4.8rem;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid var(--ik-color-line);
        padding: 0.75rem 2.2rem;
        background: rgba(251, 248, 243, 0.88);
        backdrop-filter: blur(16px);
        box-shadow: 0 4px 20px rgba(15, 28, 23, 0.03);
    }

    .top-row-actions[b-51bdhp6h80] {
        margin-left: auto;
    }

    .top-row-store-link[b-51bdhp6h80] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.45rem 0.9rem;
        border-radius: var(--ik-radius-pill);
        background: var(--ik-color-brand-soft);
        color: var(--ik-color-brand);
        font-weight: 700;
        font-size: 0.84rem;
        border: 1px solid rgba(27, 94, 67, 0.2);
        transition: all 0.2s ease;
    }

    .top-row-store-link:hover[b-51bdhp6h80] {
        background: var(--ik-color-brand);
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(20, 56, 44, 0.2);
    }
}

#blazor-error-ui[b-51bdhp6h80] {
    color-scheme: light only;
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    border-top: 1px solid var(--ik-color-gold);
    padding: 0.8rem 3rem 0.8rem 1rem;
    background: #fcf8ee;
    color: #5f4510;
    box-shadow: 0 -0.25rem 1rem rgba(0, 0, 0, .12);
}

#blazor-error-ui .dismiss[b-51bdhp6h80] {
    position: absolute;
    top: .25rem;
    right: .25rem;
    display: grid;
    min-width: 2.75rem;
    min-height: 2.75rem;
    cursor: pointer;
    place-items: center;
}
/* /Components/Layout/MarketingLayout.razor.rz.scp.css */
.marketing-shell[b-e73m5rwdod] {
    position: relative;
    min-height: 100dvh;
    background: var(--ik-color-paper);
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: hidden;
}

.marketing-header[b-e73m5rwdod] {
    position: relative;
    z-index: 30;
    display: flex;
    min-height: 4.5rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(180deg, #184333 0%, #143b2d 100%);
    color: #ffffff;
    border-bottom: 1px solid rgba(217, 171, 85, 0.25);
    box-shadow: 0 4px 20px rgba(10, 33, 25, 0.2);
    max-width: 100%;
}

.brand[b-e73m5rwdod] {
    display: inline-flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    flex-shrink: 0;
}

.brand:hover[b-e73m5rwdod] {
    color: inherit;
}

nav[b-e73m5rwdod] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: nowrap;
}

.marketing-nav-link[b-e73m5rwdod] {
    display: none;
    padding: 0.5rem 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--ik-radius-sm);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.marketing-nav-link:hover[b-e73m5rwdod] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.marketing-nav-cta[b-e73m5rwdod] {
    display: inline-flex;
    border-radius: 999px;
    padding: 0.45rem 0.95rem;
    background: var(--ik-color-gold);
    color: #102b21;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(217, 171, 85, 0.3);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.marketing-nav-cta:hover[b-e73m5rwdod] {
    background: #e5b966;
    color: #102b21;
    transform: translateY(-1px);
}

.cta-long[b-e73m5rwdod] { display: none; }
.cta-short[b-e73m5rwdod] { display: inline; }

main[b-e73m5rwdod] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.marketing-footer[b-e73m5rwdod] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 2rem;
    padding: 3rem 1.5rem 1.5rem;
    background: linear-gradient(165deg, #184333 0%, #123327 100%);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.875rem;
    margin-top: auto;
    border-top: 1px solid rgba(217, 171, 85, 0.25);
}

.footer-intro[b-e73m5rwdod] {
    display: grid;
    gap: 0.75rem;
}

.marketing-footer p[b-e73m5rwdod] {
    max-width: 31rem;
    margin: 0;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
}

.footer-brand[b-e73m5rwdod] {
    width: fit-content;
    color: #ffffff;
    text-decoration: none;
}

.footer-links[b-e73m5rwdod] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.footer-links a[b-e73m5rwdod] {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 600;
    text-decoration: none;
}

.footer-links a:hover[b-e73m5rwdod] {
    color: var(--ik-color-gold);
}

.footer-cta[b-e73m5rwdod] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.75rem;
    border-radius: 999px;
    padding: 0.65rem 1.25rem;
    background: var(--ik-color-gold);
    color: #102b21;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(217, 171, 85, 0.25);
}

.footer-cta:hover[b-e73m5rwdod] {
    background: #e5b966;
    color: #102b21;
}

.footer-meta[b-e73m5rwdod] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.78rem;
}

#blazor-error-ui[b-e73m5rwdod] {
    display: none;
    position: fixed;
    inset: auto 0 0;
    z-index: 1000;
    padding: 0.85rem 3rem 0.85rem 1rem;
    background: #fff1e8;
    color: #6f2d16;
    box-shadow: 0 -1px 12px rgba(28, 42, 35, 0.12);
}

#blazor-error-ui .dismiss[b-e73m5rwdod] {
    position: absolute;
    right: 1rem;
    top: 0.65rem;
}

@media (min-width: 768px) {
    .marketing-header[b-e73m5rwdod] {
        padding-inline: 2.5rem;
    }

    .marketing-nav-link[b-e73m5rwdod] {
        display: inline-flex;
    }

    .marketing-nav-cta[b-e73m5rwdod] {
        padding: 0.55rem 1.25rem;
        font-size: 0.88rem;
    }

    .cta-long[b-e73m5rwdod] { display: inline; }
    .cta-short[b-e73m5rwdod] { display: none; }

    .marketing-footer[b-e73m5rwdod] {
        grid-template-columns: minmax(16rem, 1.2fr) minmax(10rem, 0.65fr) auto;
        align-items: start;
        padding-inline: 2.5rem;
    }

    .footer-meta[b-e73m5rwdod] {
        grid-column: 1 / -1;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.top-row[b-zdu4cwijj2] {
    display: flex;
    min-height: 4.8rem;
    align-items: center;
    border-bottom: 1px solid rgba(245, 225, 184, 0.12);
    background: rgba(10, 33, 25, 0.4);
}

.navbar-brand[b-zdu4cwijj2] {
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
}

.navbar-toggler[b-zdu4cwijj2] {
    appearance: none;
    position: absolute;
    top: 0.85rem;
    right: 1rem;
    width: 2.85rem;
    height: 2.85rem;
    cursor: pointer;
    border: 1px solid rgba(217, 171, 85, 0.3);
    border-radius: var(--ik-radius-md);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23f5e4bf' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.4rem rgba(255, 255, 255, 0.06);
    transition: all 0.2s ease;
}

.navbar-toggler:checked[b-zdu4cwijj2] {
    background-color: rgba(217, 171, 85, 0.2);
}

.nav-scrollable[b-zdu4cwijj2] {
    display: none;
    max-height: calc(100vh - 4.8rem);
    overflow-y: auto;
    padding-block: 1rem 1.5rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-zdu4cwijj2] {
    display: block;
}

.nav-section-title[b-zdu4cwijj2] {
    font-family: var(--ik-font-mono);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(245, 228, 191, 0.55);
    margin-top: 1rem;
    margin-bottom: 0.4rem;
}

.nav-icon[b-zdu4cwijj2] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-right: 0.75rem;
    opacity: 0.8;
    transition: all 0.2s ease;
}

.nav-item[b-zdu4cwijj2] {
    padding: 0.18rem 0.75rem;
    font-size: 0.92rem;
}

.nav-item[b-zdu4cwijj2]  .nav-link {
    display: flex;
    width: 100%;
    min-height: 2.85rem;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--ik-radius-md);
    padding: 0.6rem 0.85rem;
    background: none;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-item[b-zdu4cwijj2]  .nav-link:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transform: translateX(3px);
}

.nav-item[b-zdu4cwijj2]  .nav-link:hover .nav-icon {
    opacity: 1;
    color: var(--ik-color-gold);
}

.nav-item[b-zdu4cwijj2]  a.active {
    background: linear-gradient(135deg, rgba(217, 171, 85, 0.22) 0%, rgba(20, 56, 44, 0.6) 100%);
    border: 1px solid rgba(217, 171, 85, 0.35);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.nav-item[b-zdu4cwijj2]  a.active .nav-icon {
    color: var(--ik-color-gold);
    opacity: 1;
}

.user-avatar[b-zdu4cwijj2] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ik-color-gold) 0%, #a67926 100%);
    color: var(--ik-color-brand-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.78rem;
    margin-right: 0.65rem;
    flex-shrink: 0;
}

.user-name[b-zdu4cwijj2] {
    font-size: 0.85rem;
    font-weight: 600;
}

.text-logout[b-zdu4cwijj2] {
    color: rgba(255, 140, 140, 0.85) !important;
}

.text-logout:hover[b-zdu4cwijj2] {
    background: rgba(158, 42, 42, 0.2) !important;
    color: #ffb3b3 !important;
}

@media (min-width: 768px) {
    .navbar-toggler[b-zdu4cwijj2] { display: none; }
    .nav-scrollable[b-zdu4cwijj2] { display: block; height: calc(100vh - 4.8rem); }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mhkf68wwbx],
.components-reconnect-repeated-attempt-visible[b-mhkf68wwbx],
.components-reconnect-failed-visible[b-mhkf68wwbx],
.components-pause-visible[b-mhkf68wwbx],
.components-resume-failed-visible[b-mhkf68wwbx],
.components-rejoining-animation[b-mhkf68wwbx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-retrying[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-failed[b-mhkf68wwbx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mhkf68wwbx] {
    display: block;
}


#components-reconnect-modal[b-mhkf68wwbx] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mhkf68wwbx 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mhkf68wwbx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mhkf68wwbx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mhkf68wwbx]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mhkf68wwbx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mhkf68wwbx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mhkf68wwbx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mhkf68wwbx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mhkf68wwbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mhkf68wwbx] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mhkf68wwbx] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mhkf68wwbx] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mhkf68wwbx] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mhkf68wwbx] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mhkf68wwbx] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mhkf68wwbx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mhkf68wwbx] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mhkf68wwbx {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Categories.razor.rz.scp.css */
.categories-page[b-687d0d6lih] {
    width: 100%;
    max-width: 82rem;
    margin: 0 auto;
    padding-bottom: 5rem;
    color: var(--ik-color-ink);
}

.page-header-container[b-687d0d6lih] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-bottom: 2rem;
}

.header-left[b-687d0d6lih] { display: flex; flex-direction: column; gap: .35rem; }
.eyebrow[b-687d0d6lih], .list-kicker[b-687d0d6lih] { margin: 0; color: #a57522; font-family: var(--ik-font-mono, monospace); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.title-with-badge[b-687d0d6lih] { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; }
.page-title[b-687d0d6lih] { margin: 0; color: #10261e; font-family: var(--ik-font-display, "Playfair Display", Georgia, serif); font-size: clamp(2.25rem, 5vw, 3rem); font-weight: 700; line-height: 1.06; }
.count-badge-pill[b-687d0d6lih], .filter-badge-counter[b-687d0d6lih] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border-radius: 999px; font-weight: 700; white-space: nowrap; }
.count-badge-pill[b-687d0d6lih] { padding: .42rem .76rem; border: 1px solid rgba(20,56,44,.14); background: rgba(20,56,44,.06); color: #14382c; font-size: .78rem; }
.page-subtitle[b-687d0d6lih] { max-width: 48rem; margin: 0; color: #718096; font-size: 1rem; line-height: 1.55; }

.ik-glass-panel[b-687d0d6lih] { border: 1px solid rgba(20,56,44,.08); border-radius: 1.25rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 40px -15px rgba(20,56,44,.05), 0 0 1px rgba(0,0,0,.05); backdrop-filter: blur(20px); }
.stats-overview-grid[b-687d0d6lih] { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.stat-card[b-687d0d6lih] { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.35rem; transition: transform .25s ease, box-shadow .25s ease; }
.stat-card:hover[b-687d0d6lih] { transform: translateY(-2px); box-shadow: 0 12px 28px -10px rgba(20,56,44,.1); }
.stat-icon-wrapper[b-687d0d6lih], .section-icon[b-687d0d6lih] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; }
.stat-icon-wrapper[b-687d0d6lih] { width: 3.25rem; height: 3.25rem; border: 1px solid; border-radius: 1rem; }
.stat-icon-wrapper.gold[b-687d0d6lih] { border-color: rgba(217,171,85,.35); background: rgba(217,171,85,.1); color: #ad7b20; }
.stat-icon-wrapper.emerald[b-687d0d6lih] { border-color: rgba(16,185,129,.25); background: rgba(16,185,129,.09); color: #059669; }
.stat-icon-wrapper.brand[b-687d0d6lih] { border-color: rgba(20,56,44,.16); background: rgba(20,56,44,.07); color: #14382c; }
.stat-meta[b-687d0d6lih] { display: flex; flex-direction: column; line-height: 1.2; }
.stat-value[b-687d0d6lih] { color: #10261e; font-family: var(--ik-font-mono, monospace); font-size: 1.45rem; }
.stat-label[b-687d0d6lih] { margin-top: .2rem; color: #68778d; font-size: .76rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }

.create-category-card[b-687d0d6lih] { margin-bottom: 1.25rem; padding: 1.5rem; background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(251,248,242,.9)); }
.section-heading[b-687d0d6lih] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.1rem; }
.section-icon[b-687d0d6lih] { width: 2.7rem; height: 2.7rem; border: 1px solid rgba(217,171,85,.28); border-radius: .85rem; background: rgba(217,171,85,.1); color: #9a7025; }
.section-heading h2[b-687d0d6lih], .list-header h2[b-687d0d6lih] { margin: 0; color: #10261e; font-family: var(--ik-font-display, "Playfair Display", Georgia, serif); font-size: 1.25rem; font-weight: 700; }
.section-heading p[b-687d0d6lih] { margin: .15rem 0 0; color: #718096; font-size: .86rem; }
.create-form-row[b-687d0d6lih] { display: grid; grid-template-columns: 1fr; gap: .75rem; padding: .75rem; border: 1px solid rgba(20,56,44,.07); border-radius: 1.1rem; background: rgba(248,250,249,.8); }
.category-input-wrapper[b-687d0d6lih], .edit-input-wrapper[b-687d0d6lih] { position: relative; min-width: 0; }
.input-icon[b-687d0d6lih] { position: absolute; top: 50%; left: 1rem; z-index: 1; color: #8b9ab0; transform: translateY(-50%); pointer-events: none; }
.edit-input[b-687d0d6lih] { width: 100%; min-height: 3.25rem; border: 1px solid #dce4ef; border-radius: .9rem; background: rgba(255,255,255,.92); color: #172b24; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
[b-687d0d6lih] .category-input { display: block; width: 100%; min-height: 3.5rem; padding: .9rem 1rem .9rem 2.9rem; border: 1px solid #d5dfeb; border-radius: .95rem; background: #fff; color: #172b24; font-size: 1rem; outline: none; box-shadow: 0 4px 12px -10px rgba(20,56,44,.35); transition: border-color .2s ease, box-shadow .2s ease; }
.edit-input[b-687d0d6lih] { padding: .75rem 1rem; }
[b-687d0d6lih] .category-input:focus, .edit-input:focus[b-687d0d6lih] { border-color: rgba(20,56,44,.52); box-shadow: 0 0 0 .22rem rgba(20,56,44,.09),0 8px 20px -14px rgba(20,56,44,.45); }
.btn-brand[b-687d0d6lih] { display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; gap: .5rem; border: 1px solid rgba(217,171,85,.3); border-radius: .95rem; background: linear-gradient(135deg,#14382c,#0b291f); box-shadow: 0 8px 18px -8px rgba(13,40,30,.65); color: #fff; font-size: .9rem; font-weight: 750; padding: .8rem 1.5rem; transition: transform .2s ease, box-shadow .2s ease; }
.btn-brand:hover:not(:disabled)[b-687d0d6lih] { transform: translateY(-2px); box-shadow: 0 12px 24px -9px rgba(13,40,30,.72); }
button:disabled[b-687d0d6lih] { cursor: not-allowed; opacity: .45; }
[b-687d0d6lih] .validation-message { display: block; margin-top: .55rem; color: #dc2626; font-size: .82rem; font-weight: 650; }

.filter-search-card[b-687d0d6lih] { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; margin-bottom: 2rem; padding: 1rem; }
.filter-controls[b-687d0d6lih] { display: grid; flex: 1; grid-template-columns: 1fr; gap: .75rem; }
.search-input-wrapper[b-687d0d6lih], .select-input-wrapper[b-687d0d6lih] { position: relative; min-width: 0; }
.filter-control-icon[b-687d0d6lih] { position: absolute; top: 50%; left: 1rem; z-index: 1; color: #8291a5; transform: translateY(-50%); pointer-events: none; }
.filter-control[b-687d0d6lih] { width: 100%; min-height: 3rem; padding: .72rem 1rem .72rem 2.9rem; border: 1px solid #dce4ef; border-radius: .9rem; background: rgba(255,255,255,.94); color: #263a33; font-size: .9rem; outline: none; transition: border-color .2s ease,box-shadow .2s ease; }
.filter-control:focus[b-687d0d6lih] { border-color: rgba(20,56,44,.48); box-shadow: 0 0 0 .22rem rgba(20,56,44,.08); }
.filter-select[b-687d0d6lih] { appearance: auto; cursor: pointer; }

.category-list-section[b-687d0d6lih] { margin-top: 1rem; }
.list-header[b-687d0d6lih] { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; margin-bottom: .9rem; }
.list-kicker[b-687d0d6lih] { margin-bottom: .25rem; font-size: .68rem; }
.filter-badge-counter[b-687d0d6lih] { padding: .52rem .9rem; border: 1px solid rgba(217,171,85,.35); background: rgba(217,171,85,.1); color: #94681c; font-size: .78rem; }
.category-table[b-687d0d6lih] { overflow: hidden; border: 1px solid rgba(20,56,44,.09); border-radius: 1.25rem; background: rgba(255,255,255,.9); box-shadow: 0 20px 45px -22px rgba(20,56,44,.2); }
.category-table-head[b-687d0d6lih] { display: none; }
.category-row[b-687d0d6lih] { display: grid; grid-template-columns: 1fr; gap: 1rem; padding: 1.1rem; border-bottom: 1px solid #e7edf3; background: rgba(255,255,255,.76); transition: background .2s ease; }
.category-row:last-child[b-687d0d6lih] { border-bottom: 0; }
.category-row:hover[b-687d0d6lih] { background: #fcfdfc; }
.order-cell[b-687d0d6lih], .category-info-cell[b-687d0d6lih], .status-cell[b-687d0d6lih] { display: flex; align-items: center; }
.order-cell[b-687d0d6lih] { justify-content: space-between; }
.mobile-label[b-687d0d6lih] { color: #8491a3; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.order-badge[b-687d0d6lih] { display: inline-flex; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid rgba(217,171,85,.3); border-radius: .8rem; background: #fbf6ec; color: #9a7025; font-family: var(--ik-font-mono, monospace); font-size: .82rem; font-weight: 800; }
.category-info-cell[b-687d0d6lih] { gap: .9rem; min-width: 0; }
.category-avatar[b-687d0d6lih] { display: inline-flex; width: 3.25rem; height: 3.25rem; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid rgba(217,171,85,.27); border-radius: .95rem; background: linear-gradient(135deg,#14382c,#0b291f); box-shadow: 0 7px 16px -8px rgba(13,40,30,.65); color: #d9ab55; font-family: var(--ik-font-display, Georgia, serif); font-size: 1.2rem; font-weight: 800; }
.category-info-cell > div[b-687d0d6lih], .delete-target-preview > div[b-687d0d6lih] { display: flex; min-width: 0; flex-direction: column; }
.category-info-cell strong[b-687d0d6lih], .delete-target-preview strong[b-687d0d6lih] { overflow: hidden; color: #15251f; font-size: .96rem; text-overflow: ellipsis; white-space: nowrap; }
.category-info-cell div span[b-687d0d6lih], .delete-target-preview div span[b-687d0d6lih] { margin-top: .18rem; color: #7a899c; font-size: .78rem; }
.badge-emerald-custom[b-687d0d6lih], .badge-muted-custom[b-687d0d6lih] { display: inline-flex; align-items: center; gap: .42rem; border: 1px solid; border-radius: 999px; padding: .38rem .7rem; font-size: .75rem; font-weight: 750; }
.badge-emerald-custom[b-687d0d6lih] { border-color: rgba(16,185,129,.28); background: rgba(16,185,129,.1); color: #067a5b; }
.badge-muted-custom[b-687d0d6lih] { border-color: #dce3eb; background: #f2f5f7; color: #68778d; }
.status-dot[b-687d0d6lih] { width: .42rem; height: .42rem; border-radius: 50%; }
.status-dot.emerald[b-687d0d6lih] { background: #10b981; box-shadow: 0 0 0 .18rem rgba(16,185,129,.12); }
.status-dot.muted[b-687d0d6lih] { background: #94a3b8; }
.action-btn-group[b-687d0d6lih], .edit-actions[b-687d0d6lih] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.action-btn-custom[b-687d0d6lih] { display: inline-flex; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border: 1px solid #dce4ef; border-radius: .75rem; background: #fff; color: #526178; transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease; }
.action-btn-custom:hover:not(:disabled)[b-687d0d6lih] { transform: translateY(-2px); }
.btn-edit:hover:not(:disabled)[b-687d0d6lih] { border-color: #14382c; background: rgba(20,56,44,.06); color: #14382c; }
.btn-move:hover:not(:disabled)[b-687d0d6lih] { border-color: #d9ab55; background: rgba(217,171,85,.1); color: #9a7025; }
.btn-toggle-active:hover:not(:disabled)[b-687d0d6lih] { border-color: #3b82f6; background: rgba(59,130,246,.08); color: #2563eb; }
.btn-delete:hover:not(:disabled)[b-687d0d6lih] { border-color: #ef4444; background: rgba(239,68,68,.08); color: #dc2626; }
.edit-row[b-687d0d6lih] { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .75rem; align-items: center; }
.edit-actions[b-687d0d6lih] { grid-column: 1 / -1; }
.btn-save[b-687d0d6lih], .btn-cancel[b-687d0d6lih], .btn-confirm-delete[b-687d0d6lih] { min-height: 2.75rem; border-radius: .78rem; padding: .65rem 1rem; font-size: .85rem; font-weight: 750; }
.btn-save[b-687d0d6lih] { border: 1px solid #14382c; background: #14382c; color: #fff; }
.btn-cancel[b-687d0d6lih] { border: 1px solid #d8e0e9; background: #f7f9fa; color: #526178; }

.loading-state[b-687d0d6lih], .empty-catalog-card[b-687d0d6lih] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.loading-state[b-687d0d6lih] { min-height: 12rem; gap: .8rem; }
.loading-state p[b-687d0d6lih] { margin: 0; color: #718096; font-weight: 650; }
.empty-catalog-card[b-687d0d6lih] { min-height: 20rem; padding: 3rem 1.25rem; border: 2px dashed rgba(217,171,85,.4); border-radius: 1.5rem; background: rgba(255,255,255,.84); }
.empty-icon-circle[b-687d0d6lih] { display: inline-flex; width: 4.5rem; height: 4.5rem; align-items: center; justify-content: center; margin-bottom: 1rem; border: 1px solid rgba(217,171,85,.25); border-radius: 50%; background: rgba(217,171,85,.12); color: #a57522; }
.empty-catalog-card h3[b-687d0d6lih] { margin: 0 0 .5rem; color: #10261e; font-family: var(--ik-font-display, Georgia, serif); font-size: 1.35rem; }
.empty-catalog-card p[b-687d0d6lih] { max-width: 34rem; margin: 0; color: #718096; line-height: 1.6; }
.filtered-empty-state[b-687d0d6lih] { min-height: 17rem; }
.btn-clear-filters[b-687d0d6lih] { min-height: 2.75rem; margin-top: 1rem; padding: .65rem 1rem; border: 1px solid rgba(20,56,44,.18); border-radius: .8rem; background: rgba(20,56,44,.06); color: #14382c; font-weight: 750; }

.alert-toast-container[b-687d0d6lih] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; overflow: hidden; margin-bottom: 1.5rem; padding: 1rem 1.2rem; border: 1px solid; border-radius: 1.1rem; box-shadow: 0 14px 35px -12px rgba(20,56,44,.2); }
.toast-content[b-687d0d6lih] { display: flex; align-items: center; gap: .8rem; }
.toast-accent-bar[b-687d0d6lih] { position: absolute; inset: 0 auto 0 0; width: .35rem; }
.toast-icon-box[b-687d0d6lih] { display: inline-flex; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: .8rem; }
.toast-title[b-687d0d6lih] { margin-bottom: .1rem; font-family: var(--ik-font-display, Georgia, serif); font-weight: 750; }
.toast-body[b-687d0d6lih] { font-size: .86rem; }
.alert-toast-success[b-687d0d6lih] { border-color: #86d9b8; background: linear-gradient(135deg,#f0fdf4,#e7f9ef); color: #166534; }
.alert-toast-success .toast-accent-bar[b-687d0d6lih] { background: #16a34a; }
.alert-toast-success .toast-icon-box[b-687d0d6lih] { border: 1px solid #bbf7d0; background: #dcfce7; color: #16a34a; }
.alert-toast-error[b-687d0d6lih] { border-color: #fecaca; background: linear-gradient(135deg,#fff5f5,#fff0f0); color: #991b1b; }
.alert-toast-error .toast-accent-bar[b-687d0d6lih] { background: #dc2626; }
.alert-toast-error .toast-icon-box[b-687d0d6lih] { border: 1px solid #fecaca; background: #fee2e2; color: #dc2626; }
.alert-toast-delete[b-687d0d6lih] { border-color: #f43f5e; background: linear-gradient(135deg,#fff1f2,#ffe4e6); color: #9f1239; box-shadow: 0 14px 35px -8px rgba(244,63,94,.28); }
.alert-toast-delete .toast-accent-bar[b-687d0d6lih] { background: linear-gradient(180deg,#e11d48,#be123c); }
.alert-toast-delete .toast-icon-box[b-687d0d6lih] { border: 1px solid #fecdd3; background: #ffe4e6; color: #e11d48; }
.alert-toast-delete .toast-title[b-687d0d6lih] { color: #881337; }
.toast-close-btn[b-687d0d6lih], .modal-close-btn[b-687d0d6lih] { display: inline-flex; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,.08); border-radius: 50%; background: rgba(255,255,255,.7); color: #526178; }

.modal-backdrop-custom[b-687d0d6lih] { position: fixed; z-index: 1080; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(7,23,17,.62); backdrop-filter: blur(6px); }
.delete-modal-card[b-687d0d6lih] { width: min(100%,31rem); padding: 1.35rem; }
.delete-modal-header[b-687d0d6lih] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.delete-icon-wrapper[b-687d0d6lih] { display: inline-flex; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center; border: 1px solid #fecaca; border-radius: 1rem; background: #fee2e2; color: #dc2626; }
.modal-close-btn[b-687d0d6lih] { font-size: 1.4rem; }
.delete-modal-card h3[b-687d0d6lih] { margin: 0 0 .5rem; color: #10261e; font-family: var(--ik-font-display, Georgia, serif); font-size: 1.35rem; line-height: 1.3; }
.delete-modal-card > p[b-687d0d6lih] { margin: 0 0 1.25rem; color: #718096; font-size: .9rem; line-height: 1.55; }
.delete-target-preview[b-687d0d6lih] { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.4rem; padding: .9rem; border: 1px solid #e2e8f0; border-radius: .9rem; background: #f8fafc; }
.delete-modal-footer[b-687d0d6lih] { display: flex; flex-direction: column-reverse; gap: .65rem; }
.btn-confirm-delete[b-687d0d6lih] { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid #dc2626; background: linear-gradient(135deg,#dc2626,#b91c1c); color: #fff; box-shadow: 0 7px 16px -8px rgba(220,38,38,.7); }

@keyframes category-power-spin-b-687d0d6lih {
    0% { transform: scale(1) rotate(0); box-shadow: 0 0 0 0 rgba(16,185,129,.6); }
    50% { transform: scale(1.3) rotate(180deg); box-shadow: 0 0 0 .75rem rgba(16,185,129,0); }
    100% { transform: scale(1) rotate(360deg); box-shadow: 0 0 0 0 rgba(16,185,129,0); }
}
@keyframes category-badge-flip-b-687d0d6lih {
    0% { transform: perspective(25rem) rotateX(-90deg) scale(.8); opacity: 0; }
    60% { transform: perspective(25rem) rotateX(14deg) scale(1.05); opacity: 1; }
    100% { transform: perspective(25rem) rotateX(0) scale(1); opacity: 1; }
}
@keyframes category-row-emerald-b-687d0d6lih { from { background: rgba(16,185,129,.2); } to { background: rgba(255,255,255,.76); } }
@keyframes category-row-amber-b-687d0d6lih { from { background: rgba(245,158,11,.2); } to { background: rgba(255,255,255,.76); } }
@keyframes category-alert-jello-b-687d0d6lih {
    0%,100% { transform: scale(1); }
    30% { transform: scale(1.02,.98); }
    45% { transform: scale(.99,1.01); }
    65% { transform: scale(1.005,.995); }
}
.anim-power-button[b-687d0d6lih] { animation: category-power-spin-b-687d0d6lih .65s cubic-bezier(.25,.46,.45,.94) both; }
.anim-badge-toggle[b-687d0d6lih] { animation: category-badge-flip-b-687d0d6lih .75s cubic-bezier(.455,.03,.515,.955) both; }
.anim-row-activated[b-687d0d6lih] { animation: category-row-emerald-b-687d0d6lih 1.25s ease-out both; }
.anim-row-deactivated[b-687d0d6lih] { animation: category-row-amber-b-687d0d6lih 1.25s ease-out both; }
.anim-jello-alert[b-687d0d6lih] { animation: category-alert-jello-b-687d0d6lih .7s ease both; }

@media (min-width: 576px) {
    .create-form-row[b-687d0d6lih] { grid-template-columns: minmax(0,1fr) auto; }
    .btn-brand[b-687d0d6lih] { min-width: 11rem; }
    .list-header[b-687d0d6lih] { flex-direction: row; align-items: center; justify-content: space-between; }
    .delete-modal-card[b-687d0d6lih] { padding: 1.75rem; }
    .delete-modal-footer[b-687d0d6lih] { flex-direction: row; justify-content: flex-end; }
}

@media (min-width: 768px) {
    .stats-overview-grid[b-687d0d6lih] { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; margin-bottom: 1.75rem; }
    .create-category-card[b-687d0d6lih] { padding: 1.75rem; }
    .filter-search-card[b-687d0d6lih] { flex-direction: row; align-items: center; justify-content: space-between; padding: 1.15rem 1.25rem; }
    .filter-controls[b-687d0d6lih] { grid-template-columns: minmax(16rem,1fr) minmax(13rem,.8fr); }
    .category-table-head[b-687d0d6lih], .category-row[b-687d0d6lih] { display: grid; grid-template-columns: 5rem minmax(14rem,1fr) 11rem minmax(15rem,auto); align-items: center; }
    .category-table-head[b-687d0d6lih] { gap: 1rem; padding: .85rem 1.2rem; border-bottom: 1px solid #dfe7ee; background: rgba(248,250,252,.9); color: #526178; font-size: .72rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
    .category-table-head span:last-child[b-687d0d6lih] { text-align: right; }
    .category-row[b-687d0d6lih] { gap: 1rem; min-height: 6.25rem; padding: 1rem 1.2rem; }
    .mobile-label[b-687d0d6lih] { display: none; }
    .action-btn-group[b-687d0d6lih] { justify-content: flex-end; flex-wrap: nowrap; }
    .edit-row[b-687d0d6lih] { grid-column: 1 / -1; grid-template-columns: 3rem minmax(0,1fr) auto; }
    .edit-actions[b-687d0d6lih] { grid-column: auto; flex-wrap: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
    .stat-card[b-687d0d6lih], .btn-brand[b-687d0d6lih], .action-btn-custom[b-687d0d6lih] { transition: none; }
    .stat-card:hover[b-687d0d6lih], .btn-brand:hover:not(:disabled)[b-687d0d6lih], .action-btn-custom:hover:not(:disabled)[b-687d0d6lih] { transform: none; }
    .anim-power-button[b-687d0d6lih], .anim-badge-toggle[b-687d0d6lih], .anim-row-activated[b-687d0d6lih], .anim-row-deactivated[b-687d0d6lih], .anim-jello-alert[b-687d0d6lih] { animation: none; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-hero[b-tyt8x9f9cl],.story-section[b-tyt8x9f9cl],.feature-stage[b-tyt8x9f9cl],.pricing-section[b-tyt8x9f9cl],.final-cta[b-tyt8x9f9cl] {
    --landing-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --landing-label: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.landing-hero[b-tyt8x9f9cl] { position: relative; isolation: isolate; display: grid; min-height: max(48rem,100svh); align-content: end; overflow: hidden; padding: 20rem 1rem 2rem; background: #122a22; color: #fff; }
.hero-image[b-tyt8x9f9cl],.hero-shade[b-tyt8x9f9cl] { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }
.hero-image[b-tyt8x9f9cl] { object-fit: cover; object-position: 67% center; }
.hero-shade[b-tyt8x9f9cl] { z-index: -1; background: linear-gradient(180deg,rgba(12,28,22,.08) 0 26%,rgba(12,28,22,.6) 52%,rgba(12,28,22,.98) 76%),linear-gradient(90deg,rgba(12,28,22,.22),transparent 70%); }
.hero-content[b-tyt8x9f9cl] { width: min(100%,44rem); padding-bottom: .5rem; }
.hero-kicker[b-tyt8x9f9cl],.section-index[b-tyt8x9f9cl] { margin: 0 0 1.15rem; color: #d9b978; font-family: var(--landing-label); font-size: .75rem; font-weight: 700; letter-spacing: .13em; line-height: 1.4; text-transform: uppercase; }
.hero-kicker[b-tyt8x9f9cl] { display: flex; align-items: center; gap: .65rem; color: #f1d59e; }
.hero-kicker span[b-tyt8x9f9cl] { width: 2rem; height: 1px; background: currentColor; }
.landing-hero h1[b-tyt8x9f9cl] { max-width: 12ch; margin: 0; color: #fff; font-family: var(--landing-display); font-size: clamp(3rem,13vw,5.8rem); font-weight: 600; line-height: .93; letter-spacing: -.062em; text-wrap: balance; }
.hero-lead[b-tyt8x9f9cl] { max-width: 36rem; margin: 1.35rem 0 0; color: rgba(255,255,255,.76); font-size: 1rem; line-height: 1.62; text-wrap: pretty; }
.hero-actions[b-tyt8x9f9cl] { display: grid; gap: .7rem; margin-top: 1.75rem; }
.hero-primary[b-tyt8x9f9cl],.hero-secondary[b-tyt8x9f9cl] { display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; border-radius: 999px; padding: .85rem 1.25rem; font-weight: 800; text-align: center; text-decoration: none; user-select: none; }
.hero-primary[b-tyt8x9f9cl] { gap: .75rem; background: #f1d59e; color: #173128; }
.hero-primary:hover[b-tyt8x9f9cl] { background: #fff0cf; color: #173128; }
.hero-primary svg[b-tyt8x9f9cl] { width: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.hero-secondary[b-tyt8x9f9cl] { border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.07); color: #fff; box-shadow: inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(10px); }
.hero-secondary:hover[b-tyt8x9f9cl] { background: rgba(255,255,255,.14); color: #fff; }
.hero-note[b-tyt8x9f9cl] { margin: .9rem 0 0; color: rgba(255,255,255,.57); font-size: .8rem; }
.hero-order[b-tyt8x9f9cl] { position: absolute; top: 5.6rem; right: 1rem; display: grid; width: min(13rem,calc(100% - 2rem)); border: 1px solid rgba(255,255,255,.2); border-radius: 1.15rem; padding: .85rem 1rem; background: rgba(16,45,36,.78); box-shadow: inset 0 1px rgba(255,255,255,.15),0 1rem 2.5rem rgba(5,18,12,.18); backdrop-filter: blur(16px); }
.hero-order span[b-tyt8x9f9cl],.hero-order strong[b-tyt8x9f9cl] { display: block; }
.hero-order strong[b-tyt8x9f9cl] { margin: .35rem 0 .1rem; font-size: .92rem; font-variant-numeric: tabular-nums; }
.hero-order span[b-tyt8x9f9cl] { color: rgba(255,255,255,.66); font-size: .7rem; }
.hero-order .order-status[b-tyt8x9f9cl] { color: #f1d59e; font-family: var(--landing-label); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.story-section[b-tyt8x9f9cl],.pricing-section[b-tyt8x9f9cl] { padding: clamp(4.5rem,12vw,8.5rem) 1rem; }
.section-heading[b-tyt8x9f9cl] { display: grid; gap: 1rem; margin-bottom: 3rem; }
.section-heading .section-index[b-tyt8x9f9cl],.feature-copy .section-index[b-tyt8x9f9cl],.final-cta .section-index[b-tyt8x9f9cl] { margin: 0; color: #8d642a; }
.section-heading h2[b-tyt8x9f9cl],.feature-copy h2[b-tyt8x9f9cl],.final-cta h2[b-tyt8x9f9cl] { max-width: 16ch; margin: 0; font-family: var(--landing-display); font-size: clamp(2.45rem,9vw,4.65rem); font-weight: 600; line-height: .98; letter-spacing: -.055em; }
.workflow-list[b-tyt8x9f9cl] { margin: 0; padding: 0; border-top: 1px solid var(--ik-color-line); list-style: none; }
.workflow-list li[b-tyt8x9f9cl] { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.6rem 0; border-bottom: 1px solid var(--ik-color-line); }
.workflow-list>li>span[b-tyt8x9f9cl] { padding-top: .18rem; color: #9b7946; font-family: var(--landing-label); font-size: .75rem; font-weight: 800; }
.workflow-list h3[b-tyt8x9f9cl] { margin: 0 0 .45rem; font-size: 1.2rem; letter-spacing: -.025em; }
.workflow-list p[b-tyt8x9f9cl] { margin: 0; color: var(--ik-color-muted); line-height: 1.65; text-wrap: pretty; }

.feature-stage[b-tyt8x9f9cl] { display: grid; gap: 3.25rem; padding: 4.75rem 1rem; background: #173128; color: #fff; }
.catalog-preview[b-tyt8x9f9cl] { width: min(100%,31rem); margin-inline: auto; border: 1px solid rgba(255,255,255,.16); border-radius: 2rem; padding: .85rem; background: #f5f0e7; color: #17251f; box-shadow: 0 2rem 5rem rgba(5,18,12,.28); }
.preview-top[b-tyt8x9f9cl],.preview-cart[b-tyt8x9f9cl] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.preview-top[b-tyt8x9f9cl] { padding: .45rem .25rem 1rem; font-size: .78rem; font-weight: 800; }
.preview-product[b-tyt8x9f9cl] { display: flex; min-height: 7rem; flex-direction: column; justify-content: flex-end; border-radius: 1.2rem; padding: 1rem; background: linear-gradient(145deg,#d2ba92,#8f6848); color: #fff; }
.preview-product-large[b-tyt8x9f9cl] { min-height: clamp(14rem,58vw,17rem); background: linear-gradient(145deg,rgba(23,49,40,.05),rgba(23,49,40,.36)),url('/images/marketing/instakatalog-hero.png') center/cover; }
.preview-product span[b-tyt8x9f9cl],.preview-product b[b-tyt8x9f9cl] { font-size: .72rem; }
.preview-row[b-tyt8x9f9cl] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: .65rem; }
.preview-product-sage[b-tyt8x9f9cl] { background: linear-gradient(145deg,#a7ad92,#5f6954); }
.preview-product-clay[b-tyt8x9f9cl] { background: linear-gradient(145deg,#b66d52,#744230); }
.preview-cart[b-tyt8x9f9cl] { position: sticky; bottom: .65rem; margin-top: .75rem; border-radius: 1rem; padding: .95rem 1rem; background: #173128; color: #fff; font-size: .82rem; box-shadow: 0 .8rem 1.8rem rgba(8,30,22,.2); }
.preview-cart strong[b-tyt8x9f9cl] { font-variant-numeric: tabular-nums; }
.feature-copy[b-tyt8x9f9cl] { align-self: center; }
.feature-copy h2[b-tyt8x9f9cl] { color: #fff; }
.feature-copy>p:not(.section-index)[b-tyt8x9f9cl] { margin: 1.5rem 0 2rem; color: rgba(255,255,255,.7); font-size: 1.05rem; line-height: 1.65; }
.feature-copy ul[b-tyt8x9f9cl] { display: grid; gap: 1rem; margin: 0; padding: 1.5rem 0 0; border-top: 1px solid rgba(255,255,255,.17); list-style: none; }
.feature-copy li[b-tyt8x9f9cl] { display: flex; align-items: center; gap: .75rem; color: rgba(255,255,255,.88); }
.feature-copy li span[b-tyt8x9f9cl] { width: .5rem; height: .5rem; flex: 0 0 auto; border-radius: 50%; background: #d9b978; }

.pricing-section[b-tyt8x9f9cl] { background: #eee6d8; }
.pricing-heading>div>p[b-tyt8x9f9cl] { margin: 1rem 0 0; color: var(--ik-color-muted); }
.pricing-options[b-tyt8x9f9cl] { display: grid; border-top: 1px solid #cfc3ae; }
.pricing-options article[b-tyt8x9f9cl] { position: relative; padding: 2rem 0; border-bottom: 1px solid #cfc3ae; }
.pricing-options article>p:first-of-type[b-tyt8x9f9cl] { color: #8d642a; font-family: var(--landing-label); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pricing-options h3[b-tyt8x9f9cl] { margin: .8rem 0 1rem; font-family: "Arial Narrow", "Aptos Narrow", Arial, sans-serif; font-size: clamp(3rem,13vw,4.75rem); font-stretch: condensed; font-weight: 800; letter-spacing: -.07em; font-variant-numeric: tabular-nums; line-height: .95; }
.pricing-options h3 span[b-tyt8x9f9cl] { color: var(--ik-color-muted); font-family: Inter,ui-sans-serif,system-ui,sans-serif; font-size: .9rem; font-weight: 650; letter-spacing: 0; }
.pricing-options article>p:last-of-type[b-tyt8x9f9cl] { min-height: 3.2rem; color: var(--ik-color-muted); line-height: 1.62; }
.pricing-options a[b-tyt8x9f9cl] { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: 1rem; border-bottom: 1px solid currentColor; font-weight: 800; text-decoration: none; }
.pricing-label[b-tyt8x9f9cl] { display: inline-flex; border-radius: 999px; padding: .35rem .65rem; background: #173128; color: #fff; font-size: .72rem; font-weight: 800; }
.pricing-heading .renewal-note[b-tyt8x9f9cl] { display: flex; align-items: center; gap: .55rem; color: #285e49; font-size: .9rem; font-weight: 750; }
.renewal-note span[b-tyt8x9f9cl] { display: inline-grid; width: 1.25rem; height: 1.25rem; flex: 0 0 auto; border-radius: 50%; background: #d8e8df; place-items: center; }

.final-cta[b-tyt8x9f9cl] { padding: clamp(5rem,13vw,9rem) 1rem; overflow: hidden; background: #f9f6ef; }
.final-cta h2[b-tyt8x9f9cl] { max-width: 20ch; }
.final-cta a[b-tyt8x9f9cl] { display: inline-flex; min-height: 3.5rem; align-items: center; gap: 1rem; margin-top: 2rem; border-radius: 999px; padding: .85rem 1.3rem; background: #173128; color: #fff; font-weight: 800; text-decoration: none; user-select: none; }
.final-cta a:hover[b-tyt8x9f9cl] { background: #244a3c; color: #fff; }

@media (min-width: 576px) {
    .landing-hero[b-tyt8x9f9cl] { padding-inline: 1.5rem; }
    .hero-actions[b-tyt8x9f9cl] { display: flex; flex-wrap: wrap; }
    .story-section[b-tyt8x9f9cl],.feature-stage[b-tyt8x9f9cl],.pricing-section[b-tyt8x9f9cl],.final-cta[b-tyt8x9f9cl] { padding-inline: clamp(1.5rem,6vw,4rem); }
}

@media (min-width: 768px) {
    .landing-hero[b-tyt8x9f9cl] { min-height: 100dvh; align-content: center; padding: 7.5rem clamp(2rem,7vw,7rem) 3rem; }
    .hero-shade[b-tyt8x9f9cl] { background: linear-gradient(90deg,rgba(14,23,18,.95),rgba(14,23,18,.8) 48%,rgba(14,23,18,.1)),linear-gradient(0deg,rgba(14,23,18,.7),transparent 46%); }
    .hero-content[b-tyt8x9f9cl] { padding-bottom: clamp(2rem,8vh,6rem); }
    .hero-order[b-tyt8x9f9cl] { top: auto; right: clamp(2rem,4vw,4rem); bottom: 2.2rem; width: 13rem; padding: 1rem; }
    .story-section[b-tyt8x9f9cl],.pricing-section[b-tyt8x9f9cl],.final-cta[b-tyt8x9f9cl] { padding-inline: clamp(2rem,8vw,8rem); }
    .section-heading[b-tyt8x9f9cl] { grid-template-columns: minmax(10rem,.55fr) 1.45fr; align-items: start; }
    .workflow-list li[b-tyt8x9f9cl] { grid-template-columns: 4rem minmax(15rem,.7fr) 1fr; gap: 2rem; }
    .workflow-list li div[b-tyt8x9f9cl] { display: contents; }
    .workflow-list h3[b-tyt8x9f9cl] { font-size: 1.45rem; }
    .workflow-list p[b-tyt8x9f9cl] { justify-self: end; max-width: 34rem; }
    .feature-stage[b-tyt8x9f9cl] { grid-template-columns: minmax(20rem,.95fr) minmax(20rem,1.05fr); align-items: center; gap: clamp(3rem,8vw,8rem); padding: 7rem clamp(2rem,8vw,8rem); }
    .catalog-preview[b-tyt8x9f9cl] { transform: rotate(-1.25deg); }
    .pricing-options[b-tyt8x9f9cl] { grid-template-columns: 1fr 1fr; }
    .pricing-options article[b-tyt8x9f9cl] { padding: 3rem; border-bottom: 0; }
    .pricing-options article+article[b-tyt8x9f9cl] { border-inline-start: 1px solid #cfc3ae; }
}

@media (prefers-reduced-motion:no-preference) {
    .hero-image[b-tyt8x9f9cl] { animation: hero-image-in-b-tyt8x9f9cl .9s cubic-bezier(.16,1,.3,1) both; }
    .hero-primary[b-tyt8x9f9cl],.hero-secondary[b-tyt8x9f9cl],.final-cta a[b-tyt8x9f9cl] { transition: transform .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1); }
    .hero-primary:hover[b-tyt8x9f9cl],.final-cta a:hover[b-tyt8x9f9cl] { transform: translateY(-2px); }
    .marketing-motion-ready [data-reveal][b-tyt8x9f9cl] { opacity: 0; }
    .marketing-motion-ready [data-reveal="fade-in"][b-tyt8x9f9cl] { transform: translateY(1.1rem); }
    .marketing-motion-ready [data-reveal="slide-in-bottom"][b-tyt8x9f9cl] { transform: translateY(1.5rem); }
    .marketing-motion-ready [data-reveal="scale-in-center"][b-tyt8x9f9cl] { transform: scale(.965); }
    .marketing-motion-ready [data-reveal].is-visible[b-tyt8x9f9cl] { animation: reveal-in-b-tyt8x9f9cl .68s var(--reveal-delay,0ms) cubic-bezier(.16,1,.3,1) both; }
    .catalog-preview.is-visible[b-tyt8x9f9cl] { animation-name: reveal-preview-b-tyt8x9f9cl; }
}

@keyframes hero-image-in-b-tyt8x9f9cl { from { opacity: 0; transform: scale(1.035); } to { opacity: 1; transform: scale(1); } }
@keyframes reveal-in-b-tyt8x9f9cl { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes reveal-preview-b-tyt8x9f9cl { to { opacity: 1; transform: translateY(0) scale(1) rotate(0); } }

@media (min-width:768px) and (prefers-reduced-motion:no-preference) {
    .catalog-preview.is-visible[b-tyt8x9f9cl] { animation-name: reveal-preview-desktop-b-tyt8x9f9cl; }
    @keyframes reveal-preview-desktop-b-tyt8x9f9cl { to { opacity: 1; transform: translateY(0) scale(1) rotate(-1.25deg); } }
}

@media (min-width:768px) and (max-width:991.98px) {
    .feature-stage[b-tyt8x9f9cl] { grid-template-columns: 1fr; }
    .catalog-preview[b-tyt8x9f9cl] { width: min(100%,32rem); transform: none; }
}
/* /Components/Pages/Orders.razor.rz.scp.css */
.orders-page[b-of59bfvds8] {
    max-width: 78rem;
    margin: 0 auto;
    color: var(--ik-color-ink);
}

.orders-header[b-of59bfvds8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-grid[b-of59bfvds8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-grid article[b-of59bfvds8] {
    background: var(--ik-glass-bg);
    border: var(--ik-glass-border);
    border-radius: var(--ik-radius-lg);
    padding: 1.25rem 1.5rem;
    box-shadow: var(--ik-shadow-glass);
    backdrop-filter: blur(12px);
}

.metric-grid span[b-of59bfvds8] {
    display: block;
    color: var(--ik-color-muted);
    font-size: 0.85rem;
    font-weight: 600;
}

.metric-grid strong[b-of59bfvds8] {
    display: block;
    margin-top: 0.4rem;
    font-family: var(--ik-font-mono);
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--ik-color-ink);
}

.chart-card[b-of59bfvds8] {
    background: var(--ik-glass-bg);
    border: var(--ik-glass-border);
    border-radius: var(--ik-radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--ik-shadow-glass);
}

.bar-chart[b-of59bfvds8] {
    height: 12rem;
    display: flex;
    align-items: flex-end;
    gap: 0.35rem;
    border-bottom: 1px solid var(--ik-color-line);
    padding-bottom: 0.5rem;
    margin-top: 1.2rem;
}

.bar-column[b-of59bfvds8] {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.bar[b-of59bfvds8] {
    display: block;
    width: 75%;
    background: linear-gradient(180deg, var(--ik-color-gold) 0%, var(--ik-color-brand-green) 100%);
    border-radius: 4px 4px 0 0;
    transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.bar-column:hover .bar[b-of59bfvds8] {
    background: var(--ik-color-gold);
    box-shadow: 0 0 12px rgba(217, 171, 85, 0.5);
}

.bar-label[b-of59bfvds8] {
    height: 1.4rem;
    font-family: var(--ik-font-mono);
    font-size: 0.65rem;
    color: var(--ik-color-muted);
    margin-top: 0.25rem;
}

.orders-section[b-of59bfvds8] {
    background: var(--ik-glass-bg);
    border: var(--ik-glass-border);
    border-radius: var(--ik-radius-lg);
    padding: 1.5rem;
    box-shadow: var(--ik-shadow-glass);
}

.status-filter[b-of59bfvds8] {
    min-width: 9.75rem;
    min-height: 2.75rem;
    padding-right: 2.5rem;
    white-space: nowrap;
}

.order-list[b-of59bfvds8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.order-card[b-of59bfvds8] {
    background: #ffffff;
    border: 1px solid var(--ik-color-line-dark);
    border-radius: var(--ik-radius-md);
    padding: 1.2rem;
    box-shadow: var(--ik-shadow-sm);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.order-card:hover[b-of59bfvds8] {
    transform: translateY(-2px);
    box-shadow: var(--ik-shadow-md);
    border-color: var(--ik-color-gold);
}

.status-pending[b-of59bfvds8] { background: #fef7e6; color: #8f620e; border: 1px solid rgba(217, 171, 85, 0.4); }
.status-confirmed[b-of59bfvds8] { background: #e6f4ee; color: #124d35; border: 1px solid rgba(18, 77, 53, 0.3); }
.status-shipped[b-of59bfvds8] { background: #e8f2fe; color: #144987; border: 1px solid rgba(20, 73, 135, 0.3); }
.status-cancelled[b-of59bfvds8] { background: #fce8e8; color: #852222; border: 1px solid rgba(133, 34, 34, 0.3); }

.detail-backdrop[b-of59bfvds8] {
    position: fixed;
    inset: 0;
    background: rgba(10, 33, 25, 0.6);
    backdrop-filter: blur(6px);
    z-index: 1040;
}

.order-detail[b-of59bfvds8] {
    position: fixed;
    z-index: 1050;
    inset: 50% auto auto 50%;
    width: calc(100% - 2rem);
    max-width: 36rem;
    max-height: 90vh;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid rgba(217, 171, 85, 0.35);
    border-radius: var(--ik-radius-lg);
    padding: 1.5rem;
    box-shadow: 0 24px 72px rgba(10, 33, 25, 0.28);
    transform: translate(-50%, -50%);
    animation: centered-dialog-in-b-of59bfvds8 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.confirmation-backdrop[b-of59bfvds8] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    background: rgba(10, 33, 25, 0.68);
    backdrop-filter: blur(7px);
}

.confirmation-dialog[b-of59bfvds8] {
    position: fixed;
    z-index: 1070;
    inset: 50% auto auto 50%;
    width: calc(100% - 2rem);
    max-width: 31rem;
    padding: 1.5rem;
    border: 1px solid rgba(217, 171, 85, 0.42);
    border-radius: var(--ik-radius-lg);
    background: linear-gradient(155deg, #fffefa 0%, #fbf6eb 100%);
    box-shadow: 0 24px 80px rgba(10, 33, 25, 0.32);
    transform: translate(-50%, -50%);
    animation: centered-dialog-in-b-of59bfvds8 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes centered-dialog-in-b-of59bfvds8 {
    from { opacity: 0; transform: translate(-50%, -47%) scale(0.97); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.confirmation-icon[b-of59bfvds8] {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.25rem;
    place-items: center;
    border-radius: 50%;
}

.confirmation-icon.is-success[b-of59bfvds8] { background: #e6f4ee; color: #124d35; }
.confirmation-icon.is-danger[b-of59bfvds8] { background: #fce8e8; color: #852222; }

.confirmation-error[b-of59bfvds8] {
    margin: 1rem 0 0;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(133, 34, 34, 0.2);
    border-radius: var(--ik-radius-sm);
    background: #fce8e8;
    color: #852222;
    font-size: 0.875rem;
}

.confirmation-actions[b-of59bfvds8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.confirmation-actions .btn[b-of59bfvds8],
.order-actions .btn[b-of59bfvds8] {
    min-height: 2.75rem;
}

@media (min-width: 576px) {
    .metric-grid[b-of59bfvds8] { grid-template-columns: repeat(3, 1fr); }
    .confirmation-actions[b-of59bfvds8] { grid-template-columns: 1fr 1.35fr; }
}

@media (min-width: 992px) {
    .order-list[b-of59bfvds8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Pages/ProductEdit.razor.rz.scp.css */
.product-edit-page[b-w2pbnktfak] {
    max-width: 82rem;
    margin: 0 auto;
    color: var(--ik-color-ink);
    padding-bottom: 5rem;
}

/* Animista Keyframe Animations for Error & Alerts */
@keyframes animista-bounce-in-top-b-w2pbnktfak {
    0% {
        transform: translateY(-40px) scale(0.92);
        opacity: 0;
    }
    60% {
        transform: translateY(6px) scale(1.02);
        opacity: 1;
    }
    80% {
        transform: translateY(-3px) scale(0.99);
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes animista-vibrate-b-w2pbnktfak {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}

@keyframes animista-pulsate-glow-b-w2pbnktfak {
    0% { box-shadow: 0 0 0 0 rgba(197, 34, 31, 0.35); }
    70% { box-shadow: 0 0 0 16px rgba(197, 34, 31, 0); }
    100% { box-shadow: 0 0 0 0 rgba(197, 34, 31, 0); }
}

@keyframes animista-jello-horizontal-b-w2pbnktfak {
    0% { transform: scale(1, 1); }
    30% { transform: scale(1.12, 0.88); }
    40% { transform: scale(0.88, 1.12); }
    50% { transform: scale(1.06, 0.94); }
    65% { transform: scale(0.96, 1.04); }
    75% { transform: scale(1.02, 0.98); }
    100% { transform: scale(1, 1); }
}

@keyframes animista-shake-horizontal-b-w2pbnktfak {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.anim-jello[b-w2pbnktfak] {
    animation: animista-jello-horizontal-b-w2pbnktfak 0.8s ease both;
}

.anim-shake[b-w2pbnktfak] {
    animation: animista-shake-horizontal-b-w2pbnktfak 0.6s ease both;
}

.input-invalid-alert[b-w2pbnktfak],
[b-w2pbnktfak] input.input-invalid-alert {
    border-color: #c5221f !important;
    background-color: #fff8f8 !important;
    box-shadow: 0 0 0 4px rgba(197, 34, 31, 0.18) !important;
}

.variant-error-tag[b-w2pbnktfak] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #c5221f;
    margin-top: 0.35rem;
}

/* Header Section */
.page-header-container[b-w2pbnktfak] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.75rem;
}

.header-left[b-w2pbnktfak] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.title-with-badges[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.header-title[b-w2pbnktfak] {
    font-family: var(--ik-font-display);
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    font-weight: 700;
    color: var(--ik-color-ink);
    margin: 0;
}

.status-badge[b-w2pbnktfak] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3em 0.75em;
    border-radius: var(--ik-radius-pill);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.badge-active[b-w2pbnktfak] {
    background: #e6f4ea;
    color: #137333;
    border: 1px solid rgba(19, 115, 51, 0.25);
}

.badge-inactive[b-w2pbnktfak] {
    background: #f1f3f4;
    color: #5f6368;
    border: 1px solid rgba(95, 99, 104, 0.25);
}

.badge-available[b-w2pbnktfak] {
    background: #e8f0fe;
    color: #1a73e8;
    border: 1px solid rgba(26, 115, 232, 0.25);
}

.badge-unavailable[b-w2pbnktfak] {
    background: #fce8e6;
    color: #c5221f;
    border: 1px solid rgba(197, 34, 31, 0.25);
}

.header-actions[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Animated Alert Banner */
.alert-animated[b-w2pbnktfak] {
    animation: animista-bounce-in-top-b-w2pbnktfak 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

/* Dedicated Product Not Found Card */
.product-not-found-card[b-w2pbnktfak] {
    background: #ffffff;
    border: 1.5px solid rgba(197, 34, 31, 0.25);
    border-radius: var(--ik-radius-lg);
    padding: 3.5rem 2rem;
    text-align: center;
    box-shadow: 0 20px 48px -12px rgba(197, 34, 31, 0.15);
    animation: animista-bounce-in-top-b-w2pbnktfak 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    max-width: 38rem;
    margin: 3rem auto;
}

.not-found-icon-circle[b-w2pbnktfak] {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #fce8e6;
    color: #c5221f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    animation: animista-vibrate-b-w2pbnktfak 0.6s ease 0.3s 2 alternate, animista-pulsate-glow-b-w2pbnktfak 2.5s infinite;
}

.not-found-title[b-w2pbnktfak] {
    font-family: var(--ik-font-display);
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--ik-color-ink);
    margin-bottom: 0.6rem;
}

.not-found-desc[b-w2pbnktfak] {
    color: var(--ik-color-muted);
    font-size: 0.95rem;
    max-width: 28rem;
    margin: 0 auto 1.85rem auto;
    line-height: 1.55;
}

/* Glass Card Styling */
.glass-card[b-w2pbnktfak] {
    background: var(--ik-glass-bg);
    border: var(--ik-glass-border);
    border-radius: var(--ik-radius-lg);
    box-shadow: var(--ik-shadow-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 1.75rem;
    margin-bottom: 1.5rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
}

.card-header-custom[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--ik-color-line-dark);
}

.header-title-box[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.icon-badge[b-w2pbnktfak] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--ik-radius-md);
    background: var(--ik-color-brand-soft);
    color: var(--ik-color-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-title-text[b-w2pbnktfak] {
    font-family: var(--ik-font-display);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--ik-color-ink);
    margin: 0;
}

.card-subtitle-text[b-w2pbnktfak] {
    font-size: 0.84rem;
    color: var(--ik-color-muted);
    margin: 0;
}

/* Form controls customization - Full Width Containers & Larger Fields */
.input-label-row[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.45rem;
    width: 100%;
}

.custom-form-label[b-w2pbnktfak] {
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--ik-color-brand-strong);
    margin: 0;
}

.char-counter[b-w2pbnktfak] {
    font-family: var(--ik-font-mono);
    font-size: 0.78rem;
    color: var(--ik-color-muted);
}

.form-control-custom[b-w2pbnktfak],
.form-select-custom[b-w2pbnktfak],
[b-w2pbnktfak] .form-control-custom,
[b-w2pbnktfak] .form-select-custom,
input.form-control-custom[b-w2pbnktfak],
textarea.form-control-custom[b-w2pbnktfak],
select.form-select-custom[b-w2pbnktfak] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: var(--ik-radius-md);
    border: 1.5px solid var(--ik-color-line);
    background-color: #ffffff;
    padding: 0.85rem 1.1rem;
    font-size: 0.98rem;
    line-height: 1.5;
    color: var(--ik-color-ink);
    transition: all 0.2s ease;
}

textarea.form-control-custom[b-w2pbnktfak],
[b-w2pbnktfak] textarea.form-control-custom {
    min-height: 7.5rem;
    resize: vertical;
}

.form-control-custom:focus[b-w2pbnktfak],
.form-select-custom:focus[b-w2pbnktfak],
[b-w2pbnktfak] .form-control-custom:focus,
[b-w2pbnktfak] .form-select-custom:focus {
    outline: none !important;
    border-color: var(--ik-color-gold) !important;
    box-shadow: 0 0 0 4px rgba(217, 171, 85, 0.22) !important;
    background-color: #ffffff !important;
}

/* Currency Wrapper & Symbol Overlap Fix */
.input-currency-wrapper[b-w2pbnktfak] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
}

.currency-symbol[b-w2pbnktfak] {
    position: absolute;
    left: 1.1rem;
    top: 1.45rem;
    transform: translateY(-50%);
    z-index: 10;
    font-weight: 800;
    color: var(--ik-color-gold-dark);
    font-size: 1.1rem;
    pointer-events: none;
    user-select: none;
}

.input-currency-wrapper .form-control-custom[b-w2pbnktfak],
.input-currency-wrapper[b-w2pbnktfak]  .form-control-custom,
.input-currency-wrapper input[b-w2pbnktfak] {
    padding-left: 2.75rem !important;
    padding-right: 0.75rem !important;
    font-family: var(--ik-font-mono);
    font-weight: 600;
    font-size: 1rem;
}

/* Tip Callout Box */
.tip-callout[b-w2pbnktfak] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: rgba(217, 171, 85, 0.12);
    border: 1px solid rgba(217, 171, 85, 0.35);
    border-radius: var(--ik-radius-md);
    padding: 0.85rem 1rem;
    font-size: 0.85rem;
    color: var(--ik-color-brand-strong);
    margin-bottom: 1.25rem;
}

.tip-callout svg[b-w2pbnktfak] {
    color: var(--ik-color-gold-dark);
    flex-shrink: 0;
    margin-top: 0.15rem;
}

/* Variant Item Styling */
.variant-card-item[b-w2pbnktfak] {
    background: #ffffff;
    border: 1px solid var(--ik-color-line);
    border-radius: var(--ik-radius-md);
    padding: 0.85rem 1rem;
    margin-bottom: 0.75rem;
    box-shadow: var(--ik-shadow-sm);
    transition: all 0.2s ease;
    width: 100%;
}

.variant-card-item:hover[b-w2pbnktfak] {
    border-color: rgba(217, 171, 85, 0.5);
    box-shadow: 0 6px 16px rgba(15, 28, 23, 0.06);
}

.variant-grid-row[b-w2pbnktfak] {
    display: grid;
    grid-template-columns: auto 1fr 165px auto auto;
    align-items: center;
    gap: 0.85rem;
}

@media (max-width: 767px) {
    .variant-grid-row[b-w2pbnktfak] {
        grid-template-columns: 1fr 1fr;
        gap: 0.65rem;
    }
    .variant-grid-row .variant-actions[b-w2pbnktfak] {
        grid-column: span 2;
        justify-content: flex-end;
    }
}

.variant-order-btns[b-w2pbnktfak] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.order-btn[b-w2pbnktfak] {
    border: 1px solid var(--ik-color-line);
    background: var(--ik-color-surface-soft);
    color: var(--ik-color-ink);
    border-radius: 4px;
    width: 1.75rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.order-btn:hover[b-w2pbnktfak] {
    background: var(--ik-color-brand);
    color: #ffffff;
    border-color: var(--ik-color-brand);
}

/* Image Upload & Gallery Styling */
.image-upload-dropzone[b-w2pbnktfak] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2.2rem 1.5rem;
    border: 2px dashed rgba(217, 171, 85, 0.5);
    border-radius: var(--ik-radius-lg);
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    text-align: center;
    transition: all 0.25s ease;
    width: 100%;
}

.image-upload-dropzone:hover[b-w2pbnktfak] {
    border-color: var(--ik-color-gold);
    background: rgba(255, 255, 255, 0.95);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(10, 33, 25, 0.08);
}

.upload-icon-circle[b-w2pbnktfak] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: var(--ik-color-gold-light);
    color: var(--ik-color-gold-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.image-upload-dropzone:hover .upload-icon-circle[b-w2pbnktfak] {
    transform: scale(1.1);
}

.pending-image-note[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0 0 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(19, 115, 51, 0.24);
    border-radius: var(--ik-radius-md);
    background: #edf7f0;
    color: #185c37;
    font-size: 0.875rem;
    line-height: 1.45;
}

.pending-image-note svg[b-w2pbnktfak] {
    flex: 0 0 auto;
}

.pending-image-grid[b-w2pbnktfak] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.pending-image-card[b-w2pbnktfak] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--ik-color-line-dark);
    border-radius: var(--ik-radius-md);
    background: #fff;
    box-shadow: var(--ik-shadow-sm);
}

.pending-image-card img[b-w2pbnktfak] {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: var(--ik-color-surface-soft);
}

.pending-badge-overlay[b-w2pbnktfak] {
    position: absolute;
    top: 0.55rem;
    left: 0.55rem;
    padding: 0.22rem 0.5rem;
    border-radius: var(--ik-radius-pill);
    background: rgba(13, 40, 30, 0.9);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
}

.pending-image-remove[b-w2pbnktfak] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(197, 34, 31, 0.28);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: var(--ik-color-danger);
    box-shadow: var(--ik-shadow-sm);
    cursor: pointer;
}

.pending-image-remove:hover:not(:disabled)[b-w2pbnktfak] {
    background: #fce8e6;
}

.pending-image-remove:disabled[b-w2pbnktfak] {
    cursor: not-allowed;
    opacity: 0.55;
}

.pending-image-name[b-w2pbnktfak] {
    display: block;
    overflow: hidden;
    padding: 0.65rem 0.75rem;
    color: var(--ik-color-muted);
    font-size: 0.78rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 576px) {
    .pending-image-grid[b-w2pbnktfak] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .pending-image-grid[b-w2pbnktfak] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.product-image-card[b-w2pbnktfak] {
    background: #ffffff;
    border: 1px solid var(--ik-color-line);
    border-radius: var(--ik-radius-md);
    overflow: hidden;
    box-shadow: var(--ik-shadow-sm);
    display: flex;
    flex-direction: column;
    transition: all 0.25s ease;
}

.product-image-card:hover[b-w2pbnktfak] {
    box-shadow: var(--ik-shadow-md);
    transform: translateY(-2px);
    border-color: var(--ik-color-gold);
}

.image-thumb-container[b-w2pbnktfak] {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background: var(--ik-color-surface-soft);
    overflow: hidden;
}

.image-thumb-container img[b-w2pbnktfak] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-image-card:hover .image-thumb-container img[b-w2pbnktfak] {
    transform: scale(1.05);
}

.primary-badge-overlay[b-w2pbnktfak] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
    background: linear-gradient(135deg, var(--ik-color-gold) 0%, #a1782a 100%);
    color: var(--ik-color-brand-strong);
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.25em 0.6em;
    border-radius: var(--ik-radius-pill);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.secondary-badge-overlay[b-w2pbnktfak] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
    background: rgba(15, 28, 23, 0.65);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2em 0.55em;
    border-radius: var(--ik-radius-pill);
    backdrop-filter: blur(4px);
}

.image-card-actions[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.6rem;
    background: #ffffff;
    border-top: 1px solid var(--ik-color-line-dark);
    gap: 0.25rem;
}

.image-action-btn[b-w2pbnktfak] {
    border: none;
    background: transparent;
    color: var(--ik-color-muted);
    padding: 0.35rem 0.45rem;
    border-radius: var(--ik-radius-sm);
    cursor: pointer;
    transition: all 0.18s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-action-btn:hover[b-w2pbnktfak] {
    background: var(--ik-color-surface-soft);
    color: var(--ik-color-brand-strong);
}

.image-action-btn.star-btn:hover[b-w2pbnktfak], .image-action-btn.star-btn.is-active[b-w2pbnktfak] {
    color: var(--ik-color-gold-dark);
    background: rgba(217, 171, 85, 0.18);
}

.image-action-btn.danger-btn:hover[b-w2pbnktfak] {
    color: var(--ik-color-danger);
    background: #fce8e6;
}

/* Custom Luxury Switches */
.switch-control-group[b-w2pbnktfak] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.switch-item[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: #ffffff;
    border: 1px solid var(--ik-color-line);
    border-radius: var(--ik-radius-md);
    transition: all 0.2s ease;
}

.switch-item:hover[b-w2pbnktfak] {
    border-color: rgba(217, 171, 85, 0.4);
}

.switch-info[b-w2pbnktfak] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.switch-title[b-w2pbnktfak] {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--ik-color-ink);
}

.switch-desc[b-w2pbnktfak] {
    font-size: 0.78rem;
    color: var(--ik-color-muted);
    margin: 0;
}

.form-check-input-custom[b-w2pbnktfak] {
    width: 2.75rem;
    height: 1.5rem;
    cursor: pointer;
}

/* Live Mobile Preview Card Widget */
.preview-widget[b-w2pbnktfak] {
    background: linear-gradient(180deg, #ffffff 0%, var(--ik-color-surface-soft) 100%);
    border: 1px solid var(--ik-color-line);
    border-radius: var(--ik-radius-lg);
    overflow: hidden;
    box-shadow: var(--ik-shadow-sm);
}

.preview-phone-bar[b-w2pbnktfak] {
    background: var(--ik-color-brand-strong);
    color: #ffffff;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 0.05em;
}

.preview-image-box[b-w2pbnktfak] {
    width: 100%;
    height: 11rem;
    background: #e9e4d8;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.preview-image-box img[b-w2pbnktfak] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-content[b-w2pbnktfak] {
    padding: 1.1rem;
}

.preview-category-tag[b-w2pbnktfak] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ik-color-gold-dark);
    letter-spacing: 0.08em;
    margin-bottom: 0.25rem;
}

.preview-product-name[b-w2pbnktfak] {
    font-family: var(--ik-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ik-color-ink);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.preview-price-row[b-w2pbnktfak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--ik-color-line);
}

.preview-price-val[b-w2pbnktfak] {
    font-family: var(--ik-font-mono);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ik-color-brand);
}

/* Mobile Sticky Action Footer */
.mobile-sticky-actions[b-w2pbnktfak] {
    display: none;
}

@media (max-width: 991px) {
    .mobile-sticky-actions[b-w2pbnktfak] {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        background: rgba(251, 248, 243, 0.95);
        backdrop-filter: blur(12px);
        border-top: 1px solid var(--ik-color-line);
        padding: 0.85rem 1.25rem;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.1);
    }
}
/* /Components/Pages/Products.razor.rz.scp.css */
.products-page[b-sdfk9z6nrq] {
    max-width: 82rem;
    margin: 0 auto;
    color: var(--ik-color-ink);
    padding-bottom: 5rem;
}

/* Header Section */
.page-header-container[b-sdfk9z6nrq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.header-left[b-sdfk9z6nrq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.eyebrow[b-sdfk9z6nrq] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--ik-color-gold-dark, #9a7025);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.title-with-badges[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.page-title[b-sdfk9z6nrq] {
    font-family: var(--ik-font-display, "Playfair Display", Georgia, serif);
    font-size: 2.25rem;
    font-weight: 700;
    color: #0d281e;
    letter-spacing: -0.02em;
    margin: 0;
}

.count-badge-pill[b-sdfk9z6nrq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    border-radius: 2rem;
    background: rgba(20, 56, 44, 0.08);
    color: #14382c;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid rgba(20, 56, 44, 0.12);
}

.page-subtitle[b-sdfk9z6nrq] {
    color: #64748b;
    font-size: 0.95rem;
    margin: 0;
}

/* Luxury Action Buttons */
.btn-brand[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #14382c 0%, #0d281e 100%);
    color: #ffffff !important;
    border: 1px solid rgba(217, 171, 85, 0.4);
    box-shadow: 0 4px 14px rgba(20, 56, 44, 0.22);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0.65rem 1.35rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

.btn-brand:hover[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #1b4d3e 0%, #14382c 100%);
    box-shadow: 0 8px 22px rgba(20, 56, 44, 0.35);
    transform: translateY(-2px);
    border-color: rgba(217, 171, 85, 0.7);
}

/* Glass Panels */
.ik-glass-panel[b-sdfk9z6nrq] {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(20, 56, 44, 0.08);
    border-radius: 1.25rem;
    box-shadow: 0 20px 40px -15px rgba(20, 56, 44, 0.05), 0 0 1px rgba(0, 0, 0, 0.05);
}

/* Quick Stats Bar */
.stats-overview-grid[b-sdfk9z6nrq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.75rem;
}

.stat-card[b-sdfk9z6nrq] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.25s ease;
}

.stat-card:hover[b-sdfk9z6nrq] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px -10px rgba(20, 56, 44, 0.1);
}

.stat-icon-wrapper[b-sdfk9z6nrq] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon-wrapper.gold[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, rgba(217, 171, 85, 0.18) 0%, rgba(217, 171, 85, 0.08) 100%);
    color: #9a7025;
    border: 1px solid rgba(217, 171, 85, 0.3);
}

.stat-icon-wrapper.emerald[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.stat-icon-wrapper.brand[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, rgba(20, 56, 44, 0.12) 0%, rgba(20, 56, 44, 0.04) 100%);
    color: #14382c;
    border: 1px solid rgba(20, 56, 44, 0.18);
}

.stat-meta[b-sdfk9z6nrq] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-sdfk9z6nrq] {
    font-family: var(--ik-font-sans, system-ui, sans-serif);
    font-size: 1.5rem;
    font-weight: 700;
    color: #0d281e;
    line-height: 1.2;
}

.stat-label[b-sdfk9z6nrq] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Filter & Search Bar */
.filter-search-card[b-sdfk9z6nrq] {
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.75rem;
}

.search-input-wrapper[b-sdfk9z6nrq] {
    position: relative;
    width: 100%;
}

.search-input-wrapper .search-icon[b-sdfk9z6nrq] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
    transition: color 0.2s ease;
}

.form-control-custom[b-sdfk9z6nrq],
.form-select-custom[b-sdfk9z6nrq] {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 0.85rem;
    padding: 0.65rem 1rem 0.65rem 2.75rem;
    font-size: 0.9rem;
    color: #1e293b;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    width: 100%;
}

.form-select-custom[b-sdfk9z6nrq] {
    padding-left: 2.5rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%3c94a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}

.form-control-custom:focus[b-sdfk9z6nrq],
.form-select-custom:focus[b-sdfk9z6nrq] {
    border-color: #14382c;
    box-shadow: 0 0 0 4px rgba(20, 56, 44, 0.1);
    outline: none;
}

.select-icon[b-sdfk9z6nrq] {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.filter-badge-counter[b-sdfk9z6nrq] {
    background: rgba(217, 171, 85, 0.15);
    color: #855b14;
    border: 1px solid rgba(217, 171, 85, 0.35);
    font-weight: 700;
    font-size: 0.82rem;
    padding: 0.45rem 1rem;
    border-radius: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

/* Table Container & Glass Table */
.table-glass-container[b-sdfk9z6nrq] {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(20, 56, 44, 0.08);
    border-radius: 1.35rem;
    overflow: hidden;
    box-shadow: 0 20px 45px -15px rgba(20, 56, 44, 0.07);
}

.table-custom[b-sdfk9z6nrq] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.table-custom th[b-sdfk9z6nrq] {
    background: #f8faf9;
    color: #475569;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.table-custom td[b-sdfk9z6nrq] {
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: background-color 0.2s ease;
}

.table-custom tbody tr:last-child td[b-sdfk9z6nrq] {
    border-bottom: none;
}

.table-custom tbody tr:hover td[b-sdfk9z6nrq] {
    background-color: rgba(20, 56, 44, 0.02);
}

/* Product Cell Styling */
.product-cell-wrapper[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.product-avatar-box[b-sdfk9z6nrq] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #14382c 0%, #0d281e 100%);
    color: #d9ab55;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.25rem;
    box-shadow: 0 4px 10px rgba(20, 56, 44, 0.15);
    flex-shrink: 0;
    border: 1px solid rgba(217, 171, 85, 0.3);
}

.product-title-text[b-sdfk9z6nrq] {
    font-weight: 700;
    font-size: 0.98rem;
    color: #0f172a;
    line-height: 1.3;
    margin-bottom: 0.2rem;
}

.product-meta-sub[b-sdfk9z6nrq] {
    font-size: 0.78rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.meta-id-tag[b-sdfk9z6nrq] {
    font-family: var(--ik-font-mono, monospace);
    background: #f1f5f9;
    padding: 0.1rem 0.4rem;
    border-radius: 0.35rem;
    color: #475569;
}

/* Category Badge */
.category-badge-pill[b-sdfk9z6nrq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    border-radius: 2rem;
}

/* Price Styling */
.price-display-text[b-sdfk9z6nrq] {
    font-family: var(--ik-font-mono, monospace);
    font-size: 1.1rem;
    font-weight: 700;
    color: #0d281e;
    letter-spacing: -0.01em;
}

.price-currency[b-sdfk9z6nrq] {
    color: #9a7025;
    font-weight: 800;
    margin-left: 0.2rem;
}

/* Status Badges */
.status-pill-group[b-sdfk9z6nrq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-start;
}

.badge-emerald-custom[b-sdfk9z6nrq],
.badge-gold-custom[b-sdfk9z6nrq],
.badge-muted-custom[b-sdfk9z6nrq] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.75rem;
    border-radius: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: 8.8rem;
    min-width: 8.8rem;
    box-sizing: border-box;
    white-space: nowrap;
}

.badge-emerald-custom[b-sdfk9z6nrq] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-gold-custom[b-sdfk9z6nrq] {
    background: rgba(217, 171, 85, 0.15);
    color: #9a7025;
    border: 1px solid rgba(217, 171, 85, 0.35);
}

.badge-muted-custom[b-sdfk9z6nrq] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #cbd5e1;
    font-weight: 600;
}

.status-dot[b-sdfk9z6nrq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.status-dot.emerald[b-sdfk9z6nrq] { background: #10b981; }
.status-dot.gold[b-sdfk9z6nrq] { background: #d9ab55; }
.status-dot.muted[b-sdfk9z6nrq] { background: #94a3b8; }

/* Table Action Buttons */
.action-btn-group[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.action-btn-custom[b-sdfk9z6nrq] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.7rem;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    text-decoration: none;
}

.action-btn-custom:hover:not(:disabled)[b-sdfk9z6nrq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.action-btn-custom.btn-edit:hover[b-sdfk9z6nrq] {
    border-color: #14382c;
    color: #14382c;
    background: rgba(20, 56, 44, 0.05);
}

.action-btn-custom.btn-move:hover:not(:disabled)[b-sdfk9z6nrq] {
    border-color: #d9ab55;
    color: #9a7025;
    background: rgba(217, 171, 85, 0.1);
}

.action-btn-custom.btn-toggle-active:hover[b-sdfk9z6nrq] {
    border-color: #3b82f6;
    color: #2563eb;
    background: rgba(59, 130, 246, 0.08);
}

.action-btn-custom.btn-delete:hover[b-sdfk9z6nrq] {
    border-color: #ef4444;
    color: #dc2626;
    background: rgba(239, 68, 68, 0.08);
}

.action-btn-custom:disabled[b-sdfk9z6nrq] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Empty State Card */
.empty-catalog-card[b-sdfk9z6nrq] {
    padding: 4rem 2rem;
    text-align: center;
    border: 2px dashed rgba(217, 171, 85, 0.4);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.85);
}

.empty-icon-circle[b-sdfk9z6nrq] {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(217, 171, 85, 0.2) 0%, rgba(217, 171, 85, 0.08) 100%);
    color: #9a7025;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    border: 1px solid rgba(217, 171, 85, 0.35);
    box-shadow: 0 10px 25px -5px rgba(217, 171, 85, 0.2);
}

.empty-title[b-sdfk9z6nrq] {
    font-family: var(--ik-font-display, "Playfair Display", serif);
    font-size: 1.6rem;
    font-weight: 700;
    color: #0d281e;
    margin-bottom: 0.5rem;
}

.empty-desc[b-sdfk9z6nrq] {
    color: #64748b;
    max-width: 30rem;
    margin: 0 auto 1.75rem auto;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Modal Backdrop & Container */
.modal-backdrop-custom[b-sdfk9z6nrq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13, 40, 30, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.delete-modal-card[b-sdfk9z6nrq] {
    max-width: 32rem;
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 1.6rem;
    box-shadow: 0 25px 60px -15px rgba(239, 68, 68, 0.25), 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    position: relative;
    overflow: hidden;
}

.delete-modal-header[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.delete-icon-wrapper[b-sdfk9z6nrq] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.18) 0%, rgba(239, 68, 68, 0.06) 100%);
    color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(239, 68, 68, 0.3);
    box-shadow: 0 8px 20px -6px rgba(239, 68, 68, 0.3);
}

.modal-close-btn[b-sdfk9z6nrq] {
    background: #f1f5f9;
    border: none;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    color: #64748b;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal-close-btn:hover[b-sdfk9z6nrq] {
    background: #e2e8f0;
    color: #0f172a;
}

.delete-modal-title[b-sdfk9z6nrq] {
    font-family: var(--ik-font-display, "Playfair Display", Georgia, serif);
    font-size: 1.45rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    margin-bottom: 0.5rem;
}

.delete-modal-subtitle[b-sdfk9z6nrq] {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.55;
    margin-bottom: 1.5rem;
}

.delete-target-preview[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 1rem;
    margin-bottom: 1.75rem;
}

.target-avatar[b-sdfk9z6nrq] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #14382c 0%, #0d281e 100%);
    color: #d9ab55;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.target-meta[b-sdfk9z6nrq] {
    display: flex;
    flex-direction: column;
}

.target-name[b-sdfk9z6nrq] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #0f172a;
}

.target-details[b-sdfk9z6nrq] {
    font-size: 0.8rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.target-price[b-sdfk9z6nrq] {
    font-family: var(--ik-font-mono, monospace);
    font-weight: 700;
    color: #0d281e;
}

.delete-modal-footer[b-sdfk9z6nrq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
}

.btn-modal-cancel[b-sdfk9z6nrq] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.65rem 1.35rem;
    border-radius: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-modal-cancel:hover:not(:disabled)[b-sdfk9z6nrq] {
    background: #e2e8f0;
    color: #0f172a;
}

.btn-modal-delete[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: #ffffff;
    border: 1px solid rgba(220, 38, 38, 0.4);
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.3);
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.65rem 1.4rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-modal-delete:hover:not(:disabled)[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    box-shadow: 0 8px 22px rgba(220, 38, 38, 0.45);
    transform: translateY(-2px);
}

.btn-modal-delete:disabled[b-sdfk9z6nrq],
.btn-modal-cancel:disabled[b-sdfk9z6nrq] {
    opacity: 0.5;
    cursor: not-allowed;
}

@keyframes animista-pulse-warning-b-sdfk9z6nrq {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.anim-pulse-warning[b-sdfk9z6nrq] {
    animation: animista-pulse-warning-b-sdfk9z6nrq 2s infinite;
}

.anim-fade-in[b-sdfk9z6nrq] {
    animation: animista-fade-in-b-sdfk9z6nrq 0.25s ease both;
}

/* High-Visibility Premium Alert System */
.alert-toast-container[b-sdfk9z6nrq] {
    animation: animista-bounce-in-top-b-sdfk9z6nrq 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    border-radius: 1.25rem;
    padding: 1.15rem 1.5rem;
    margin-bottom: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    box-shadow: 0 16px 36px -8px rgba(13, 40, 30, 0.12);
    position: relative;
    overflow: hidden;
}

/* Deletion Special Alert */
.alert-toast-delete[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
    border: 1.5px solid #f43f5e;
    box-shadow: 0 14px 35px -8px rgba(244, 63, 94, 0.28);
}

.alert-toast-delete .toast-accent-bar[b-sdfk9z6nrq] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
}

.alert-toast-delete .toast-icon-box[b-sdfk9z6nrq] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.85rem;
    background: #ffe4e6;
    color: #e11d48;
    border: 1px solid #fecdd3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2);
}

.alert-toast-delete .toast-title[b-sdfk9z6nrq] {
    font-family: var(--ik-font-display, "Playfair Display", serif);
    font-weight: 700;
    font-size: 1.05rem;
    color: #881337;
    margin-bottom: 0.15rem;
}

.alert-toast-delete .toast-body[b-sdfk9z6nrq] {
    font-size: 0.9rem;
    color: #9f1239;
    font-weight: 500;
}

/* Success Special Alert */
.alert-toast-success[b-sdfk9z6nrq] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1.5px solid #22c55e;
    box-shadow: 0 14px 35px -8px rgba(34, 197, 94, 0.22);
}

.alert-toast-success .toast-accent-bar[b-sdfk9z6nrq] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
}

.alert-toast-success .toast-icon-box[b-sdfk9z6nrq] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.85rem;
    background: #dcfce7;
    color: #16a34a;
    border: 1px solid #bbf7d0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2);
}

.alert-toast-success .toast-title[b-sdfk9z6nrq] {
    font-family: var(--ik-font-display, "Playfair Display", serif);
    font-weight: 700;
    font-size: 1.05rem;
    color: #14532d;
    margin-bottom: 0.15rem;
}

.alert-toast-success .toast-body[b-sdfk9z6nrq] {
    font-size: 0.9rem;
    color: #166534;
    font-weight: 500;
}

/* Close Button */
.toast-close-btn[b-sdfk9z6nrq] {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.toast-close-btn:hover[b-sdfk9z6nrq] {
    background: #ffffff;
    color: #0f172a;
    transform: scale(1.1);
}

.anim-scale-in[b-sdfk9z6nrq] {
    animation: animista-bounce-in-top-b-sdfk9z6nrq 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes animista-fade-in-b-sdfk9z6nrq {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Keyframe Animations */
@keyframes animista-bounce-in-top-b-sdfk9z6nrq {
    0% { transform: translateY(-30px) scale(0.95); opacity: 0; }
    60% { transform: translateY(4px) scale(1.01); opacity: 1; }
    100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes animista-flip-badge-b-sdfk9z6nrq {
    0% { transform: perspective(400px) rotateX(-90deg) scale(0.8); opacity: 0; }
    50% { transform: perspective(400px) rotateX(20deg) scale(1.1); opacity: 1; }
    75% { transform: perspective(400px) rotateX(-10deg) scale(0.98); }
    100% { transform: perspective(400px) rotateX(0deg) scale(1); opacity: 1; }
}

@keyframes animista-power-spin-b-sdfk9z6nrq {
    0% { transform: scale(1) rotate(0deg); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); }
    50% { transform: scale(1.35) rotate(180deg); box-shadow: 0 0 0 12px rgba(16, 185, 129, 0); }
    100% { transform: scale(1) rotate(360deg); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

@keyframes animista-row-glow-emerald-b-sdfk9z6nrq {
    0% { background-color: rgba(16, 185, 129, 0.28); }
    100% { background-color: transparent; }
}

@keyframes animista-row-glow-amber-b-sdfk9z6nrq {
    0% { background-color: rgba(245, 158, 11, 0.28); }
    100% { background-color: transparent; }
}

@keyframes animista-jello-horizontal-b-sdfk9z6nrq {
    0% { transform: scale(1, 1); }
    30% { transform: scale(1.15, 0.85); }
    40% { transform: scale(0.85, 1.15); }
    50% { transform: scale(1.08, 0.92); }
    65% { transform: scale(0.95, 1.05); }
    75% { transform: scale(1.02, 0.98); }
    100% { transform: scale(1, 1); }
}

.anim-badge-toggle[b-sdfk9z6nrq] {
    animation: animista-flip-badge-b-sdfk9z6nrq 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.anim-power-button[b-sdfk9z6nrq] {
    animation: animista-power-spin-b-sdfk9z6nrq 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.anim-jello-alert[b-sdfk9z6nrq] {
    animation: animista-jello-horizontal-b-sdfk9z6nrq 0.75s ease both;
}

.anim-row-activated td[b-sdfk9z6nrq] {
    animation: animista-row-glow-emerald-b-sdfk9z6nrq 1.25s ease-out both;
}

.anim-row-deactivated td[b-sdfk9z6nrq] {
    animation: animista-row-glow-amber-b-sdfk9z6nrq 1.25s ease-out both;
}
/* /Components/Pages/PublicCatalog.razor.rz.scp.css */
.public-catalog[b-1emiqxjifz] { --ink:#172016; --paper:#fffdf7; --brand:#125c3b; --line:#d9ddd3; --muted:#5e685d; color:var(--ink); background:var(--paper); min-height:100vh; padding-bottom:6rem; font-size:1rem; }
.catalog-container[b-1emiqxjifz] { width:100%; max-width:90rem; margin:0 auto; padding-left:1rem; padding-right:1rem; }
.catalog-header[b-1emiqxjifz] { position:sticky; top:0; z-index:10; background:var(--paper); border-bottom:1px solid var(--line); padding-top:env(safe-area-inset-top); }
.catalog-brand[b-1emiqxjifz] { display:flex; align-items:center; gap:1rem; padding-top:1rem; padding-bottom:.75rem; }.catalog-brand h1[b-1emiqxjifz],.product-body h2[b-1emiqxjifz],.cart-drawer h2[b-1emiqxjifz]{margin:0;font-size:1.25rem;line-height:1.2}.catalog-brand p[b-1emiqxjifz],.product-description[b-1emiqxjifz],.product-category[b-1emiqxjifz],.cart-line span[b-1emiqxjifz],.cart-drawer footer p[b-1emiqxjifz]{margin:.25rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.store-logo[b-1emiqxjifz]{width:4rem;height:4rem;object-fit:cover;border-radius:50%;border:1px solid var(--line)}
.catalog-search-wrap[b-1emiqxjifz]{border-top:1px solid var(--line);padding:.75rem 0}.catalog-search[b-1emiqxjifz],.product-variant[b-1emiqxjifz]{width:100%;min-height:2.75rem;border:1px solid #9ba59a;border-radius:.5rem;padding:.5rem .75rem;background:#fff;color:var(--ink)}.catalog-search:focus-visible[b-1emiqxjifz],.product-variant:focus-visible[b-1emiqxjifz],button:focus-visible[b-1emiqxjifz]{outline:3px solid #d49718;outline-offset:2px}
.catalog-categories[b-1emiqxjifz]{display:flex;gap:.5rem;overflow-x:auto;padding-top:.25rem;padding-bottom:.75rem;scrollbar-width:thin}.category-chip[b-1emiqxjifz],.add-button[b-1emiqxjifz],.cart-open[b-1emiqxjifz],.clear-button[b-1emiqxjifz],.remove-button[b-1emiqxjifz],.quantity-controls button[b-1emiqxjifz],.icon-button[b-1emiqxjifz]{min-height:2.75rem;border-radius:.5rem;border:1px solid var(--brand);padding:.5rem .75rem;background:#fff;color:var(--brand);font-weight:700;white-space:nowrap}.category-chip.active[b-1emiqxjifz],.add-button[b-1emiqxjifz],.cart-open[b-1emiqxjifz]{background:var(--brand);color:#fff}.category-chip:not(.active):hover[b-1emiqxjifz],.clear-button:hover[b-1emiqxjifz],.remove-button:hover[b-1emiqxjifz]{background:#edf4ef}.catalog-products[b-1emiqxjifz]{padding-top:1.25rem}.product-grid[b-1emiqxjifz]{display:grid;grid-template-columns:1fr;gap:1rem}.product-card[b-1emiqxjifz]{min-width:0;border:1px solid var(--line);border-radius:.75rem;overflow:hidden;background:#fff;display:flex;flex-direction:column}.product-image[b-1emiqxjifz]{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf1eb}.product-image-empty[b-1emiqxjifz]{display:grid;place-items:center;color:var(--muted);font-size:.875rem}.product-body[b-1emiqxjifz]{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1rem}.product-category[b-1emiqxjifz]{text-transform:uppercase;letter-spacing:.04em}.product-description[b-1emiqxjifz]{flex:1}.product-buy[b-1emiqxjifz]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.add-button:disabled[b-1emiqxjifz]{opacity:.55;cursor:not-allowed}.catalog-empty[b-1emiqxjifz],.catalog-notice[b-1emiqxjifz]{max-width:42rem;margin:4rem auto;padding:1.5rem;text-align:center}.catalog-notice h1[b-1emiqxjifz]{font-size:1.5rem}
.cart-bar[b-1emiqxjifz]{position:fixed;z-index:20;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:var(--ink);color:#fff;box-shadow:0 -4px 16px #0003}.cart-bar-content[b-1emiqxjifz]{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cart-open[b-1emiqxjifz]{background:#fff;color:var(--ink);border-color:#fff}.cart-backdrop[b-1emiqxjifz]{position:fixed;z-index:29;inset:0;background:#0008}.cart-drawer[b-1emiqxjifz]{position:fixed;z-index:30;right:0;bottom:0;left:0;max-height:min(86vh,44rem);overflow:auto;background:var(--paper);border-radius:1rem 1rem 0 0;padding:1rem;box-shadow:0 -8px 24px #0004}.cart-drawer header[b-1emiqxjifz],.cart-drawer footer[b-1emiqxjifz]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cart-drawer footer[b-1emiqxjifz]{align-items:flex-start;flex-wrap:wrap;margin-top:1rem}.cart-drawer footer p[b-1emiqxjifz]{width:100%}.icon-button[b-1emiqxjifz]{min-width:2.75rem;font-size:1.5rem;line-height:1;padding:.25rem}.cart-lines[b-1emiqxjifz]{display:grid;gap:.75rem;margin-top:1rem}.cart-line[b-1emiqxjifz]{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.75rem}.cart-line>div:first-child[b-1emiqxjifz]{display:grid;gap:.15rem}.quantity-controls[b-1emiqxjifz]{display:flex;align-items:center;gap:.5rem}.quantity-controls button[b-1emiqxjifz]{min-width:2.75rem;padding:.25rem}.quantity-controls .remove-button[b-1emiqxjifz]{min-width:auto}.clear-button[b-1emiqxjifz],.remove-button[b-1emiqxjifz]{border-color:#9a4023;color:#7d321b}
@media (min-width:576px){.product-grid[b-1emiqxjifz]{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-drawer[b-1emiqxjifz]{left:auto;width:min(32rem,100%)}}
@media (min-width:768px){.catalog-brand h1[b-1emiqxjifz]{font-size:1.5rem}.catalog-products[b-1emiqxjifz]{padding-top:1.5rem}}
@media (min-width:992px){.product-grid[b-1emiqxjifz]{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-container[b-1emiqxjifz]{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1200px){.product-grid[b-1emiqxjifz]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*[b-1emiqxjifz],*[b-1emiqxjifz]::before,*[b-1emiqxjifz]::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.checkout-button[b-1emiqxjifz]{min-height:2.75rem;border:1px solid var(--brand);border-radius:.5rem;padding:.5rem .75rem;background:var(--brand);color:#fff;font-weight:700}.checkout-button:disabled[b-1emiqxjifz]{opacity:.55;cursor:not-allowed}.checkout-form[b-1emiqxjifz]{display:grid;gap:.75rem;width:100%;margin-top:.5rem}.checkout-form h3[b-1emiqxjifz]{margin:0}.checkout-form label[b-1emiqxjifz]{display:grid;gap:.25rem;font-weight:700}.checkout-form input[b-1emiqxjifz],.checkout-form textarea[b-1emiqxjifz]{width:100%;min-height:2.75rem;border:1px solid #9ba59a;border-radius:.5rem;padding:.5rem .75rem}.checkout-form textarea[b-1emiqxjifz]{min-height:5rem;resize:vertical}.checkout-error[b-1emiqxjifz]{color:#9a4023;font-weight:700}

.cart-drawer[b-1emiqxjifz] {
    max-height: min(86dvh, 44rem);
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.cart-drawer header[b-1emiqxjifz] {
    position: sticky;
    top: -1rem;
    z-index: 2;
    margin: -1rem -1rem 0;
    padding: 1rem;
    border-bottom: 1px solid var(--line);
    background: var(--paper);
}
/* /Components/Pages/StoreSettings.razor.rz.scp.css */
.store-settings-page[b-5ii8cbfp4m] {
    width: 100%;
    max-width: 82rem;
    margin: 0 auto;
    padding-bottom: 5rem;
    color: var(--ik-color-ink);
}

.page-header-container[b-5ii8cbfp4m] { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 2rem; }
.header-left[b-5ii8cbfp4m] { display: flex; flex-direction: column; gap: .35rem; }
.eyebrow[b-5ii8cbfp4m], .section-kicker[b-5ii8cbfp4m] { margin: 0; color: #a57522; font-family: var(--ik-font-mono, monospace); font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
.title-with-badge[b-5ii8cbfp4m] { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; }
.page-title[b-5ii8cbfp4m] { margin: 0; color: #10261e; font-family: var(--ik-font-display, "Playfair Display", Georgia, serif); font-size: clamp(2.25rem,5vw,3rem); font-weight: 700; line-height: 1.06; }
.identity-badge[b-5ii8cbfp4m] { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem .76rem; border: 1px solid rgba(20,56,44,.14); border-radius: 999px; background: rgba(20,56,44,.06); color: #14382c; font-size: .78rem; font-weight: 700; }
.page-subtitle[b-5ii8cbfp4m] { max-width: 48rem; margin: 0; color: #718096; font-size: 1rem; line-height: 1.55; }

.ik-glass-panel[b-5ii8cbfp4m] { border: 1px solid rgba(20,56,44,.08); border-radius: 1.25rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 40px -15px rgba(20,56,44,.05),0 0 1px rgba(0,0,0,.05); backdrop-filter: blur(20px); }
.loading-state[b-5ii8cbfp4m] { display: flex; min-height: 13rem; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; }
.loading-state p[b-5ii8cbfp4m] { margin: 0; color: #718096; font-weight: 650; }

.settings-toast[b-5ii8cbfp4m] { position: relative; display: flex; align-items: center; gap: .85rem; overflow: hidden; margin-bottom: 1.5rem; padding: 1rem 1.2rem; border: 1px solid; border-radius: 1.1rem; box-shadow: 0 14px 35px -12px rgba(20,56,44,.2); }
.toast-accent[b-5ii8cbfp4m] { position: absolute; inset: 0 auto 0 0; width: .35rem; }
.toast-icon[b-5ii8cbfp4m] { display: inline-flex; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid; border-radius: .8rem; }
.toast-copy[b-5ii8cbfp4m] { display: flex; min-width: 0; flex-direction: column; gap: .1rem; }
.toast-copy strong[b-5ii8cbfp4m] { font-family: var(--ik-font-display, Georgia, serif); }
.toast-copy span[b-5ii8cbfp4m] { font-size: .86rem; }
.settings-toast-success[b-5ii8cbfp4m] { border-color: #86d9b8; background: linear-gradient(135deg,#f0fdf4,#e7f9ef); color: #166534; }
.settings-toast-success .toast-accent[b-5ii8cbfp4m] { background: #16a34a; }
.settings-toast-success .toast-icon[b-5ii8cbfp4m] { border-color: #bbf7d0; background: #dcfce7; color: #16a34a; }
.settings-toast-error[b-5ii8cbfp4m] { border-color: #fecaca; background: linear-gradient(135deg,#fff5f5,#fff0f0); color: #991b1b; }
.settings-toast-error .toast-accent[b-5ii8cbfp4m] { background: #dc2626; }
.settings-toast-error .toast-icon[b-5ii8cbfp4m] { border-color: #fecaca; background: #fee2e2; color: #dc2626; }

.settings-overview-grid[b-5ii8cbfp4m] { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.overview-card[b-5ii8cbfp4m] { display: flex; min-width: 0; align-items: center; gap: 1rem; padding: 1.15rem 1.25rem; transition: transform .25s ease,box-shadow .25s ease; }
.overview-card:hover[b-5ii8cbfp4m] { transform: translateY(-2px); box-shadow: 0 12px 28px -10px rgba(20,56,44,.1); }
.overview-icon[b-5ii8cbfp4m] { display: inline-flex; width: 3.15rem; height: 3.15rem; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid; border-radius: 1rem; }
.overview-icon.gold[b-5ii8cbfp4m] { border-color: rgba(217,171,85,.35); background: rgba(217,171,85,.1); color: #ad7b20; }
.overview-icon.emerald[b-5ii8cbfp4m] { border-color: rgba(16,185,129,.25); background: rgba(16,185,129,.09); color: #059669; }
.overview-icon.brand[b-5ii8cbfp4m] { border-color: rgba(20,56,44,.16); background: rgba(20,56,44,.07); color: #14382c; }
.overview-copy[b-5ii8cbfp4m] { display: flex; min-width: 0; flex-direction: column; gap: .18rem; }
.overview-copy small[b-5ii8cbfp4m] { color: #78879a; font-size: .7rem; font-weight: 800; letter-spacing: .07em; }
.overview-copy strong[b-5ii8cbfp4m] { overflow: hidden; color: #10261e; font-size: .92rem; text-overflow: ellipsis; white-space: nowrap; }

.settings-workspace[b-5ii8cbfp4m] { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.25rem; align-items: start; }
.settings-form-card[b-5ii8cbfp4m], .logo-card[b-5ii8cbfp4m] { padding: 1.25rem; }
.settings-form-card[b-5ii8cbfp4m] { background: linear-gradient(145deg,rgba(255,255,255,.95),rgba(251,248,242,.9)); }
.section-heading[b-5ii8cbfp4m] { display: flex; align-items: flex-start; gap: .9rem; margin-bottom: 1.5rem; }
.section-heading.compact[b-5ii8cbfp4m] { margin-bottom: .8rem; }
.section-number[b-5ii8cbfp4m] { display: inline-flex; width: 2.8rem; height: 2.8rem; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid rgba(217,171,85,.3); border-radius: .9rem; background: rgba(217,171,85,.1); color: #9a7025; font-family: var(--ik-font-mono, monospace); font-size: .78rem; font-weight: 800; }
.section-kicker[b-5ii8cbfp4m] { margin-bottom: .2rem; font-size: .66rem; }
.section-heading h2[b-5ii8cbfp4m] { margin: 0; color: #10261e; font-family: var(--ik-font-display, Georgia, serif); font-size: 1.3rem; font-weight: 700; }
.section-heading p:last-child[b-5ii8cbfp4m] { margin: .2rem 0 0; color: #718096; font-size: .86rem; line-height: 1.45; }

.validation-summary[b-5ii8cbfp4m] { margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid #fecaca; border-radius: .8rem; background: #fff5f5; color: #b91c1c; font-size: .84rem; }
.validation-summary:empty[b-5ii8cbfp4m] { display: none; }
.form-section-grid[b-5ii8cbfp4m] { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.15rem; }
.field-group[b-5ii8cbfp4m] { display: flex; min-width: 0; flex-direction: column; }
.field-group label[b-5ii8cbfp4m], .upload-label[b-5ii8cbfp4m] { margin-bottom: .45rem; color: #1c3029; font-size: .86rem; font-weight: 750; }
.field-shell[b-5ii8cbfp4m] { position: relative; min-width: 0; }
.field-icon[b-5ii8cbfp4m] { position: absolute; top: 50%; left: 1rem; z-index: 1; color: #8291a5; transform: translateY(-50%); pointer-events: none; }
[b-5ii8cbfp4m] .premium-input, [b-5ii8cbfp4m] .premium-textarea { display: block; width: 100%; border: 1px solid #d8e2e9; background: rgba(255,255,255,.95); color: #172b24; font-size: .95rem; outline: none; box-shadow: 0 4px 12px -11px rgba(20,56,44,.35); transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
[b-5ii8cbfp4m] .premium-input { min-height: 3.25rem; padding: .75rem 1rem .75rem 2.9rem; border-radius: .9rem; }
[b-5ii8cbfp4m] .premium-textarea { min-height: 8.2rem; resize: vertical; padding: .9rem 1rem; border-radius: .95rem; line-height: 1.55; }
[b-5ii8cbfp4m] .premium-input:focus, [b-5ii8cbfp4m] .premium-textarea:focus { border-color: rgba(20,56,44,.52); background: #fff; box-shadow: 0 0 0 .22rem rgba(20,56,44,.09),0 8px 20px -14px rgba(20,56,44,.45); }
.field-help[b-5ii8cbfp4m] { margin-top: .4rem; color: #78879a; font-size: .76rem; line-height: 1.45; }
[b-5ii8cbfp4m] .validation-message { margin-top: .4rem; color: #dc2626; font-size: .78rem; font-weight: 650; }
.slug-shell[b-5ii8cbfp4m] { display: grid; min-width: 0; overflow: hidden; grid-template-columns: max-content minmax(0,1fr); border: 1px solid #d8e2e9; border-radius: .9rem; background: rgba(255,255,255,.95); box-shadow: 0 4px 12px -11px rgba(20,56,44,.35); transition: border-color .2s ease,box-shadow .2s ease; }
.slug-shell:focus-within[b-5ii8cbfp4m] { border-color: rgba(20,56,44,.52); box-shadow: 0 0 0 .22rem rgba(20,56,44,.09),0 8px 20px -14px rgba(20,56,44,.45); }
.slug-prefix[b-5ii8cbfp4m] { display: inline-flex; align-items: center; padding: 0 .85rem; border-right: 1px solid #e2e8f0; background: #f5f7f6; color: #718096; font-family: var(--ik-font-mono, monospace); font-size: .78rem; white-space: nowrap; }
[b-5ii8cbfp4m] .slug-input { min-width: 0; padding-left: .9rem; border: 0; border-radius: 0; box-shadow: none; font-family: var(--ik-font-mono, monospace); }
[b-5ii8cbfp4m] .slug-input:focus { box-shadow: none; }
.label-row[b-5ii8cbfp4m] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .35rem; }
.label-row span[b-5ii8cbfp4m] { margin-bottom: .45rem; color: #8a98aa; font-size: .72rem; font-weight: 650; }
.form-footer[b-5ii8cbfp4m] { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(20,56,44,.08); }
.save-note[b-5ii8cbfp4m] { display: inline-flex; align-items: center; gap: .45rem; color: #758498; font-size: .76rem; }
.save-note svg[b-5ii8cbfp4m] { color: #059669; }
.btn-brand[b-5ii8cbfp4m] { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .5rem; padding: .75rem 1.35rem; border: 1px solid rgba(217,171,85,.35); border-radius: .9rem; background: linear-gradient(135deg,#14382c,#0b291f); box-shadow: 0 8px 18px -8px rgba(13,40,30,.65); color: #fff; font-size: .9rem; font-weight: 750; transition: transform .2s ease,box-shadow .2s ease; }
.btn-brand:hover:not(:disabled)[b-5ii8cbfp4m] { transform: translateY(-2px); box-shadow: 0 12px 24px -9px rgba(13,40,30,.72); }
button:disabled[b-5ii8cbfp4m], [b-5ii8cbfp4m] input:disabled { cursor: not-allowed; opacity: .5; }

.logo-card[b-5ii8cbfp4m] { background: linear-gradient(155deg,rgba(255,255,255,.96),rgba(246,249,247,.9)); }
.logo-description[b-5ii8cbfp4m] { margin: 0 0 1.15rem; color: #718096; font-size: .86rem; line-height: 1.55; }
.logo-stage[b-5ii8cbfp4m] { position: relative; display: flex; min-height: 15rem; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 1rem; padding: 1.2rem; border: 1.5px dashed rgba(217,171,85,.45); border-radius: 1.15rem; background: radial-gradient(circle at 50% 35%,rgba(217,171,85,.12),rgba(248,250,249,.85) 60%); text-align: center; }
.logo-stage[b-5ii8cbfp4m]::before { position: absolute; width: 8rem; height: 8rem; border: 1px solid rgba(217,171,85,.13); border-radius: 50%; content: ""; }
.logo-stage.has-logo[b-5ii8cbfp4m]::before { width: 13rem; height: 13rem; }
.logo-placeholder-icon[b-5ii8cbfp4m] { z-index: 1; display: inline-flex; width: 4.5rem; height: 4.5rem; align-items: center; justify-content: center; margin-bottom: .8rem; border: 1px solid rgba(217,171,85,.27); border-radius: 1.2rem; background: rgba(255,255,255,.86); color: #a57522; box-shadow: 0 10px 26px -16px rgba(20,56,44,.4); }
.logo-stage > strong[b-5ii8cbfp4m] { z-index: 1; color: #20372f; font-family: var(--ik-font-display, Georgia, serif); font-size: 1.05rem; }
.logo-stage > span:last-child[b-5ii8cbfp4m] { z-index: 1; margin-top: .25rem; color: #7d8b9d; font-size: .78rem; }
.store-logo-preview[b-5ii8cbfp4m] { z-index: 1; width: 11.5rem; height: 11.5rem; border: .55rem solid rgba(255,255,255,.94); border-radius: 1.25rem; object-fit: cover; box-shadow: 0 18px 35px -16px rgba(20,56,44,.38); }
.logo-live-badge[b-5ii8cbfp4m] { position: absolute; z-index: 2; right: .8rem; bottom: .8rem; display: inline-flex; align-items: center; gap: .4rem; padding: .38rem .65rem; border: 1px solid rgba(16,185,129,.28); border-radius: 999px; background: rgba(236,253,245,.92); color: #067a5b; font-size: .72rem; font-weight: 750; }
.logo-live-badge span[b-5ii8cbfp4m] { width: .42rem; height: .42rem; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 .18rem rgba(16,185,129,.12); }
.upload-guidance[b-5ii8cbfp4m] { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
.upload-guidance span[b-5ii8cbfp4m] { padding: .32rem .55rem; border: 1px solid #e1e8ec; border-radius: 999px; background: #f7f9f8; color: #6f7f91; font-size: .68rem; font-weight: 700; }
.upload-label[b-5ii8cbfp4m] { display: block; }
[b-5ii8cbfp4m] .premium-file-input { display: block; width: 100%; min-height: 3.25rem; overflow: hidden; border: 1px solid #d8e2e9; border-radius: .9rem; background: #fff; color: #637286; font-size: .78rem; }
[b-5ii8cbfp4m] .premium-file-input::file-selector-button { min-height: 3.15rem; margin-right: .8rem; padding: 0 1rem; border: 0; border-right: 1px solid #d8e2e9; background: #f4f7f5; color: #14382c; font-weight: 750; cursor: pointer; }
.btn-remove-logo[b-5ii8cbfp4m] { display: inline-flex; width: 100%; min-height: 3rem; align-items: center; justify-content: center; gap: .45rem; margin-top: .75rem; padding: .65rem 1rem; border: 1px solid #fecaca; border-radius: .85rem; background: #fff7f7; color: #c92a2a; font-size: .84rem; font-weight: 750; transition: background .2s ease,border-color .2s ease; }
.btn-remove-logo:hover:not(:disabled)[b-5ii8cbfp4m] { border-color: #ef4444; background: #fff0f0; }

@media (min-width: 576px) {
    .settings-form-card[b-5ii8cbfp4m], .logo-card[b-5ii8cbfp4m] { padding: 1.5rem; }
    .form-footer[b-5ii8cbfp4m] { flex-direction: row; align-items: center; justify-content: space-between; }
    .btn-brand[b-5ii8cbfp4m] { min-width: 12rem; }
}

@media (min-width: 768px) {
    .settings-overview-grid[b-5ii8cbfp4m] { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; margin-bottom: 1.75rem; }
    .form-section-grid[b-5ii8cbfp4m] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .field-wide[b-5ii8cbfp4m] { grid-column: 1 / -1; }
    .settings-form-card[b-5ii8cbfp4m], .logo-card[b-5ii8cbfp4m] { padding: 1.75rem; }
}

@media (min-width: 1200px) {
    .settings-workspace[b-5ii8cbfp4m] { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .settings-form-card[b-5ii8cbfp4m] { grid-column: span 2; }
    .logo-card[b-5ii8cbfp4m] { position: sticky; top: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .overview-card[b-5ii8cbfp4m], .btn-brand[b-5ii8cbfp4m] { transition: none; }
    .overview-card:hover[b-5ii8cbfp4m], .btn-brand:hover:not(:disabled)[b-5ii8cbfp4m] { transform: none; }
}
/* /Components/Pages/Subscription.razor.rz.scp.css */
.billing-page[b-6t9guhb6vw] {
    width: 100%;
    max-width: 78rem;
    margin: 0 auto;
    color: var(--ik-color-ink);
}

.border-gold-highlight[b-6t9guhb6vw] {
    border: 2px solid var(--ik-color-gold) !important;
    box-shadow: 0 16px 36px -10px rgba(217, 171, 85, 0.25) !important;
}

.plan-card.current-plan[b-6t9guhb6vw] {
    border-color: rgba(27, 94, 67, 0.28);
}

.btn-current-plan[b-6t9guhb6vw],
.btn-current-plan:disabled[b-6t9guhb6vw] {
    min-height: 2.75rem;
    color: var(--ik-color-emerald, #1b5e43);
    background: rgba(27, 94, 67, 0.08);
    border: 1px solid rgba(27, 94, 67, 0.22);
    opacity: 1;
    cursor: not-allowed;
}

.modal-backdrop[b-6t9guhb6vw] {
    position: fixed;
    inset: 0;
    background: rgba(10, 33, 25, 0.65);
    backdrop-filter: blur(8px);
    z-index: 1040;
}

.billing-dialog[b-6t9guhb6vw], .checkout-dialog[b-6t9guhb6vw] {
    position: fixed;
    z-index: 1050;
    inset: auto 1rem 1rem 1rem;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: var(--ik-radius-lg);
    padding: 1.25rem;
    background: var(--ik-color-surface, #fff);
    overscroll-behavior: contain;
    animation: billing-dialog-in-b-6t9guhb6vw .25s cubic-bezier(.16, 1, .3, 1) both;
}

.checkout-dialog iframe[b-6t9guhb6vw] {
    width: 100%;
    height: 35rem;
    border: 0;
    border-radius: var(--ik-radius-md);
}

@keyframes billing-dialog-in-b-6t9guhb6vw {
    from { opacity: 0; scale: .97; }
    to { opacity: 1; scale: 1; }
}

@media (max-width: 767.98px) {
    .billing-dialog[b-6t9guhb6vw], .checkout-dialog[b-6t9guhb6vw] {
        max-height: calc(100dvh - 2rem);
    }

    .checkout-dialog iframe[b-6t9guhb6vw] {
        height: min(35rem, calc(100dvh - 8rem));
    }
}

@media (min-width: 768px) {
    .billing-dialog[b-6t9guhb6vw], .checkout-dialog[b-6t9guhb6vw] {
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%);
        width: min(44rem, 92vw);
        max-height: 85vh;
    }
}