/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-2y385il42p] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 18px;
    min-height: 100vh;
    padding: 18px;
}

.main[b-2y385il42p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.scrim[b-2y385il42p] { display: none; }

@media (max-width: 860px) {
    .shell[b-2y385il42p] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    .scrim[b-2y385il42p] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 39;
        background: rgba(2, 7, 5, .55);
        backdrop-filter: blur(4px);
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public[b-c15a8mhfn7] {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-pagryvabua],
.components-reconnect-repeated-attempt-visible[b-pagryvabua],
.components-reconnect-failed-visible[b-pagryvabua],
.components-pause-visible[b-pagryvabua],
.components-resume-failed-visible[b-pagryvabua],
.components-rejoining-animation[b-pagryvabua] {
    display: none;
}

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


#components-reconnect-modal[b-pagryvabua] {
    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-pagryvabua 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-pagryvabua {
    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/Layout/Sidebar.razor.rz.scp.css */
.side[b-ereza8991i] {
    position: sticky;
    top: 18px;
    height: calc(100vh - 36px);
    display: flex;
    flex-direction: column;
    padding: 22px 16px;
    overflow-y: auto;
}

/* ---------- brand ---------- */
.brand[b-ereza8991i] { display: flex; align-items: center; gap: 12px; padding: 0 8px 26px; }
.brand img[b-ereza8991i] { width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(255, 122, 26, .35); }
.brand b[b-ereza8991i] { font-weight: 600; letter-spacing: .14em; font-size: 15px; }
.brand small[b-ereza8991i] { display: block; color: var(--faint); font-size: 11px; letter-spacing: .24em; margin-top: 2px; }
.brand .close[b-ereza8991i] { display: none; margin-left: auto; }

/* ---------- navigation ---------- */
.nav-label[b-ereza8991i] { font-size: 10.5px; letter-spacing: .2em; color: var(--faint); padding: 0 12px 10px; text-transform: uppercase; }

.nav[b-ereza8991i]  a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    margin-bottom: 4px;
    border-radius: 14px;
    border: 1px solid transparent;
    color: var(--muted);
    text-decoration: none;
    font-size: 14.5px;
    transition: .2s;
}
.nav[b-ereza8991i]  a:hover { background: var(--glass); color: var(--text); }
.nav[b-ereza8991i]  a.active { background: var(--glass-2); border-color: var(--line); color: var(--text); }
.nav[b-ereza8991i]  a.active::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    width: 3px;
    height: 20px;
    margin-top: -10px;
    border-radius: 0 3px 3px 0;
    background: var(--orange);
}
.nav[b-ereza8991i]  a.active svg { color: var(--orange); }
.nav[b-ereza8991i]  .pill { margin-left: auto; font-size: 11px; background: var(--glass-3); padding: 2px 8px; border-radius: 20px; color: var(--text); }

/* ---------- footer ---------- */
.foot[b-ereza8991i] { margin-top: auto; padding-top: 20px; }

.upgrade[b-ereza8991i] {
    padding: 16px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(255, 122, 26, .16), rgba(255, 122, 26, .03));
    border: 1px solid rgba(255, 122, 26, .25);
}
.upgrade b[b-ereza8991i] { font-weight: 600; font-size: 14px; display: flex; gap: 8px; align-items: center; }
.upgrade b[b-ereza8991i]  svg { color: var(--orange); }
.upgrade p[b-ereza8991i] { font-size: 12.5px; color: var(--muted); margin: 6px 0 12px; line-height: 1.45; }

