.earning-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(240px,.7fr); gap: 30px; align-items: center; margin-bottom: 42px; padding: clamp(28px,5vw,62px); border: 1px solid #77ff9f70; border-radius: 30px; background: radial-gradient(circle at 78% 45%,#5dff8f28,transparent 28%),radial-gradient(circle at 10% 10%,#ff45cb22,transparent 35%),linear-gradient(145deg,#14101ee8,#0d1b18e8); box-shadow: 0 25px 90px #0008,inset 0 1px #ffffff30; }
.earning-hero h1 { max-width: 820px; font-size: clamp(2.4rem,6vw,5.6rem); line-height: .94; letter-spacing: -.055em; }
.earning-hero p:not(.eyebrow) { max-width: 720px; margin: 20px 0 25px; font-size: 1.08rem; line-height: 1.65; }
.agent-glow { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: fit-content; padding: 14px 21px; border: 1px solid #b8ffbe; border-radius: 16px; background: linear-gradient(135deg,#9dff75,#39df7e); color: #071109; font: 800 1rem/1 Outfit,sans-serif; box-shadow: 0 0 20px #48ff8590,0 10px 35px #2cff7344,inset 0 1px #fff; cursor: pointer; }
.agent-glow:hover { transform: translateY(-2px); box-shadow: 0 0 34px #48ff85bb,0 16px 45px #2cff7355,inset 0 1px #fff; }
.agent-glow:disabled { filter: grayscale(.5); transform: none; box-shadow: none; }
.earning-orbit { position: relative; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #7bff9d5c; border-radius: 50%; box-shadow: 0 0 80px #55ff8b22,inset 0 0 50px #50ff8c18; }
.earning-orbit::before { content:"✦"; color:#a8ffb7; font-size:5rem; filter:drop-shadow(0 0 20px #57ff8e); }
.earning-orbit span { position:absolute; padding:7px 10px; border:1px solid #ffffff35; border-radius:999px; background:#ffffff0c; color:#dfffe5; font-size:.7rem; letter-spacing:.14em; }
.earning-orbit span:nth-child(1){top:8%}.earning-orbit span:nth-child(2){right:-4%}.earning-orbit span:nth-child(3){bottom:8%}
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:18px; }
.section-heading > p { max-width:540px; }
.earning-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:42px; }
.earning-grid article { min-height:240px; display:flex; flex-direction:column; padding:21px; border:1px solid #ffffff20; border-radius:22px; background:linear-gradient(145deg,#ffffff0e,#ffffff05); box-shadow:inset 0 1px #ffffff1c; backdrop-filter:blur(18px); }
.earning-grid article:hover { border-color:#7dffa4; transform:translateY(-2px); }
.earning-grid article > span { color:#7dffa4; font-weight:800; letter-spacing:.12em; }
.earning-grid h3 { margin:15px 0 8px; font-size:1.1rem; }
.earning-grid p { line-height:1.5; }
.earning-grid a { margin-top:auto; padding-top:18px; color:#a8ffb7; font-weight:700; }
.agent-service { padding:clamp(22px,4vw,42px); border-color:#72ff9b70; background:radial-gradient(circle at 90% 5%,#57ff8a20,transparent 26%),linear-gradient(145deg,#171221ed,#0c1715ed); }
.agent-service-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.agent-service-head > div { max-width:800px; }
.agent-service-head h2 { font-size:clamp(1.9rem,4vw,3rem); margin-bottom:10px; }
.agent-state { flex:none; padding:9px 13px; border:1px solid #ffffff2f; border-radius:999px; color:#d8cfe0; background:#ffffff0c; }
.agent-state.active { color:#061209; border-color:#99ffad; background:#7dff9b; box-shadow:0 0 20px #55ff8870; }
.activation-panel { margin-top:25px; padding:22px; border:1px solid #9affad55; border-radius:20px; background:#59ff8910; }
.activation-panel p { margin:8px 0 18px; }
.consent-row { display:flex; gap:10px; align-items:flex-start; margin:14px 0 20px; }
.consent-row input { width:20px; flex:0 0 20px; margin-top:3px; }
.campaign-intake { margin-top:28px; padding-top:28px; border-top:1px solid #ffffff1c; }
.campaign-intake label { color:#f7effb; }
.campaign-intake :is(input,textarea,select) { background:#09070eee; }
.campaign-intake fieldset { margin:20px 0; padding:18px; border:1px solid #ffffff24; border-radius:18px; }
.campaign-intake legend { padding:0 8px; font-weight:700; }
.channel-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.channel-grid label { display:flex; align-items:center; gap:7px; margin:0; padding:10px; border:1px solid #ffffff1d; border-radius:12px; background:#ffffff08; }
.channel-grid input { width:18px; }
.intake-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.saved-intakes { margin-top:28px; }
.saved-intakes > div { display:grid; gap:10px; margin-top:12px; }
.saved-intakes article { padding:15px; border:1px solid #ffffff1f; border-radius:15px; background:#ffffff08; }
.saved-intakes article p { margin-top:5px; }
.agent-control{margin:0 0 42px;padding:clamp(22px,4vw,40px);border-color:#75eaff55;background:radial-gradient(circle at 90% 0,#4cefff17,transparent 28%),linear-gradient(145deg,#121524ed,#0b1519ed)}
.agent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0 12px}.agent-metrics article{padding:15px;border:1px solid #ffffff1c;border-radius:16px;background:#ffffff08}.agent-metrics strong{display:block;color:#bdf8ff;font-size:clamp(1.5rem,3vw,2.2rem)}.agent-metrics span{font-size:.78rem;color:#c9c3ce}.agent-control-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.agent-control-columns>section{min-width:0}.mission-list,.task-list{display:grid;gap:9px;margin-top:10px}.mission-card,.task-card{padding:14px;border:1px solid #ffffff1e;border-radius:15px;background:#ffffff08}.mission-card header,.task-card header{display:flex;justify-content:space-between;gap:12px}.mission-card p,.task-card p{margin:7px 0}.mission-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.mission-actions button{padding:7px 10px;border:1px solid #ffffff2c;border-radius:10px;background:#ffffff0a;color:#f7f2f9;cursor:pointer}.mission-actions .cancel{border-color:#ff71845c;color:#ffadb7}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;text-transform:capitalize}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd95c;box-shadow:0 0 9px #ffd95c}.status-dot[data-status="complete"]::before{background:#72ff97}.status-dot[data-status="cancelled"]::before,.status-dot[data-status="failed"]::before{background:#ff6b82}.status-dot[data-status="paused"]::before{background:#a99bb5;box-shadow:none}.start-mission{margin-top:8px}
@media(max-width:1100px){.earning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.agent-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.earning-hero{grid-template-columns:1fr}.earning-orbit{max-width:280px}.section-heading,.agent-service-head{align-items:flex-start;flex-direction:column}.earning-grid{grid-template-columns:1fr}.intake-columns{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-control-columns{grid-template-columns:1fr}}
.agent-draft{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.task-card details{margin-top:16px}.task-card summary{cursor:pointer;color:#9dffb4}.task-card .agent-glow{display:inline-flex;margin-top:12px}

/* Income hub: emerald glass with warm gold highlights. */
.earning-hero{isolation:isolate;border-color:#d6db8170;background:radial-gradient(circle at 78% 45%,#5dff8f28,transparent 28%),radial-gradient(circle at 10% 10%,#e6bd4525,transparent 45%),linear-gradient(145deg,#17241de8,#0d1b18e8);box-shadow:0 25px 90px #0008,0 0 40px #c6c65518,inset 0 1px #fff0b755}
.earning-hero::after{content:"";position:absolute;inset:-70% -120%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffe7a014 49%,transparent 58%);animation:impact-income-glimmer 10s ease-in-out infinite}
.earning-hero .eyebrow{color:#ffdf82}
.earning-hero .agent-glow{background:linear-gradient(115deg,#92ff9a,#dbed7b 62%,#ffd878);border-color:#fff0ad;box-shadow:0 0 22px #7fff8040,0 10px 35px #e5bd4528,inset 0 1px #fff}
.audience-starters{margin-bottom:42px}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.audience-grid article{padding:24px;border:1px solid #dbcf6e50;border-radius:22px;background:linear-gradient(140deg,#39765028,#c29c2720);box-shadow:inset 0 1px #fff4be30}.audience-grid h3{margin:8px 0 12px;font-size:1.35rem}.audience-grid p{line-height:1.65}.audience-grid .eyebrow{color:#f6d982}.audience-grid a{display:inline-flex;min-height:44px;align-items:center;margin-top:12px;color:#baffc6;font-weight:750}.audience-grid a:focus-visible{outline:3px solid #ffdf82;outline-offset:4px}.audience-note{margin-top:16px;line-height:1.6}
@media(max-width:850px){.audience-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.earning-hero::after{animation:none}}
.agent-metrics #agent-held-usage{display:block;margin-top:6px;color:#bdf8ff;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}

.agent-draft-settings{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff26}.agent-draft-settings label{display:grid;gap:6px}.agent-draft-settings input,.agent-draft-settings select{max-width:100%;min-width:0}.agent-draft-settings .draft-consent{display:flex;align-items:flex-start;gap:10px}.agent-draft-settings .draft-consent input{width:auto;flex-shrink:0}.agent-draft-settings small{overflow-wrap:anywhere}

.agent-draft-settings button:not(.agent-glow){padding:10px 14px;border:1px solid #ffffff2c;border-radius:12px;background:#ffffff0a;color:#f7f2f9;cursor:pointer}.agent-draft-settings button:disabled{opacity:.5;cursor:default}.agent-draft-settings .agent-glow{font-size:.9rem;width:100%;min-height:44px}
.campaign-media-tools,.campaign-media-results{display:grid;gap:10px;margin:12px 0;min-width:0}.campaign-media-queue{padding-left:24px;overflow-wrap:anywhere}.campaign-media-queue li{margin:8px 0}.campaign-media-queue button{margin-left:8px}.agent-draft-settings .campaign-media-choice{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere}.agent-draft-settings .campaign-media-choice input{width:auto;flex-shrink:0}.campaign-media-results{max-height:360px;overflow:auto;border:1px solid #ffffff26;padding:12px;border-radius:12px}

#agent-campaigns .task-card{overflow-wrap:anywhere}#agent-campaigns small{display:block;margin-top:6px}

/* Luminous income workflows: bounded motion, readable solid text. */
.income-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.income-quick-actions a{min-height:48px;display:inline-flex;align-items:center}
.earning-orbit{border-color:#e9d58088;box-shadow:0 0 60px #51ff7a32,inset 0 0 40px #ffdf7526;animation:income-orbit-glow 5s ease-in-out infinite}
.earning-grid article{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background:linear-gradient(135deg,#b4ffae12,#ffda7210 45%,#10141ded);border-color:#d8dc7355;box-shadow:inset 0 1px #fff7ca35}
.earning-grid article:hover,.earning-grid article:focus-within{transform:translateY(-4px);border-color:#b5ffa3;box-shadow:0 15px 40px #0005,0 0 24px #a3ff6424}
.earning-grid article>span{color:#ffde84;text-shadow:0 0 15px #ffda6650}.earning-grid article a{color:#bdffbb}
#channel-video-factory{scroll-margin-top:30px;border:1px solid #d8df7770;border-radius:26px;padding:clamp(18px,3vw,32px);margin:36px 0;background:radial-gradient(ellipse at 100% 0,#7aff7320,transparent 55%),linear-gradient(130deg,#1e281eed,#12161ded);box-shadow:0 0 40px #e0d56a15,inset 0 1px #ffe6a245}
@keyframes income-orbit-glow{0%,100%{box-shadow:0 0 35px #51ff7a22,inset 0 0 30px #ffdf7520}50%{box-shadow:0 0 65px #51ff7a40,inset 0 0 45px #ffdf7530}}
@media(prefers-reduced-motion:reduce){.earning-orbit{animation:none}.earning-grid article{transition:none}.earning-grid article:hover,.earning-grid article:focus-within{transform:none}}