/* =====================================================================
   AgriZameen Social — feed styles

   Loaded by /social/ only, and versioned by filemtime through
   az_asset_v(). Sits UNDER az-market.css and reuses its tokens and its
   .azm-btn / .azm-card / label.f rules rather than restating them.

   Every selector here begins .azs-so — nothing in this file can reach the
   shared header, the footer or any other page.
   ===================================================================== */

.azs-so{max-width:760px}

.azs-so-h2{margin:26px 0 12px}
.azs-so-h2:first-of-type{margin-top:6px}

/* ---- tabs ---- */
.azs-so-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;
  border-bottom:1px solid var(--azc-line);padding-bottom:2px}
.azs-so-tabs a{padding:9px 14px;font-size:.92rem;text-decoration:none;
  color:#5E5748;border-bottom:2px solid transparent;border-radius:6px 6px 0 0}
.azs-so-tabs a:hover{background:#F7F3E9;color:var(--azc-forest)}
.azs-so-tabs a[aria-current="page"]{color:var(--azc-forest);font-weight:600;
  border-bottom-color:var(--azc-gold);background:#fff}

/* ---- cards ---- */
.azs-so-card{background:var(--azc-bg);border:1px solid var(--azc-line);
  border-radius:14px;padding:18px;margin:0 0 18px}
.azs-so-locked{background:var(--azc-cream)}
.azs-so-locked p{margin:0 0 10px}
.azs-so-locked p:last-child{margin:0}
.azs-so-empty{text-align:center;color:#5E5748}
.azs-so-empty p{margin:0}

/* ---- composer ---- */
.azs-so-form textarea{min-height:96px}
.azs-so-row{display:grid;gap:12px}
@media(min-width:560px){.azs-so-row{grid-template-columns:1fr 1fr}}
.azs-so-form input[type=file]{padding:9px 10px;background:#fff}

.azs-so-rules{margin:16px 0 0;padding:0 0 0 18px;color:#5E5748;
  font-size:.84rem;line-height:1.55}
.azs-so-rules li{margin-bottom:5px}
.azs-so-fine{color:#5E5748;font-size:.82rem;line-height:1.6;margin:14px 0 0}
.azs-so-fine span{display:block;margin-top:4px}
main.azm .azs-so-fine{max-width:none}

/* ---- a post ---- */
.azs-so-feed{display:grid;gap:16px}
.azs-so-post{background:#fff;border:1px solid var(--azc-line);border-radius:14px;
  padding:16px;overflow:hidden}
.azs-so-post.is-pending{background:#FDFBF4;border-style:dashed;border-color:#C9B27E}
.azs-so-post.is-sent_back,
.azs-so-post.is-rejected{background:#FCF5F3;border-color:#D9AEA4}

.azs-so-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.azs-so-ini{width:36px;height:36px;flex:none;border-radius:50%;
  display:grid;place-items:center;background:var(--azc-forest);color:var(--azc-goldl);
  font-family:'Playfair Display',Georgia,serif;font-size:1rem}
.azs-so-ini.co{background:var(--azc-gold);color:var(--azc-deep)}
.azs-so-who{min-width:0;line-height:1.3}
.azs-so-who b{display:block;font-size:.95rem;font-weight:600;color:var(--azc-forest)}
.azs-so-who span{font-size:.78rem;color:#6C6455}
.azs-so-kyc{color:#2F6B45}

.azs-so-chip{display:inline-block;font-size:.7rem;letter-spacing:.02em;
  padding:2px 8px;border-radius:20px;border:1px solid var(--azc-line);
  color:#5E5748;background:#F7F3E9;white-space:nowrap}
.azs-so-chip.auto{margin-left:auto;border-color:#D9C68F;background:#FBF4DF;color:#6F5518}
.azs-so-chip.wait{border-color:#C9B27E;background:#FBF4DF;color:#6F5518}
.azs-so-chip.stop{border-color:#D9AEA4;background:#FBEDE9;color:#8C2F1E}
.azs-so-chip.live{border-color:#A9CDB4;background:#EFF6F0;color:#2F6B45}

main.azm .azs-so-body{margin:0 0 12px;font-size:1rem;line-height:1.6;
  white-space:normal;overflow-wrap:anywhere}

.azs-so-img{display:block;width:100%;height:auto;border-radius:10px;margin:0 0 12px}

.azs-so-vid{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;
  margin:0 0 12px;background:#0F2419}
.azs-so-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- the listing card inside a generated post ---- */
.azs-so-lst{display:flex;gap:12px;align-items:center;text-decoration:none;
  border:1px solid var(--azc-line);border-radius:10px;padding:10px;
  background:var(--azc-cream);color:inherit}
.azs-so-lst:hover{border-color:var(--azc-gold)}
.azs-so-lst img{width:74px;height:74px;flex:none;object-fit:cover;border-radius:8px}
.azs-so-lst-nop{width:74px;height:74px;flex:none;border-radius:8px;display:grid;
  place-items:center;background:var(--azc-forest);color:var(--azc-goldl);
  font-family:'Playfair Display',Georgia,serif}
.azs-so-lst-t{min-width:0;line-height:1.35}
.azs-so-lst-t b{display:block;font-size:.95rem;color:var(--azc-forest)}
.azs-so-lst-t span{display:block;font-size:.8rem;color:#5E5748}
.azs-so-lst-ref{font-size:.72rem!important;letter-spacing:.04em;color:#6F5518!important}

main.azm .azs-so-link{margin:0;font-size:.85rem;overflow-wrap:anywhere}

main.azm .azs-so-state{margin:10px 0 0;font-size:.82rem;color:#5E5748;
  display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}

/* ---- comments ---- */
.azs-so-cs{list-style:none;margin:12px 0 0;padding:12px 0 0;
  border-top:1px solid var(--azc-line)}
.azs-so-cs li{font-size:.88rem;line-height:1.5;margin-bottom:7px;overflow-wrap:anywhere}
.azs-so-cs b{color:var(--azc-forest);font-weight:600}
.azs-so-cform{display:flex;gap:8px;margin:10px 0 0}
.azs-so-cform input{flex:1;min-width:0}
.azs-so-cform button{flex:none;white-space:nowrap}

@media(max-width:430px){
  .azs-so-post{padding:13px}
  .azs-so-cform{flex-wrap:wrap}
  .azs-so-cform button{width:100%}
}
main.azm .azs-so-cap{margin:5px 0 0;font-size:.76rem;color:#6C6455}

/* The report control. A disclosure rather than a button, so it is present on
   every post without shouting on a feed nobody is complaining about. */
.azs-so-rep{margin:10px 0 0;border-top:1px solid var(--azc-line);padding-top:9px}
.azs-so-rep summary{font-size:.8rem;color:#6C6455;cursor:pointer;list-style:none}
.azs-so-rep summary::-webkit-details-marker{display:none}
.azs-so-rep summary::before{content:"⚑ ";color:var(--azc-alert,#C6543F)}
.azs-so-rep summary:hover{color:var(--azc-forest)}
.azs-so-rep form{margin-top:10px}
.azs-so-rep textarea{min-height:52px}
.azs-so-rep button{margin-top:8px}

/* ---- the rules, in the composer and on their own page ---- */
.azs-so-rules h3{margin:0 0 8px}
.azs-so-rulelist{margin:14px 0 4px;padding-left:20px}
.azs-so-rulelist li{margin-bottom:11px;line-height:1.5}
.azs-so-rulelist b{display:block;font-weight:600;color:var(--azc-forest);font-size:.95rem}
.azs-so-rulelist b.dev{font-family:'Noto Sans Devanagari','DM Sans',sans-serif}
.azs-so-rulelist span{display:block;font-size:.87rem;color:#5E5748;margin-top:2px}
.azs-so-rulepage li{margin-bottom:16px}
.azs-so-rulecode{font-family:ui-monospace,Menlo,monospace;font-size:.68rem!important;
  letter-spacing:.08em;color:#8A7A50!important;margin-top:4px!important}
.azs-so-rules .chk{margin:10px 0}