.me[b-ereza8991i] { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 16px; background: var(--glass); border: 1px solid var(--line); }
.avatar[b-ereza8991i] {
    flex: none; width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center;
    font-weight: 600; font-size: 13px; background: linear-gradient(135deg, var(--forest-3), var(--forest-2)); border: 1px solid var(--line-2);
}
.who[b-ereza8991i] { flex: 1; min-width: 0; }
.who strong[b-ereza8991i] { display: block; font-size: 13.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.who span[b-ereza8991i] { display: block; font-size: 11.5px; color: var(--faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.me .icon-btn[b-ereza8991i] { width: 34px; height: 34px; }

/* ---------- mobile drawer ---------- */
@media (max-width: 860px) {
    .side[b-ereza8991i] {
        position: fixed;
        top: 12px;
        bottom: 12px;
        left: 12px;
        z-index: 40;
        width: 270px;
        height: auto;
        background: rgba(8, 20, 14, .9);
        transform: translateX(-120%);
        transition: transform .3s ease;
    }
    .side.open[b-ereza8991i] { transform: none; }
    .brand .close[b-ereza8991i] { display: grid; }
}

.me form[b-ereza8991i] { display: contents; }
/* /Components/Layout/TopBar.razor.rz.scp.css */
.top[b-28twsn7u4r] {
    position: sticky;
    top: 18px;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 12px 14px 12px 22px;
}

.heading[b-28twsn7u4r] { min-width: 0; }
.heading[b-28twsn7u4r]  .crumbs { font-size: 12.5px; color: var(--faint); display: flex; gap: 6px; align-items: center; }
.heading[b-28twsn7u4r]  .crumbs a { text-decoration: none; }
.heading[b-28twsn7u4r]  .crumbs a:hover { color: var(--text); }
.heading[b-28twsn7u4r]  .crumbs em { font-style: normal; color: var(--orange-2); }
.heading[b-28twsn7u4r]  h1 { font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.spacer[b-28twsn7u4r] { flex: 1; }
.actions[b-28twsn7u4r] { display: flex; gap: 10px; }

.search[b-28twsn7u4r] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 260px;
    height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    background: var(--glass);
    border: 1px solid var(--line);
    color: var(--faint);
}
.search:focus-within[b-28twsn7u4r] { border-color: rgba(255, 122, 26, .45); }
.search input[b-28twsn7u4r] { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: var(--text); font-size: 14px; }
.search input[b-28twsn7u4r]::placeholder { color: var(--faint); }
.search kbd[b-28twsn7u4r] { font-family: inherit; font-size: 11px; border: 1px solid var(--line-2); border-radius: 6px; padding: 1px 6px; }

.menu[b-28twsn7u4r] { display: none; }

@media (max-width: 1280px) {
    .search[b-28twsn7u4r] { width: 200px; }
}

@media (max-width: 1100px) {
    .search[b-28twsn7u4r] { display: none; }
}

@media (max-width: 860px) {
    .top[b-28twsn7u4r] { top: 12px; padding: 10px 12px; min-height: 60px; }
    .menu[b-28twsn7u4r] { display: grid; }
    .hide-sm[b-28twsn7u4r] { display: none; }
    .heading[b-28twsn7u4r]  .crumbs { display: none; }
    .heading[b-28twsn7u4r]  h1 { font-size: 18px; }
    .actions[b-28twsn7u4r]  .btn .label { display: none; }
    .actions[b-28twsn7u4r]  .btn { padding: 0 12px; }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.stats[b-84gcf6ea70] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.stat[b-84gcf6ea70] { padding: 16px 18px; }
.stat .top[b-84gcf6ea70] { font-size: 12.5px; color: var(--muted); }
.stat .value[b-84gcf6ea70] { font-size: 26px; font-weight: 600; margin-top: 4px; }

.searchbox input[b-84gcf6ea70] {
    width: 100%; height: 42px; padding: 0 14px; margin-bottom: 14px; border-radius: 14px;
    background: var(--field); border: 1px solid var(--line); color: var(--text); font: inherit;
}
.searchbox input:focus[b-84gcf6ea70] { outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-ring); }

.table-wrap[b-84gcf6ea70] { overflow-x: auto; }
table[b-84gcf6ea70] { width: 100%; border-collapse: collapse; font-size: 13.5px; }
th[b-84gcf6ea70] { text-align: left; font-weight: 500; font-size: 12px; color: var(--faint); padding: 8px 12px; white-space: nowrap; }
td[b-84gcf6ea70] { padding: 11px 12px; border-top: 1px solid var(--line); vertical-align: middle; }
td small[b-84gcf6ea70] { display: block; color: var(--faint); font-size: 12px; margin-top: 1px; }
td small a[b-84gcf6ea70] { color: var(--orange-2); }
td.end[b-84gcf6ea70], th.end[b-84gcf6ea70] { text-align: right; white-space: nowrap; }
td.end .btn + .btn[b-84gcf6ea70] { margin-left: 6px; }
tr.sel td[b-84gcf6ea70] { background: var(--glass); }

.sub[b-84gcf6ea70] { font-size: 14px; margin: 20px 0 8px; }
.none[b-84gcf6ea70] { color: var(--muted); font-size: 13px; }

.tag[b-84gcf6ea70] { margin-left: 8px; font-size: 11px; padding: 2px 8px; border-radius: 20px; background: var(--orange-soft); color: var(--orange-2); }
.st[b-84gcf6ea70] { display: inline-block; font-size: 11.5px; padding: 3px 10px; border-radius: 20px; border: 1px solid var(--line); white-space: nowrap; }
.st + .st[b-84gcf6ea70] { margin-left: 6px; }
.st.active[b-84gcf6ea70] { color: var(--good); border-color: rgba(74, 222, 128, .3); background: rgba(74, 222, 128, .08); }
.st.trial[b-84gcf6ea70], .st.pending[b-84gcf6ea70] { color: var(--orange-2); border-color: rgba(255, 122, 26, .3); background: var(--orange-soft); }
.st.expired[b-84gcf6ea70] { color: var(--danger); border-color: rgba(248, 113, 113, .35); background: rgba(248, 113, 113, .08); }

@media (max-width: 860px) { .stats[b-84gcf6ea70] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Analytics.razor.rz.scp.css */
.filters[b-485kbz9e8u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px;
}

.picker[b-485kbz9e8u] { min-width: 280px; height: 44px; }

.row-3[b-485kbz9e8u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.tip[b-485kbz9e8u] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 20px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--muted);
    background: var(--orange-soft);
    border: 1px solid rgba(255, 122, 26, .22);
}
.tip[b-485kbz9e8u]  svg { color: var(--orange); margin-top: 2px; }
.tip b[b-485kbz9e8u] { color: var(--text); font-weight: 600; }

@media (max-width: 1100px) {
    .row-3[b-485kbz9e8u] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .picker[b-485kbz9e8u] { min-width: 0; width: 100%; }
    .segmented[b-485kbz9e8u] { width: 100%; }
    .segmented button[b-485kbz9e8u] { flex: 1; }
}
/* /Components/Pages/CardEditor.razor.rz.scp.css */
.work[b-yfti5mnpg5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 18px;
    align-items: start;
    animation: fade-up .35s ease;
}

/* ================= editor ================= */
.editor[b-yfti5mnpg5] { overflow: hidden; }

.ed-head[b-yfti5mnpg5] { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-bottom: 1px solid var(--line); }
.ed-head h2[b-yfti5mnpg5] { font-size: 18px; }
.ed-head p[b-yfti5mnpg5] { color: var(--muted); font-size: 13.5px; margin-top: 3px; }

.ring[b-yfti5mnpg5] { position: relative; width: 58px; height: 58px; flex: none; }
.ring svg[b-yfti5mnpg5] { width: 58px; height: 58px; transform: rotate(-90deg); }
.ring circle[b-yfti5mnpg5] { fill: none; stroke-width: 5; }
.ring .track[b-yfti5mnpg5] { stroke: rgba(255, 255, 255, .08); }
.ring .bar[b-yfti5mnpg5] { stroke: var(--orange); stroke-linecap: round; transition: stroke-dashoffset .5s; }
.ring span[b-yfti5mnpg5] { position: absolute; inset: 0; display: grid; place-items: center; font-size: 13.5px; font-weight: 600; }

.publish[b-yfti5mnpg5] { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); }

/* ---------- steps ---------- */
.steps[b-yfti5mnpg5] { display: flex; gap: 6px; padding: 14px 18px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.steps[b-yfti5mnpg5]::-webkit-scrollbar { display: none; }
.step[b-yfti5mnpg5] {
    display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 14px;
    border: 1px solid transparent; background: none; color: var(--muted); font-size: 14px; white-space: nowrap; cursor: pointer; transition: .2s;
}
.step:hover[b-yfti5mnpg5] { color: var(--text); }
.step .n[b-yfti5mnpg5] {
    width: 22px; height: 22px; border-radius: 8px; display: grid; place-items: center;
    font-size: 11.5px; font-weight: 600; background: var(--glass-2); border: 1px solid var(--line);
}
.step.on[b-yfti5mnpg5] { background: var(--glass-2); border-color: var(--line); color: var(--text); }
.step.on .n[b-yfti5mnpg5] { background: var(--orange); border-color: transparent; color: var(--on-orange); }
.step.done .n[b-yfti5mnpg5] { background: rgba(255, 255, 255, .9); border-color: transparent; color: #08130E; }

.pane[b-yfti5mnpg5] { padding: 26px; animation: fade-up .3s ease; }
.group[b-yfti5mnpg5] { margin-bottom: 26px; }
.group:last-child[b-yfti5mnpg5] { margin-bottom: 0; }
.g-title[b-yfti5mnpg5] { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.g-title h3[b-yfti5mnpg5] { font-size: 15px; }
.g-title p[b-yfti5mnpg5] { margin-left: auto; font-size: 12.5px; color: var(--faint); }

.same[b-yfti5mnpg5] { height: 30px; padding: 0 10px; font-size: 12px; }

/* ---------- photo ---------- */
.photo[b-yfti5mnpg5] { display: flex; align-items: center; gap: 20px; padding: 18px; border-radius: 18px; border: 1px dashed var(--line-2); background: rgba(0, 0, 0, .15); }
.photo img[b-yfti5mnpg5], .photo .ph[b-yfti5mnpg5] { width: 84px; height: 84px; flex: none; border-radius: 24px; object-fit: cover; border: 1px solid rgba(255, 122, 26, .4); background: #000; }
.photo .ph[b-yfti5mnpg5] { display: grid; place-items: center; font-size: 26px; font-weight: 600; background: linear-gradient(135deg, var(--forest-3), var(--forest-1)); }
.photo b[b-yfti5mnpg5] { font-weight: 500; font-size: 15px; }
.photo p[b-yfti5mnpg5] { font-size: 12.5px; color: var(--faint); margin: 3px 0 12px; }
.photo .row[b-yfti5mnpg5] { display: flex; gap: 8px; }
.photo .btn[b-yfti5mnpg5] { position: relative; }
.photo .err[b-yfti5mnpg5] { font-size: 12px; color: var(--danger); margin-top: 8px; }

/* ---------- socials ---------- */
.socials[b-yfti5mnpg5] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.soc[b-yfti5mnpg5] {
    display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 12px;
    border-radius: 16px; background: rgba(0, 0, 0, .2); border: 1px solid var(--line); cursor: text; transition: .2s;
}
.soc:focus-within[b-yfti5mnpg5] { border-color: rgba(255, 122, 26, .55); box-shadow: 0 0 0 4px var(--orange-ring); }
.sico[b-yfti5mnpg5] { width: 38px; height: 38px; flex: none; border-radius: 12px; display: grid; place-items: center; background: var(--glass-2); border: 1px solid var(--line); }
.stxt[b-yfti5mnpg5] { flex: 1; min-width: 0; }
.stxt small[b-yfti5mnpg5] { display: block; font-size: 11.5px; color: var(--faint); }
.stxt input[b-yfti5mnpg5] { width: 100%; padding-top: 1px; background: none; border: 0; outline: 0; color: var(--text); font-size: 14px; }
.stxt input[b-yfti5mnpg5]::placeholder { color: rgba(226, 240, 232, .25); }
.state[b-yfti5mnpg5] { width: 8px; height: 8px; flex: none; margin-right: 6px; border-radius: 50%; background: rgba(255, 255, 255, .12); }
.soc.filled .state[b-yfti5mnpg5] { background: var(--orange); box-shadow: 0 0 10px var(--orange); }

/* ---------- style swatches ---------- */
.swatches[b-yfti5mnpg5] { display: flex; gap: 12px; flex-wrap: wrap; }
.sw[b-yfti5mnpg5] { width: 100px; padding: 0; background: none; border: 0; color: var(--muted); font-size: 12.5px; text-align: center; cursor: pointer; }
.sw .chip[b-yfti5mnpg5] { display: block; height: 64px; margin-bottom: 8px; border-radius: 16px; border: 1px solid var(--line-2); transition: .2s; }
.sw.on[b-yfti5mnpg5] { color: var(--text); }
.sw.on .chip[b-yfti5mnpg5] { outline: 2px solid var(--orange); outline-offset: 3px; }
.cover-ember[b-yfti5mnpg5] { background: radial-gradient(circle at 20% 10%, rgba(255, 122, 26, .6), transparent 50%), linear-gradient(135deg, #0F2A1E, #071510); }
.cover-forest[b-yfti5mnpg5] { background: radial-gradient(circle at 80% 20%, #2C6A4C, transparent 55%), linear-gradient(135deg, #123323, #06110C); }
.cover-mono[b-yfti5mnpg5] { background: radial-gradient(circle at 30% 0%, rgba(255, 255, 255, .4), transparent 55%), linear-gradient(135deg, #1C2420, #0A0F0C); }

/* ---------- footer ---------- */
.ed-foot[b-yfti5mnpg5] { display: flex; align-items: center; gap: 10px; padding: 18px 26px; border-top: 1px solid var(--line); background: rgba(0, 0, 0, .15); }
.note[b-yfti5mnpg5] { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--faint); }
.note[b-yfti5mnpg5]  svg { color: var(--orange); }
.sp[b-yfti5mnpg5] { flex: 1; }

/* ================= preview ================= */
.preview[b-yfti5mnpg5] { position: sticky; top: 104px; padding: 18px; }
.pv-head[b-yfti5mnpg5] { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 0 4px; }
.pv-head .live[b-yfti5mnpg5] { width: 8px; height: 8px; border-radius: 50%; background: var(--good); box-shadow: 0 0 10px var(--good); animation: pulse 2s infinite; }
.pv-head b[b-yfti5mnpg5] { font-weight: 500; font-size: 14px; }
.pv-head span:last-child[b-yfti5mnpg5] { margin-left: auto; font-size: 12px; color: var(--faint); }

.phone[b-yfti5mnpg5] {
    padding: 10px;
    border-radius: 38px;
    background: linear-gradient(160deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .03));
    border: 1px solid var(--line-2);
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8);
}
.screen[b-yfti5mnpg5] { height: 600px; border-radius: 30px; overflow-y: auto; background: var(--forest-1); scrollbar-width: none; }
.screen[b-yfti5mnpg5]::-webkit-scrollbar { display: none; }

.pv-actions[b-yfti5mnpg5] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }

.share-link[b-yfti5mnpg5] {
    display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px;
    border-radius: 14px; background: rgba(0, 0, 0, .25); border: 1px solid var(--line); font-size: 13px; color: var(--muted);
}
.share-link > span[b-yfti5mnpg5] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.share-link b[b-yfti5mnpg5] { color: var(--text); font-weight: 500; }
.share-link button[b-yfti5mnpg5] { display: flex; align-items: center; gap: 6px; background: none; border: 0; color: var(--orange-2); cursor: pointer; font-size: 13px; }

/* ================= public view overlay ================= */
.public[b-yfti5mnpg5] { place-items: start center; overflow-y: auto; padding: 40px 16px; }
.public-wrap[b-yfti5mnpg5] { width: min(420px, 100%); }
.public-bar[b-yfti5mnpg5] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; font-size: 13px; color: var(--muted); }
.public-card[b-yfti5mnpg5] { border-radius: 30px; overflow: hidden; border: 1px solid var(--line-2); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9); }

/* ================= responsive ================= */
@media (max-width: 1280px) {
    .work[b-yfti5mnpg5] { grid-template-columns: minmax(0, 1fr) 360px; }
}

@media (max-width: 1100px) {
    .work[b-yfti5mnpg5] { grid-template-columns: 1fr; }
    .preview[b-yfti5mnpg5] { position: relative; top: 0; width: 100%; max-width: 440px; margin: 0 auto; }
}

@media (max-width: 760px) {
    .ed-head[b-yfti5mnpg5] { flex-wrap: wrap; padding: 18px; }
    .publish[b-yfti5mnpg5] { margin-left: 0; width: 100%; justify-content: space-between; padding: 10px 14px; border-radius: 14px; background: rgba(0, 0, 0, .2); border: 1px solid var(--line); }
    .pane[b-yfti5mnpg5] { padding: 18px; }
    .socials[b-yfti5mnpg5] { grid-template-columns: 1fr; }
    .ed-foot[b-yfti5mnpg5] { flex-wrap: wrap; padding: 14px 18px; }
    .note[b-yfti5mnpg5] { width: 100%; }
    .ed-foot .btn[b-yfti5mnpg5] { flex: 1; }
    .screen[b-yfti5mnpg5] { height: 560px; }
}

@media (max-width: 420px) {
    .photo[b-yfti5mnpg5] { flex-direction: column; text-align: center; }
    .photo .row[b-yfti5mnpg5] { justify-content: center; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ---------- hero ---------- */
.hero[b-9fihvvyemc] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 30px;
    overflow: hidden;
}
.hero[b-9fihvvyemc]::before {
    content: "";
    position: absolute;
    right: -80px;
    top: -120px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 122, 26, .18), transparent 70%);
    pointer-events: none;
}
.hero-text[b-9fihvvyemc] { position: relative; flex: 1; min-width: 0; }
.eyebrow[b-9fihvvyemc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--orange-2);
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--orange-soft);
    border: 1px solid rgba(255, 122, 26, .25);
}
.hero h2[b-9fihvvyemc] { font-size: 30px; margin-top: 14px; }
.hero p[b-9fihvvyemc] { color: var(--muted); max-width: 520px; margin-top: 8px; line-height: 1.55; }
.hero p b[b-9fihvvyemc] { color: var(--text); font-weight: 600; }
.hero-actions[b-9fihvvyemc] { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }

.hero-card[b-9fihvvyemc] {
    position: relative;
    flex: 0 0 260px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid var(--line-2);
    box-shadow: 0 30px 60px -25px rgba(0, 0, 0, .8);
    transform: rotate(2deg);
    transition: transform .3s ease;
    text-decoration: none;
}
.hero-card:hover[b-9fihvvyemc] { transform: rotate(0deg) translateY(-4px); }

/* ---------- trial banner ---------- */
.trial[b-9fihvvyemc] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    border-left: 3px solid var(--orange);
}
.trial .ico[b-9fihvvyemc] {
    width: 42px;
    height: 42px;
    flex: none;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: var(--orange-soft);
    color: var(--orange);
}
.trial div[b-9fihvvyemc] { flex: 1; min-width: 0; }
.trial b[b-9fihvvyemc] { font-weight: 600; }
.trial p[b-9fihvvyemc] { font-size: 13px; color: var(--muted); margin-top: 2px; }

.stat .value small[b-9fihvvyemc] { font-size: 16px; color: var(--faint); font-weight: 400; }

/* ---------- chart + activity ---------- */
.row-wide[b-9fihvvyemc] { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 18px; }

/* ---------- card list ---------- */
.card-rows[b-9fihvvyemc] { display: flex; flex-direction: column; gap: 10px; }
.card-row[b-9fihvvyemc] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: var(--radius-md);
    background: rgba(0, 0, 0, .18);
    border: 1px solid var(--line);
    transition: .2s;
}
.card-row:hover[b-9fihvvyemc] { border-color: var(--line-2); background: rgba(0, 0, 0, .26); }
.avatar[b-9fihvvyemc] {
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 14px;
    overflow: hidden;
    display: grid;
    place-items: center;
    font-weight: 600;
    background: linear-gradient(135deg, var(--forest-3), var(--forest-2));
    border: 1px solid var(--line-2);
}
.avatar img[b-9fihvvyemc] { width: 100%; height: 100%; object-fit: cover; }
.card-row .txt[b-9fihvvyemc] { flex: 1; min-width: 0; }
.card-row .txt b[b-9fihvvyemc] { display: block; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-row .txt span[b-9fihvvyemc] { font-size: 12.5px; color: var(--faint); }
.num[b-9fihvvyemc] { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); min-width: 70px; font-variant-numeric: tabular-nums; }
.row-actions[b-9fihvvyemc] { display: flex; gap: 6px; }

@media (max-width: 1100px) {
    .row-wide[b-9fihvvyemc] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .hero[b-9fihvvyemc] { flex-direction: column; align-items: stretch; padding: 22px; }
    .hero h2[b-9fihvvyemc] { font-size: 24px; }
    .hero-card[b-9fihvvyemc] { flex-basis: auto; transform: none; max-width: 320px; }
    .trial[b-9fihvvyemc] { flex-wrap: wrap; }
    .trial .btn[b-9fihvvyemc] { width: 100%; }
    .num[b-9fihvvyemc] { display: none; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.forgot[b-3hhbmzaf4x] { margin: -4px 0 14px; font-size: 13px; }
/* /Components/Pages/Logout.razor.rz.scp.css */
.box[b-uallkv5feu] {
    position: relative;
    width: min(400px, 100%);
    padding: 36px 28px 28px;
    text-align: center;
    animation: fade-up .4s ease;
}

.box img[b-uallkv5feu] {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border-radius: 22px;
    border: 1px solid rgba(255, 122, 26, .35);
}

.ok[b-uallkv5feu] {
    position: absolute;
    top: 92px;
    left: calc(50% + 22px);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    color: #08130E;
    box-shadow: 0 0 0 4px var(--forest-1);
}
.ok[b-uallkv5feu]  svg { width: 15px; height: 15px; stroke-width: 2.4; }

h1[b-uallkv5feu] { font-size: 22px; margin-top: 22px; }
p[b-uallkv5feu] { color: var(--muted); margin: 8px 0 24px; line-height: 1.5; }
.btn + .btn[b-uallkv5feu] { margin-top: 10px; }
/* /Components/Pages/MyCards.razor.rz.scp.css */
/* ---------- toolbar ---------- */
.toolbar[b-mkgh07mmv6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    flex-wrap: wrap;
}
.search[b-mkgh07mmv6] { flex: 1; min-width: 220px; height: 44px; }
.clear[b-mkgh07mmv6] { background: none; border: 0; color: var(--faint); cursor: pointer; display: grid; }
.clear:hover[b-mkgh07mmv6] { color: var(--text); }
.segmented button span[b-mkgh07mmv6] { margin-left: 4px; font-size: 11.5px; color: var(--faint); }

/* ---------- grid ---------- */
.grid[b-mkgh07mmv6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 18px;
}

.tile[b-mkgh07mmv6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 12px 16px;
    transition: transform .25s ease, border-color .25s;
}
.tile:hover[b-mkgh07mmv6] { transform: translateY(-3px); border-color: var(--line-2); }

.thumb[b-mkgh07mmv6] {
    display: block;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    text-decoration: none;
}

.meta[b-mkgh07mmv6] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 4px; }
.slug[b-mkgh07mmv6] { font-size: 12.5px; color: var(--faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.nums[b-mkgh07mmv6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 14px;
    background: rgba(0, 0, 0, .2);
    border: 1px solid var(--line);
}
.nums div[b-mkgh07mmv6] { padding: 10px; text-align: center; }
.nums div + div[b-mkgh07mmv6] { border-left: 1px solid var(--line); }
.nums b[b-mkgh07mmv6] { display: block; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.nums span[b-mkgh07mmv6] { font-size: 11.5px; color: var(--faint); }

.actions[b-mkgh07mmv6] { display: flex; gap: 6px; padding: 0 2px; }
.actions .btn[b-mkgh07mmv6] { flex: 1; }
.actions .icon-btn[b-mkgh07mmv6] { width: 34px; height: 34px; }
.actions .icon-btn.danger:hover[b-mkgh07mmv6] { color: var(--danger); border-color: rgba(248, 113, 113, .35); }

/* ---------- "new card" tile ---------- */
.tile.new[b-mkgh07mmv6] {
    align-items: center;
    justify-content: center;
    min-height: 360px;
    text-align: center;
    text-decoration: none;
    border-style: dashed;
    border-color: var(--line-2);
    background: rgba(255, 255, 255, .02);
}
.tile.new b[b-mkgh07mmv6] { font-weight: 600; font-size: 16px; }
.tile.new span:last-child[b-mkgh07mmv6] { font-size: 13px; color: var(--faint); }
.plus[b-mkgh07mmv6] {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: var(--orange-soft);
    border: 1px solid rgba(255, 122, 26, .3);
    color: var(--orange);
}

@media (max-width: 760px) {
    .toolbar[b-mkgh07mmv6] { padding: 12px; }
    .segmented[b-mkgh07mmv6] { width: 100%; }
    .segmented button[b-mkgh07mmv6] { flex: 1; }
    .tile.new[b-mkgh07mmv6] { min-height: 180px; }
}
/* /Components/Pages/PublicCard.razor.rz.scp.css */
.wrap[b-3glrvaqyt2] {
    width: min(420px, 100%);
    animation: fade-up .4s ease;
}

.cardbox[b-3glrvaqyt2] {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--line-2);
    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9);
}

.draft-note[b-3glrvaqyt2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 12.5px;
    color: var(--orange-2);
    background: var(--orange-soft);
    border: 1px solid rgba(255, 122, 26, .25);
}

.make[b-3glrvaqyt2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    font-size: 13px;
    color: var(--muted);
    text-decoration: none;
}
.make:hover[b-3glrvaqyt2] { color: var(--text); }
.make img[b-3glrvaqyt2] { width: 24px; height: 24px; border-radius: 7px; }
.make b[b-3glrvaqyt2] { color: var(--orange-2); font-weight: 500; }

/* ---------- not found ---------- */
.missing[b-3glrvaqyt2] {
    width: min(420px, 100%);
    padding: 36px 28px;
    text-align: center;
}
.missing img[b-3glrvaqyt2] { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 20px; }
.missing h1[b-3glrvaqyt2] { font-size: 22px; }
.missing p[b-3glrvaqyt2] { color: var(--muted); margin: 8px 0 20px; }
/* /Components/Pages/Settings.razor.rz.scp.css */
.layout[b-zx3v8u4a92] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    animation: fade-up .35s ease;
}

/* ---------- section tabs ---------- */
.tabs[b-zx3v8u4a92] {
    position: sticky;
    top: 104px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
}
.tab[b-zx3v8u4a92] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: none;
    color: var(--muted);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: .2s;
}
.tab:hover[b-zx3v8u4a92] { background: var(--glass); color: var(--text); }
.tab.on[b-zx3v8u4a92] { background: var(--glass-2); border-color: var(--line); color: var(--text); }
.tab.on[b-zx3v8u4a92]  svg { color: var(--orange); }

.content[b-zx3v8u4a92] { display: flex; flex-direction: column; gap: 18px; min-width: 0; }

/* ---------- account ---------- */
.profile[b-zx3v8u4a92] { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding: 14px; border-radius: var(--radius-md); background: rgba(0, 0, 0, .18); border: 1px solid var(--line); }
.avatar[b-zx3v8u4a92] {
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(135deg, var(--forest-3), var(--forest-2));
    border: 1px solid var(--line-2);
}
.profile b[b-zx3v8u4a92] { display: block; font-weight: 600; }
.profile span[b-zx3v8u4a92] { font-size: 13px; color: var(--faint); }

/* ---------- plans ---------- */
.plans[b-zx3v8u4a92] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.plan[b-zx3v8u4a92] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .2);
    border: 1px solid var(--line);
}
.plan.featured[b-zx3v8u4a92] { border-color: rgba(255, 122, 26, .45); background: linear-gradient(170deg, rgba(255, 122, 26, .10), rgba(0, 0, 0, .2) 60%); }
.plan.current[b-zx3v8u4a92] { border-color: var(--line-2); }
.ribbon[b-zx3v8u4a92] {
    position: absolute;
    top: -11px;
    left: 20px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    background: var(--orange);
    color: var(--on-orange);
}
.plan h3[b-zx3v8u4a92] { font-size: 16px; }
.price b[b-zx3v8u4a92] { font-size: 30px; font-weight: 600; letter-spacing: -.02em; }
.price span[b-zx3v8u4a92] { color: var(--faint); font-size: 13px; margin-left: 4px; }
.plan p[b-zx3v8u4a92] { color: var(--muted); font-size: 13px; }
.plan ul[b-zx3v8u4a92] { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 6px 0 12px; flex: 1; }
.plan li[b-zx3v8u4a92] { display: flex; gap: 8px; align-items: center; font-size: 13.5px; }
.plan li[b-zx3v8u4a92]  svg { color: var(--orange); }

