.tk{--tk-b:#1559B8;--tk-s:#40BEF6;--tk-l:#EAF3FD;--tk-g:#EEF3F6;--tk-t:#2A2E35;--tk-m:#5B6672}
.tk-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.tk-head h3{margin:0}
.tk-card{background:var(--tk-l);border-radius:14px;padding:1.25rem 1.5rem}.tk-muted{color:var(--tk-m)}
.tk-table{width:100%;border-collapse:collapse}.tk-table th,.tk-table td{padding:.65rem .5rem;border-bottom:1px solid var(--tk-g);text-align:right}
.tk-badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.8rem;background:var(--tk-g);color:var(--tk-t)}
.tk-badge--open,.tk-badge--customer{background:#FFF4E0;color:#8A5200}.tk-badge--answered{background:#E3F5FE;color:#0B4F80}.tk-badge--closed{background:#EEF0F2;color:#5B6672}.tk-badge--hold{background:#F1EAFE;color:#5B2BA8}
.tk-thread{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.tk-msg{border:1px solid var(--tk-g);border-radius:14px;padding:.85rem 1rem;max-width:88%}.tk-msg--staff{background:var(--tk-l);border-color:#CFE3FA;margin-inline-start:auto}
.tk-msg--user{background:#fff}.tk-msg__head{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--tk-m);margin-bottom:.35rem}
.tk-msg__body p{margin:.25rem 0}.tk-file{display:inline-block;margin-top:.35rem;font-size:.9rem}
.tk-notice{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;background:#E7F6EE;color:#14532D}.tk-notice--err{background:#FDECEC;color:#7F1D1D}
.tk-form{margin-top:1rem}.tk-close{margin-top:.75rem}.tk-meta{color:var(--tk-m)}