/* Viral Click identity */
.brand-logo {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 64px;
    width: 215px;
}

.brand-logo img {
    display: block;
    height: auto;
    max-height: 64px;
    object-fit: contain;
    width: 100%;
}

.footer-brand {
    background: transparent;
    border-radius: 0;
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important;
    width: 260px;
}

.footer-brand img {
    display: block;
    height: auto;
    width: 100%;
}

.admin-logo {
    background: transparent;
    border-radius: 0;
    color: #fff;
    display: block;
    margin: 0 0 20px;
    padding: 4px 8px 12px;
}

.admin-logo img {
    display: block;
    height: auto;
    width: 100%;
}

.admin-logo small {
    color: #baff00;
    display: block;
    font-size: 7px;
    letter-spacing: 2px;
    margin-top: 8px;
}

.login-logo {
    background: #050607;
    border: 1px solid #273016;
    border-radius: 14px;
    display: block;
    margin: -14px -14px 0;
    padding: 16px 20px;
}

/* Global Viral Click palette — loaded after public and admin styles. */
:root {
    --purple: #9fdb00;
    --purple2: #c7ff12;
    --brand-navy: #050607;
    --brand-blue: #9fdb00;
    --brand-cyan: #c7ff12;
    --brand-orange: #baff00;
}

.site-header,
.admin-sidebar {
    background: #050607;
}

.site-header {
    background: #050607;
    border-bottom: 1px solid #263014;
    color: #fff;
}

.site-header .btn-outline {
    border-color: #56652d;
}

.site-header .menu-btn {
    color: #fff;
}

.footer {
    background: #050607;
    color: #fff;
}

.footer p,
.footer a,
.footer small {
    color: #b7bdac;
}

.footer strong {
    color: #fff;
}

.footer-brand img,
.brand-logo img,
.admin-logo img,
.login-logo img {
    object-fit: contain;
}

.btn-primary,
.admin-btn,
.mini-btn,
.login-card button {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));
    box-shadow: 0 9px 25px #baff0038;
    color: #101600;
}

.site-header nav a:hover,
.section-title em,
h1 em,
.brand span {
    color: var(--brand-cyan);
}

.hero {
    background:
        radial-gradient(circle at 64% 48%, #9fdb0033 0, transparent 34%),
        linear-gradient(130deg, #030403, #070907 65%, #11160a);
}

.glow-ring {
    border-color: var(--brand-cyan);
    box-shadow: 0 0 25px #c7ff12, 0 0 80px #9fdb0066;
}

.benefits {
    background: #050607;
}

.admin-sidebar nav a:hover,
.admin-sidebar nav a.active {
    background: #baff001a;
    color: #c7ff12;
}

.stat-icon.purple,
.admin-profile > span {
    background: #efffd0;
    color: #638c00;
}

.login-body {
    background: radial-gradient(circle at 50% 30%, #4e6800, #050607 58%);
}

.notice,
.proof-link,
.admin-alert.unread,
.coupon-box {
    background: #eef9fc;
    border-color: #bde8f2;
    color: #075e8e;
}

.eyebrow,
.section-title > span,
.step-label,
.order-summary > span,
.builder-hero > span,
.services-title > span,
.builder-heading span,
.builder-summary > span {
    color: var(--brand-cyan);
}

.builder-hero {
    background: linear-gradient(180deg, #041b33, #fff);
}

.template-card:hover,
.template-card.active {
    border-color: var(--brand-cyan);
    background: #eef9fc;
}

.template-card svg,
.summary-posts svg,
.summary-item i,
.builder-heading button,
.coupon-box button,
.checkout-price-breakdown em {
    color: var(--brand-blue);
}

.coupon-box button {
    color: #fff;
    background: var(--brand-blue);
}

.summary-price {
    background: linear-gradient(135deg, #041b33, #073b74);
}

.goal-bar i,
.product-rank > i em {
    background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan));
}

.reseller-catalog-list article > div small strong {
    color: #087cc1;
}

.finance-profit {
    color: #079b5b;
}

.status.awaiting_platform_payment,
.status.awaiting_platform_validation {
    background: #fff1df;
    color: #b86600;
}

.reseller-profit-preview,
.finance-summary {
    margin: 14px 0;
    padding: 16px;
    border: 1px solid #bde8f2;
    border-radius: 12px;
    background: #eef9fc;
}

.reseller-profit-preview small,
.reseller-profit-preview strong {
    display: block;
}

.reseller-profit-preview strong {
    margin-top: 5px;
    color: #087cc1;
    font-size: 24px;
}

.reseller-profit-preview strong.negative {
    color: #ce3551;
}

.finance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.finance-grid > div {
    padding: 13px;
    border-radius: 10px;
    background: #f6f9fb;
}

.finance-grid small,
.finance-grid strong {
    display: block;
}

.finance-grid strong {
    margin-top: 5px;
    font-size: 16px;
}

.finance-grid .profit strong {
    color: #079b5b;
}

.finance-grid .platform strong {
    color: #087cc1;
}

.platform-payment-box {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid #bde8f2;
    border-radius: 10px;
    background: #eef9fc;
}

.platform-payment-box small {
    color: #657580;
}

.platform-payment-box strong {
    margin-top: 5px;
    color: #087cc1;
    font-size: 18px;
}

@media (max-width: 700px) {
    .finance-grid {
        grid-template-columns: 1fr;
    }
}

.login-logo img {
    display: block;
    height: auto;
    width: 100%;
}

@media (max-width: 760px) {
    .brand-logo {
        height: 56px;
        width: 185px;
    }

    .site-header nav {
        background: #050607;
        border-top: 1px solid #263014;
        color: #fff;
    }
}