/* Devil Deals portal community booster: independent, optional tab. */
.communityHub[hidden],.communityHub [hidden]{display:none!important}
.communityHub{background:#fff;border:1px solid var(--line,#e9e2d9);border-radius:20px;padding:24px;margin:0 0 20px;color:#25252d}
.communityHubHero{background:linear-gradient(135deg,#221c27,#393046 75%,#5c313a);color:#fff;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.communityHubEyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#eeb9ae}
.communityHubHero h2{color:#fff;font-size:27px;line-height:1.12;margin:8px 0}
.communityHubSpark{font-size:19px}
.communityHubHero p{margin:6px 0 0;color:#e6dfe9;font-size:12px;line-height:1.5;max-width:620px}
.communityHubRefresh{background:#fff!important;color:#472f47!important;padding:11px 16px!important;border-radius:12px!important;box-shadow:none!important;white-space:nowrap;border:0!important;font-size:12px!important;font-weight:800!important}
.communityHubSummary{margin:15px 0;padding:13px 15px;background:#f3f0fa;color:#594772;border-radius:12px;font-size:12px;font-weight:750;line-height:1.55;overflow-wrap:anywhere}
.communityHubSummary[data-status="ok"]{background:#ebfaf0;color:#166536}
.communityHubSummary[data-status="error"]{background:#fff0f1;color:#a42334}
.communityHubSetup{padding:16px 18px;border-radius:15px;background:#f8f6f4;border:1px solid #e8dedb;display:grid;gap:8px;margin-bottom:19px}
.communityHubSetup>div>strong{font-size:14px;color:#232833}
.communityHubAiInfo{margin:4px 0;color:#635f68;font-size:12px}
.communityHubAutoLabel{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;cursor:pointer;font-weight:700}
.communityHubAutoLabel input{accent-color:#bc283a;width:16px;height:16px;flex-shrink:0}
.communityHubSettings{border-top:1px solid #e9dedd;padding-top:10px}
.communityHubSettings summary{cursor:pointer;font-size:12px;color:#b42336;font-weight:750}
.communityHubSettings p{font-size:11px;color:#686067;line-height:1.6;margin:9px 0}
.communityHubSettings a{color:#a32637;font-weight:750}
.communityHubKeyRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.communityHubKey{min-width:min(330px,100%);flex:1;padding:11px 13px;border:1px solid #d6d0cd;border-radius:11px;background:#fff;color:#25252d;font:inherit}
.communityHubSetup button,.communityHubActions button{margin:0;padding:9px 12px;border:1px solid #ded5d3;border-radius:10px;background:#fff;color:#4f4146;box-shadow:none;font-size:12px;font-weight:750;cursor:pointer}
.communityHubSetup button:disabled,.communityHubActions button:disabled{opacity:.55;cursor:wait}
.communityHubList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(315px,100%),1fr));gap:14px;align-items:start}
.communityHubCard{border:1px solid #e7dfe3;background:#fff;border-radius:16px;box-shadow:0 5px 16px #29203509;padding:16px;min-width:0}
.communityHubCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.communityHubTitle{font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:#27242e}
.communityHubState{flex-shrink:0;padding:4px 6px;border-radius:6px;background:#f0e9f5;color:#765788;font-size:9px;font-weight:850}
.communityHubMeta{margin:9px 0;color:#807b86;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.communityHubQuestion{margin:12px 0;padding:14px;background:#faf7fc;border:1px solid #eee6f1;border-radius:12px;font-size:13px;font-weight:650;line-height:1.6;color:#332c39;white-space:pre-wrap;overflow-wrap:anywhere}
.communityHubActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.communityHubActions button,.communityHubActions a{white-space:normal;text-align:center;font-size:11px;line-height:1.3}
.communityHubActions a{color:#a2283c;font-weight:750;display:inline-flex;align-items:center;min-height:31px}
.communityHubActions button.communityHubAiButton{background:#f1e7fa;color:#663e85;border-color:#e3cffa}
.communityHubActions button.communityHubSend{background:#205e46;color:white;border-color:#226449}
.communityHubActions button:hover{filter:brightness(.97)}
.communityHubHint{color:#767079;font-size:11px;line-height:1.55;margin:11px 0}
.communityHubError{background:#fff1f0;color:#aa2635;padding:10px;border-radius:9px;font-size:11px;line-height:1.45}
.communityHubAnswer{margin-top:15px;padding:13px;border:1px solid #e9e2eb;border-radius:11px;background:#fbf9fc}
.communityHubAnswer summary{cursor:pointer;color:#483150;font-size:12px;font-weight:800}
.communityHubAnswer textarea{font:inherit;color:#24242a;width:100%;box-sizing:border-box;min-height:95px;padding:12px;resize:vertical;border:1px solid #dcd4df;border-radius:10px;background:#fff}
.communityHubAnswerText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin-top:11px;padding:12px;border-radius:10px;background:#efe8f3;color:#332b41}
.communityHubEmpty{grid-column:1/-1;background:#f9f7f4;border:1px dashed #ded2d5;padding:25px;color:#777077;text-align:center;border-radius:14px;font-size:13px}
.communityHubFoot{font-size:11px;color:#7d7278;margin:20px 0 0;line-height:1.6}
.communityHubOverlay{position:fixed;inset:0;z-index:2147483000;background:#0b0b11bf;display:flex;align-items:center;justify-content:center;padding:15px}
.communityHubDialog{width:min(520px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:17px;padding:22px;box-shadow:0 22px 75px #0006;color:#29262e}
.communityHubDialog h3{font-size:18px;margin:0 0 13px}
.communityHubDialog p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.communityHubConfirmActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.communityHubConfirmActions button{padding:10px 13px;background:#eee;border:0;border-radius:10px;color:#2a252b;cursor:pointer}
.communityHubConfirmActions .communityHubConfirmYes{background:#236a4a;color:white;font-weight:800}
.dark .communityHub,body.dark .communityHub{background:#17171a;color:#f5f3f4;border-color:#39303a}
.dark .communityHubSetup,body.dark .communityHubSetup{background:#252025;border-color:#484047}
.dark .communityHubCard,body.dark .communityHubCard{background:#232027;border-color:#473c49}
.dark .communityHubTitle,body.dark .communityHubTitle{color:#f6f3f5}
.dark .communityHubQuestion,body.dark .communityHubQuestion{background:#2e2633;color:#f3e6f4;border-color:#4a3a4d}
.dark .communityHubAnswer,body.dark .communityHubAnswer{background:#2b2530;border-color:#504051}
.dark .communityHubAnswer summary,body.dark .communityHubAnswer summary{color:#f1d9ed}
.dark .communityHubAiInfo,body.dark .communityHubAiInfo{color:#d5cbd0}
.dark .communityHubSetup button,body.dark .communityHubSetup button,.dark .communityHubActions button,body.dark .communityHubActions button{background:#302b31;color:#faf6fa;border-color:#554957}
.dark .communityHubActions button.communityHubAiButton,body.dark .communityHubActions button.communityHubAiButton{background:#533b60;color:#f3dbff}
.dark .communityHubActions button.communityHubSend,body.dark .communityHubActions button.communityHubSend{background:#205e46;color:white}
.dark .communityHubAnswer textarea,body.dark .communityHubAnswer textarea,.dark .communityHubKey,body.dark .communityHubKey{background:#17151a;color:#f7f3f5;border-color:#594e59}
.dark .communityHubAnswerText,body.dark .communityHubAnswerText{background:#473b4e;color:white}
.dark .communityHubDialog,body.dark .communityHubDialog{background:#2b252f;color:#fff}
@media(max-width:740px){.communityHub{padding:14px}.communityHubHero{padding:18px;flex-direction:column;align-items:stretch}.communityHubHero h2{font-size:23px}.communityHubList{grid-template-columns:1fr}.communityHubKey{min-width:0}}

/* Manual reply composer for any group comment, including unlisted posts. */
.communityHubStandalone{margin:18px 0 23px;border:1px solid #ded3e5;border-radius:17px;padding:20px;background:linear-gradient(150deg,#faf7ff,#fff 65%)}
.communityHubStandaloneHead{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:13px}
.communityHubStandaloneHead h3{font-size:18px;margin:0 0 7px;color:#453150}
.communityHubStandaloneHead p{font-size:12px;line-height:1.6;color:#716777;max-width:750px;margin:0}
.communityHubFreeForm{display:grid;gap:13px}
.communityHubFreeForm>label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#46394a}
.communityHubFreeForm input,.communityHubFreeForm textarea{width:100%;box-sizing:border-box;border:1px solid #dacfe0;border-radius:11px;padding:11px 12px;font:inherit;font-weight:450;color:#2b2632;background:#fff;min-height:43px}
.communityHubFreeForm textarea{resize:vertical;min-height:80px;line-height:1.5}
.communityHubFreeForm .communityHubFreeComment{min-height:90px}
.communityHubFreeForm> .communityHubHint{font-size:11px;line-height:1.5;color:#746b79;margin:-3px 0 3px}
.communityHubFreeFeedback{background:#f4eef7;border-radius:11px;padding:11px 13px;color:#52405d;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.communityHubFreeOutput{font-size:14px}
.dark .communityHubStandalone,body.dark .communityHubStandalone{background:#26202b;border-color:#53435a}
.dark .communityHubStandaloneHead h3,body.dark .communityHubStandaloneHead h3{color:#f5e8f9}
.dark .communityHubStandaloneHead p,body.dark .communityHubStandaloneHead p{color:#c8bbca}
.dark .communityHubFreeForm>label,body.dark .communityHubFreeForm>label{color:#f4eaf6}
.dark .communityHubFreeForm input,.dark .communityHubFreeForm textarea,body.dark .communityHubFreeForm input,body.dark .communityHubFreeForm textarea{background:#17151a;color:#faf5fc;border-color:#57495f}
.dark .communityHubFreeFeedback,body.dark .communityHubFreeFeedback{background:#3d3144;color:#ecd9f5}
@media(max-width:740px){.communityHubStandalone{padding:14px}.communityHubStandaloneHead{flex-direction:column}.communityHubStandaloneHead h3{font-size:16px}}

.communityHubDetectedContext{font-size:12px;font-weight:650;line-height:1.55;color:#4c3867;background:#f3edf9;border-left:3px solid #9974b1;padding:11px 13px;border-radius:9px;overflow-wrap:anywhere}
.dark .communityHubDetectedContext,body.dark .communityHubDetectedContext{background:#392d47;color:#e9d5f9}

/* AI-generated thank-you replies, intentionally separate from manual drafts. */
.communityHubThanksBox{border:1px solid #ddd1df;background:#fff;border-radius:13px;padding:14px;display:grid;gap:8px}
.communityHubThanksBox strong{font-size:13px;color:#302937}
.communityHubThanksBox p{margin:5px 0 0;font-size:11px;line-height:1.5;color:#71677b}
.communityHubThanksStatus{font-weight:750;font-size:11px;overflow-wrap:anywhere}
.communityHubThanksRecent{display:grid;gap:5px}
.communityHubThanksItem{display:flex;flex-wrap:wrap;gap:9px;padding:7px 9px;border-radius:8px;background:#f6f0f6;font-size:11px;line-height:1.5}
.communityHubThanksItem a{color:#92335e;text-decoration:underline}
.dark .communityHubThanksBox,body.dark .communityHubThanksBox{background:#29222e;border-color:#61516b}
.dark .communityHubThanksBox strong,body.dark .communityHubThanksBox strong{color:#f5e8f4}
.dark .communityHubThanksBox p,body.dark .communityHubThanksBox p{color:#d3c2d8}
.dark .communityHubThanksItem,body.dark .communityHubThanksItem{background:#372c3b}
.dark .communityHubThanksItem a,body.dark .communityHubThanksItem a{color:#efafc8}
