/* TRUSTPROS CONNECT: member identity, verified rewards, social proof and Connectko Chat */
.tiny-avatar{overflow:hidden;background:#092414;border:1px solid #4d8d4b;flex:none}
.tiny-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.person-avatar,.round-avatar{overflow:hidden;background:#092414}
.person-avatar img,.round-avatar img{object-fit:cover;object-position:center}
.profile-identity{font-weight:800!important;color:#f5d78e!important;font-size:14px!important;margin:8px 0!important}
.auth-form-card select,#adminTaskForm select{display:block;width:100%;min-height:49px;border:1px solid #34435f;border-radius:9px;background:#101b2e;color:#f6f8fd;padding:12px 14px;margin:7px 0 15px}
.identity-help{display:block;margin:3px 0 18px;font-size:11px;line-height:1.5;color:#8fa4bf}
.social-presence{border:1px solid #425777;border-radius:13px;padding:20px;margin:24px 0;background:#0f1c30}
.social-presence legend{padding:0 6px;font-size:11px;font-weight:900;letter-spacing:.11em;color:#eac887}
.social-presence legend small{font-weight:500;color:#8398b6;text-transform:none;letter-spacing:0}
.social-presence p{font-size:11px;line-height:1.6;color:#a1b4cf;margin:0 0 15px}
.social-platform-grid{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:10px 14px}
.social-platform-grid input[type=url]{min-height:42px;font-size:12px;margin:0}
.platform-choice{display:flex!important;align-items:center;gap:10px;margin:0!important;color:#d8e6f6!important;letter-spacing:0!important;font-size:12px!important;cursor:pointer}
.platform-choice input[type=checkbox]{appearance:auto;width:17px!important;height:17px!important;min-height:17px!important;margin:0;accent-color:#2fbd7f;flex:none}
.member-social-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:20px;padding-top:15px;border-top:1px solid #334761;font-size:12px}
.member-social-status strong{color:#f4ce81;margin-right:5px}
.active-platform{border-radius:25px;background:#173629;border:1px solid #418b67;padding:6px 10px;font-size:11px;font-weight:800;color:#80ebbb}
.active-platform:hover{color:white;border-color:#7bdcb5}

.connect-proof{position:relative;max-width:1200px;margin:0 auto;padding:70px 18px 42px;text-align:center}
.connect-portrait-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:min(430px,100%);margin:19px auto 18px;padding:0 10px;isolation:isolate}
.connect-portrait{width:52px;height:52px;margin-left:-7px;flex:none;border:0;border-radius:50%;padding:0;background:transparent;transition:transform .2s;cursor:pointer}
.connect-portrait img{display:block;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid #9be3b4;background:#0d3823}
.connect-portrait:hover,.connect-portrait[aria-expanded=true]{transform:scale(1.12);position:relative;z-index:2}
.connect-testimonial{position:absolute;z-index:10;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);width:min(335px,calc(100vw - 40px));padding:19px;border:1px solid #60ba83;border-radius:15px;text-align:left;background:#0e2b1e;box-shadow:0 25px 75px #000c}
.connect-testimonial::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#60ba83}
.testimonial-name{color:#67e7a6;font-weight:900}.testimonial-stars{color:#ffd477;letter-spacing:.13em;margin:7px 0}.testimonial-quote{margin:0!important;color:#e6fbeb!important;font-size:13px!important;line-height:1.65!important}
.connect-proof>p{font-size:17px;color:#b9cbbd;margin:10px 0}
.connect-proof>p strong{font-size:20px;color:#65e6a8}
.connect-case-link{color:#7ff0ba;text-decoration:underline;text-underline-offset:4px;font-weight:800;font-size:13px}
.connect-faq{position:relative;width:min(1040px,calc(100% - 34px));margin:50px auto 45px;padding:55px 42px 60px;background:linear-gradient(145deg,#101e32,#091521);border:1px solid #344966;border-radius:24px}
.connect-faq .section-overline,.connect-faq h2{text-align:center}
.connect-faq h2{font:800 clamp(28px,4vw,46px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:14px 0 30px}
.connect-faq h2 span{color:#f2d28f}
.connect-faq-list{display:grid;gap:10px}
.connect-faq details{border:1px solid #3a4f67;border-radius:12px;background:#15253a;overflow:hidden}
.connect-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:18px 20px;font-weight:800;font-size:14px;color:#edf6fc}
.connect-faq summary::-webkit-details-marker{display:none}
.connect-faq summary span{font-size:23px;color:#e7c07b;transition:transform .2s}
.connect-faq details[open] summary span{transform:rotate(45deg)}
.connect-faq details p{margin:0;padding:0 20px 20px;color:#b8cbe1;font-size:13px;line-height:1.7}

.reward-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:23px 0 24px}
.reward-summary>div{padding:23px 22px;min-width:0;border:1px solid #38624f;border-radius:14px;background:linear-gradient(145deg,#18352e,#11283b);box-shadow:inset 0 1px #ffffff0d}
.reward-summary span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:#a6d3c0}
.reward-summary strong{display:block;font:900 clamp(25px,3vw,36px) Manrope,sans-serif;color:#f6d181;margin:8px 0 6px}
.reward-summary small{color:#a0b9bd;font-size:10px}
.tasks-layout{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-items:start}
.task-pane{background:#101d30;border:1px solid #39516d;border-radius:15px;padding:23px;margin-bottom:19px;min-width:0}
.task-pane h4{font:800 16px Manrope,sans-serif;color:#f3e7ca;margin:0}
.task-pane>h4{margin:25px 0 13px}
.task-pane .panel-header{margin-bottom:17px}
.task-pane .small-muted{color:#9eb0c9;font-size:11px;line-height:1.6}
.task-cards{display:grid;gap:13px}
.task-card{border:1px solid #365c70;background:#142a3e;border-radius:12px;padding:18px}
.task-card-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}
.task-card h5{font:800 14px/1.5 Manrope;margin:0;color:#fff}
.task-card>p{color:#afc5d8;font-size:12px;line-height:1.6;margin:10px 0 14px;white-space:pre-wrap}
.task-reward-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 13px}
.task-badge{display:inline-flex;width:max-content;border:1px solid #617a95;border-radius:22px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.025em;text-transform:capitalize;background:#213449;color:#d6e2ef}
.task-badge.credits{color:#f3d484;border-color:#a48a42;background:#3a3222}
.task-badge.cash{color:#83e6ad;border-color:#3d9a73;background:#17372d}
.task-badge.approved,.task-badge.paid{color:#83e6ad;border-color:#389666}
.task-badge.pending{color:#f5d182;border-color:#88713d}
.task-badge.rejected,.task-badge.declined{color:#f3a7a7;border-color:#8e5055}
.task-proof-form{display:grid;gap:9px;margin-top:13px}
.task-proof-form input,.task-proof-form textarea,.payout-form input,.admin-task-form input,.admin-task-form textarea{display:block;width:100%;border:1px solid #435e78;border-radius:9px;background:#0b1b2e;color:#f7fbff;padding:11px 12px;font-size:12px;min-height:42px;resize:vertical}
.task-proof-form .button{justify-self:start}
.task-history-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #2b4158;padding:13px 2px;font-size:12px}
.task-history-row b{color:#e6eef6}.task-history-row small{width:100%;color:#94b0c5}
.payout-pane{margin-top:8px}
.payout-form{display:flex;align-items:end;flex-wrap:wrap;gap:11px;margin:20px 0 12px}
.payout-form label{width:100%;font-size:10px;letter-spacing:.1em;font-weight:800;color:#b9c7da}
.payout-form input{flex:1 1 250px;width:auto}
.payout-form .button{flex:none}
.payout-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.payout-actions span{font-size:11px;color:#a7c8bb}
.admin-task-form{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:11px;margin:22px 0 25px;align-items:end}
.admin-task-form label{font-size:10px;font-weight:900;color:#b1c5d4;letter-spacing:.03em}
.admin-task-form label input,.admin-task-form label select{margin-top:6px}
.admin-task-form .admin-task-wide{grid-column:1/-1}
.admin-task-form .button{justify-self:start;grid-column:1/-1}
.admin-task-row,.admin-invite-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:12px 3px;border-bottom:1px solid #2d425c}
.admin-task-row>div:first-child,.admin-invite-row>div:first-child{flex:1;min-width:0}
.admin-task-row strong,.admin-invite-row strong{display:block;color:#e6f2fd;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.admin-task-row small,.admin-invite-row small{display:block;font-size:10px;color:#8fa6be;margin-top:3px;overflow-wrap:anywhere}
.admin-task-row p{margin:6px 0}
.admin-task-row .mini-button{flex:none}
.task-review-actions{display:flex;gap:7px}
.task-proof-link{display:inline-block;font-size:11px;color:#74b8ff;text-decoration:underline;margin-top:6px}
.admin-invite-status{font-size:10px;font-weight:800;border-radius:20px;padding:6px 10px;background:#1a3248;color:#c4def3}
.admin-invite-status.accepted{background:#184335;color:#79d6a3}
.admin-invite-status.declined{background:#3b2a34;color:#e1a8a8}
.admin-login-link{color:#c7d2a9;text-decoration:underline}

.connectko-chat-launcher{position:fixed;bottom:22px;right:22px;z-index:700;width:80px;height:80px;border:2px solid #f2d181;border-radius:50%;background:radial-gradient(circle,#17462a,#0c192c);box-shadow:0 8px 25px #0009,0 0 15px #d2a34e60;padding:2px;transition:transform .18s}
.connectko-chat-launcher:hover{transform:translateY(-3px) scale(1.03)}
.connectko-chat-launcher>img{width:100%;height:100%;object-fit:contain}
.connectko-chat-bubble{position:absolute;right:0;top:-7px;border-radius:11px;padding:4px 8px;color:#05230f;background:#f4d687;font:800 10px Manrope}
.connectko-chat-panel{position:fixed;right:24px;bottom:111px;z-index:701;width:min(380px,calc(100vw - 30px));max-height:min(620px,calc(100dvh - 130px));display:flex;flex-direction:column;overflow:hidden;background:#0d1c2d;border:1px solid #c49a4b;border-radius:18px;box-shadow:0 20px 90px #000d}
.connectko-chat-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(110deg,#194731,#102e37,#142541);border-bottom:1px solid #4d7054}
.connectko-chat-header img{width:55px;height:55px;object-fit:contain;border-radius:50%;background:#0b2c1a}
.connectko-chat-header strong{display:block;color:#ffe09b;font:900 17px Manrope}
.connectko-chat-header small{display:block;color:#a5cdb7;font-size:10px;margin-top:4px}
.connectko-chat-header button{margin-left:auto;background:transparent;border:0;color:#e7ecf1;font-size:27px}
.connectko-chat-messages{display:flex;flex-direction:column;gap:10px;padding:19px 16px;min-height:115px;max-height:265px;overflow-y:auto}
.connectko-msg{max-width:90%;width:max-content;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.58;white-space:pre-line}
.connectko-msg.bot{background:#1a3540;color:#e5f6eb;border:1px solid #315f58;border-bottom-left-radius:3px}
.connectko-msg.user{align-self:end;background:#1b4970;color:#eaf5ff;border:1px solid #4075a0;border-bottom-right-radius:3px}
.connectko-chat-questions{display:grid;gap:8px;padding:12px 16px;overflow:auto;border-top:1px solid #29475a}
.connectko-faq-chip{width:100%;text-align:left;padding:10px 12px;border-radius:9px;border:1px solid #3e5e75;background:#142a3c;color:#cfe8f6;font-size:11px;font-weight:700}
.connectko-faq-chip:hover{background:#203f55;border-color:#cba66b}
.connectko-chat-contact{border:0;border-top:1px solid #5d714d;padding:14px;background:#1c754f;color:#fff;font-weight:800;font-size:12px}
@media(max-width:850px){.tasks-layout{grid-template-columns:1fr}.reward-summary>div{padding:16px}.admin-task-form{grid-template-columns:1fr 1fr}.admin-task-form label:first-child{grid-column:1/-1}}
@media(max-width:590px){.connect-proof{padding-top:54px}.connect-faq{padding:35px 18px 42px;margin-top:28px}.connect-faq summary{padding:15px 13px;font-size:12px}.connect-faq details p{padding:0 13px 17px}.reward-summary{gap:7px}.reward-summary>div{padding:13px 8px}.reward-summary span{font-size:8px}.reward-summary strong{font-size:19px}.reward-summary small{font-size:8px}.task-pane{padding:16px}.social-platform-grid{grid-template-columns:1fr;gap:7px}.social-platform-grid input[type=url]{margin-bottom:13px}.admin-task-form{grid-template-columns:1fr 1fr}.admin-task-form label:first-child,.admin-task-form .admin-task-wide{grid-column:1/-1}.payout-form .button{width:100%}.connectko-chat-launcher{right:13px;bottom:13px;width:65px;height:65px}.connectko-chat-panel{right:8px;bottom:86px;max-height:calc(100dvh - 105px)}}
@media(prefers-reduced-motion:reduce){.connect-portrait,.connectko-chat-launcher{transition:none}}
.mock-avatar{overflow:hidden;background:#0a311e!important}.mock-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.admin-login-label{display:block;text-align:center;margin-bottom:12px;color:#ecd093;font-weight:900}

/* CONNECT refinements: compact hero social proof, golden onboarding, emerald CTAs */
.hero-copy .connect-proof{max-width:100%;margin:0;padding:21px 0 0;text-align:left}
.hero-copy .connect-proof .section-overline{font-size:9px;letter-spacing:.14em}
.hero-copy .connect-portrait-row{justify-content:flex-start;margin:13px 0 10px;padding-left:10px}
.hero-copy .connect-proof>p{font-size:13px;line-height:1.5;margin:3px 0 5px}
.hero-copy .connect-proof>p strong{font-size:16px}
.hero-copy .connect-case-link{font-size:12px}
#heroJoin,#bottomJoin{background:linear-gradient(135deg,#36dc89,#0aaf62)!important;color:#07321d!important;border-color:#79f7ad!important;box-shadow:0 9px 26px rgba(16,195,107,.27)!important;font-weight:900}
#heroJoin:hover,#bottomJoin:hover{background:linear-gradient(135deg,#75f4ae,#21cc7b)!important;box-shadow:0 13px 32px rgba(16,195,107,.4)!important}
.step .step-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:25px 0 13px;border:1px solid rgba(249,204,122,.4);border-radius:19px;background:linear-gradient(145deg,#2b2a2b,#101b2b);box-shadow:inset 0 1px 0 #ffe2a41c,0 7px 27px #090a1440}
.step .step-icon img{display:block;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(247,185,62,.15))}
@media(max-width:590px){.hero-copy .connect-proof{padding-top:19px}.hero-copy .connect-portrait-row{width:min(390px,100%)}.hero-copy .connect-proof>p strong{font-size:15px}}

/* CONNECT brand consistency: main-site green logo, emerald CTA and unobstructed animated Connectko launcher */
.connect-brand-image{display:block;width:172px;height:62px;object-fit:contain;object-position:left center;filter:none}
#headerJoin{background:linear-gradient(135deg,#36dc89,#0aaf62)!important;color:#07321d!important;border-color:#79f7ad!important;box-shadow:0 6px 22px rgba(16,195,107,.23)!important;font-weight:900}
#headerJoin:hover{background:linear-gradient(135deg,#75f4ae,#21cc7b)!important;box-shadow:0 9px 29px rgba(16,195,107,.38)!important}
.hero-copy h1 .hero-fast{font-style:italic!important}
.connectko-chat-launcher{bottom:19px;right:20px;z-index:700;width:94px;height:auto;aspect-ratio:1;border:0;border-radius:0;padding:0;margin:0;overflow:visible;background:transparent;box-shadow:none;isolation:isolate;transform:none;transform-origin:65% 75%;filter:drop-shadow(0 10px 15px rgba(0,0,0,.38));animation:none;transition:filter .18s ease}
.connectko-chat-launcher>img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;clip-path:none}
.connectko-chat-launcher:hover,.connectko-chat-launcher:focus-visible{transform:none;animation:none;outline:none}
.connectko-chat-launcher[aria-expanded="true"]{filter:drop-shadow(0 10px 15px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(49,251,135,.77))}
.connectko-chat-launcher:focus-visible{outline:2px solid #75f4ae;outline-offset:4px;border-radius:10px}
.connectko-chat-panel{bottom:122px}
@media(max-width:590px){.connect-brand-image{width:116px;height:49px}.connectko-chat-launcher{width:72px;right:12px;bottom:13px}.connectko-chat-panel{bottom:97px}}
@media(prefers-reduced-motion:reduce){.connectko-chat-launcher{transition:none}}

