/* Production community UI: readable, obvious and touch-friendly */
.community-feedback-intro{max-width:760px;margin:12px 0 20px;color:#c7bbdb;font-size:1rem;line-height:1.6}
.community-composer{padding:22px!important;border:1px solid rgba(185,126,255,.42)!important;background:linear-gradient(180deg,rgba(23,15,39,.96),rgba(11,8,20,.96))!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
.identity-row,.community-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.identity-row label,.community-identity label{display:grid;gap:6px;color:#d8cbed;font-size:.72rem;font-weight:700}.identity-row input,.community-identity input,.comment-identity input{width:100%;min-height:48px;padding:12px 14px;border-radius:13px;border:1px solid rgba(190,145,255,.38);background:#100b1c;color:#fff;font:inherit;outline:none}.identity-row input:focus,.community-identity input:focus,.comment-identity input:focus{border-color:#b87cff;box-shadow:0 0 0 3px rgba(151,94,255,.15)}
#composerInput{display:block!important;width:100%!important;min-height:132px!important;padding:16px!important;border:1px solid rgba(190,145,255,.48)!important;border-radius:16px!important;background:#0d0918!important;color:#fff!important;font:inherit!important;font-size:1rem!important;line-height:1.5!important;resize:vertical!important;outline:none!important}#composerInput::placeholder,.comment-form textarea::placeholder{color:#9f94b5!important;opacity:1!important}#composerInput:focus{border-color:#c48cff!important;box-shadow:0 0 0 3px rgba(151,94,255,.16)!important}.composer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:12px!important}.composer-bottom .btn{min-width:112px!important}
.comment-preview{display:grid;gap:8px;margin-top:14px;padding:13px;border:1px solid rgba(184,126,255,.18);border-radius:15px;background:rgba(255,255,255,.025)}.comment-preview-title{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bcaad5}.comment-preview-item{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.comment-preview-item strong{font-size:.84rem;color:#fff}.comment-preview-item span{color:#c6bad7;font-size:.88rem;line-height:1.45}
.post-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}.post-action{min-height:44px!important;padding:10px 15px!important;border:1px solid rgba(184,126,255,.28)!important;border-radius:999px!important;background:rgba(143,77,255,.08)!important;color:#f6f1ff!important;font-weight:700!important;letter-spacing:.04em!important}.post-action span{margin-left:4px;color:#d8cbed}.comment-toggle,.share-toggle{border-color:rgba(190,145,255,.5)!important;background:rgba(143,77,255,.14)!important}.share-group{width:100%;padding:10px 0;gap:8px!important}
.comment-panel.active{display:block!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}.comment-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important;padding:14px!important;border:1px solid rgba(184,126,255,.24)!important;border-radius:16px!important;background:rgba(7,5,13,.62)!important}.comment-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comment-form textarea{display:block!important;width:100%!important;min-height:96px!important;padding:14px!important;border:1px solid rgba(190,145,255,.42)!important;border-radius:14px!important;background:#0d0918!important;color:#fff!important;font:inherit!important;font-size:.95rem!important;line-height:1.45!important;resize:vertical!important}.comment-send{justify-self:start!important;min-width:150px!important}.comment-bubble{padding:12px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important}.comment-bubble strong{display:block!important;color:#fff!important;margin-bottom:3px!important}.comment-bubble small{display:block;color:#8f84a6;margin-top:5px}
.empty-state{padding:24px!important;border:1px dashed rgba(184,126,255,.28)!important;border-radius:16px!important;color:#b9afd0!important;text-align:center!important}.empty-state.compact{padding:14px!important;font-size:.86rem!important}
@media(max-width:640px){.community-feedback-intro{font-size:.94rem;margin-top:10px}.community-composer{padding:16px!important}.identity-row,.community-identity,.comment-identity{grid-template-columns:1fr!important}.post-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.post-action{width:100%!important;justify-content:center!important}.post-actions .bookmark-btn{grid-column:1/-1}.share-group{grid-column:1/-1!important}.comment-form textarea{min-height:112px!important}.comment-send{width:100%!important}.reaction-row{gap:8px!important;flex-wrap:wrap!important}.reaction-btn{min-height:42px!important;min-width:62px!important}}


.comment-submit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.comment-status{min-height:1.2em;color:#cdbcea;font-size:.88rem}
.comment-send:disabled{opacity:.65;cursor:wait}