/* محادثات الواتساب */
.ib{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.ib-side{padding:10px}
.ib-convs{margin-top:8px;max-height:70vh;overflow:auto}
.ib-c{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;color:inherit;text-decoration:none}
.ib-c:hover{background:var(--ps)}.ib-c.on{background:var(--ps)}
.ib-n{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ib-last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-main{display:flex;flex-direction:column;min-height:60vh;padding:0}
.ib-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ln)}
.ib-back{display:none;font-size:22px;text-decoration:none}
.ib-list{flex:1;overflow:auto;max-height:60vh;padding:14px;display:flex;flex-direction:column;gap:8px}
.ib-msg{max-width:78%;padding:8px 11px;border-radius:12px;background:var(--bg);border:1px solid var(--ln);align-self:flex-start}
.ib-msg.out{align-self:flex-end;background:var(--ps);border-color:transparent}
.ib-t{white-space:pre-wrap;word-break:break-word}
.ib-meta{font-size:11px;color:var(--i3);margin-top:3px;text-align:end}
.ib-meta .rd{color:var(--p)}
.ib-img{max-width:240px;max-height:240px;border-radius:8px;display:block}
.ib-file{display:inline-block;padding:6px 0}
.ib-send{display:flex;gap:8px;align-items:flex-end;padding:10px 14px;border-top:1px solid var(--ln);flex-wrap:wrap}
.ib-send textarea{flex:1;min-width:200px}
.ib-win{padding:0 14px 10px}
.qtile{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.qtile .i{width:22px;height:22px;color:var(--p)}
@media (max-width:820px){
  .ib{grid-template-columns:1fr}
  .ib.has .ib-side{display:none}
  .ib:not(.has) .ib-main{display:none}
  .ib-back{display:inline}
}