/* An explicit palette keeps invitation details readable in every site theme. */
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card{background:linear-gradient(115deg,#102941,#204b68)!important;border:1px solid #3b6886!important;color:#fff!important;padding:26px 30px!important}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card>p{color:#edf5ff!important;opacity:1!important;font-size:14px!important;font-weight:600;line-height:1.5;margin-bottom:10px}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-row{align-items:stretch;gap:12px}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card .growth-invite-code,
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card code{display:flex;align-items:center;min-width:0;border:1px solid #d2e0ef!important;border-radius:10px;background:#f8fbff!important;color:#102941!important;text-shadow:none!important;opacity:1!important;line-height:1.5;box-sizing:border-box}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card .growth-invite-code{padding:10px 18px;font:750 30px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card code{flex:1;padding:12px 15px;font:500 14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;overflow-wrap:anywhere;word-break:break-all}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:11px 18px;border:1px solid #c9def0!important;border-radius:10px;background:#e3f1ff!important;color:#113954!important;font-size:14px;font-weight:700;line-height:1.45;box-shadow:none;text-shadow:none}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card button:hover{background:#fff!important;color:#102941!important}
html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card button:focus-visible{outline:3px solid #f8d47c!important;outline-offset:3px}











html[data-vt-theme] body .vt-site-links .vtr-nav-link{font-weight:700!important;color:#b27620!important}
html[data-vt-theme="light"] body .vt-site-links .vtr-nav-link{color:#81500c!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav a[href="/dashboard/referral"]:not([aria-current="page"]){background:#fff3d6!important;color:#674009!important;border-color:#dcb568!important;font-weight:650}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav a[href="/dashboard/referral"] .vtr-nav-badge{margin-left:auto;flex-shrink:0;padding:2px 6px;border-radius:5px;background:#ffe6aa!important;color:#58340e!important;font:700 10px/1.5 system-ui,sans-serif}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vtr-nav-badge{display:none}

@media(max-width:760px){html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card{padding:20px!important}html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card .growth-invite-code{font-size:25px;padding:10px 14px}html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card code{flex-basis:100%;font-size:12px}html[data-vt-theme] body.vt-app #root .growth-referral-root .growth-invite-card button{font-size:13px;padding:10px 14px}}

/* A small CodingPlan-only invitation row, aligned with the site palette. */
html[data-vt-theme] body #cp-referral-promo{--vtr-line:#dedee3;--vtr-text:#27272a;--vtr-muted:#71717a;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:12px auto 0;padding:11px 16px;background:transparent!important;border:1px solid var(--vtr-line)!important;border-radius:10px;color:var(--vtr-text)!important;box-shadow:none;text-align:left}
html[data-vt-theme="dark"] body #cp-referral-promo{--vtr-line:#303034;--vtr-text:#e4e4e7;--vtr-muted:#a1a1aa}
html[data-vt-theme] body #cp-referral-promo .vtr-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0}
html[data-vt-theme] body #cp-referral-promo .vtr-title{flex:none;color:var(--vtr-text)!important;font:600 13px/1.5 system-ui,-apple-system,'Microsoft YaHei',sans-serif!important;letter-spacing:0;margin:0!important}
html[data-vt-theme] body #cp-referral-promo .vtr-detail{color:var(--vtr-muted)!important;font:400 12px/1.6 system-ui,-apple-system,'Microsoft YaHei',sans-serif!important;margin:0!important;overflow-wrap:anywhere}
html[data-vt-theme] body #cp-referral-promo .vtr-action{flex:none;min-width:0;max-width:40%}
html[data-vt-theme] body #cp-referral-promo .vtr-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;max-width:100%;min-height:32px;padding:5px 10px;border:1px solid var(--vtr-line)!important;border-radius:7px;background:transparent!important;color:var(--vtr-text)!important;text-decoration:none!important;font:500 12px/1.5 system-ui,sans-serif;white-space:normal}
html[data-vt-theme] body #cp-referral-promo .vtr-cta span{color:inherit!important}
html[data-vt-theme] body #cp-referral-promo .vtr-cta:hover{background:color-mix(in srgb,var(--vtr-text) 5%,transparent)!important}
html[data-vt-theme] body #cp-referral-promo .vtr-cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[data-vt-theme] body #cp-referral-promo.vtr-console{max-width:none;margin:0 0 18px}
@media(max-width:960px){html[data-vt-theme] body #cp-referral-promo{margin:12px 24px 0}html[data-vt-theme] body #cp-referral-promo.vtr-console{margin:0 0 16px}}
@media(max-width:760px){html[data-vt-theme] body #cp-referral-promo{margin:10px 18px 0;padding:10px 12px;gap:10px}html[data-vt-theme] body #cp-referral-promo .vtr-copy{display:block}html[data-vt-theme] body #cp-referral-promo .vtr-detail{font-size:11px!important;margin-top:3px!important}html[data-vt-theme] body #cp-referral-promo .vtr-action{max-width:42%}html[data-vt-theme] body #cp-referral-promo.vtr-console{margin:0 0 14px}}

/* Align the public row with the CodingPlan catalog container. */
html[data-vt-theme] body.cp-page #cp-referral-promo{width:calc(100% - 64px)}
@media(max-width:960px){html[data-vt-theme] body.cp-page #cp-referral-promo{width:calc(100% - 48px)}}
@media(max-width:760px){html[data-vt-theme] body.cp-page #cp-referral-promo{width:calc(100% - 36px)}}