/* VibeAgent · задания — v1 */
.ts-head{margin-bottom:26px}
.ts-head .h1{margin-bottom:8px}
.ts-head .muted{font-size:15px;max-width:620px}
.ts-kpi{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.ts-k{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:16px;
 border:1px solid var(--line,#ECECF1);background:#fff;min-width:104px}
.ts-k b{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ts-k span{font-size:12px;color:var(--muted,#71717A)}
.ts-k.a{background:#EDF9F3;border-color:#CDE9DB}.ts-k.a b{color:#0A6B44}
.ts-k.w{background:#FCFAFF;border-color:#EDE7FA}.ts-k.w b{color:#6200FF}

.ts-c{border:1px solid var(--line,#ECECF1);border-radius:20px;background:#fff;margin-bottom:14px;
 overflow:hidden;transition:border-color .18s,box-shadow .18s}
.ts-c:hover{border-color:#DDD6F3;box-shadow:0 8px 26px rgba(17,17,20,.05)}
.ts-c.a{background:linear-gradient(120deg,#FCFEFD,#F6FCF9)}
.ts-c.l{opacity:.55}
.ts-c__h{display:flex;align-items:center;gap:14px;padding:18px 20px}
.ts-n{width:36px;height:36px;flex:none;border-radius:12px;background:var(--faint,#F1F1F4);
 font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--muted,#71717A);
 display:grid;place-items:center}
.ts-c.w .ts-n,.ts-c.r .ts-n{background:var(--tint,#F4EEFF);color:#6200FF}
.ts-c.a .ts-n{background:#EDF9F3;color:#0A6B44}
.ts-t{flex:1;min-width:0}
.ts-t b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.ts-t span{display:block;font-size:12.5px;color:var(--muted,#71717A);margin-top:2px}
.ts-s{flex:none;display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 12px;border-radius:999px;
 font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;
 background:var(--faint,#F1F1F4);color:var(--muted,#71717A);border:1px solid var(--line,#ECECF1)}
.ts-c.w .ts-s{background:var(--tint,#F4EEFF);color:#4C00CC;border-color:#DDD6F3}
.ts-c.n .ts-s{background:#FFFBEB;color:#7A4C05;border-color:#FCE7A2}
.ts-c.a .ts-s{background:#EDF9F3;color:#0A6B44;border-color:#CDE9DB}
.ts-c.r .ts-s{background:#FEF2F2;color:#991B1B;border-color:#FBD5D5}

.ts-c__b{padding:0 20px 18px}
.ts-p{font-size:14.5px;line-height:1.6;color:#3F3F46;padding:14px 16px;border-radius:14px;
 background:#FAF8FE;border:1px solid #EFEAF9;margin-bottom:12px}
.ts-com{font-size:14px;line-height:1.55;color:#7A4C05;padding:13px 16px;border-radius:14px;
 background:#FFFBEB;border:1px solid #FCE7A2;margin-bottom:12px}
.ts-com b{display:block;font-weight:700;margin-bottom:4px}
.ts-sent{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13.5px;color:var(--muted,#71717A);
 padding:11px 14px;border-radius:12px;background:var(--faint,#F1F1F4);margin-bottom:12px}
.ts-sent a{color:#6200FF;font-weight:600;border-bottom:1px solid #DDD6F3}
.ts-sent i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;margin-left:auto}

.ts-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ts-go,.ts-send{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:13px;
 font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:.16s;border:1px solid var(--line-2,#E4E4EA);
 background:#fff;color:#3F3F46}
.ts-go:hover{border-color:#C9A7FF;color:#4C00CC;background:#FAF7FF}
.ts-send{border:0;background:linear-gradient(140deg,#7C1FFF,#6200FF);color:#fff;
 box-shadow:0 8px 22px rgba(98,0,255,.24)}
.ts-send:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(98,0,255,.3)}
.ts-done{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#0A6B44}

.ts-f{display:none;margin-top:14px;padding-top:16px;border-top:1px solid var(--line,#ECECF1);
 animation:ts-in .3s cubic-bezier(.22,1,.36,1)}
.ts-f.on{display:block}
@keyframes ts-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ts-f textarea,.ts-url{width:100%;padding:11px 14px;border:1px solid var(--line-2,#E4E4EA);border-radius:13px;
 font:inherit;font-size:14.5px;line-height:1.5;outline:none;background:#fff;transition:.15s}
.ts-f textarea{resize:vertical;min-height:78px;margin-bottom:10px}
.ts-f textarea:focus,.ts-url:focus{border-color:#6200FF;box-shadow:0 0 0 3px rgba(98,0,255,.1)}
.ts-f__r{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ts-file{flex:none;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;
 border:1.5px dashed var(--line-2,#E4E4EA);border-radius:13px;cursor:pointer;font-size:14px;
 color:var(--muted,#71717A);background:#FCFCFD;transition:.15s}
.ts-file:hover{border-color:#C9A7FF;background:#FAF7FF;color:#4C00CC}
.ts-file input{display:none}
.ts-url{flex:1;min-width:180px;height:44px;padding:0 14px}
.ts-f__b{display:flex;align-items:center;gap:10px}
.ts-err{flex:1;font-size:13px;color:#B91C1C}
.ts-cancel,.ts-ok{height:40px;padding:0 18px;border-radius:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ts-cancel{border:1px solid var(--line-2,#E4E4EA);background:#fff;color:var(--muted,#71717A)}
.ts-cancel:hover{background:var(--faint,#F1F1F4);color:#111114}
.ts-ok{border:0;background:linear-gradient(140deg,#7C1FFF,#6200FF);color:#fff}
.ts-ok:hover{filter:brightness(1.08)}
.ts-ok:disabled{background:var(--line-2,#E4E4EA);color:#A1A1AA;cursor:not-allowed}

.ts-sk i{display:block;height:82px;border-radius:20px;margin-bottom:14px;
 background:linear-gradient(90deg,#F4F4F6,#FAFAFB,#F4F4F6);background-size:200% 100%;
 animation:ts-sm 1.3s linear infinite}
@keyframes ts-sm{from{background-position:200% 0}to{background-position:-200% 0}}
.ts-empty{padding:44px;text-align:center;color:var(--muted,#71717A);font-size:15px;
 border:1.5px dashed var(--line-2,#E4E4EA);border-radius:20px;background:#FCFCFD}
@media(max-width:700px){.ts-c__h{flex-wrap:wrap}.ts-s{order:3;width:100%}.ts-act{flex-direction:column;align-items:stretch}}