/* Roidboard mobile postbit v5 (phones, max-width 760px): today's layout kept. Changes: no Joined/Credits tiles, no Years of Service pill, and
   posts/threads/vouches as one slim row with icons. Thread pages only (#posts). Desktop untouched. */
@media (max-width:760px){
  #posts .rb-post .rb-ps-credits,#posts .rb-post .rb-ps-joined,#posts .rb-post .rb-svc,#posts .rb-post .rb-post-service{display:none!important}
  /* stats row: [icon] Posts: X | [icon] Threads: X | [icon] Vouches: X. Cells size to their content (3 and 4 digit
     numbers never leave the box); on a very narrow phone the row wraps instead of overflowing. */
  #posts .rb-post .rb-post-author .rb-post-stats{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:10px 0 0;padding:0;border:1px solid var(--line);border-radius:3px;background:var(--surface);overflow:visible;min-width:0}
  #posts .rb-post .rb-post-author .rb-post-stats .rb-ps{display:inline-flex;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-width:0;height:32px;padding:0 4px;border:0;background:transparent;white-space:nowrap;text-align:left}
  #posts .rb-post .rb-post-author .rb-post-stats .rb-ps + .rb-ps{border-left:1px solid var(--line)}
  #posts .rb-post .rb-post-author .rb-ps dt{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--muted)}
  #posts .rb-post .rb-post-author .rb-ps dt .fa-solid{display:inline-block;font-size:11px;color:var(--muted)}
  #posts .rb-post .rb-post-author .rb-ps dt span{font-size:11.5px;line-height:1}
  #posts .rb-post .rb-post-author .rb-ps dd{margin:0;font-size:12px;font-weight:700;line-height:1;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
  #posts .rb-post .rb-post-author .rb-ps dd a{color:inherit;text-decoration:none}
  #posts .rb-post .rb-post-author .rb-ps dd a:active{text-decoration:underline;text-underline-offset:2px}
  /* vouches keep the plugin's green (rb-vouch.css), a zero stays muted */
  #posts .rb-post .rb-post-author .rb-ps.rb-ps-vouches dd{color:var(--green-text,var(--green))}
  #posts .rb-post .rb-post-author .rb-ps.rb-ps-vouches.is-zero dd{color:var(--muted)}
  /* long names: one line, cut with an ellipsis, never broken inside the word */
  #posts .rb-post .rb-post-who{min-width:0}
  #posts .rb-post .rb-post-name{flex-wrap:nowrap;min-width:0}
  #posts .rb-post .rb-post-name a{display:block;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  #posts .rb-post .rb-post-name a,#posts .rb-post .rb-post-name a *{white-space:nowrap;overflow-wrap:normal;word-break:normal}
  #posts .rb-post .rb-post-name .rb-post-dot{flex:none}
  #posts .rb-post .rb-post-meta{display:contents}
}
