.toolrow{display:flex;justify-content:center;gap:14px;align-items:center;margin:6px 0 36px;flex-wrap:wrap}
#roleSelect{width:auto;padding:10px 14px;background:#fff;border:1px solid #d2d2d7;border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem}
#roleSelect:focus{outline:none;border-color:var(--blue)}
#roleSelect option{background:#fff;color:#1d1d1f}
.prog-chip{padding:9px 16px;border-radius:999px;font-weight:600;font-size:.85rem;background:rgba(0,113,227,.1);color:var(--blue);border:1px solid rgba(0,113,227,.25)}
.q-card{cursor:pointer;border:1px solid transparent;transition:box-shadow .2s,border-color .2s,background .2s,transform .2s}
.q-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.1)}
.q-card.ready{border-color:rgba(52,199,89,.5);background:#f2fbf5}
.q-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.q-top h3{font-size:1rem;margin:0;line-height:1.4}
.q-mark{white-space:nowrap;font-size:.74rem;color:#6e6e73;border:1px solid #d2d2d7;padding:3px 10px;border-radius:999px}
.q-card.ready .q-mark{color:#248a3d;border-color:rgba(52,199,89,.5)}
.q-tip{color:#6e6e73;font-size:.9rem;margin-top:10px}