/* Doubts: student asks, professor answers */
.db-badge{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#e5484d;color:#fff;font-size:.72rem;font-weight:800;line-height:18px;text-align:center}
.db-chip{display:inline-block;font-size:.72rem;font-weight:800;border-radius:999px;padding:2px 9px;margin-right:6px;vertical-align:middle}
.db-open{background:#fff4d6;color:#8a5a00}
.db-ans{background:#dff6ef;color:#0b6e4f}
.db-solved{background:#e9edf5;color:#4a5578}
.db-new{display:inline-block;font-size:.7rem;font-weight:800;color:#fff;background:#e5484d;border-radius:6px;padding:1px 6px;margin-right:6px}
.db-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}
.db-item summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.db-item summary::-webkit-details-marker{display:none}
.db-sum{flex:1 1 220px;min-width:0}
.db-thread{margin:10px 0;display:flex;flex-direction:column;gap:8px}
.db-msg{max-width:88%;padding:8px 12px;border-radius:12px;word-wrap:break-word;overflow-wrap:anywhere}
.db-me{align-self:flex-end;background:rgba(11,110,110,.12)}
.db-them{align-self:flex-start;background:rgba(245,179,36,.16)}
.db-who{font-size:.72rem;opacity:.75;margin-bottom:2px}
.db-filters{flex-wrap:wrap}
.db-f.on{background:var(--brand);color:var(--on-brand,#fff);border-color:var(--brand)}
.db-ask textarea,.db-item textarea{width:100%;box-sizing:border-box}