:root{--bg:#07111f;--bg2:#0a1627;--panel:#0e1b2d;--panel2:#101f34;--line:#20334b;--text:#edf4ff;--muted:#8fa4bd;--brand:#7c5cff;--brand2:#38d9ff;--green:#42e8a2;--yellow:#ffc857;--red:#ff617a;--radius:20px;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:17px}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(42,83,140,.2),transparent 38%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.min-w-0{min-width:0}a{color:inherit;text-decoration:none}a:hover{color:#fff}code{color:#c8bfff}main{position:relative;z-index:1}.container-xl{max-width:1240px}.ambient{position:fixed;width:520px;height:520px;filter:blur(120px);opacity:.1;border-radius:50%;pointer-events:none;z-index:0}.ambient-a{background:var(--brand);top:-200px;left:-200px}.ambient-b{background:var(--brand2);right:-240px;top:260px}
.nav-glass{background:rgba(7,17,31,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);min-height:72px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-.03em}.brand small{font-size:11px;letter-spacing:.18em;color:#7089a7;margin-left:-4px;margin-top:18px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#4e8cff);box-shadow:0 8px 24px rgba(124,92,255,.28);font-weight:900;color:white}.navbar .nav-link{color:#a9bad0;font-size:16px;font-weight:650;padding:.55rem .8rem!important}.navbar .nav-link:hover{color:white}.nav-pill{font-size:13px;background:rgba(66,232,162,.12);color:var(--green);border:1px solid rgba(66,232,162,.18);border-radius:999px;padding:2px 6px}.nav-search{width:270px;height:40px;align-items:center;gap:8px;border:1px solid var(--line);background:#0a1626;border-radius:11px;padding:0 10px;color:#647a96}.nav-search input{min-width:0;flex:1;background:none;border:0;outline:0;color:#dce8f7;font-size:15px}.nav-search kbd{background:#14243a;border:1px solid #2d415b;color:#7188a4;font-size:13px}.btn{border-radius:11px;font-weight:750}.btn-primary-glow{color:#fff;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#7c5cff,#5f7cff);box-shadow:0 10px 30px rgba(104,91,255,.24)}.btn-primary-glow:hover{color:#fff;transform:translateY(-1px);box-shadow:0 13px 34px rgba(104,91,255,.36)}.btn-ghost{color:#b8c7d9;border:0}.btn-outline-soft{color:#c4d1e0;border:1px solid #2a3d56;background:rgba(255,255,255,.02)}.btn-outline-soft:hover{background:#14243a;border-color:#3b506d;color:white}.pro-chip{font-size:13px;font-weight:900;letter-spacing:.12em;color:#110e1e;background:linear-gradient(135deg,#f7dd84,#ffbd5a);padding:5px 8px;border-radius:7px}.toast-wrap{position:fixed;top:84px;right:22px;z-index:1100}.app-toast{padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);font-weight:700}.app-toast.success{background:#113b31;border:1px solid #286a58}.app-toast.danger{background:#441b28;border:1px solid #743045}
.hero{padding:84px 0 65px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:8px;font-size:13.5px;letter-spacing:.16em;font-weight:850;color:#7e9ab8;margin-bottom:12px}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(66,232,162,.09),0 0 18px var(--green)}h1,h2,h3{letter-spacing:-.04em}h1{font-weight:850}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.99;margin:0 0 25px}.gradient-text{background:linear-gradient(90deg,#a796ff,#58dcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:20px;line-height:1.7;color:#a2b3c7;max-width:730px}.hero-search{display:flex;align-items:center;margin-top:32px;max-width:740px;height:60px;padding:7px 8px 7px 18px;background:#0d1b2f;border:1px solid #2a3e59;border-radius:15px;box-shadow:0 22px 70px rgba(0,0,0,.2);color:#7890ad}.hero-search:focus-within{border-color:#6b64cf;box-shadow:0 0 0 3px rgba(124,92,255,.08),0 22px 70px rgba(0,0,0,.2)}.hero-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#f2f6ff;padding:0 13px;font-size:16.5px}.hero-search button{height:44px;border:0;border-radius:10px;padding:0 19px;background:#f6f8fc;color:#0a1424;font-weight:850}.hero-search.compact{max-width:690px}.hero-proof{display:flex;gap:32px;margin-top:28px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:21px}.hero-proof span{font-size:13.5px;color:#6f86a2}.radar-panel{position:relative;background:linear-gradient(180deg,rgba(18,36,59,.92),rgba(9,23,39,.9));border:1px solid #263c57;border-radius:28px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.03)}.radar-top,.radar-stats{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.15em;color:#7890ad;font-weight:800}.signal-live{color:var(--green)}.signal-live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}.radar-orbit{height:340px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(74,155,207,.2);border-radius:50%}.o1{width:280px;height:280px}.o2{width:190px;height:190px}.o3{width:95px;height:95px}.radar-orbit:before,.radar-orbit:after{content:"";position:absolute;background:rgba(74,155,207,.12)}.radar-orbit:before{height:1px;width:100%}.radar-orbit:after{width:1px;height:100%}.sweep{position:absolute;width:150px;height:150px;transform-origin:0 100%;left:50%;top:20px;background:linear-gradient(25deg,transparent 50%,rgba(65,224,241,.15));animation:sweep 5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-core{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#755dff;box-shadow:0 0 0 10px rgba(124,92,255,.08),0 0 45px rgba(124,92,255,.5);font-weight:900;z-index:2}.blip{position:absolute;width:7px;height:7px;border-radius:50%;background:#53e7c2;box-shadow:0 0 15px #53e7c2}.b1{left:29%;top:35%}.b2{right:26%;bottom:29%}.b3{right:20%;top:31%}.radar-stats{border-top:1px solid var(--line);padding-top:18px}.radar-stats div{display:flex;flex-direction:column;gap:4px}.radar-stats strong{font-size:17.5px;color:white;letter-spacing:0}
.section{padding:70px 0}.section-alt{background:rgba(12,27,46,.45);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:34px;font-weight:820;margin:0}.section-heading p{color:var(--muted);margin:7px 0 0}.text-link{color:#a9b8ff;font-weight:750;font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-grid.large{grid-template-columns:repeat(2,1fr)}.category-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px;background:linear-gradient(180deg,#0f1d30,#0c192a);border:1px solid #1f334a;border-radius:15px;transition:.2s ease}.category-card:hover{transform:translateY(-2px);border-color:#3d5272;background:#12233a}.cat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#9d90ff;background:linear-gradient(135deg,rgba(124,92,255,.15),rgba(56,217,255,.07));border:1px solid rgba(124,92,255,.17)}.category-card strong{display:block;font-size:16px}.category-card span{display:block;color:#7187a2;font-size:13.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card b{font-size:14.5px;color:#8398b1;background:#132338;padding:5px 8px;border-radius:8px}.intel-card{background:linear-gradient(180deg,rgba(16,31,51,.96),rgba(11,24,41,.96));border:1px solid #20354d;border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12)}.site-card{padding:21px;transition:.2s ease}.site-card:hover{border-color:#38516f;transform:translateY(-2px);box-shadow:0 18px 55px rgba(0,0,0,.2)}.site-logo{width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:#14253b;border:1px solid #28405c;display:grid;place-items:center;overflow:hidden;color:#a89aff;font-weight:900;font-size:19.5px}.site-logo img{width:100%;height:100%;object-fit:cover}.site-logo.xl{width:68px;height:68px;flex-basis:68px;border-radius:18px;font-size:25px}.site-title{font-size:19.5px;font-weight:800}.site-title a:after{content:"";position:absolute;inset:0}.site-desc{color:#879db6;font-size:14.5px;margin-top:6px!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.verified,.sponsored{font-size:11px;font-weight:900;letter-spacing:.08em;border-radius:5px;padding:3px 5px}.verified{color:#58e8b2;background:rgba(66,232,162,.1);border:1px solid rgba(66,232,162,.2)}.sponsored{color:#ffce68;background:rgba(255,200,87,.09);border:1px solid rgba(255,200,87,.18)}.score-ring{width:54px;height:54px;flex:0 0 54px;border:3px solid #3a6f57;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12283e;box-shadow:inset 0 0 0 1px rgba(108,214,150,.08)}.score-ring strong{font-size:16.5px;line-height:1}.score-ring small{font-size:9px;color:#7189a5;letter-spacing:.1em;margin-top:3px}.score-ring.good{border-color:#349b6c;box-shadow:0 0 0 1px rgba(52,201,110,.18),0 0 18px rgba(52,201,110,.14),inset 0 0 0 1px rgba(52,201,110,.06)}.score-ring.mid{border-color:#a98a3d}.score-ring.low{border-color:#b14964}.score-ring.xl{width:78px;height:78px;flex-basis:78px;border-width:4px}.score-ring.xl strong{font-size:23px}.signal-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:19px;border-top:1px solid #1e3148;padding-top:14px;color:#8196af;font-size:13.5px}.signal-row.flush{border:0;padding:0;margin-top:8px}.signal-row span{display:flex;align-items:center;gap:5px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#74859c}.status-active{background:var(--green);box-shadow:0 0 10px rgba(66,232,162,.5);transform-origin:center center}.status-degraded{background:var(--yellow)}.status-offline,.status-closed{background:var(--red)}.mini-tags{display:flex;gap:6px}.mini-tags span{font-size:12px;color:#8da3bd;border:1px solid #283c55;padding:4px 7px;border-radius:7px}.card-arrow{position:relative;z-index:2;font-size:13.5px;font-weight:800;color:#a8b8ff;display:flex;gap:5px;align-items:center}.compare-check{position:absolute;right:14px;bottom:13px;z-index:3;font-size:13px;color:#7e94ad;cursor:pointer}.compare-check input{accent-color:var(--brand)}.compare-check span{margin-left:3px}.compare-check~*{}.paywall-stack{min-height:260px}.locked-card{height:95px;margin-bottom:10px;padding:18px;display:flex;align-items:center;gap:14px;filter:blur(5px);opacity:.38;user-select:none}.fake-logo{width:45px;height:45px;border-radius:12px;background:#2a3f59}.fake-line{height:10px;border-radius:5px;background:#39516d;margin:6px 0}.fake-line.small{height:7px}.w-35{width:35%}.w-70{width:70%}.fake-score{width:48px;height:48px;border:5px solid #39516d;border-radius:50%}.paywall-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;background:radial-gradient(circle at center,rgba(7,17,31,.82),rgba(7,17,31,.25));z-index:2}.paywall-overlay h3{font-size:25px}.paywall-overlay p{max-width:560px}.paywall-icon{display:grid;place-items:center;width:55px;height:55px;flex:0 0 55px;border-radius:16px;background:linear-gradient(135deg,#725dff,#485fae);color:white;box-shadow:0 15px 40px rgba(99,82,235,.3)}
.page-hero{padding:62px 0 44px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(16,34,57,.42),transparent)}.page-hero.slim{padding:44px 0 32px}.page-hero h1{font-size:clamp(38px,5vw,60px);font-weight:850;margin:0 0 10px}.page-hero p{font-size:17.5px;color:#92a7bf;max-width:800px}.back-link{display:inline-block;font-size:14.5px;color:#879bb4;margin-bottom:18px}.category-total{display:flex;flex-direction:column;text-align:right}.category-total strong{font-size:36px}.category-total span{font-size:13px;color:#748aa4;text-transform:uppercase;letter-spacing:.1em}.filter-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #20344c;background:#0c192a;border-radius:14px}.filter-search{height:42px;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #283e58;border-radius:10px;background:#091522;color:#7790aa}.filter-search input{background:none;border:0;outline:0;color:white;width:100%}.intel-select{max-width:210px;background-color:#0b1828;border-color:#283e58;color:#c6d2df}.access-label{font-size:12px;letter-spacing:.12em;color:#a1b0ff;font-weight:900;white-space:nowrap}.site-head{display:flex;align-items:center;gap:18px}.site-head h1{font-size:44px}.detail-card{padding:26px}.detail-card h2{font-size:26px;font-weight:800}.lead-copy{color:#9aacc0;line-height:1.8;font-size:16.5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.metric-grid div{padding:15px;border:1px solid #21364f;background:#0b192a;border-radius:12px}.metric-grid span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7489a2}.metric-grid strong{display:block;font-size:18.5px;margin-top:6px}.feature-table>div,.side-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #1e3148}.feature-table span,.side-list span{color:#8297af;font-size:14.5px}.feature-table strong,.side-list strong{font-size:14.5px;text-align:right}.check-list>div{display:grid;grid-template-columns:1fr 100px 100px;padding:10px 0;border-bottom:1px solid #1c3047;font-size:13.5px;color:#90a3bb}.check-list>div span:first-child{display:flex;align-items:center;gap:8px}.sticky-card{position:sticky;top:92px}.side-card{padding:23px}.premium-gate{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(91,74,211,.13),rgba(14,31,51,.9))}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-grid article{padding:16px;border:1px solid #21364e;border-radius:13px;background:#0b1828}.review-grid p{color:#8da1b9;font-size:14.5px;margin:10px 0}.review-grid small{color:#657d99}.conversion-panel{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:44px;background:linear-gradient(120deg,#1b274b,#172b43 55%,#153849);border:1px solid #354a68;border-radius:28px;box-shadow:var(--shadow)}.conversion-panel h2{font-size:38px;max-width:680px}.conversion-panel p{color:#a8b6c8;max-width:700px}.conversion-price{text-align:center;min-width:190px}.conversion-price span,.conversion-price small{display:block;color:#94a7bc}.conversion-price strong{font-size:45px;letter-spacing:-.05em}.conversion-price .btn{margin-top:12px}.empty-state{text-align:center;padding:60px 25px;border:1px dashed #2b405a;border-radius:20px;background:rgba(12,26,43,.6)}.empty-state p{color:#869bb4}.empty-icon{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 14px;border-radius:15px;background:#162844;color:#9f91ff}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;max-width:1080px;margin:0 auto}.price-card{position:relative;padding:30px;border:1px solid #243a53;border-radius:22px;background:#0e1c2e}.price-card.featured{border-color:#655fbc;box-shadow:0 25px 80px rgba(79,63,192,.18);transform:translateY(-8px);background:linear-gradient(180deg,#171f3d,#0f1d31)}.price-badge{position:absolute;top:-11px;right:20px;background:#7862ff;color:white;font-weight:900;font-size:12px;letter-spacing:.1em;padding:6px 9px;border-radius:7px}.price-card h2{font-size:42px;margin:10px 0}.price-card h2 small{font-size:16px;color:#7f94ae}.price-card p{color:#8fa4bc}.price-card ul{list-style:none;padding:0;margin:24px 0}.price-card li{display:flex;gap:8px;align-items:center;padding:8px 0;color:#c3d0df;font-size:15px}.price-card li svg{color:var(--green)}.price-card li.muted{color:#657b94;padding-left:25px}.referral-banner{max-width:1080px;margin:28px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px 22px;border:1px solid #293d56;border-radius:15px;background:#0c1a2c}.referral-banner strong{display:block}.referral-banner span{display:block;color:#8398b1;font-size:14.5px;margin-top:3px}.referral-banner a{font-size:14.5px;color:#a9b6ff;font-weight:750}
.auth-shell{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:55px 18px}.auth-card{width:100%;max-width:500px;padding:34px;border:1px solid #283d57;border-radius:24px;background:rgba(14,29,49,.95);box-shadow:var(--shadow)}.auth-card.wide{max-width:620px}.auth-card h1{font-size:40px}.auth-card>p{color:#8ea3bb}.stack-form{display:grid;gap:14px}.stack-form label,.admin-form label{font-size:13.5px;color:#90a4bc;font-weight:750}.stack-form input,.stack-form textarea,.stack-form select,.admin-form input,.admin-form textarea,.admin-form select{display:block;width:100%;margin-top:6px;border:1px solid #29405b;background:#091625;color:#edf4ff;border-radius:10px;padding:11px 12px;outline:0}.stack-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#6c63cb;box-shadow:0 0 0 3px rgba(124,92,255,.08)}.stack-form label small{display:block;color:#617994;margin-top:5px}.auth-foot{margin-top:22px;padding-top:18px;border-top:1px solid #20344d;color:#748aa4;font-size:14.5px}.auth-foot a{color:#aaafff}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-action{padding:20px;border:1px solid #21364f;border-radius:16px;background:#0d1b2d;transition:.2s}.dash-action:hover{transform:translateY(-2px);border-color:#3a5271}.dash-action strong,.dash-action span{display:block}.dash-action strong{margin-top:16px}.dash-action span{color:#7389a4;font-size:13.5px;margin-top:4px}.metric-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.metric-cards>div{padding:16px;border:1px solid #22374f;border-radius:14px;background:#0d1b2d}.metric-cards span{display:block;color:#768ba4;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.metric-cards strong{display:block;font-size:23px;margin-top:7px}.metric-cards .highlight{border-color:#4f4c91;background:linear-gradient(135deg,#18213f,#10233a)}.ref-code-box{min-width:390px}.ref-code-box>span{font-size:13px;color:#8195ad}.ref-code-box>div{display:flex;margin-top:6px}.ref-code-box input{width:100%;background:#0b1929;border:1px solid #293f59;color:#b9c8d8;padding:11px;border-radius:10px 0 0 10px;outline:0}.ref-code-box button{border:0;background:#7862ff;color:white;font-weight:800;padding:0 16px;border-radius:0 10px 10px 0}.intel-table{--bs-table-bg:transparent;--bs-table-color:#bac9d9;--bs-table-border-color:#1f334b;margin:0}.intel-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#647c98;font-weight:850;padding:13px 10px}.intel-table td{font-size:14.5px;padding:13px 10px;vertical-align:middle}.intel-table td small{display:block;color:#6f849d;margin-top:3px;max-width:380px}.status-chip{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:6px;background:#1d3147;color:#9db0c6}.status-chip.active,.status-chip.approved,.status-chip.available,.status-chip.paid,.status-chip.completed,.status-chip.resolved{color:#6ff0bd;background:rgba(66,232,162,.1)}.status-chip.pending,.status-chip.requested,.status-chip.reviewed,.status-chip.degraded{color:#ffd271;background:rgba(255,200,87,.1)}.status-chip.rejected,.status-chip.reversed,.status-chip.refunded,.status-chip.offline,.status-chip.suspended{color:#ff8295;background:rgba(255,97,122,.1)}
.admin-nav{display:flex;gap:5px;flex-wrap:wrap;margin-top:24px}.admin-nav a{font-size:13.5px;color:#8da0b7;padding:7px 10px;border:1px solid #233750;border-radius:8px;background:#0c1929}.admin-nav a:hover{color:white;border-color:#465d7b}.admin-form hr{border-color:#27405b;margin:28px 0}.settings-section{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.settings-section p{color:#7c92aa;font-size:14.5px}.settings-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.toggle-label{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid #263c55;border-radius:10px}.toggle-label input{width:auto!important;margin:0!important;accent-color:var(--brand)}.check-grid,.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-grid label,.toggle-grid label{padding:10px;border:1px solid #233851;border-radius:9px;background:#0b1929;font-size:13.5px;color:#9caec2}.check-grid input,.toggle-grid input{accent-color:var(--brand);margin-right:5px}.compare-table{--bs-table-bg:#0d1b2d;--bs-table-color:#c7d4e2;--bs-table-border-color:#233850;border-radius:15px;overflow:hidden}.compare-table th,.compare-table td{padding:16px}.compare-table th:first-child,.compare-table td:first-child{color:#7188a3;font-size:13.5px;min-width:150px}.compare-tray{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120px);z-index:1000;display:flex;align-items:center;gap:16px;background:#14233a;border:1px solid #405776;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:10px 12px 10px 16px;border-radius:14px;transition:.25s}.compare-tray.show{transform:translateX(-50%) translateY(0)}.compare-tray span{font-size:14.5px;color:#9fb0c4}.compare-tray .btn{font-size:13.5px}.site-footer{position:relative;z-index:1;border-top:1px solid #1b2e43;padding:35px 0 48px;color:#8396ad}.site-footer a{color:#8396ad}.site-footer a:hover{color:white}
@media(max-width:991px){.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.radar-panel{max-width:600px}.category-grid,.category-grid.large{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:640px}.price-card.featured{transform:none}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.metric-cards{grid-template-columns:repeat(3,1fr)}.settings-section{grid-template-columns:1fr}.site-head{align-items:flex-start}.check-grid,.toggle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero h1{font-size:48px}.hero-search{height:auto;display:grid;grid-template-columns:auto 1fr;padding:12px}.hero-search button{grid-column:1/3;margin-top:8px}.hero-proof{gap:18px;flex-wrap:wrap}.radar-orbit{height:280px}.category-grid,.category-grid.large{grid-template-columns:1fr}.section{padding:48px 0}.section-heading{align-items:flex-start;flex-direction:column}.category-card span{white-space:normal}.signal-row{gap:10px}.paywall-overlay{padding:20px;align-items:flex-start}.paywall-icon{display:none}.site-head{display:grid;grid-template-columns:auto 1fr}.site-head .score-ring{grid-column:1/3}.metric-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.conversion-panel{padding:28px;flex-direction:column;align-items:flex-start}.conversion-panel h2{font-size:30px}.conversion-price{text-align:left}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar form{flex-direction:column}.intel-select{max-width:none}.metric-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.ref-code-box{min-width:0;width:100%}.check-grid,.toggle-grid,.settings-fields{grid-template-columns:1fr}.admin-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.admin-nav a{white-space:nowrap}.referral-banner{grid-template-columns:auto 1fr}.referral-banner a{grid-column:2}.toast-wrap{left:15px;right:15px}.compare-tray{width:calc(100% - 24px);justify-content:space-between}}

.review-ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-ratings label{font-size:13px}@media(max-width:650px){.review-ratings{grid-template-columns:1fr}}
.signal-explainer{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.2fr;align-items:center;gap:14px;padding:16px 20px}.signal-explainer div{display:flex;flex-direction:column}.signal-explainer span{font-size:12px;color:#69819e;letter-spacing:.08em}.signal-explainer strong{font-size:14.5px;margin-top:3px}.signal-explainer .signal-formula{display:grid;place-items:center;min-height:48px;border-radius:10px;background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(56,217,255,.08));color:#c7c2ff;font-weight:850;font-size:14.5px}.trend-rank{position:absolute;z-index:4;margin:11px 0 0 11px;font-size:12px;font-weight:900;background:#0a1727;border:1px solid #304762;color:#98adc3;padding:4px 7px;border-radius:7px}.trend-meta{display:flex;gap:12px;color:#657d98;font-size:12px;margin:5px 4px 0 8px}@media(max-width:650px){.signal-explainer{grid-template-columns:1fr}.signal-explainer>div:nth-child(even):not(.signal-formula){display:none}}
/* MarketRadar review-form typography hotfix */
.review-form-card .eyebrow{font-size:14.5px}
.review-form-card h3{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:18px}
.review-form-card .stack-form{gap:16px}
.review-form-card .stack-form label,.review-form-card .review-ratings label{font-size:15px;line-height:1.4}
.review-form-card .stack-form input,.review-form-card .stack-form select,.review-form-card .stack-form textarea{font-size:16.5px;line-height:1.45;padding:13px 14px}
.review-form-card .stack-form input,.review-form-card .stack-form select{min-height:48px}
.review-form-card .stack-form textarea{min-height:145px}
.review-form-card .stack-form input::placeholder,.review-form-card .stack-form textarea::placeholder{font-size:16px;color:#8395aa;opacity:1}
.review-form-card .stack-form .btn{min-height:48px;font-size:16.5px;font-weight:800}
@media(max-width:650px){.review-form-card h3{font-size:27px}.review-form-card .stack-form label,.review-form-card .review-ratings label{font-size:15px}.review-form-card .stack-form input,.review-form-card .stack-form select,.review-form-card .stack-form textarea{font-size:17.5px}}

/* === Admin UI / navigation hotfix === */
.nav-glass{min-height:76px;padding:7px 0}
.nav-glass .nav-container{max-width:1480px;padding-left:24px;padding-right:24px}
.navbar-brand{flex:0 0 auto;margin-right:24px}
.brand-name{white-space:nowrap}
.nav-primary{align-items:center;gap:2px}
.navbar .nav-link{position:relative;font-size:15.5px;padding:.65rem .68rem!important;white-space:nowrap}
.navbar .nav-link.active{color:#f4f7ff}
.navbar .nav-link.active:after{content:"";position:absolute;left:.68rem;right:.68rem;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));opacity:.9}
.nav-tools{display:flex;align-items:center;gap:10px;margin-left:14px}
.nav-search{width:clamp(190px,17vw,255px);flex:0 1 255px}
.nav-auth-actions{display:flex;align-items:center;gap:8px}
.pro-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px}
.nav-account{flex:0 0 auto}
.account-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 10px 5px 7px;border:1px solid #243a53;background:rgba(12,27,46,.72);color:#dbe6f3;text-align:left}
.account-trigger:hover,.account-trigger:focus,.account-trigger.show{color:#fff;background:#102138;border-color:#3b526f;box-shadow:none}
.account-trigger:after{margin-left:5px;color:#6f87a3}
.account-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(56,217,255,.12));border:1px solid rgba(124,92,255,.3);color:#c9c2ff;font-size:14.5px;font-weight:900}
.account-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}
.account-copy strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;color:#e8eff9}
.account-copy small{font-size:12px;color:#7288a2;margin-top:4px;font-weight:650}
.account-menu{min-width:220px;margin-top:10px;padding:7px;background:#0d1b2d;border:1px solid #29405a;border-radius:13px;box-shadow:0 20px 55px rgba(0,0,0,.36)}
.account-menu .dropdown-item{border-radius:8px;padding:9px 10px;color:#aebfd2;font-size:14.5px;font-weight:650}
.account-menu .dropdown-item:hover,.account-menu .dropdown-item:focus{background:#152842;color:#fff}
.account-menu .admin-entry{color:#bcb3ff}
.account-menu .logout-item{color:#ff9aaa;width:100%;text-align:left}
.account-menu .dropdown-divider{border-color:#21364e;margin:5px 3px}

.page-hero.slim.admin-hero{padding:38px 0 26px}
.admin-hero .eyebrow{margin-bottom:9px}
.admin-hero h1{font-size:clamp(34px,4vw,50px);margin-bottom:4px}
.admin-hero p{margin:0;font-size:16px}
.admin-hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.admin-section{padding-bottom:76px}
.page-hero.slim + .section{padding-top:30px!important}

.admin-nav{gap:7px;margin-top:22px;padding:3px 0}
.admin-nav a{position:relative;font-size:14.5px;font-weight:700;color:#8fa5be;padding:9px 12px;border:1px solid #263b54;border-radius:9px;background:#0b1929;transition:.18s ease;white-space:nowrap}
.admin-nav a:hover{color:#fff;border-color:#47617f;background:#102238}
.admin-nav a.active{color:#f1f5ff;border-color:#5b5bb0;background:linear-gradient(180deg,rgba(124,92,255,.17),rgba(13,28,47,.95));box-shadow:inset 0 0 0 1px rgba(124,92,255,.05)}
.admin-nav a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-4px;height:2px;border-radius:999px;background:#806bff}

/* The original admin labels were inline, causing 100%-wide controls to shrink to the label text. */
.stack-form label,.admin-form label{display:block;width:100%;font-size:14.5px;line-height:1.35;color:#9cafc5;font-weight:750}
.stack-form label small,.admin-form label small{display:inline;color:#647d99;margin-left:4px;font-size:13px;font-weight:600}
.stack-form input,.stack-form textarea,.stack-form select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;min-height:46px;margin-top:8px;border-radius:11px;padding:12px 13px;font-size:16px;line-height:1.4}
.stack-form textarea,.admin-form textarea{min-height:130px;resize:vertical}
.admin-form select{cursor:pointer}
.admin-form input::placeholder,.admin-form textarea::placeholder{color:#607791;opacity:1}
.admin-form.detail-card{padding:0;overflow:hidden}
.admin-form .row{--bs-gutter-x:1.35rem;--bs-gutter-y:1.2rem}

.platform-editor{max-width:1180px;margin:0 auto}
.admin-form-section{padding:30px 32px;border-top:1px solid #20354d}
.admin-form-section.first{border-top:0}
.admin-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:28px;margin-bottom:22px}
.admin-section-heading.compact{margin-bottom:18px}
.admin-section-heading .eyebrow{margin-bottom:6px}
.admin-section-heading h2{font-size:24px;margin:0;font-weight:820}
.admin-section-heading>p{margin:0;color:#7188a3;font-size:14.5px;line-height:1.65;text-align:right}
.feature-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:15px!important;line-height:1.65!important;min-height:190px!important}

.check-grid,.toggle-grid{gap:10px}
.check-grid label,.toggle-grid label{display:flex;align-items:center;width:100%;min-height:46px;padding:11px 13px;border-color:#29405a;border-radius:10px;background:#0a1828;font-size:14.5px;color:#aabbd0;cursor:pointer;transition:.16s ease}
.check-grid label:hover,.toggle-grid label:hover{background:#102239;border-color:#405a79;color:#edf4ff}
.check-grid input,.toggle-grid input{width:16px!important;height:16px;min-height:0!important;flex:0 0 16px;margin:0 9px 0 0!important;padding:0!important}
.admin-choice-grid label:has(input:checked){border-color:#514d9e;background:linear-gradient(180deg,rgba(124,92,255,.1),#0c1b2e);color:#e4e1ff}

.admin-form-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 32px;background:#0a1727;border-top:1px solid #20354d}
.admin-form-actions>div{display:flex;flex-direction:column;gap:3px}
.admin-form-actions strong{font-size:15px;color:#dfe8f5}
.admin-form-actions span{font-size:13.5px;color:#6f859f}
.admin-form-actions .btn{min-width:155px}

/* Improve spacing/readability across the rest of the admin area too. */
.settings-section{gap:48px}
.settings-fields{gap:17px}
.intel-table th{font-size:13px;padding:14px 13px}
.intel-table td{font-size:15px;padding:15px 13px}
.detail-card>.table-responsive{margin:-4px}

@media(max-width:1199px){
  .nav-glass .nav-container{padding-left:18px;padding-right:18px}
  .navbar-brand{margin-right:14px}
  .navbar .nav-link{padding:.62rem .55rem!important;font-size:15px}
  .nav-tools{margin-left:8px}
}
@media(max-width:991px){
  .nav-glass{padding:9px 0}
  .navbar-collapse{padding:14px 0 5px}
  .nav-primary{align-items:stretch;gap:2px}
  .navbar .nav-link{padding:.75rem .2rem!important}
  .navbar .nav-link.active:after{display:none}
  .nav-tools{align-items:stretch;flex-direction:column;margin:10px 0 0;gap:9px}
  .nav-auth-actions{width:100%}
  .nav-auth-actions .btn{flex:1}
  .nav-account,.account-trigger{width:100%}
  .account-trigger{justify-content:flex-start}
  .account-copy{flex:1}
  .account-copy strong{max-width:none}
  .account-menu{width:100%}
  .admin-section-heading{grid-template-columns:1fr;gap:7px;align-items:start}
  .admin-section-heading>p{text-align:left;max-width:680px}
}
@media(max-width:650px){
  .nav-glass .nav-container{padding-left:14px;padding-right:14px}
  .brand small{display:none}
  .admin-hero-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .admin-hero-heading .btn{width:100%}
  .admin-nav{margin-left:-2px;margin-right:-2px;overflow-x:auto;flex-wrap:nowrap;padding:4px 2px 8px;scrollbar-width:none}
  .admin-nav::-webkit-scrollbar{display:none}
  .admin-nav a{padding:9px 11px}
  .admin-form-section{padding:24px 18px}
  .admin-form .row{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
  .admin-form-actions{align-items:stretch;flex-direction:column;padding:20px 18px}
  .admin-form-actions .btn{width:100%}
  .stack-form input,.stack-form textarea,.stack-form select,.admin-form input,.admin-form textarea,.admin-form select{font-size:17.5px}
}


/* MarketRadar category/referral/trending alignment hotfix */
.site-title a:after{display:none}
.site-title a{position:relative;z-index:2}
.site-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px}
.site-card-actions{position:relative;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto}
.site-card .compare-check{position:static;display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:0;padding:6px 9px;border:1px solid #293f59;border-radius:9px;background:#0a1828;color:#91a5bc;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:.18s ease;white-space:nowrap}
.site-card .compare-check:hover{color:#dce8f7;border-color:#465e7c;background:#102239}
.site-card .compare-check:has(input:checked){color:#ded9ff;border-color:#655ab0;background:rgba(124,92,255,.12)}
.site-card .compare-check input{width:14px;height:14px;min-height:0;margin:0;accent-color:var(--brand);cursor:pointer}
.site-card .compare-check span{margin:0}
.site-card .card-arrow{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid transparent;border-radius:9px;color:#b5beff;font-size:13.5px;font-weight:800;line-height:1;white-space:nowrap;transition:.18s ease}
.site-card .card-arrow:hover{color:#fff;border-color:#3b4b75;background:rgba(124,92,255,.1)}
.site-card .card-arrow svg{flex:0 0 auto}

.intel-table .commission-empty-row td{padding:0;border-bottom:0}
.commission-empty{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:62px;padding:17px 13px 20px;color:#7f93aa;text-align:left}
.commission-empty strong{font-size:14.5px;color:#aebdd0;font-weight:750;white-space:nowrap}
.commission-empty span{font-size:14.5px;color:#74889f}

.signal-explainer{display:grid;grid-template-columns:minmax(150px,1fr) 28px minmax(150px,1fr) 28px minmax(150px,1fr) 28px minmax(180px,1.15fr);align-items:stretch;gap:10px;padding:16px 18px}
.signal-explainer .signal-input{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:5px 4px}
.signal-explainer .signal-input span,.signal-explainer .signal-formula span{font-size:12px;line-height:1.2;color:#69819e;letter-spacing:.1em;font-weight:800}
.signal-explainer .signal-input strong{font-size:14.5px;line-height:1.3;margin-top:5px;white-space:nowrap}
.signal-explainer .signal-operator{display:grid;place-items:center;color:#536b87;font-size:16.5px;font-weight:850;letter-spacing:0}
.signal-explainer .signal-formula{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:56px;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(56,217,255,.08));color:#c7c2ff;font-weight:850}
.signal-explainer .signal-formula strong{font-size:14.5px;line-height:1.3;margin-top:5px;color:#c7c2ff}
.signal-explainer .signal-formula span{color:#8178c9}

@media(max-width:991px){
  .signal-explainer{grid-template-columns:1fr 24px 1fr 24px 1fr}
  .signal-explainer .signal-operator:nth-of-type(3){display:none}
  .signal-explainer .signal-formula{grid-column:1/-1;margin-top:2px}
}
@media(max-width:650px){
  .site-card-footer{align-items:flex-start;flex-direction:column;gap:10px}
  .site-card-actions{width:100%;justify-content:space-between}
  .site-card .compare-check,.site-card .card-arrow{min-height:36px}
  .commission-empty{align-items:flex-start;flex-direction:column;gap:4px;padding:18px 10px 20px}
  .commission-empty strong,.commission-empty span{white-space:normal}
  .signal-explainer{display:flex;flex-direction:column;gap:6px;padding:15px}
  .signal-explainer .signal-input{padding:7px 5px}
  .signal-explainer .signal-operator{display:none!important}
  .signal-explainer .signal-formula{margin-top:3px;width:100%}
}


/* MarketersGoHere site-wide typography scale hotfix */
/* Global rem text uses a 17px root; explicit micro-copy was proportionally increased up to 24px. */


/* MarketersGoHere /trending card layout hotfix */
.trending-grid{align-items:stretch}
.trending-grid>[class*="col-"]{min-width:0}
.trend-site-card{width:100%;min-height:0;padding:22px 22px 18px;overflow:hidden}
.trend-site-card .site-logo{width:50px;height:50px;flex-basis:50px}
.trend-site-card .site-title{font-size:20px;line-height:1.25}
.trend-rank-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 5px;color:#7890ab;font-size:11.5px;line-height:1;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.trend-rank-label strong{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:23px;padding:0 7px;border:1px solid #31506f;border-radius:7px;background:#0a1829;color:#a9c8e8;font-size:12.5px;letter-spacing:0;text-transform:none}
.trend-site-card .signal-row{margin-top:18px;padding-top:14px}
.trend-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;padding:10px;border:1px solid #20364f;border-radius:12px;background:rgba(7,17,31,.42)}
.trend-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 7px}
.trend-stat+ .trend-stat{border-left:1px solid #20364f;padding-left:16px}
.trend-stat strong{flex:0 0 auto;min-width:24px;color:#e4edf8;font-size:19px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}
.trend-stat span{min-width:0;color:#7f95ae;font-size:12.5px;line-height:1.2;white-space:nowrap}
.trend-stat small{color:#536d89;font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.trend-site-card .site-card-footer{margin-top:13px!important;padding-top:0}
.trend-site-card .site-card-actions{gap:8px}
.trend-site-card .compare-check,.trend-site-card .card-arrow{min-height:36px}
/* Old out-of-card metadata/rank styles are intentionally neutralized for /trending. */
.trending-grid .trend-meta,.trending-grid>.position-relative>.trend-rank{display:none!important}

@media(max-width:650px){
  .trend-site-card{padding:18px}
  .trend-site-card .site-title{font-size:18px}
  .trend-stats{grid-template-columns:1fr;gap:0}
  .trend-stat{padding:7px 6px}
  .trend-stat+ .trend-stat{border-left:0;border-top:1px solid #20364f;padding:9px 6px 7px}
  .trend-stat span{white-space:normal}
}

/* Admin settings spacing / layout hotfix */
.admin-settings-page{padding-top:34px!important;padding-bottom:72px}
.settings-form{padding:0!important;overflow:hidden}
.settings-form .settings-section{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.55fr);gap:54px;padding:36px 38px;margin:0;border-top:1px solid #20354d;align-items:start}
.settings-form .settings-section-first{border-top:0}
.settings-section-intro{max-width:330px;padding-top:2px}
.settings-section-intro .eyebrow{margin-bottom:10px}
.settings-section-intro h2{margin:0 0 9px;font-size:22px;line-height:1.2;font-weight:820;color:#edf4ff}
.settings-section-intro p{margin:0;color:#7f95ae;font-size:14.5px;line-height:1.65}
.settings-form .settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;align-items:start}
.settings-form .settings-fields>label{display:flex;width:100%;min-width:0;flex-direction:column;margin:0;font-size:14.5px;line-height:1.35;color:#9eb2c9;font-weight:760}
.settings-form .settings-fields>label>span:first-child{display:block;min-height:20px}
.settings-form .settings-fields>label small{font-size:12.5px;color:#6d839d;font-weight:650;margin-left:5px}
.settings-form .settings-fields input:not([type="checkbox"]),.settings-form .settings-fields select,.settings-form .settings-fields textarea{width:100%;min-height:50px;margin-top:9px;padding:12px 14px;font-size:16px;border-radius:11px}
.settings-form .settings-toggle{min-height:79px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:11px!important;padding:16px!important;margin:0!important;border:1px solid #29415c!important;border-radius:11px!important;background:#0b1929}
.settings-form .settings-toggle input{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;flex:0 0 16px}
.settings-form .settings-toggle>span{min-height:0!important;color:#b6c5d7;font-size:14.5px}
.settings-form-actions{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 38px;background:#091624;border-top:1px solid #20354d}
.settings-form-actions>div{display:flex;flex-direction:column;gap:3px}
.settings-form-actions strong{font-size:15px;color:#e4edf8}
.settings-form-actions span{font-size:13.5px;color:#7188a2}
.settings-form-actions .btn{min-width:160px}
.settings-security-card{margin-top:18px!important;padding:26px 30px}
.settings-security-card h3{margin:7px 0 8px;font-size:21px}
.settings-security-card p{line-height:1.65}

@media(max-width:991px){
  .settings-form .settings-section{grid-template-columns:1fr;gap:24px;padding:30px 28px}
  .settings-section-intro{max-width:680px}
}
@media(max-width:650px){
  .admin-settings-page{padding-top:22px!important;padding-bottom:50px}
  .settings-form .settings-section{padding:25px 18px;gap:21px}
  .settings-form .settings-fields{grid-template-columns:1fr;gap:18px}
  .settings-form-actions{align-items:stretch;flex-direction:column;padding:21px 18px}
  .settings-form-actions .btn{width:100%}
  .settings-security-card{padding:22px 18px}
}

/* === MarketersGoHere select arrow alignment hotfix === */
select:not([multiple]){
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2397aac1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:12px 8px!important;
  padding-right:42px!important;
}

/* Give large admin/settings controls a touch more breathing room. */
.admin-form select:not([multiple]),
.settings-form select:not([multiple]){
  background-position:right 15px center!important;
  padding-right:44px!important;
}

/* === Paid listing sales / self-serve marketplace === */
.listing-sales-hero{padding-bottom:48px}
.listing-sales-hero h1{max-width:860px}
.listing-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.listing-package-card{position:relative;display:flex;min-width:0;min-height:210px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #27405b;border-radius:18px;background:linear-gradient(145deg,#0d1d30,#091625);color:#dce8f7;text-align:left;transition:.2s ease;box-shadow:none}
.listing-package-card:hover{transform:translateY(-2px);border-color:#465f81;background:linear-gradient(145deg,#10243a,#0a1929)}
.listing-package-card.selected{border-color:#7566ff;box-shadow:0 0 0 1px rgba(124,92,255,.28),0 20px 55px rgba(38,27,92,.18)}
.listing-package-card .package-duration{display:inline-flex;padding:5px 9px;border:1px solid #304a67;border-radius:999px;color:#8fa7c2;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.listing-package-card strong{margin-top:18px;font-size:21px;line-height:1.2}
.listing-package-card .package-price{margin-top:7px;color:#fff;font-size:31px;line-height:1;font-weight:850;letter-spacing:-.04em}
.listing-package-card small{margin-top:12px;color:#7f95ae;font-size:14px;line-height:1.5}
.listing-package-card .package-check{margin-top:auto;padding-top:18px;color:#aaa0ff;font-size:13.5px;font-weight:800}
.listing-package-card.selected .package-check:before{content:'✓ ';color:#5ee6ae}
.listing-login-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px}
.paid-listing-form{padding:32px}
.paid-listing-form .form-label,.listing-sales-settings .form-label{font-size:14.5px;font-weight:760;color:#a6b8cc}
.paid-listing-form .form-control,.paid-listing-form .form-select,.listing-sales-settings .form-control,.listing-sales-settings .form-select{min-height:51px}
.paid-listing-form textarea.form-control{min-height:150px}
.form-hint{margin-top:7px;color:#607995;font-size:13px}
.listing-terms{padding:16px 18px;border:1px solid #29415c;border-radius:12px;background:#0a1828}
.listing-terms label{display:flex;align-items:flex-start;gap:11px;margin:0;color:#93a8c0;font-size:14px;line-height:1.55;cursor:pointer}
.listing-terms input{width:16px;height:16px;min-height:0;margin-top:3px;accent-color:var(--brand)}
.listing-form-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px -32px -32px;padding:22px 32px;border-top:1px solid #20354d;background:#091624;border-radius:0 0 16px 16px}
.listing-form-footer>div{display:flex;flex-direction:column;gap:3px}
.listing-form-footer strong{font-size:15px;color:#e4edf8}
.listing-form-footer span{font-size:13.5px;color:#7188a2}
.listing-checkout-shell{padding-top:64px;padding-bottom:72px}
.listing-checkout-card{max-width:720px}
.listing-checkout-summary{display:grid;gap:0;margin:24px 0;border:1px solid #29415c;border-radius:14px;overflow:hidden;background:#091827}
.listing-checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border-top:1px solid #20354d}
.listing-checkout-summary>div:first-child{border-top:0}
.listing-checkout-summary span{color:#7f95ae;font-size:14px}
.listing-checkout-summary strong{color:#eaf2fb;font-size:15px;text-align:right}
.listing-checkout-summary .total{background:rgba(124,92,255,.08)}
.listing-checkout-summary .total strong{font-size:22px;color:#fff}
.listing-clock-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;padding:13px 15px;border:1px solid #2a405b;border-radius:11px;color:#8da3bc;background:#0a1828;font-size:13.5px;line-height:1.5}
.listing-clock-note svg{flex:0 0 auto;margin-top:1px;color:#8d82ff}
.empty-listing-state{display:flex;align-items:center;gap:18px;padding:30px}
.empty-listing-state>div:nth-child(2){flex:1}
.empty-listing-state h2{margin:0 0 4px;font-size:21px}
.listing-purchase-list{display:grid;gap:16px}
.listing-purchase-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);gap:30px;padding:24px}
.listing-purchase-main h2{margin:5px 0 5px;font-size:22px}
.listing-purchase-main p{margin:0 0 14px;color:#7890aa;font-size:14.5px;word-break:break-word}
.listing-purchase-side{display:flex;flex-direction:column;gap:14px}
.side-list.compact>div{padding:8px 0}
.listing-rejection{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #553947;border-radius:10px;background:rgba(130,46,73,.08)}
.listing-rejection strong{color:#e5a9b9;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.listing-rejection span{color:#bfa0aa;font-size:13.5px;line-height:1.45}
.listing-sales-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.listing-sales-settings .settings-toggle{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #29415c;border-radius:11px;background:#0a1828}
.listing-sales-settings .settings-toggle input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--brand)}
.package-active-toggle{display:flex!important;align-items:center!important;justify-content:center;gap:8px;min-height:51px;width:100%;padding:0 10px;border:1px solid #29415c;border-radius:11px;background:#0a1828;color:#a6b8cc;font-size:14px;font-weight:760}
.package-active-toggle input{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;accent-color:var(--brand)}
.listing-package-table td{vertical-align:middle}
.listing-admin-list{display:grid;gap:14px}
.listing-admin-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr) minmax(180px,.42fr);gap:22px;padding:20px;border:1px solid #213850;border-radius:14px;background:#0a1828}
.listing-admin-primary>strong,.listing-admin-primary .d-flex>strong{font-size:17px;color:#e6eef9}
.listing-admin-primary>a{display:inline-block;max-width:100%;margin-bottom:7px;color:#839cff;font-size:13px;word-break:break-all}
.listing-admin-primary p{margin:0 0 12px;color:#8499b0;font-size:13.5px;line-height:1.5}
.listing-admin-meta{display:grid;align-content:start;gap:10px}
.listing-admin-meta>div{display:flex;flex-direction:column;gap:2px}
.listing-admin-meta span{font-size:11px;color:#607996;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.listing-admin-meta strong{font-size:13.5px;color:#c8d5e5}
.listing-admin-meta small{font-size:12px;color:#6f839c;word-break:break-all}
.listing-admin-actions{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px}
.listing-admin-actions form,.listing-admin-actions .btn,.listing-admin-actions details{width:100%}
.reject-listing{position:relative}
.reject-listing>summary{list-style:none;text-align:center;cursor:pointer}
.reject-listing>summary::-webkit-details-marker{display:none}
.reject-listing[open]{padding:10px;border:1px solid #4d3340;border-radius:11px;background:#0c1724}
.reject-listing[open]>summary{margin-bottom:10px}
.reject-listing textarea{font-size:13px}
.listing-admin-note{grid-column:1/-1;padding-top:12px;border-top:1px solid #20354d;color:#a98d98;font-size:13px}

@media(max-width:1199px){
  .listing-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-admin-row{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr)}
  .listing-admin-actions{grid-column:1/-1;flex-direction:row}
  .listing-admin-actions form,.listing-admin-actions .btn,.listing-admin-actions details{width:auto}
}
@media(max-width:767px){
  .listing-package-grid{grid-template-columns:1fr}
  .listing-login-cta,.empty-listing-state,.listing-form-footer{align-items:stretch;flex-direction:column}
  .paid-listing-form{padding:22px 18px}
  .listing-form-footer{margin:24px -18px -22px;padding:20px 18px}
  .listing-form-footer .btn{width:100%}
  .listing-purchase-card{grid-template-columns:1fr;gap:18px;padding:19px}
  .listing-sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-admin-row{grid-template-columns:1fr;gap:16px}
  .listing-admin-actions{grid-column:auto;flex-direction:column}
  .listing-admin-actions form,.listing-admin-actions .btn,.listing-admin-actions details{width:100%}
}
@media(max-width:480px){.listing-sales-metrics{grid-template-columns:1fr}.listing-checkout-summary>div{align-items:flex-start;flex-direction:column;gap:4px}.listing-checkout-summary strong{text-align:left}}


/* === Listing owner center === */
.owner-listing-editor{padding-bottom:72px}
.owner-control-note{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;padding:19px 22px;border-color:#28506a;background:linear-gradient(135deg,rgba(28,126,143,.08),rgba(20,33,51,.5))}
.owner-control-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(92,222,174,.35);border-radius:50%;background:rgba(49,198,143,.09);color:#66e3b0;font-size:16px;font-weight:900}
.owner-control-note>div:last-child{display:flex;flex-direction:column;gap:4px}
.owner-control-note strong{font-size:15.5px;color:#e4eef9}
.owner-control-note span{max-width:980px;color:#8097b0;font-size:13.5px;line-height:1.55}
.owner-listing-form{display:block}
.owner-editor-section{padding:30px}
.owner-editor-section .section-heading{margin-bottom:24px}
.owner-editor-section .section-heading h2{margin-top:5px}
.owner-editor-section .section-heading p{margin:6px 0 0;color:#7890aa;font-size:14px;line-height:1.55}
.owner-editor-section .form-label{display:block;margin-bottom:8px;color:#a4b7cc;font-size:14.5px;font-weight:760}
.owner-editor-section .form-control{width:100%;min-height:51px;font-size:16px}
.owner-editor-section textarea.form-control{line-height:1.6}
.owner-editor-section input[readonly]{color:#7e91a7;background:#091522;cursor:not-allowed}
.owner-signal-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.owner-signal-toggle{display:flex;align-items:flex-start;gap:12px;min-height:92px;padding:17px;border:1px solid #29415c;border-radius:13px;background:#0a1828;cursor:pointer;transition:.18s ease}
.owner-signal-toggle:hover{border-color:#3b5877;background:#0c1b2d}
.owner-signal-toggle:has(input:checked){border-color:#5b55ba;background:rgba(107,83,245,.07);box-shadow:inset 0 0 0 1px rgba(124,92,255,.08)}
.owner-signal-toggle input{flex:0 0 17px;width:17px;height:17px;min-height:0;margin:3px 0 0;accent-color:var(--brand)}
.owner-signal-toggle span{display:flex;min-width:0;flex-direction:column;gap:4px}
.owner-signal-toggle strong{color:#dce7f4;font-size:15px}
.owner-signal-toggle small{color:#748ba5;font-size:12.5px;line-height:1.4}
.owner-feature-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.owner-feature-heading>p{max-width:460px;text-align:right}
.owner-feature-heading code,.owner-feature-examples code{color:#c3baff;background:transparent;font-size:12.5px;font-weight:750}
.owner-feature-rows{min-height:320px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px!important;line-height:1.7!important;white-space:pre}
.owner-feature-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;color:#6d829a;font-size:12px}
.owner-feature-examples>span{font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.owner-feature-examples code{padding:4px 7px;border:1px solid #263d57;border-radius:7px;background:#091624}
.owner-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:22px 25px;border:1px solid #29415c;border-radius:15px;background:#091624}
.owner-editor-actions>div{display:flex;flex-direction:column;gap:3px}
.owner-editor-actions strong{font-size:15px;color:#e5eef9}
.owner-editor-actions span{color:#7289a2;font-size:13px}
.btn-owner-manage{border:1px solid #554cc2;background:rgba(107,83,245,.09);color:#c5bdff;font-weight:800}
.btn-owner-manage:hover{border-color:#7569f1;background:rgba(107,83,245,.16);color:#fff}

@media(max-width:991px){
  .owner-signal-toggle-grid{grid-template-columns:1fr}
  .owner-feature-heading{flex-direction:column;gap:6px}
  .owner-feature-heading>p{max-width:none;text-align:left}
}
@media(max-width:650px){
  .owner-listing-editor{padding-bottom:50px}
  .owner-editor-section{padding:22px 18px}
  .owner-control-note{padding:17px}
  .owner-editor-actions{align-items:stretch;flex-direction:column;padding:19px}
  .owner-editor-actions .btn{width:100%}
}


/* === Sponsored listing benefits === */
.sponsor-benefits-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;border:1px solid #3d3974;border-radius:15px;background:linear-gradient(120deg,rgba(106,82,245,.11),rgba(12,30,48,.84));color:inherit;transition:.18s ease}
.sponsor-benefits-strip:hover{transform:translateY(-1px);border-color:#6559d7;background:linear-gradient(120deg,rgba(106,82,245,.16),rgba(13,32,52,.94))}
.sponsor-benefits-strip .sponsor-benefits-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(164,150,255,.3);border-radius:12px;background:rgba(113,91,247,.14);color:#c1b7ff;font-size:18px}
.sponsor-benefits-strip>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}
.sponsor-benefits-strip strong{color:#edf3fb;font-size:15.5px}
.sponsor-benefits-strip small{color:#7e94ae;font-size:13.5px;line-height:1.45}
.sponsor-benefits-strip b{white-space:nowrap;color:#b8afff;font-size:14px}
.sponsor-benefits-hero{padding-bottom:50px}
.sponsor-benefits-hero h1{max-width:820px}
.sponsor-benefits-hero-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:22px;border:1px solid #363d70;border-radius:17px;background:linear-gradient(145deg,rgba(106,82,245,.13),rgba(10,26,43,.9));box-shadow:0 20px 55px rgba(0,0,0,.14)}
.sponsor-benefits-hero-card span{color:#8ea3bd;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.sponsor-benefits-hero-card strong{margin:2px 0 3px;color:#fff;font-size:30px;line-height:1.1;letter-spacing:-.03em}
.sponsor-benefits-hero-card small{color:#7a90aa;font-size:13.5px;line-height:1.5}
.sponsor-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
.sponsor-benefit-card{position:relative;min-height:270px;padding:26px;overflow:hidden}
.sponsor-benefit-card-featured{border-color:#50489c;background:linear-gradient(145deg,rgba(97,77,221,.12),rgba(11,25,42,.96))}
.sponsor-benefit-number{position:absolute;top:18px;right:20px;color:#3d5069;font-size:12px;font-weight:900;letter-spacing:.08em}
.sponsor-benefit-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:24px;border:1px solid #374d69;border-radius:12px;background:#10213a;color:#b8aeff;font-size:20px;font-weight:900}
.sponsor-benefit-card h2{margin:0 0 10px;font-size:21px;line-height:1.25}
.sponsor-benefit-card p{margin:0;color:#8096af;font-size:14.5px;line-height:1.65}
.sponsor-benefit-card p strong{color:#cdd9e8}
.sponsor-included-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:36px;margin:18px 0;padding:31px}
.sponsor-included-copy h2{margin:5px 0 9px;font-size:29px}
.sponsor-included-copy p{margin:0;color:#7d93ad;font-size:14.5px;line-height:1.65}
.sponsor-included-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.sponsor-included-list>div{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid rgba(42,62,85,.7)}
.sponsor-included-list span{color:#62e1aa;font-weight:900}
.sponsor-included-list strong{color:#cfdbea;font-size:14px;line-height:1.4}
.sponsor-integrity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}
.sponsor-integrity-card{padding:27px}
.sponsor-integrity-card h2{margin:5px 0 9px;font-size:23px}
.sponsor-integrity-card p{margin:0;color:#8096af;font-size:14.5px;line-height:1.65}
.sponsor-integrity-card p strong{color:#d9e3ef}
.sponsor-faq-block{padding:44px 0 12px}
.sponsor-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sponsor-faq-item{padding:23px 25px}
.sponsor-faq-item h3{margin:0 0 8px;font-size:17px}
.sponsor-faq-item p{margin:0;color:#7e94ad;font-size:14px;line-height:1.6}
.sponsor-final-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:31px;background:linear-gradient(135deg,rgba(94,74,220,.11),rgba(13,31,50,.96))}
.sponsor-final-cta h2{margin:5px 0 7px;font-size:28px}
.sponsor-final-cta p{max-width:650px;margin:0;color:#8196af;font-size:14.5px}
.sponsor-final-actions{display:flex;flex:0 0 auto;gap:9px}
@media(max-width:991px){.sponsor-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-included-card{grid-template-columns:1fr}.sponsor-final-cta{align-items:flex-start;flex-direction:column}.sponsor-final-actions{width:100%}}
@media(max-width:767px){.sponsor-benefits-strip{grid-template-columns:auto 1fr}.sponsor-benefits-strip>b{grid-column:2}.sponsor-benefit-grid,.sponsor-integrity-grid,.sponsor-faq-grid,.sponsor-included-list{grid-template-columns:1fr}.sponsor-benefit-card{min-height:0}.sponsor-benefits-hero-card{max-width:430px}.sponsor-final-actions{flex-direction:column}.sponsor-final-actions .btn{width:100%}}

/* v1.0.10 — Sponsored inventory demand pricing */
.listing-demand-pricing{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #344a67;border-radius:15px;background:linear-gradient(120deg,rgba(29,91,134,.12),rgba(10,25,42,.9))}
.listing-demand-pricing>div{display:flex;align-items:center;gap:13px;min-width:0}
.listing-demand-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(111,150,191,.32);border-radius:11px;background:rgba(57,105,151,.11);color:#b7cdf0;font-size:19px;font-weight:900}
.listing-demand-pricing>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.listing-demand-pricing strong{color:#eaf2fb;font-size:15px}
.listing-demand-pricing small{color:#8da2bb;font-size:13.5px;line-height:1.45}
.listing-demand-pricing small b{color:#c9d8ea}
.listing-demand-total{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;color:#8095ae;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.listing-demand-total strong{margin-top:2px;color:#b9afff;font-size:18px;letter-spacing:-.02em;text-transform:none}
.listing-package-card .package-price-breakdown{display:block;margin-top:7px;color:#91a6be;font-size:12.5px;font-weight:700;line-height:1.4}
.listing-surcharge-preview{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding:12px 13px;border:1px solid #2d435d;border-radius:11px;background:rgba(8,22,37,.55)}
.listing-surcharge-preview span{color:#8197b0;font-size:12.5px;font-weight:700}
.listing-surcharge-preview strong{color:#c0b8ff;font-size:14px}
.listing-surcharge-preview small{color:#71869f;font-size:12px;line-height:1.4}
@media(max-width:767px){.listing-demand-pricing{align-items:flex-start;flex-direction:column}.listing-demand-total{align-items:flex-start}}

/* === v1.0.12 — Site-wide form control color refresh === */
:root{
  --control-bg:#0b1b2d;
  --control-bg-hover:#0d2035;
  --control-bg-readonly:#101d2c;
  --control-border:#35506e;
  --control-border-hover:#496783;
  --control-text:#edf4ff;
  --control-muted:#9aadc3;
  --control-placeholder:#6f849d;
  --control-focus:#796cff;
}

/* Bootstrap controls plus the application's native form systems. */
.form-control,
.form-select,
.stack-form input,
.stack-form textarea,
.stack-form select,
.admin-form input,
.admin-form textarea,
.admin-form select{
  background-color:var(--control-bg)!important;
  border-color:var(--control-border)!important;
  color:var(--control-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

.form-control:hover:not(:disabled):not([readonly]),
.form-select:hover:not(:disabled),
.stack-form input:hover:not(:disabled):not([readonly]),
.stack-form textarea:hover:not(:disabled):not([readonly]),
.stack-form select:hover:not(:disabled),
.admin-form input:hover:not(:disabled):not([readonly]),
.admin-form textarea:hover:not(:disabled):not([readonly]),
.admin-form select:hover:not(:disabled){
  background-color:var(--control-bg-hover)!important;
  border-color:var(--control-border-hover)!important;
}

.form-control:focus,
.form-select:focus,
.stack-form input:focus,
.stack-form textarea:focus,
.stack-form select:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus{
  background-color:#0d2035!important;
  border-color:var(--control-focus)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(121,108,255,.15),0 8px 24px rgba(0,0,0,.08)!important;
  outline:0!important;
}

.form-control::placeholder,
.stack-form input::placeholder,
.stack-form textarea::placeholder,
.admin-form input::placeholder,
.admin-form textarea::placeholder{
  color:var(--control-placeholder)!important;
  opacity:1!important;
}

/* Keep locked fields readable without making them look like editable controls. */
.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.stack-form input:disabled,
.stack-form input[readonly],
.stack-form textarea:disabled,
.stack-form textarea[readonly],
.stack-form select:disabled,
.admin-form input:disabled,
.admin-form input[readonly],
.admin-form textarea:disabled,
.admin-form textarea[readonly],
.admin-form select:disabled{
  background-color:var(--control-bg-readonly)!important;
  border-color:#2b4058!important;
  color:var(--control-muted)!important;
  opacity:1!important;
  cursor:not-allowed;
}

/* Chrome/Safari autofill should stay on-theme instead of flashing white/yellow. */
.form-control:-webkit-autofill,
.stack-form input:-webkit-autofill,
.admin-form input:-webkit-autofill{
  -webkit-text-fill-color:var(--control-text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--control-bg) inset!important;
  caret-color:var(--control-text)!important;
  transition:background-color 9999s ease-out 0s;
}

/* Preserve the custom select arrow while using the refreshed surface. */
.form-select:not([multiple]),
.stack-form select:not([multiple]),
.admin-form select:not([multiple]){
  background-color:var(--control-bg)!important;
}
.form-select:disabled:not([multiple]),
.stack-form select:disabled:not([multiple]),
.admin-form select:disabled:not([multiple]){
  background-color:var(--control-bg-readonly)!important;
}


/* v1.0.16 — keep the admin editor above Bootstrap's body-level backdrop.
   The modal is also re-parented to <body> in views/site.php so it is not
   trapped inside the <main> stacking context. */
.admin-listing-edit-modal {
  z-index: 1085 !important;
}

/* v1.0.15 — admin listing editor modal */
.btn-admin-edit-listing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 46px;
  border: 1px solid rgba(139, 124, 255, .42);
  background: linear-gradient(180deg, rgba(108, 92, 231, .14), rgba(64, 54, 150, .09));
  color: #d9d4ff;
  font-weight: 800;
}
.btn-admin-edit-listing:hover,
.btn-admin-edit-listing:focus {
  color: #fff;
  border-color: rgba(139, 124, 255, .78);
  background: linear-gradient(180deg, rgba(108, 92, 231, .25), rgba(64, 54, 150, .16));
  box-shadow: 0 0 0 3px rgba(108, 92, 231, .12);
}
.admin-listing-edit-modal .modal-dialog {
  width: min(1420px, calc(100vw - 34px));
  max-width: 1420px;
  height: min(92vh, 980px);
  margin: 4vh auto;
}
.admin-listing-edit-modal .modal-content {
  height: 100%;
  overflow: hidden;
  border: 1px solid #29445f;
  border-radius: 22px;
  background: #091828;
  box-shadow: 0 32px 100px rgba(0, 0, 0, .55), 0 0 0 1px rgba(112, 93, 255, .08);
}
.admin-listing-edit-modal-header {
  padding: 20px 24px;
  border-bottom: 1px solid #203a54;
  background: linear-gradient(180deg, #10243a, #0b1c2e);
  align-items: center;
}
.admin-listing-edit-modal-header .modal-title {
  margin: 3px 0 0;
  font-size: 1.45rem;
}
.admin-listing-edit-modal-header p {
  margin: 4px 0 0;
  color: #8fa6be;
  font-size: .92rem;
}
.admin-modal-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.admin-listing-edit-modal .btn-close {
  filter: invert(1) grayscale(1);
  opacity: .75;
}
.admin-listing-edit-modal-body {
  padding: 0;
  overflow: hidden;
  background: #071421;
}
.admin-listing-edit-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 720px;
  border: 0;
  background: #071421;
}
body.admin-modal-embed {
  min-height: 100vh;
  background: #071421;
}
body.admin-modal-embed .ambient,
body.admin-modal-embed .site-footer,
body.admin-modal-embed .navbar {
  display: none !important;
}
body.admin-modal-embed main {
  min-height: 100vh;
}
body.admin-modal-embed .admin-modal-editor-section {
  padding: 18px !important;
}
body.admin-modal-embed .admin-modal-editor-section > .container-xl {
  max-width: none;
  padding: 0;
}
body.admin-modal-embed .platform-editor {
  margin: 0;
  border-radius: 16px;
}
body.admin-modal-embed .admin-form-actions {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 0 -1px -1px;
  border-radius: 0 0 16px 16px;
  background: rgba(10, 27, 44, .97);
  backdrop-filter: blur(12px);
}
@media (max-width: 991.98px) {
  .admin-listing-edit-modal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .admin-listing-edit-modal .modal-content { border-radius: 0; border: 0; }
  .admin-listing-edit-modal-header { padding: 16px; }
  .admin-listing-edit-modal-header p { display: none; }
  .admin-modal-header-actions .btn { display: none; }
  .admin-listing-edit-frame { min-height: 100%; }
  body.admin-modal-embed .admin-modal-editor-section { padding: 10px !important; }
}

/* v1.0.17 — admin listing delete danger zone */
.admin-danger-zone{margin-top:1.25rem;padding:1.35rem 1.4rem;border:1px solid rgba(239,82,110,.34);border-radius:16px;background:linear-gradient(180deg,rgba(91,25,42,.24),rgba(40,18,31,.2));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:1.5rem;align-items:end}.admin-danger-zone .eyebrow{color:#ff8ba1}.admin-danger-zone h3{margin:.25rem 0 .45rem;color:#fff}.admin-danger-zone p{margin:0;color:#aabbd0;max-width:760px}.admin-delete-listing-form{display:grid;gap:.8rem}.admin-delete-listing-form label{display:grid;gap:.45rem;color:#c7d5e7;font-weight:700}.admin-delete-listing-form input{width:100%;background:#101c2d;border:1px solid rgba(239,82,110,.38);color:#f4f7fb;border-radius:11px;padding:.8rem .9rem}.admin-delete-listing-form input:focus{outline:0;border-color:#ef526e;box-shadow:0 0 0 3px rgba(239,82,110,.12)}.admin-delete-listing-form .btn-danger{min-height:46px;font-weight:800}@media(max-width:991.98px){.admin-danger-zone{grid-template-columns:1fr}}

/* === v1.0.18 — Brighter site-wide dark theme ===
   Keeps the MarketersGoHere dark identity while lifting near-black surfaces,
   muted copy, borders and form fields for easier long-session reading. */
:root{
  --bg:#0c1b2c;
  --bg2:#10243a;
  --panel:#142a41;
  --panel2:#18324d;
  --line:#385570;
  --text:#f3f7fc;
  --muted:#a9bbce;
  --shadow:0 22px 70px rgba(2,8,18,.22);
  --control-bg:#142c45;
  --control-bg-hover:#183550;
  --control-bg-readonly:#11263b;
  --control-border:#496985;
  --control-border-hover:#5d7d98;
  --control-text:#f4f8fc;
  --control-muted:#a8bacd;
  --control-placeholder:#8298af;
}

body{
  background:
    radial-gradient(circle at 50% -8%,rgba(76,125,190,.20),transparent 38%),
    radial-gradient(circle at 100% 28%,rgba(56,217,255,.055),transparent 28%),
    var(--bg);
}

/* Global chrome */
.nav-glass{background:rgba(9,24,39,.93);border-bottom-color:#263f59;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.navbar .nav-link{color:#bdcadd}
.nav-search{background:#12263b;border-color:#3b5975;color:#8fa6bd}
.nav-search kbd{background:#1b3450;border-color:#48647e;color:#9db0c3}
.btn-outline-soft{background:#142a41;border-color:#49647f;color:#d6e0eb}
.btn-outline-soft:hover{background:#1b3854;border-color:#6785a0}
.account-menu{background:#152b43;border-color:#3e5d79;box-shadow:0 22px 55px rgba(0,0,0,.24)}
.account-menu a:hover{background:#1b3854}

/* Page sections and primary surfaces */
.section-alt{background:rgba(20,42,65,.56);border-top-color:#29445f;border-bottom-color:#29445f}
.intel-card{background:linear-gradient(180deg,#162d46,#12273d);border-color:#36546f;box-shadow:0 12px 38px rgba(0,0,0,.10)}
.intel-card:hover{border-color:#496b89}
.radar-panel{background:linear-gradient(180deg,#19344f,#122941);border-color:#42627e;box-shadow:0 26px 80px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.04)}
.category-card{background:linear-gradient(180deg,#172f49,#132a41);border-color:#385770}
.category-card:hover{background:#1a3855;border-color:#5a7895}
.category-card b{background:#1b3651;color:#aebfd1}
.site-logo{background:#1a3652;border-color:#496987}
.signal-row{border-top-color:#33516c;color:#9caec0}
.mini-tags span{border-color:#3d5b76;color:#a7b8c9;background:rgba(255,255,255,.015)}

/* Hero and search */
.hero-copy{color:#b5c4d4}
.hero-search{background:#142c45;border-color:#496985;box-shadow:0 18px 52px rgba(0,0,0,.13)}
.hero-search:focus-within{border-color:#8176f4;box-shadow:0 0 0 3px rgba(124,92,255,.13),0 18px 52px rgba(0,0,0,.13)}
.hero-proof span,.radar-top,.radar-stats{color:#91a8bf}

/* Cards, dashboards and account areas */
.dash-action,.metric-cards>div{background:#162d46;border-color:#395770}
.dash-action:hover{background:#1a3753;border-color:#587793}
.metric-cards .highlight{background:linear-gradient(135deg,#24315b,#17354e);border-color:#6862a8}
.ref-code-box input{background:#142c45;border-color:#496985;color:#d7e2ed}
.status-chip{background:#27425d;color:#b7c7d7}
.compare-table{--bs-table-bg:#152d45;--bs-table-color:#d2dde7;--bs-table-border-color:#38546e}
.compare-tray{background:#1a3651;border-color:#5b7895;box-shadow:0 18px 52px rgba(0,0,0,.28)}

/* Tables */
.intel-table{--bs-table-color:#d0dce7;--bs-table-border-color:#38546e}
.intel-table th{color:#8fa7bf}
.intel-table td small{color:#91a5b9}
.table>:not(caption)>*>*{border-bottom-color:#38546e}

/* Admin UI */
.admin-nav a{background:#152c44;border-color:#3d5b75;color:#aebed0}
.admin-nav a:hover{background:#1a3854;border-color:#64839f}
.admin-nav a.active,.admin-nav a[aria-current="page"]{background:rgba(124,92,255,.16);border-color:#766de0;color:#f0edff}
.admin-form hr{border-color:#38546e}
.check-grid label,.toggle-grid label,.settings-form .settings-toggle,.owner-signal-toggle,.listing-terms,.listing-clock-note,.listing-sales-settings .settings-toggle,.package-active-toggle,.listing-admin-row{background:#152d45!important;border-color:#3f5f7b!important}
.owner-signal-toggle:hover{background:#1a3854!important;border-color:#5e7d98!important}
.admin-form-actions,.settings-form-actions,.listing-form-footer,.owner-editor-actions{background:#11263b;border-color:#38546e}
.settings-form .settings-section{border-top-color:#38546e}
.settings-section-intro p,.settings-form-actions span{color:#91a7bd}
.settings-security-card{background:linear-gradient(180deg,#162d46,#12283e)}

/* Paid listing / listing owner surfaces */
.listing-checkout-summary{background:#142b43;border-color:#3f5f7b}
.listing-surcharge-preview{background:#142b43;border-color:#45647e}
.owner-feature-examples code{background:#132940;border-color:#405e78}
.owner-editor-section input[readonly]{background:#11263b;color:#9fb0c2}

/* Trending and compare controls */
.site-card .compare-check{background:#152d45;border-color:#3e5d78;color:#aebed0}
.site-card .compare-check:hover{background:#1a3854;border-color:#627f9a;color:#eff5fb}
.trend-stats{background:#132a41;border-color:#3b5974}
.trend-stat+ .trend-stat{border-left-color:#3b5974}
.trend-rank-label strong{background:#16304a;border-color:#4c6b87;color:#bad2e7}
.signal-explainer .signal-formula{background:linear-gradient(135deg,rgba(124,92,255,.24),rgba(56,217,255,.10))}

/* Modal/editor surfaces */
.modal-content{background:#10253a;border-color:#496781;color:var(--text)}
.modal-header,.modal-footer{border-color:#38546e}
.admin-listing-modal-shell{background:#10253a!important}

/* Forms — brighter without becoming white */
.form-control,
.form-select,
.stack-form input,
.stack-form textarea,
.stack-form select,
.admin-form input,
.admin-form textarea,
.admin-form select{
  background-color:var(--control-bg)!important;
  border-color:var(--control-border)!important;
  color:var(--control-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.form-control:hover:not(:disabled):not([readonly]),
.form-select:hover:not(:disabled),
.stack-form input:hover:not(:disabled):not([readonly]),
.stack-form textarea:hover:not(:disabled):not([readonly]),
.stack-form select:hover:not(:disabled),
.admin-form input:hover:not(:disabled):not([readonly]),
.admin-form textarea:hover:not(:disabled):not([readonly]),
.admin-form select:hover:not(:disabled){background-color:var(--control-bg-hover)!important;border-color:var(--control-border-hover)!important}
.form-control:focus,.form-select:focus,.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{background-color:#193752!important;border-color:#8b7cff!important;box-shadow:0 0 0 3px rgba(139,124,255,.18),0 8px 22px rgba(0,0,0,.08)!important}
.form-control:disabled,.form-control[readonly],.form-select:disabled,.stack-form input:disabled,.stack-form input[readonly],.stack-form textarea:disabled,.stack-form textarea[readonly],.stack-form select:disabled,.admin-form input:disabled,.admin-form input[readonly],.admin-form textarea:disabled,.admin-form textarea[readonly],.admin-form select:disabled{background-color:var(--control-bg-readonly)!important;border-color:#38546e!important;color:var(--control-muted)!important}

/* Lift secondary copy that was too dim on long pages. */
.site-desc,.section-heading p,.settings-section p,.dash-action span,.ref-code-box>span,.commission-empty span,.trend-stat span,.listing-surcharge-preview span,.listing-surcharge-preview small{color:#9fb1c4!important}
.eyebrow,.trend-rank-label,.signal-explainer span{color:#92a9c1}
.site-footer{border-top-color:#2e4a64;color:#9fb0c1}
.site-footer a{color:#a7b7c8}

/* Slightly brighter separators throughout without looking outlined-heavy. */
hr{border-color:#38546e;opacity:.9}

/* v1.0.20 exact health ring color */
.score-ring{background:#12283e;border-color:#349b6c;box-shadow:inset 0 0 0 1px rgba(52,155,108,.08)}
.score-ring.good{border-color:#349b6c;box-shadow:0 0 0 1px rgba(52,155,108,.2),0 0 18px rgba(52,155,108,.16),inset 0 0 0 1px rgba(52,155,108,.06)}
.score-ring strong{color:#eef6ff}


/* v1.0.22 breathing active status dots: dimmer -> brighter -> dimmer */
@keyframes activeDotBreath {
  0%, 100% {
    opacity: .48;
    filter: brightness(.72) saturate(.9);
    box-shadow: 0 0 4px rgba(66,232,162,.22);
  }
  50% {
    opacity: 1;
    filter: brightness(1.38) saturate(1.15);
    box-shadow: 0 0 11px rgba(66,232,162,.82);
  }
}
.status-dot.status-active {
  animation: activeDotBreath 1.65s ease-in-out infinite !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .status-dot.status-active {
    animation: none !important;
    opacity: 1;
    filter: none;
    box-shadow: 0 0 8px rgba(66,232,162,.55);
  }
}


/* v1.0.24 prominent affiliate disclosure */
.affiliate-disclosure{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 13px;border:1px solid rgba(255,196,79,.42);border-radius:11px;background:linear-gradient(135deg,rgba(255,196,79,.13),rgba(255,166,67,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.affiliate-disclosure-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#f0b94c;color:#122033;font-size:15px;font-weight:900;box-shadow:0 5px 14px rgba(240,185,76,.2)}
.affiliate-disclosure strong{display:block;color:#ffd47b;font-size:12.5px;line-height:1.2;text-transform:uppercase;letter-spacing:.07em;margin:1px 0 4px}
.affiliate-disclosure p{margin:0;color:#b8c7d9;font-size:12.5px;line-height:1.45}
@media(max-width:650px){.affiliate-disclosure{padding:11px}.affiliate-disclosure p{font-size:12px}}

/* ======================================================================
   v1.1.0 — Referrals.cash-inspired design system refresh
   Keeps MarketersGoHere identity while adopting a roomier SaaS hierarchy.
   ====================================================================== */
:root{
  --bg:#0b1d2e;
  --bg2:#10263a;
  --panel:#132b42;
  --panel2:#17334d;
  --line:#31516b;
  --text:#f4f8fc;
  --muted:#a9bac9;
  --brand:#6f67ff;
  --brand2:#42d6c3;
  --green:#42e8a2;
  --radius:24px;
  --shadow:0 24px 70px rgba(2,10,20,.2);
}
html{font-size:17px}
body{background:radial-gradient(circle at 13% 3%,rgba(111,103,255,.16),transparent 30%),radial-gradient(circle at 92% 17%,rgba(66,214,195,.10),transparent 27%),linear-gradient(180deg,#0b1d2e 0%,#0d2235 48%,#0a1a29 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.25),transparent 60%)}
.container-xl{max-width:1320px}
main{overflow:clip}

/* Navigation: calmer, roomier and closer to the Referrals.cash product shell. */
.nav-glass{min-height:78px;background:rgba(9,25,40,.88);border-bottom:1px solid rgba(134,177,205,.16);box-shadow:0 10px 34px rgba(0,0,0,.08)}
.nav-glass .nav-container{max-width:1380px}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7167ff,#5e86ff);box-shadow:0 10px 28px rgba(111,103,255,.24)}
.brand-name{font-size:18px;letter-spacing:-.025em}
.navbar .nav-link{color:#adc0cf;font-size:15.5px;font-weight:720;border-radius:10px;padding:.62rem .72rem!important}
.navbar .nav-link:hover{background:rgba(255,255,255,.04);color:#fff}
.navbar .nav-link.active{background:rgba(111,103,255,.10);color:#fff}
.navbar .nav-link.active:after{display:none}
.nav-search{background:#10273b;border-color:#33516b;border-radius:13px;height:43px}
.account-trigger{background:#112a40;border-color:#365670;border-radius:13px}
.pro-chip{background:linear-gradient(135deg,#ffde79,#ffc35a);border-radius:8px}

/* Shared surfaces */
.intel-card,.detail-card,.price-card,.metric-cards>div,.dash-action,.settings-security-card,.modal-content{background:linear-gradient(180deg,rgba(24,52,78,.97),rgba(17,40,61,.98));border-color:#365976;box-shadow:0 18px 54px rgba(0,0,0,.11)}
.intel-card,.detail-card{border-radius:24px}
.section{padding:88px 0}
.section-alt{background:linear-gradient(180deg,rgba(18,43,66,.55),rgba(16,38,58,.48));border-color:rgba(90,130,159,.28)}
.section-heading{margin-bottom:34px}
.section-heading h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.035em;line-height:1.08}
.section-heading p{max-width:720px;font-size:16.5px;line-height:1.65;color:#a8bac9!important}
.centered-heading{justify-content:center;text-align:center}
.centered-heading>div{max-width:800px;margin:auto}
.eyebrow{color:#89a9c4;font-size:12.5px;letter-spacing:.18em}
.text-link{color:#bcb8ff;font-size:15px}

/* Homepage hero */
.referral-style-hero{padding:38px 0 92px;overflow:visible}
.hero-announcement{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:0 auto 44px;padding:9px 14px;border:1px solid #355b70;border-radius:999px;background:rgba(17,43,61,.74);color:#b8cad7;font-size:13.5px;box-shadow:0 12px 35px rgba(0,0,0,.08)}
.hero-announcement a{color:#d8d5ff;font-weight:800}
.announcement-live{display:flex;align-items:center;gap:7px;color:#7ee9bd;font-weight:850;font-size:12px;letter-spacing:.08em}
.announcement-live i,.trust-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#42e8a2;box-shadow:0 0 12px rgba(66,232,162,.65)}
.referral-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:64px}
.referral-hero-copy h1{font-size:clamp(52px,5.8vw,78px);line-height:.99;letter-spacing:-.052em;max-width:780px;margin:0 0 24px}
.referral-hero-copy .hero-copy{max-width:760px;font-size:19px;line-height:1.68;color:#b7c8d5}
.gradient-text{background:linear-gradient(100deg,#a79fff 10%,#70d9dd 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}
.hero-actions .btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding-left:20px;padding-right:20px}
.referral-hero-search{margin-top:18px;max-width:760px;background:#132e46;border:1px solid #41627d;border-radius:15px;box-shadow:0 18px 48px rgba(0,0,0,.11);height:60px}
.referral-hero-search input{font-size:16px}
.referral-hero-search button{border-radius:11px;background:linear-gradient(135deg,#7569ff,#5e7dff);padding:0 20px}
.hero-trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;color:#93aabd;font-size:13.5px}
.hero-trust-row span{display:flex;align-items:center;gap:8px}

/* Dashboard preview */
.ref-dashboard-preview{padding:24px;border-color:#466881;background:linear-gradient(180deg,#173852,#122b42);position:relative;overflow:hidden}
.ref-dashboard-preview:before{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(111,103,255,.22),transparent 68%);pointer-events:none}
.ref-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;position:relative}
.preview-kicker{font-size:11.5px;letter-spacing:.16em;font-weight:900;color:#8aa9c2}
.ref-dashboard-head h3{font-size:26px;margin:4px 0 0;letter-spacing:-.025em}
.ref-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative}
.ref-stat-card{padding:18px;border:1px solid #385c76;border-radius:17px;background:rgba(11,34,52,.54)}
.ref-stat-card span,.ref-stat-card small{display:block;color:#8ea7ba}
.ref-stat-card span{font-size:12.5px;font-weight:750}
.ref-stat-card strong{display:block;font-size:29px;letter-spacing:-.04em;margin:7px 0 4px}
.ref-stat-card small{font-size:11.5px}
.ref-stat-card.accent{background:linear-gradient(135deg,rgba(111,103,255,.24),rgba(47,177,165,.10));border-color:#5f65a9}
.ref-preview-signal{margin-top:14px;padding:17px;border:1px solid #3a5d77;border-radius:17px;background:#102a40;position:relative}
.preview-signal-top{display:flex;justify-content:space-between;gap:10px;color:#829fb6;font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:13px}
.preview-platform-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.preview-platform-row .min-w-0>strong{display:block;font-size:16px}
.preview-platform-row .min-w-0>span{display:flex;align-items:center;gap:6px;color:#94aabe;font-size:12.5px;margin-top:4px}
.ref-preview-signal>a{display:inline-flex;margin-top:15px;color:#bbb7ff;font-size:13px;font-weight:850}
.preview-platform-empty{display:flex;flex-direction:column;gap:4px;color:#9bb0c2}

/* Four-step conversion flow */
.ref-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ref-step-card{padding:26px 24px;border:1px solid #365874;border-radius:21px;background:linear-gradient(180deg,#16344f,#122b42);box-shadow:0 16px 42px rgba(0,0,0,.08);position:relative}
.ref-step-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(111,103,255,.5),transparent)}
.step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(111,103,255,.16);border:1px solid rgba(130,119,255,.42);color:#c9c4ff;font-weight:900;margin-bottom:30px}
.ref-step-card h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}
.ref-step-card p{margin:0;color:#9eb2c2;font-size:14.5px;line-height:1.65}

/* Categories and platform cards */
.referral-category-grid{gap:15px}
.category-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,#173650,#132d45);border-color:#3b5e78;box-shadow:0 12px 32px rgba(0,0,0,.06)}
.category-card:hover{transform:translateY(-3px);background:#1a3b58;border-color:#62819a;box-shadow:0 18px 44px rgba(0,0,0,.11)}
.cat-icon{width:47px;height:47px;border-radius:14px;background:linear-gradient(135deg,rgba(111,103,255,.18),rgba(66,214,195,.10));border-color:rgba(127,120,255,.3)}
.site-card{padding:24px;border-radius:22px;background:linear-gradient(180deg,#173650,#132c44);border-color:#3b5d78}
.site-card:hover{border-color:#67849b;box-shadow:0 20px 48px rgba(0,0,0,.13)}
.site-logo{background:#1c405e;border-color:#4a6e89}
.site-title{font-size:20px}
.site-desc{color:#a6b8c7!important}
.signal-row{border-top-color:#395a74;color:#a1b4c3}
.score-ring{background:#10283d}

/* Trust feature grid */
.ref-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1080px;margin:0 auto}
.ref-feature-card{padding:27px;border:1px solid #365a75;border-radius:22px;background:linear-gradient(180deg,#173650,#122c43);position:relative;overflow:hidden}
.ref-feature-card:before{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(111,103,255,.13),transparent 67%)}
.feature-icon{display:inline-flex;color:#7ee9bd;font-size:12px;letter-spacing:.12em;font-weight:900;margin-bottom:18px}
.ref-feature-card h3{font-size:22px;margin-bottom:9px;letter-spacing:-.025em}
.ref-feature-card p{margin:0;color:#a1b4c4;line-height:1.65}

/* CTA closer to the Referrals.cash end-of-page conversion block */
.referral-final-cta{padding-top:70px;padding-bottom:100px}
.referral-conversion-panel{border:1px solid #6970a9;border-radius:28px;padding:42px 46px;background:radial-gradient(circle at 85% 25%,rgba(69,211,193,.18),transparent 34%),linear-gradient(135deg,#2a3262,#17415a 72%);box-shadow:0 28px 80px rgba(0,0,0,.18)}
.referral-conversion-panel h2{font-size:clamp(34px,4vw,50px);max-width:800px;letter-spacing:-.04em}
.referral-conversion-panel p{max-width:760px;color:#c2d1dc}
.referral-conversion-panel .conversion-price{min-width:210px}

/* Footer */
.referral-style-footer{padding:66px 0 28px;background:#091827;border-top:1px solid #29475f}
.footer-grid{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:50px;padding-bottom:42px}
.footer-grid>div:not(.footer-brand-column){display:flex;flex-direction:column;gap:11px}
.footer-grid strong{color:#e9f1f7;font-size:13px;letter-spacing:.05em;margin-bottom:5px}
.footer-grid a{color:#92aabd;font-size:14px}
.footer-grid a:hover{color:white}
.footer-brand-column p{max-width:440px;color:#8fa8ba;line-height:1.65}
.footer-status{display:flex;align-items:center;gap:8px;margin-top:18px;color:#91aabd;font-size:13px}
.footer-bottom{border-top:1px solid #263f55;padding-top:22px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#6f8ba0;font-size:12.5px}

/* Global component lift so inner pages feel part of the same redesign. */
.page-hero{background:radial-gradient(circle at 15% 0%,rgba(111,103,255,.11),transparent 36%)}
.page-hero.slim{padding-top:48px;padding-bottom:36px}
.page-hero h1{letter-spacing:-.04em}
.btn{border-radius:12px}
.btn-primary-glow{background:linear-gradient(135deg,#766aff,#5f81ff);box-shadow:0 12px 32px rgba(102,95,255,.25)}
.btn-outline-soft{background:rgba(255,255,255,.025);border-color:#45657d}
.form-control,.form-select,.stack-form input,.stack-form textarea,.stack-form select,.admin-form input,.admin-form textarea,.admin-form select{background:#14324b!important;border-color:#42647d!important}
.form-control:focus,.form-select:focus,.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{background:#173951!important;border-color:#8d83ff!important}
.admin-nav a{background:#14314a;border-color:#3f617a}
.compare-table{--bs-table-bg:#14314a;--bs-table-border-color:#3d6079}
.affiliate-disclosure{background:linear-gradient(135deg,rgba(255,196,79,.14),rgba(255,166,67,.07))}

@media(max-width:1100px){
  .referral-hero-grid{grid-template-columns:1fr;gap:42px}.ref-dashboard-preview{max-width:760px}.ref-step-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991px){
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.ref-feature-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .referral-style-hero{padding-top:28px}.hero-announcement{width:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.hero-announcement>span:nth-child(2){display:none}.referral-hero-copy h1{font-size:47px}.referral-hero-copy .hero-copy{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.referral-hero-search{height:auto;grid-template-columns:auto 1fr;padding:10px}.referral-hero-search button{grid-column:1/3;margin-top:8px;min-height:45px}.hero-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-stat-grid,.ref-step-grid{grid-template-columns:1fr}.ref-dashboard-preview{padding:18px}.preview-platform-row{grid-template-columns:auto 1fr}.preview-platform-row .score-ring{grid-column:1/3;margin-top:6px}.section{padding:62px 0}.section-heading h2{font-size:34px}.ref-feature-card,.ref-step-card{padding:22px}.referral-conversion-panel{padding:30px 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand-column{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.site-footer{padding-bottom:28px}
}

/* v1.1.1 — restore visible dropdown chevrons after the theme refresh. */
select:not([multiple]),
.form-select:not([multiple]),
.stack-form select:not([multiple]),
.admin-form select:not([multiple]),
.settings-form select:not([multiple]){
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-color:#14324b!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7 12.5 1.5' fill='none' stroke='%23c4d5e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 15px center!important;
  background-size:14px 9px!important;
  padding-right:46px!important;
}
select:not([multiple]):hover:not(:disabled),
.form-select:not([multiple]):hover:not(:disabled),
.stack-form select:not([multiple]):hover:not(:disabled),
.admin-form select:not([multiple]):hover:not(:disabled),
.settings-form select:not([multiple]):hover:not(:disabled){
  background-color:#173951!important;
}
select:not([multiple]):focus,
.form-select:not([multiple]):focus,
.stack-form select:not([multiple]):focus,
.admin-form select:not([multiple]):focus,
.settings-form select:not([multiple]):focus{
  background-color:#173951!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7 12.5 1.5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
select:not([multiple]):disabled,
.form-select:not([multiple]):disabled,
.stack-form select:not([multiple]):disabled,
.admin-form select:not([multiple]):disabled,
.settings-form select:not([multiple]):disabled{
  background-color:var(--control-bg-readonly,#10283e)!important;
  opacity:.8;
}

/* v1.1.2 — higher-contrast secondary text */
:root{
  --bs-secondary-color:#c3d1dc;
  --bs-tertiary-color:#aec0ce;
  --muted:#b9c9d6;
}
.text-secondary,
.text-body-secondary,
.text-muted{
  color:#c3d1dc!important;
}
.text-secondary a,
.text-body-secondary a,
.text-muted a{
  color:#d0dbe5!important;
}


/* v1.1.3 darker intelligence cards */
.intel-card{
  background:linear-gradient(180deg,#0c1a2b 0%,#091522 100%) !important;
  border-color:#25415f !important;
  box-shadow:0 16px 42px rgba(0,0,0,.24) !important;
}
.intel-card:hover{
  border-color:#315678 !important;
}


/* v1.1.4 admin logo uploader */
.admin-logo-editor{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:start;padding:18px;border:1px solid #29445f;border-radius:18px;background:rgba(8,20,34,.5)}
.admin-logo-preview{width:112px;height:112px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#10253a;border:1px solid #31506d;color:#a99dff;font-size:34px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.admin-logo-preview img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff}
.admin-logo-fields{display:grid;gap:16px;min-width:0}
.admin-logo-fields input[type=file]{padding:11px 13px;cursor:pointer}
.admin-logo-fields input[type=file]::file-selector-button{border:1px solid #405d7d;background:#17324d;color:#eaf2ff;border-radius:9px;padding:8px 12px;margin-right:12px;font-weight:750;cursor:pointer}
.admin-logo-fields input[type=file]::file-selector-button:hover{background:#1d3b59;border-color:#57769b}
.admin-logo-remove{display:flex!important;align-items:center;gap:9px;width:max-content!important;color:#c5d2df!important;font-weight:650!important}
.admin-logo-remove input{width:auto!important;margin:0;accent-color:var(--brand)}
@media(max-width:700px){.admin-logo-editor{grid-template-columns:1fr}.admin-logo-preview{width:96px;height:96px}}


/* v1.1.6 green pulsing Visit Platform CTA */
@keyframes visitPlatformGlow {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(52,155,108,.22), 0 0 0 0 rgba(52,155,108,.24);
  }
  50% {
    box-shadow: 0 10px 32px rgba(52,155,108,.40), 0 0 0 7px rgba(52,155,108,.08);
  }
}
.visit-platform-btn,
a.visit-platform-btn {
  color: #fff !important;
  background: linear-gradient(135deg, #349b6c 0%, #2f8e63 100%) !important;
  border-color: rgba(79,190,132,.75) !important;
  box-shadow: 0 8px 24px rgba(52,155,108,.26) !important;
  animation: visitPlatformGlow 2.1s ease-in-out infinite;
}
.visit-platform-btn:hover,
.visit-platform-btn:focus {
  color: #fff !important;
  background: linear-gradient(135deg, #3fb67e 0%, #349b6c 100%) !important;
  border-color: #62d49a !important;
  box-shadow: 0 10px 34px rgba(52,155,108,.48) !important;
  transform: translateY(-1px);
}
.visit-platform-btn svg {
  stroke: currentColor;
}
@media (prefers-reduced-motion: reduce) {
  .visit-platform-btn,
  a.visit-platform-btn {
    animation: none;
  }
}


/* v1.1.7 sticky platform Quick Signals sidebar */
@media (min-width: 992px) {
  .sticky-card {
    position: -webkit-sticky;
    position: sticky;
    top: 92px;
    z-index: 12;
    align-self: flex-start;
  }
}
@media (max-width: 991.98px) {
  .sticky-card {
    position: static;
    top: auto;
  }
}


/* v1.1.8 - better platform logo presentation */
.site-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:5px;
}
.site-logo.xl{
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:20px;
  padding:5px;
  background:linear-gradient(145deg,#17304b,#10243a);
  border:1px solid #365673;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.site-logo.xl img{
  padding:3px;
  border-radius:14px;
}
@media(max-width:650px){
  .site-logo.xl{
    width:76px;
    height:76px;
    flex-basis:76px;
    border-radius:17px;
  }
}

/* v1.1.12 - stronger logo-derived listing card palettes */
.site-card.logo-palette-card{
  isolation:isolate;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--card-primary) 72%,#35516d);
  background:
    radial-gradient(circle at 4% 0%,color-mix(in srgb,var(--card-primary) 38%,transparent) 0%,color-mix(in srgb,var(--card-primary) 17%,transparent) 28%,transparent 55%),
    radial-gradient(circle at 96% 100%,color-mix(in srgb,var(--card-secondary) 30%,transparent) 0%,color-mix(in srgb,var(--card-secondary) 12%,transparent) 31%,transparent 57%),
    linear-gradient(135deg,color-mix(in srgb,var(--card-primary) 19%,#0c1a2b) 0%,color-mix(in srgb,var(--card-accent) 10%,#0a1726) 48%,color-mix(in srgb,var(--card-secondary) 14%,#091522) 100%);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--card-primary) 16%,transparent),
    0 18px 52px color-mix(in srgb,var(--card-primary) 21%,transparent),
    0 9px 26px rgba(0,0,0,.19);
}
.site-card.logo-palette-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--card-accent) 34%,transparent),transparent 30%,transparent 67%,color-mix(in srgb,var(--card-secondary) 28%,transparent)),
    linear-gradient(180deg,color-mix(in srgb,var(--card-primary) 16%,transparent),transparent 42%);
  opacity:.92;
}
.site-card.logo-palette-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:3px;
  z-index:2;
  pointer-events:none;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--card-primary),var(--card-accent),var(--card-secondary));
  box-shadow:0 0 16px color-mix(in srgb,var(--card-accent) 42%,transparent);
  opacity:.95;
}
.site-card.logo-palette-card > *{position:relative;z-index:1}
.site-card.logo-palette-card:hover{
  border-color:color-mix(in srgb,var(--card-accent) 82%,#59738e);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--card-accent) 22%,transparent),
    0 22px 64px color-mix(in srgb,var(--card-primary) 29%,transparent),
    0 12px 32px rgba(0,0,0,.22);
}
.site-card.logo-palette-card .site-logo{
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-primary) 38%,#14253b),color-mix(in srgb,var(--card-secondary) 28%,#102033));
  border-color:color-mix(in srgb,var(--card-accent) 78%,#45637f);
  box-shadow:0 8px 26px color-mix(in srgb,var(--card-primary) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--card-accent) 16%,transparent);
}
.site-card.logo-palette-card .site-title a{
  text-shadow:0 0 22px color-mix(in srgb,var(--card-accent) 16%,transparent);
}
.site-card.logo-palette-card .signal-row{
  border-top-color:color-mix(in srgb,var(--card-primary) 46%,#27405a);
}
.site-card.logo-palette-card .mini-tags span{
  color:color-mix(in srgb,var(--card-accent) 34%,#d4deea);
  border-color:color-mix(in srgb,var(--card-primary) 58%,#334c67);
  background:color-mix(in srgb,var(--card-primary) 20%,rgba(9,21,34,.68));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 8%,transparent);
}
.site-card.logo-palette-card .card-arrow{
  color:color-mix(in srgb,var(--card-accent) 82%,#eef3ff);
  text-shadow:0 0 16px color-mix(in srgb,var(--card-accent) 26%,transparent);
}
.site-card.logo-palette-card .compare-check{
  border-color:color-mix(in srgb,var(--card-primary) 60%,#3a5570);
  background:color-mix(in srgb,var(--card-primary) 18%,#0c1a2b);
}

/* Admin palette controls */
.admin-palette-preview{
  width:92px;
  height:72px;
  flex:0 0 92px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:5px;
  padding:8px;
  border-radius:16px;
  border:1px solid #365673;
  background:#10243a;
  overflow:hidden;
}
.admin-palette-preview span{
  flex:1;
  min-width:0;
  border-radius:9px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.admin-palette-preview b{display:grid;place-items:center;font-size:25px}
.palette-values{display:flex;flex-wrap:wrap;gap:8px}
.palette-values span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid #2c4762;
  border-radius:9px;
  background:#0b1b2d;
  color:#c3d1dc;
  font-size:12px;
  font-weight:700;
}
.palette-values i{
  width:16px;
  height:16px;
  flex:0 0 16px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 0 10px rgba(0,0,0,.18);
}
@media(max-width:650px){
  .admin-palette-preview{width:100%;height:62px;flex-basis:auto}
}

/* v1.1.13 - logo palette flows vertically through listing cards */
.site-card.logo-palette-card{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--card-primary) 34%,#0c1a2b) 0%,
      color-mix(in srgb,var(--card-accent) 22%,#0b1929) 34%,
      color-mix(in srgb,var(--card-secondary) 16%,#0a1726) 66%,
      #091522 100%
    ) !important;
  border-color:color-mix(in srgb,var(--card-primary) 62%,#35516d);
  box-shadow:
    0 16px 48px color-mix(in srgb,var(--card-primary) 17%,transparent),
    0 9px 26px rgba(0,0,0,.2);
}
.site-card.logo-palette-card::before{
  background:
    radial-gradient(ellipse at 16% 0%,color-mix(in srgb,var(--card-primary) 28%,transparent) 0%,transparent 48%),
    linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 12%,transparent) 0%,transparent 58%) !important;
  opacity:.85;
}
.site-card.logo-palette-card::after{
  content:none !important;
  display:none !important;
}
.site-card.logo-palette-card:hover{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--card-primary) 40%,#0d1b2d) 0%,
      color-mix(in srgb,var(--card-accent) 26%,#0c1a2a) 34%,
      color-mix(in srgb,var(--card-secondary) 19%,#0a1726) 66%,
      #091522 100%
    ) !important;
  border-color:color-mix(in srgb,var(--card-accent) 72%,#59738e);
}


/* v1.1.14 - border matches the first visible vertical-gradient color */
.site-card.logo-palette-card{
  border-color:color-mix(in srgb,var(--card-primary) 34%,#0c1a2b) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--card-primary) 12%,transparent),
    0 16px 48px color-mix(in srgb,var(--card-primary) 17%,transparent),
    0 9px 26px rgba(0,0,0,.2);
}
.site-card.logo-palette-card:hover{
  border-color:color-mix(in srgb,var(--card-primary) 40%,#0d1b2d) !important;
}


/* v1.1.15 - logo-derived card gradient softened by approximately 30% */
.site-card.logo-palette-card{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--card-primary) 24%,#0c1a2b) 0%,
      color-mix(in srgb,var(--card-accent) 15%,#0b1929) 34%,
      color-mix(in srgb,var(--card-secondary) 11%,#0a1726) 66%,
      #091522 100%
    ) !important;
  border-color:color-mix(in srgb,var(--card-primary) 24%,#0c1a2b) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--card-primary) 8%,transparent),
    0 16px 48px color-mix(in srgb,var(--card-primary) 12%,transparent),
    0 9px 26px rgba(0,0,0,.2);
}
.site-card.logo-palette-card::before{
  background:
    radial-gradient(ellipse at 16% 0%,color-mix(in srgb,var(--card-primary) 20%,transparent) 0%,transparent 48%),
    linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 8%,transparent) 0%,transparent 58%) !important;
  opacity:.72;
}
.site-card.logo-palette-card:hover{
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--card-primary) 28%,#0d1b2d) 0%,
      color-mix(in srgb,var(--card-accent) 18%,#0c1a2a) 34%,
      color-mix(in srgb,var(--card-secondary) 13%,#0a1726) 66%,
      #091522 100%
    ) !important;
  border-color:color-mix(in srgb,var(--card-primary) 28%,#0d1b2d) !important;
}

/* v1.1.20 — Keep Discover by Channel inside the same centered site frame.
   v1.1.19 accidentally overrode .container-xl to max-width:100%, which made
   this section span the full viewport on wide screens. */
.referral-categories-section > .container-xl{
  width:100%;
  max-width:1320px;
  min-width:0;
  margin-left:auto;
  margin-right:auto;
}
.referral-category-grid{
  width:100%;
  max-width:100%;
  min-width:0;
}
.referral-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.referral-category-grid .category-card{
  width:100%;
  min-width:0;
  max-width:100%;
  grid-template-columns:auto minmax(0,1fr) auto;
}
.referral-category-grid .category-card > div:nth-child(2){
  min-width:0;
  max-width:100%;
}
.referral-category-grid .category-card strong,
.referral-category-grid .category-card span{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:991px){
  .referral-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
  .referral-category-grid{grid-template-columns:minmax(0,1fr);}
  .referral-category-grid .category-card span{white-space:normal;}
}