/* robotatut.pl - wiadomosci */

.thlist{display:flex;flex-direction:column;gap:10px}
.th{background:var(--card);border:1px solid var(--line);padding:14px 16px;display:flex;
    justify-content:space-between;gap:12px;align-items:center}
.th .who{font-family:var(--f-display);font-weight:700;font-size:17px}
.th .prev{color:var(--ink2);font-size:14px;margin-top:2px;
          display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.th .when{color:var(--ink2);font-size:13px;white-space:nowrap}
.th .dot{display:inline-block;min-width:22px;height:22px;line-height:22px;text-align:center;
         background:var(--yl);color:#16171A;font-weight:800;font-size:12px;padding:0 6px}

.chat{display:flex;flex-direction:column;gap:10px;background:var(--card);
      border:1px solid var(--line);padding:16px;max-height:62vh;overflow-y:auto}
.bub{max-width:78%;padding:10px 14px;font-size:15px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}
.bub.me{align-self:flex-end;background:var(--yl);color:#16171A}
.bub.you{align-self:flex-start;background:#F1F1EE;border:1px solid var(--line)}
:root[data-theme="dark"] .bub.you{background:#23272D;border-color:var(--line);color:var(--ink)}
.bub .t{display:block;font-size:11px;opacity:.65;margin-top:4px}

.sendbox{display:flex;gap:10px;align-items:flex-end}
.sendbox textarea{flex:1;min-height:54px;max-height:180px;border:2px solid var(--ink);background:var(--card);
                  color:var(--ink);font-family:var(--f-body);font-size:17px;padding:10px 12px;resize:vertical}
.sendbox button{min-height:54px;padding:0 20px;flex-shrink:0}

@media (max-width:620px){
  .chat{max-height:none;padding:12px}
  .bub{max-width:88%}
  .sendbox{flex-direction:column;align-items:stretch}
  .sendbox button{width:100%}
  .th{flex-direction:column;align-items:flex-start;gap:6px}
}