/* R22 — learner-scoped published work queue */
#r22-queue{margin:20px 0;padding:clamp(18px,2.2vw,30px);background:#fff;border:1px solid #dae5f0;border-radius:18px;min-width:0}
#r22-queue h2{font-size:clamp(1.25rem,2vw,1.65rem);color:#173c63;margin:0 0 10px}
#r22-queue .r22-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:19px 0}
#r22-queue .r22-filters label{display:flex;flex-direction:column;gap:7px;font-weight:650;color:#28425c;min-width:195px;flex:1;font-size:.87rem}
#r22-queue .r22-filters select{width:100%;padding:10px 12px;border:1px solid #cbd8e5;background:white;border-radius:10px;color:#173c63;min-height:42px}
#r22-queue .r22-count{background:#edf4fc;border-radius:9px;padding:12px;color:#204769;font-size:.85rem;white-space:nowrap}
#r22-queue .r22-list{display:flex;flex-direction:column;gap:11px}
#r22-queue .r22-row{display:flex;gap:16px;justify-content:space-between;border:1px solid #dce5ee;background:#f9fbfe;border-radius:13px;padding:16px 19px;min-width:0}
#r22-queue .r22-main,#r22-queue .r22-side{display:flex;flex-direction:column;gap:7px;min-width:0}
#r22-queue .r22-main{flex:1}
#r22-queue .r22-main strong{font-size:1rem;line-height:1.4;color:#173c63;overflow-wrap:anywhere}
#r22-queue .r22-main>span:last-child,#r22-queue .r22-side small{font-size:.85rem;line-height:1.4;color:#4b6075;overflow-wrap:anywhere}
#r22-queue .r22-kind{font-size:.74rem;color:#3c617f;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
#r22-queue .r22-side{max-width:38%;text-align:right;align-items:flex-end}
#r22-queue .r22-status{font-weight:750;font-size:.83rem;padding:6px 10px;background:#eaf2fb;border-radius:999px;color:#244b77}
#r22-queue .r22-message{border:1px dashed #bdcee0;padding:20px;border-radius:12px;color:#4d6378}
@media(max-width:620px){#r22-queue .r22-row{flex-direction:column;padding:14px}#r22-queue .r22-side{max-width:none;text-align:left;align-items:flex-start}#r22-queue .r22-filters label{min-width:100%;}#r22-queue .r22-count{width:100%}}