.pay[b-zx3v8u4a92] { display: flex; align-items: center; gap: 14px; }
.pay .ico[b-zx3v8u4a92] { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--glass-2); border: 1px solid var(--line); }
.pay b[b-zx3v8u4a92] { display: block; font-weight: 500; }
.pay span[b-zx3v8u4a92] { font-size: 13px; color: var(--faint); }

.danger-zone[b-zx3v8u4a92] { border-color: rgba(248, 113, 113, .22); }

@media (max-width: 1100px) {
    .plans[b-zx3v8u4a92] { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .layout[b-zx3v8u4a92] { grid-template-columns: 1fr; }
    .tabs[b-zx3v8u4a92] { position: relative; top: 0; flex-direction: row; overflow-x: auto; scrollbar-width: none; }
    .tab[b-zx3v8u4a92] { white-space: nowrap; }
}
/* /Components/Shared/AuthCard.razor.rz.scp.css */
.auth[b-m8q2gmoqxj] {
    position: relative;
    width: min(420px, 100%);
    padding: 34px 28px 26px;
    animation: fade-up .4s ease;
}

.auth > img[b-m8q2gmoqxj] {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid rgba(255, 122, 26, .35);
}

h1[b-m8q2gmoqxj] { font-size: 22px; text-align: center; margin-top: 18px; }
.sub[b-m8q2gmoqxj] { color: var(--muted); text-align: center; margin: 6px 0 22px; line-height: 1.5; font-size: 14px; }

.auth[b-m8q2gmoqxj]  .field { margin-bottom: 14px; }
.auth[b-m8q2gmoqxj]  .alert {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13px;
    color: var(--danger);
    background: rgba(248, 113, 113, .1);
    border: 1px solid rgba(248, 113, 113, .35);
}
.auth[b-m8q2gmoqxj]  .remember {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 18px;
    font-size: 13px;
    color: var(--muted);
    cursor: pointer;
}
.auth[b-m8q2gmoqxj]  .remember input { accent-color: var(--orange); width: 16px; height: 16px; }
.auth[b-m8q2gmoqxj]  .validation-message { font-size: 11.5px; color: var(--danger); margin-top: 6px; }

.foot[b-m8q2gmoqxj] { margin-top: 18px; text-align: center; font-size: 13.5px; color: var(--muted); }
.foot[b-m8q2gmoqxj]  a { color: var(--orange-2, var(--orange)); font-weight: 600; }
/* /Components/Shared/BarChart.razor.rz.scp.css */
.chart[b-a3t9g3zmv5] { margin: 0; }

.plot[b-a3t9g3zmv5] {
    position: relative;
    height: var(--h);
    margin-left: 38px;
}

/* recessive gridlines + y labels */
.grid[b-a3t9g3zmv5] { position: absolute; inset: 0; }
.tick[b-a3t9g3zmv5] { position: absolute; left: 0; right: 0; border-top: 1px dashed rgba(255, 255, 255, .07); }
.tick:first-child[b-a3t9g3zmv5] { border-top: 1px solid rgba(255, 255, 255, .14); }
.tick span[b-a3t9g3zmv5] {
    position: absolute;
    right: calc(100% + 10px);
    top: -8px;
    font-size: 11px;
    color: var(--faint);
    font-variant-numeric: tabular-nums;
}

.bars[b-a3t9g3zmv5] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: var(--gap);
}

