/* QISAS-COMMUNITY-SOCIAL-DESIGN-20260721 */
:root{
  --qs-bg:#f6f3ef;
  --qs-card:#fff;
  --qs-ink:#281711;
  --qs-muted:#7d6a60;
  --qs-line:#eadfd7;
  --qs-soft:#faf6f2;
  --qs-brand:#9b4026;
  --qs-brand-dark:#692714;
  --qs-accent:#e49a3a;
  --qs-success:#267a56;
  --qs-shadow:0 12px 34px rgba(57,31,20,.08);
}

/* QISAS-SOCIAL-REACTIONS-DESIGN-20260722 */
.community-reaction-control,
.community-comment-reaction{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.community-reaction-form{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
}
.community-reaction-main,
.community-comment-react-main,
.community-reaction-picker-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  color:#60483e!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.community-reaction-main{min-height:38px!important;padding:0 4px 0 8px!important;font-size:13px!important}
.community-reaction-main[aria-pressed="true"],
.community-comment-react-main[aria-pressed="true"]{color:var(--qs-brand)!important}
.community-reaction-main-emoji,[data-current-emoji]{font-size:18px!important;line-height:1!important}
.community-reaction-picker-toggle{width:25px!important;min-height:34px!important;padding:0!important;font-size:15px!important}
.community-reaction-summary,
.community-comment-reaction-summary,
.community-comment-reaction-readonly{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#806b60!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.community-reaction-summary [data-reaction-icons],
.community-comment-reaction-summary [data-reaction-icons]{letter-spacing:-3px!important;font-size:15px!important}
.community-reaction-picker{
  position:absolute!important;
  z-index:40!important;
  right:0!important;
  bottom:calc(100% + 7px)!important;
  display:none!important;
  align-items:flex-end!important;
  gap:3px!important;
  width:max-content!important;
  padding:7px!important;
  border:1px solid rgba(67,38,28,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 12px 35px rgba(47,24,15,.19)!important;
}
.community-reaction-form.picker-open .community-reaction-picker{display:flex!important;animation:qisasReactionPop .16s ease-out!important}
.community-reaction-picker button{
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  width:46px!important;
  min-height:50px!important;
  padding:4px 2px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  cursor:pointer!important;
  transition:transform .14s ease,background .14s ease!important;
}
.community-reaction-picker button:hover,
.community-reaction-picker button:focus-visible{background:#fff4ed!important;transform:translateY(-5px) scale(1.1)!important}
.community-reaction-picker button span{font-size:25px!important;line-height:1.15!important}
.community-reaction-picker button small{color:#765e52!important;font-family:inherit!important;font-size:9px!important;font-weight:700!important}
@keyframes qisasReactionPop{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}

.community-post-actions{
  overflow:visible!important;
  flex-wrap:wrap!important;
}
.community-post-actions>.community-reaction-control{min-height:38px!important}
.community-post-actions .community-reaction-login{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  color:#60483e!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
}
.community-post-actions .community-comment-jump span,
.community-post-actions .community-share-button span{font-size:16px!important}

.community-comments-thread{display:grid!important;gap:5px!important}
.community-post-comment{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:7px 0!important;
}
.community-post-comment>.community-comment-avatar{flex:0 0 auto!important}
.community-post-comment>.community-comment-avatar img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important}
.community-post-comment>.community-comment-content{
  display:grid!important;
  gap:3px!important;
  width:min(100%,620px)!important;
  max-width:calc(100% - 42px)!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.community-comment-bubble{
  width:fit-content!important;
  max-width:100%!important;
  padding:9px 12px!important;
  border-radius:15px 4px 15px 15px!important;
  background:#f1ebe6!important;
}
.community-comment-bubble b,
.community-comment-bubble b a{color:var(--qs-ink)!important;text-decoration:none!important;font-size:12px!important}
.community-comment-bubble p{margin:3px 0 0!important;color:#4c352b!important;font-size:13px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
.community-comment-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding-inline:8px!important;
  color:#978176!important;
  font-size:10px!important;
}
.community-comment-meta time{direction:ltr!important}
.community-comment-react-main{min-height:25px!important;padding:0 2px!important;font-size:10px!important}
.community-comment-react-main [data-current-emoji]{font-size:13px!important}
.community-comment-reaction .community-reaction-picker-toggle{width:18px!important;min-height:24px!important;font-size:11px!important}
.community-comment-reaction .community-reaction-picker{bottom:calc(100% + 4px)!important}
.community-reply-toggle,
.community-reply-cancel{
  min-height:24px!important;
  padding:0 3px!important;
  border:0!important;
  color:#74594c!important;
  background:transparent!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.community-reply-form{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  margin:4px 0 2px!important;
  padding-inline:5px!important;
}
.community-reply-form[hidden]{display:none!important}
.community-reply-form input[name="body"]{min-height:36px!important;font-size:12px!important}
.community-reply-form button{min-width:48px!important;min-height:36px!important;font-size:11px!important}
.community-reply-form .community-reply-cancel{min-width:42px!important;color:#715b50!important;background:#eee5df!important}
.community-comment-replies{
  display:grid!important;
  gap:1px!important;
  margin-top:2px!important;
  margin-inline-start:18px!important;
  padding-inline-start:10px!important;
  border-inline-start:2px solid #eadfd8!important;
}
.community-post-comment.is-reply{margin:4px 0!important}
.community-post-comment.is-reply>.community-comment-avatar img{width:28px!important;height:28px!important}
.community-root-comment-form button{min-width:44px!important;font-size:17px!important}

@media(max-width:620px){
  .community-post-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr)!important}
  .community-post-actions>.community-reaction-control{min-width:0!important}
  .community-reaction-main{padding-inline:2px!important;font-size:11px!important}
  .community-reaction-main-label{max-width:66px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .community-reaction-summary{gap:2px!important;font-size:10px!important}
  .community-reaction-picker{position:fixed!important;right:50%!important;bottom:22px!important;transform:translateX(50%)!important;width:calc(100% - 24px)!important;justify-content:space-around!important;padding:9px 5px!important}
  .community-reaction-form.picker-open .community-reaction-picker{animation:qisasReactionMobile .18s ease-out!important}
  .community-reaction-picker button{width:15.5%!important;min-height:55px!important}
  .community-reaction-picker button span{font-size:25px!important}
  .community-comment-reaction .community-reaction-picker{bottom:22px!important}
  .community-post-comment>.community-comment-content{max-width:calc(100% - 40px)!important}
  .community-comment-replies{margin-inline-start:8px!important;padding-inline-start:7px!important}
  .community-comment-bubble{padding:8px 10px!important}
  .community-reply-form{grid-template-columns:minmax(0,1fr) auto!important}
  .community-reply-form .community-reply-cancel{grid-column:2!important}
}
@keyframes qisasReactionMobile{from{opacity:0;transform:translate(50%,18px)}to{opacity:1;transform:translate(50%,0)}}

.community-wall-page{
  width:min(1240px,calc(100% - 32px))!important;
  margin:34px auto 80px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,780px) 300px!important;
  gap:18px 24px!important;
  align-items:start!important;
  direction:rtl!important;
}

.community-wall-page::after{content:none!important;display:none!important}
.community-wall-page>*{min-width:0!important}

.community-wall-hero{
  grid-column:1/-1!important;
  min-height:0!important;
  padding:26px 32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  text-align:right!important;
  border-radius:24px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(245,190,101,.22),transparent 28%),
    linear-gradient(125deg,#31170f,#672d1c 64%,#9a4724)!important;
  box-shadow:0 18px 42px rgba(62,29,18,.16)!important;
  overflow:hidden!important;
}

.community-hero-copy{max-width:720px}
.community-wall-hero .community-hero-copy>span{
  display:inline-flex!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:999px!important;
  color:#f8d9aa!important;
  background:rgba(255,255,255,.08)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.community-wall-hero h1{
  margin:9px 0 4px!important;
  color:#fff!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1.25!important;
}
.community-wall-hero p{
  margin:0!important;
  color:#eadbd4!important;
  font-size:15px!important;
  line-height:1.8!important;
}
.community-hero-action{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:14px!important;
  color:#2c170e!important;
  background:linear-gradient(135deg,#f0a33e,#f8c664)!important;
  box-shadow:0 10px 24px rgba(18,8,3,.18)!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.community-pro-sidebar{
  grid-column:2!important;
  grid-row:2/span 12!important;
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:14px!important;
}
.community-side-card{
  padding:18px!important;
  border:1px solid var(--qs-line)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 24px rgba(57,31,20,.055)!important;
}
.community-side-card .side-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 14px!important;
  color:var(--qs-ink)!important;
  font-size:15px!important;
}
.community-side-card .side-title>span{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  color:var(--qs-brand)!important;
  background:#f8e8dc!important;
  font-weight:900!important;
}
.community-member-mini-head{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  color:var(--qs-ink)!important;
  text-decoration:none!important;
}
.community-member-mini-head img{
  width:48px!important;
  height:48px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px var(--qs-line)!important;
}
.community-member-mini-head span{display:grid!important;gap:2px!important}
.community-member-mini-head strong{font-size:15px!important}
.community-member-mini-head small{color:var(--qs-muted)!important;direction:ltr!important;text-align:right!important}
.community-member-mini nav{
  display:grid!important;
  margin-top:14px!important;
  padding-top:10px!important;
  border-top:1px solid var(--qs-line)!important;
}
.community-member-mini nav a{
  padding:9px 8px!important;
  border-radius:10px!important;
  color:#51362b!important;
  text-decoration:none!important;
  font-size:14px!important;
}
.community-member-mini nav a:hover{background:var(--qs-soft)!important;color:var(--qs-brand)!important}
.community-pulse-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.community-pulse-stats div{display:grid!important;gap:2px!important;text-align:center!important}
.community-pulse-stats strong{color:var(--qs-brand-dark)!important;font-size:20px!important}
.community-pulse-stats small{color:var(--qs-muted)!important;font-size:11px!important}
.community-side-card .side-tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.community-side-card .side-tags a{
  padding:7px 9px!important;
  border:1px solid var(--qs-line)!important;
  border-radius:999px!important;
  color:#75412d!important;
  background:var(--qs-soft)!important;
  font-size:12px!important;
  text-decoration:none!important;
}
.community-rules-card p{margin:0!important;color:var(--qs-muted)!important;font-size:13px!important;line-height:1.8!important}
.community-rules-card>a{display:inline-flex!important;margin-top:10px!important;color:var(--qs-brand)!important;font-size:13px!important;font-weight:800!important}

.community-feed-tabs,
.community-wall-search,
.community-post-form,
.community-feed-heading,
.community-posts-list,
.community-login-cta,
.community-wall-page>.alert{
  grid-column:1!important;
  width:100%!important;
}
.community-feed-tabs{
  display:flex!important;
  gap:4px!important;
  padding:6px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  border:1px solid var(--qs-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 7px 20px rgba(57,31,20,.045)!important;
}
.community-feed-tabs::-webkit-scrollbar{display:none}
.community-feed-tabs a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:11px!important;
  color:#60473c!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.community-feed-tabs a:hover{background:var(--qs-soft)!important;color:var(--qs-brand)!important}
.community-feed-tabs a.active{color:#fff!important;background:var(--qs-brand)!important}

.community-wall-search{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid var(--qs-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(57,31,20,.04)!important;
}
.community-wall-search>span{color:#957d70!important;font-size:23px!important;line-height:1!important}
.community-wall-search input{
  width:100%!important;
  min-height:40px!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  color:var(--qs-ink)!important;
  background:transparent!important;
}
.community-wall-search .btn{min-height:38px!important;padding:0 16px!important;border-radius:11px!important}

.community-post-form{
  padding:18px!important;
  border:1px solid var(--qs-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--qs-shadow)!important;
}
.community-composer-head{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:12px!important}
.community-composer-head>a{flex:0 0 auto!important}
.community-composer-head img{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important}
.community-composer-head>div{display:grid!important;gap:2px!important}
.community-composer-head strong{color:var(--qs-ink)!important;font-size:15px!important}
.community-composer-head small{color:var(--qs-muted)!important;font-size:12px!important}
.community-post-form textarea{
  width:100%!important;
  min-height:88px!important;
  max-height:280px!important;
  resize:none!important;
  padding:13px 14px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  outline:0!important;
  color:var(--qs-ink)!important;
  background:#faf8f6!important;
  font-size:15px!important;
  line-height:1.75!important;
}
.community-post-form textarea:focus{border-color:#d9a181!important;background:#fff!important;box-shadow:0 0 0 3px rgba(155,64,38,.08)!important}
.community-composer-preview{position:relative!important;margin-top:12px!important;border-radius:15px!important;overflow:hidden!important;background:#eee!important}
.community-composer-preview[hidden]{display:none!important}
.community-composer-preview img{display:block!important;width:100%!important;max-height:360px!important;object-fit:cover!important}
.community-composer-preview button{position:absolute!important;top:10px!important;left:10px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;color:#fff!important;background:rgba(25,15,10,.78)!important;font-size:24px!important;line-height:1!important;cursor:pointer!important}
.community-composer-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid var(--qs-line)!important;
}
.community-image-upload,.community-visibility-select{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid var(--qs-line)!important;
  border-radius:11px!important;
  color:#60473c!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.community-image-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.community-visibility-select select{max-width:125px!important;border:0!important;outline:0!important;color:inherit!important;background:transparent!important;font:inherit!important;cursor:pointer!important}
.community-composer-count{margin-inline-start:auto!important;color:#9a877c!important;font-size:11px!important;direction:ltr!important}
.community-publish-button{min-width:78px!important;min-height:40px!important;border-radius:11px!important}

.community-feed-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;padding:6px 4px 0!important}
.community-feed-heading h2{margin:0!important;color:var(--qs-ink)!important;font-size:21px!important}
.community-feed-heading p{margin:2px 0 0!important;color:var(--qs-muted)!important;font-size:12px!important}
.community-posts-list{display:grid!important;gap:14px!important}
.community-post-card{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--qs-line)!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:var(--qs-shadow)!important;
}
.community-post-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:16px 18px 10px!important}
.community-post-head>a>img{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 0 0 1px var(--qs-line)!important}
.community-post-head h1,.community-post-head h2{margin:0!important;color:var(--qs-ink)!important;font-size:15px!important;line-height:1.4!important}
.community-post-head h1 a,.community-post-head h2 a{color:inherit!important;text-decoration:none!important}
.community-post-head p{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin:3px 0 0!important;color:#917c71!important;font-size:11px!important;direction:rtl!important}
.post-visibility-pill{align-self:start!important;padding:5px 9px!important;border:1px solid var(--qs-line)!important;border-radius:999px!important;color:#7f675c!important;background:#faf7f4!important;font-size:11px!important}
.community-post-body{padding:5px 18px 15px!important;color:#2f1d16!important;font-size:16px!important;line-height:1.9!important;overflow-wrap:anywhere!important}
.community-post-image{display:block!important;position:relative!important;width:100%!important;max-height:680px!important;overflow:hidden!important;border-radius:0!important;background:#21140f!important}
.community-post-image img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;max-height:680px!important;object-fit:contain!important;background:transparent!important}
.community-post-blur{position:absolute!important;z-index:0!important;inset:-22px!important;background-position:center!important;background-size:cover!important;filter:blur(24px)!important;opacity:.42!important;transform:scale(1.08)!important}
.shared-story-card{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:0!important;
  margin:5px 18px 15px!important;
  overflow:hidden!important;
  border:1px solid var(--qs-line)!important;
  border-radius:15px!important;
  color:var(--qs-ink)!important;
  background:#fbf8f5!important;
  text-decoration:none!important;
}
.shared-story-card>img{width:112px!important;height:112px!important;object-fit:cover!important}
.shared-story-card>div{display:grid!important;align-content:center!important;gap:4px!important;padding:12px 14px!important}
.shared-story-card span{color:var(--qs-brand)!important;font-size:11px!important;font-weight:800!important}
.shared-story-card b{font-size:15px!important;line-height:1.5!important}
.shared-story-card p{margin:0!important;color:var(--qs-muted)!important;font-size:12px!important;line-height:1.6!important}
.community-post-actions{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 12px!important;
  border-top:1px solid var(--qs-line)!important;
  border-bottom:1px solid var(--qs-line)!important;
  background:#fff!important;
}
.community-post-actions form{margin:0!important}
.community-post-actions .btn,.community-post-actions button,.community-post-counter{
  min-height:38px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:10px!important;
  color:#61493e!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.community-post-actions .btn:hover,.community-post-actions button:hover{color:var(--qs-brand)!important;background:#faf3ef!important}
.community-like-button[aria-pressed="true"]{color:var(--qs-brand)!important;background:#fff1eb!important}
.community-post-actions .danger{margin-inline-start:auto!important;color:#a33728!important}
.community-post-comments{padding:12px 18px 16px!important;background:#fcfaf8!important}
.community-post-comment{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:8px 0!important}
.community-post-comment>a>img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important}
.community-post-comment>div{max-width:min(88%,620px)!important;padding:9px 12px!important;border-radius:14px 4px 14px 14px!important;background:#f1ebe6!important}
.community-post-comment b{color:var(--qs-ink)!important;font-size:12px!important}
.community-post-comment p{margin:3px 0!important;color:#4c352b!important;font-size:13px!important;line-height:1.65!important}
.community-post-comment small{color:#99867c!important;font-size:10px!important}
.community-comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:12px!important}
.community-comment-form input[name="body"]{width:100%!important;min-height:40px!important;padding:0 13px!important;border:1px solid var(--qs-line)!important;border-radius:999px!important;outline:0!important;background:#fff!important}
.community-comment-form input[name="body"]:focus{border-color:#d7a080!important;box-shadow:0 0 0 3px rgba(155,64,38,.07)!important}
.community-comment-form button{min-width:64px!important;min-height:40px!important;border:0!important;border-radius:999px!important;color:#fff!important;background:var(--qs-brand)!important;font-weight:800!important;cursor:pointer!important}

.single-post-page.community-social-single{width:min(780px,calc(100% - 32px))!important;margin:34px auto 80px!important}
.community-social-single .single-post-head{display:flex!important;gap:8px!important;margin-bottom:14px!important}
.community-social-single .single-post-comments{margin-top:16px!important;padding:18px!important;border:1px solid var(--qs-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--qs-shadow)!important}
.community-social-single .single-post-comments>h2{margin:0 0 14px!important;color:var(--qs-ink)!important;font-size:20px!important}

.community-wall-page a:focus-visible,.community-wall-page button:focus-visible,.community-wall-page input:focus-visible,.community-wall-page textarea:focus-visible,.community-social-single a:focus-visible,.community-social-single button:focus-visible{outline:3px solid rgba(228,154,58,.55)!important;outline-offset:2px!important}

@media(max-width:980px){
  .community-wall-page{grid-template-columns:1fr!important;width:min(780px,calc(100% - 24px))!important}
  .community-pro-sidebar{grid-column:1!important;grid-row:auto!important;position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;order:5!important}
  .community-member-mini,.community-rules-card{display:none!important}
  .community-feed-tabs,.community-wall-search,.community-post-form,.community-feed-heading,.community-posts-list,.community-login-cta,.community-wall-page>.alert{grid-column:1!important}
  .community-feed-tabs{order:2!important}.community-wall-search{order:3!important}.community-post-form,.community-login-cta{order:4!important}.community-feed-heading{order:6!important}.community-posts-list{order:7!important}
}

@media(max-width:620px){
  .community-wall-page{width:100%!important;margin:14px auto 50px!important;gap:10px!important}
  .community-wall-hero{margin:0 10px!important;padding:20px!important;border-radius:19px!important;display:grid!important;gap:15px!important}
  .community-wall-hero h1{font-size:25px!important}.community-wall-hero p{font-size:13px!important}.community-hero-action{width:100%!important;min-height:42px!important}
  .community-feed-tabs,.community-wall-search,.community-post-form,.community-feed-heading,.community-posts-list,.community-login-cta,.community-pro-sidebar,.community-wall-page>.alert{width:calc(100% - 20px)!important;margin-inline:10px!important}
  .community-pro-sidebar{grid-template-columns:1fr!important}.community-pro-sidebar .community-side-card:not(.side-active){display:none!important}
  .community-feed-tabs{border-radius:14px!important}.community-feed-tabs a{min-height:36px!important;padding:0 12px!important;font-size:12px!important}
  .community-wall-search{grid-template-columns:auto minmax(0,1fr) auto!important}.community-wall-search .light{display:none!important}
  .community-post-form{padding:14px!important;border-radius:17px!important}.community-composer-head img{width:42px!important;height:42px!important}
  .community-composer-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.community-image-upload,.community-visibility-select{justify-content:center!important}.community-composer-count{margin:0!important;align-self:center!important}.community-publish-button{width:100%!important}
  .community-feed-heading{padding-inline:3px!important}
  .community-post-card{border-radius:0!important;border-inline:0!important;box-shadow:0 5px 18px rgba(57,31,20,.055)!important}
  .community-post-head{padding:14px 12px 9px!important;grid-template-columns:auto minmax(0,1fr)!important}.community-post-head>a>img{width:44px!important;height:44px!important}.post-visibility-pill{grid-column:2!important;justify-self:start!important;margin-top:-4px!important}
  .community-post-body{padding:4px 14px 13px!important;font-size:15px!important}
  .shared-story-card{grid-template-columns:84px minmax(0,1fr)!important;margin:4px 12px 12px!important}.shared-story-card>img{width:84px!important;height:100%!important;min-height:96px!important}.shared-story-card p{display:none!important}
  .community-post-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:6px 8px!important}.community-post-actions form{min-width:0!important}.community-post-actions .btn,.community-post-actions button,.community-post-counter{width:100%!important;padding:0 5px!important;font-size:12px!important;white-space:nowrap!important}.community-post-actions .danger{grid-column:1/-1!important}
  .community-post-comments{padding:10px 12px 14px!important}.community-post-comment>div{max-width:86%!important}
  .single-post-page.community-social-single{width:100%!important;margin:14px auto 50px!important}.community-social-single .single-post-head,.community-social-single .single-post-comments{margin-inline:10px!important}.community-social-single .community-post-card{border-radius:0!important}
}

/* QISAS-SOCIAL-REACTIONS-FINAL-OVERRIDES-20260722 */
.community-post-card{overflow:visible!important}
.community-post-comment>.community-comment-content{
  max-width:calc(100% - 42px)!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.community-reply-form .community-reply-cancel{
  min-width:auto!important;
  padding-inline:8px!important;
  color:#765e52!important;
  background:transparent!important;
}
.community-comment-replies:empty{display:none!important}
.community-comment-replies:not(:empty){display:grid!important;gap:2px!important}

@media(max-width:620px){
  .community-post-actions>.community-reaction-control{
    min-width:0!important;
    justify-content:center!important;
  }
  .community-reaction-main-label{display:none!important}
  .community-reaction-summary{gap:2px!important}
  .community-reaction-picker{
    position:fixed!important;
    right:10px!important;
    left:10px!important;
    bottom:18px!important;
    justify-content:space-around!important;
    width:auto!important;
    padding:9px 5px!important;
  }
  .community-reaction-picker button{width:48px!important}
  .community-comment-reaction .community-reaction-picker{
    bottom:18px!important;
  }
}