.col[b-a3t9g3zmv5] {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    outline: none;
    cursor: default;
}

/* thin mark, rounded data-end anchored to the baseline */
.bar[b-a3t9g3zmv5] {
    width: 100%;
    max-width: 28px;
    margin: 0 auto;
    min-height: 2px;
    border-radius: 4px 4px 0 0;
    background: rgba(255, 122, 26, .55);
    transition: background .15s;
}
.bar.last[b-a3t9g3zmv5] { background: var(--orange); }
.col:hover .bar[b-a3t9g3zmv5], .col:focus-visible .bar[b-a3t9g3zmv5] { background: var(--orange-2); }

.tip[b-a3t9g3zmv5] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(6, 17, 12, .95);
    border: 1px solid var(--line-2);
    font-size: 12px;
    color: var(--muted);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s;
}
.tip b[b-a3t9g3zmv5] { color: var(--text); font-weight: 600; font-variant-numeric: tabular-nums; }
.tip small[b-a3t9g3zmv5] { display: block; color: var(--faint); font-size: 11px; }
.col:hover .tip[b-a3t9g3zmv5], .col:focus-visible .tip[b-a3t9g3zmv5] { opacity: 1; }
.col:hover[b-a3t9g3zmv5] { z-index: 4; }

/* the hit target is the full-height column, so the tip sits at the top */
.col .tip[b-a3t9g3zmv5] { bottom: auto; top: -6px; transform: translate(-50%, -100%); }

.x[b-a3t9g3zmv5] {
    display: flex;
    gap: var(--gap);
    margin: 8px 0 0 38px;
}
.x span[b-a3t9g3zmv5] {
    flex: 1;
    font-size: 11px;
    color: var(--faint);
    text-align: center;
    white-space: nowrap;
    overflow: visible;
}
/* /Components/Shared/BreakdownList.razor.rz.scp.css */
.breakdown[b-ff4yi69pr4] { list-style: none; display: flex; flex-direction: column; gap: 14px; }

li[b-ff4yi69pr4] { display: flex; align-items: center; gap: 12px; }

.ico[b-ff4yi69pr4] {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: var(--glass-2);
    border: 1px solid var(--line);
    color: var(--text);
}

.body[b-ff4yi69pr4] { flex: 1; min-width: 0; }

.meta[b-ff4yi69pr4] { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; margin-bottom: 7px; }
.label[b-ff4yi69pr4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.val[b-ff4yi69pr4] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.val em[b-ff4yi69pr4] { font-style: normal; color: var(--faint); margin-left: 6px; font-size: 12px; }

.track[b-ff4yi69pr4] { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.fill[b-ff4yi69pr4] { height: 100%; border-radius: 6px; background: var(--orange); opacity: .8; transition: width .4s ease; }
li:hover .fill[b-ff4yi69pr4] { opacity: 1; }
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
.ico[b-k9ksvv6l5o] {
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(248, 113, 113, .08);
    border: 1px solid rgba(248, 113, 113, .3);
    color: var(--danger);
}
/* /Components/Shared/DigitalCard.razor.rz.scp.css */
.dcard[b-rbk8b31ki0] {
    --acc: var(--orange);
    position: relative;
    min-height: 100%;
    padding-bottom: 22px;
    background: var(--forest-1);
    color: var(--text);
}

/* ---------- cover ---------- */
.cover[b-rbk8b31ki0] {
    position: relative;
    height: 150px;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 10%, rgba(255, 122, 26, .45), transparent 45%),
        radial-gradient(circle at 90% 80%, #25553E, transparent 55%),
        linear-gradient(135deg, #0F2A1E, #071510);
}
.dcard[data-cover="forest"] .cover[b-rbk8b31ki0] { background: radial-gradient(circle at 80% 20%, #2C6A4C, transparent 50%), linear-gradient(135deg, #123323, #06110C); }
.dcard[data-cover="mono"] .cover[b-rbk8b31ki0] { background: radial-gradient(circle at 30% 0%, rgba(255, 255, 255, .35), transparent 50%), linear-gradient(135deg, #1C2420, #0A0F0C); }
.cover[b-rbk8b31ki0]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(#000, transparent);
}
.type[b-rbk8b31ki0] {
    position: absolute; top: 14px; right: 14px; z-index: 2;
    font-size: 10px; letter-spacing: .16em; padding: 5px 10px; border-radius: 20px;
    background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(10px);
}

/* ---------- identity ---------- */
.body[b-rbk8b31ki0] { position: relative; z-index: 2; padding: 0 18px; margin-top: -56px; }
.pic[b-rbk8b31ki0] {
    width: 104px; height: 104px; border-radius: 30px; object-fit: cover; background: #000;
    border: 3px solid rgba(255, 255, 255, .9); box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .7);
}
.pic.initials[b-rbk8b31ki0] { display: grid; place-items: center; font-size: 32px; font-weight: 600; background: linear-gradient(135deg, var(--forest-3), var(--forest-1)); }
.name[b-rbk8b31ki0] { display: flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
.name[b-rbk8b31ki0]  svg { width: 18px; height: 18px; color: var(--acc); }
.role[b-rbk8b31ki0] { margin-top: 2px; font-size: 13.5px; color: var(--muted); }
.role b[b-rbk8b31ki0] { color: var(--acc); font-weight: 500; }
.bio[b-rbk8b31ki0] { margin-top: 12px; font-size: 13px; line-height: 1.55; color: rgba(244, 247, 245, .75); }

/* ---------- quick actions ---------- */
.quick[b-rbk8b31ki0] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 18px; }
.q[b-rbk8b31ki0] {
    display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px;
    border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1);
    font-size: 11px; color: var(--muted); text-decoration: none; cursor: pointer; transition: .2s;
}
.q[b-rbk8b31ki0]  svg { width: 19px; height: 19px; color: var(--text); }
.q:hover[b-rbk8b31ki0] { background: rgba(255, 255, 255, .1); }
.q.main[b-rbk8b31ki0] { background: var(--acc); border-color: transparent; color: var(--on-orange); }
.q.main[b-rbk8b31ki0]  svg { color: var(--on-orange); }

/* ---------- sections ---------- */
.sec[b-rbk8b31ki0] { margin: 20px 0 8px; font-size: 10.5px; letter-spacing: .2em; color: var(--faint); text-transform: uppercase; }
.rows[b-rbk8b31ki0] { border-radius: 18px; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .08); overflow: hidden; }
.r[b-rbk8b31ki0] {
    display: flex; align-items: center; gap: 12px; padding: 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .06); font-size: 13.5px; text-decoration: none; color: var(--text);
}
.r:last-child[b-rbk8b31ki0] { border-bottom: 0; }
.r[href]:hover[b-rbk8b31ki0] { background: rgba(255, 255, 255, .04); }
.ri[b-rbk8b31ki0] { width: 32px; height: 32px; flex: none; border-radius: 10px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: var(--acc); }
.ri[b-rbk8b31ki0]  svg { width: 16px; height: 16px; }
.rt[b-rbk8b31ki0] { flex: 1; min-width: 0; }
.rt small[b-rbk8b31ki0] { display: block; font-size: 10.5px; color: var(--faint); }
.rt span[b-rbk8b31ki0] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.r[b-rbk8b31ki0]  .go { width: 15px; height: 15px; color: var(--faint); }

.soc-grid[b-rbk8b31ki0] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.sg[b-rbk8b31ki0] {
    aspect-ratio: 1; border-radius: 16px; display: grid; place-items: center; color: var(--text);
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); transition: .2s;
}
.sg:hover[b-rbk8b31ki0] { border-color: var(--acc); color: var(--acc); }
.sg[b-rbk8b31ki0]  svg { width: 20px; height: 20px; }

.none[b-rbk8b31ki0] { padding: 14px; text-align: center; font-size: 12.5px; color: var(--faint); border: 1px dashed rgba(255, 255, 255, .12); border-radius: 16px; }

.save[b-rbk8b31ki0] { display: flex; gap: 8px; margin-top: 20px; }
.save .btn[b-rbk8b31ki0] { flex: 1; height: 46px; }
.save .btn.qr[b-rbk8b31ki0] { flex: 0 0 46px; padding: 0; }

.foot[b-rbk8b31ki0] { margin-top: 18px; text-align: center; font-size: 10.5px; letter-spacing: .2em; color: var(--faint); }
.foot b[b-rbk8b31ki0] { color: var(--acc); font-weight: 500; }

/* ---------- compact thumbnail ---------- */
.dcard.compact[b-rbk8b31ki0] { padding-bottom: 18px; min-height: 0; }
.dcard.compact .cover[b-rbk8b31ki0] { height: 96px; }
.dcard.compact .body[b-rbk8b31ki0] { margin-top: -38px; }
.dcard.compact .pic[b-rbk8b31ki0] { width: 72px; height: 72px; border-radius: 22px; font-size: 22px; }
.dcard.compact .name[b-rbk8b31ki0] { font-size: 17px; margin-top: 10px; }
/* /Components/Shared/ExpiredLock.razor.rz.scp.css */
.lock[b-sxb8w9dba9] { max-width: 520px; margin: 40px auto; padding: 36px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lock .ico[b-sxb8w9dba9] { width: 56px; height: 56px; border-radius: 18px; display: grid; place-items: center; background: rgba(248, 113, 113, .1); color: var(--danger); }
.lock p[b-sxb8w9dba9] { color: var(--muted); font-size: 14px; }
/* /Components/Shared/QrDialog.razor.rz.scp.css */
.code[b-mzsje8pf8o] {
    margin: 18px 0 10px;
    padding: 14px;
    border-radius: 20px;
    background: #fff;
}
.code[b-mzsje8pf8o]  svg { display: block; width: 100%; height: auto; }

.url[b-mzsje8pf8o] {
    font-size: 12.5px;
    color: var(--faint);
    word-break: break-all;
}
/* /Components/Shared/SubscriptionBanner.razor.rz.scp.css */
.sub-banner[b-7c6064g49a] {
    display: flex; align-items: center; gap: 14px; padding: 14px 18px;
    border-left: 3px solid var(--orange);
}
.sub-banner.expired[b-7c6064g49a] { border-left-color: var(--danger); }
.sub-banner .ico[b-7c6064g49a] {
    width: 40px; height: 40px; flex: none; border-radius: 13px; display: grid; place-items: center;
    background: var(--orange-soft); color: var(--orange-2);
}
.sub-banner.expired .ico[b-7c6064g49a] { background: rgba(248, 113, 113, .1); color: var(--danger); }
.sub-banner .text[b-7c6064g49a] { flex: 1; min-width: 0; }
.sub-banner b[b-7c6064g49a] { font-weight: 600; }
.sub-banner p[b-7c6064g49a] { font-size: 13px; color: var(--muted); margin-top: 2px; }
.sub-banner p.pending[b-7c6064g49a] { color: var(--orange-2); }

@media (max-width: 640px) {
    .sub-banner[b-7c6064g49a] { flex-wrap: wrap; }
    .sub-banner .btn[b-7c6064g49a] { width: 100%; }
}
/* /Components/Shared/SubscriptionPanel.razor.rz.scp.css */
.plans[b-ahlna6pplw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.plan[b-ahlna6pplw] {
    position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px;
    border-radius: var(--radius-md); background: rgba(0, 0, 0, .2); border: 1px solid var(--line);
}
.plan.featured[b-ahlna6pplw] { border-color: rgba(255, 122, 26, .45); background: linear-gradient(170deg, rgba(255, 122, 26, .10), rgba(0, 0, 0, .2) 60%); }
.plan.current[b-ahlna6pplw] { border-color: var(--line-2); }
.plan h3[b-ahlna6pplw] { font-size: 16px; }
.plan .price[b-ahlna6pplw] { display: flex; align-items: baseline; gap: 6px; }
.plan .price b[b-ahlna6pplw] { font-size: 28px; }
.plan .price span[b-ahlna6pplw] { color: var(--muted); font-size: 13px; }
.plan p[b-ahlna6pplw] { color: var(--muted); font-size: 13px; }
.plan ul[b-ahlna6pplw] { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 6px 0 12px; flex: 1; padding: 0; }
.plan li[b-ahlna6pplw] { display: flex; gap: 8px; align-items: center; font-size: 13.5px; }
.plan li[b-ahlna6pplw]  svg { color: var(--orange); }
.ribbon[b-ahlna6pplw] {
    position: absolute; top: -10px; right: 16px; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px;
    background: linear-gradient(135deg, var(--orange), var(--orange-2)); color: var(--on-orange);
}
.note[b-ahlna6pplw] { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 12.5px; color: var(--muted); }
.note[b-ahlna6pplw]  svg { flex: none; color: var(--orange-2); }

@media (max-width: 760px) { .plans[b-ahlna6pplw] { grid-template-columns: 1fr; } }
/* /Components/Shared/ToastHost.razor.rz.scp.css */
.toast[b-cp1c0q7rub] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    z-index: 80;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 14px;
    font-size: 14px;
    opacity: 0;
    transform: translate(-50%, 30px);
    transition: .3s;
    pointer-events: none;
    background: rgba(10, 26, 19, .85);
}
.toast.on[b-cp1c0q7rub] { opacity: 1; transform: translate(-50%, 0); }
.toast[b-cp1c0q7rub]  svg { color: var(--orange); }
.toast.success[b-cp1c0q7rub]  svg { color: var(--good); }
/* /Components/Shared/VerifyEmailBanner.razor.rz.scp.css */
.verify[b-40v29jx5ez] { display: flex; align-items: center; gap: 14px; padding: 12px 18px; border-left: 3px solid var(--orange); }
.verify .ico[b-40v29jx5ez] { width: 38px; height: 38px; flex: none; border-radius: 12px; display: grid; place-items: center; background: var(--orange-soft); color: var(--orange-2); }
.verify .text[b-40v29jx5ez] { flex: 1; min-width: 0; }
.verify b[b-40v29jx5ez] { font-weight: 600; }
.verify p[b-40v29jx5ez] { font-size: 13px; color: var(--muted); margin-top: 2px; }
@media (max-width: 640px) { .verify[b-40v29jx5ez] { flex-wrap: wrap; } .verify .btn[b-40v29jx5ez] { width: 100%; } }