/* ---- تیکت‌ها ---- */
  .tk-form{background:var(--surface);border-radius:var(--radius);padding:20px;margin-bottom:28px}
  .tk-form h2{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:14px}
  .tk-form input,.tk-form textarea{
    width:100%;box-sizing:border-box;background:var(--surface-2);border:none;border-radius:var(--radius-sm);
    padding:11px 14px;font-family:inherit;font-size:13px;color:var(--ink);resize:vertical;
    transition:outline .15s;margin-bottom:10px;display:block
  }
  .tk-form input:focus,.tk-form textarea:focus{outline:2px solid var(--accent-line);outline-offset:0}
  .tk-form input::placeholder,.tk-form textarea::placeholder{color:var(--faint)}
  .tk-form textarea{min-height:90px;line-height:1.7}
  .tk-form .row{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}

  /* لیست تیکت‌ها */
  .tk-list{list-style:none;padding:0;margin:0}
  .tk-item{background:var(--surface);border-radius:var(--radius);padding:16px 18px;margin-bottom:10px;cursor:pointer;
    transition:background .15s;border:1px solid transparent}
  .tk-item:hover{background:var(--surface-2)}
  .tk-item.active{border-color:var(--accent-line)}
  .tk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
  .tk-title{font-size:13.5px;font-weight:700;color:var(--ink);flex:1;min-width:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tk-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;flex-shrink:0;white-space:nowrap}
  .tk-badge.open{background:rgba(34,197,94,.15);color:var(--ok)}
  .tk-badge.closed{background:var(--surface-2);color:var(--faint)}
  .tk-meta{font-size:12px;color:var(--faint);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .tk-meta b{color:var(--muted);font-weight:600}
  .tk-preview{font-size:12.5px;color:var(--muted);margin-top:6px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.5}

  /* پانل جزئیات */
  .tk-detail{background:var(--surface);border-radius:var(--radius);margin-bottom:24px;overflow:hidden;display:none}
  .tk-detail.show{display:block}
  .tk-detail-hdr{padding:16px 18px;border-bottom:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;gap:12px}
  .tk-detail-hdr h3{font-size:14px;font-weight:700;flex:1;min-width:0;margin:0}
  .tk-detail-body{padding:18px}
  .tk-orig{background:var(--surface-2);border-radius:var(--radius-sm);padding:14px 16px;
    font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin-bottom:18px;font-weight:300}
  .tk-orig-meta{font-size:12px;color:var(--faint);margin-bottom:6px}

  /* مکالمه */
  .tk-replies{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
  .tk-msg{border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word;font-weight:300;max-width:85%}
  .tk-msg.user{background:var(--surface-2);align-self:flex-start}
  .tk-msg.admin{background:var(--accent-soft);align-self:flex-end}
  .tk-msg-meta{font-size:11.5px;color:var(--faint);margin-top:4px}
  .tk-msg-wrap{display:flex;flex-direction:column}
  .tk-msg-wrap.user{align-items:flex-start}
  .tk-msg-wrap.admin{align-items:flex-end}
  .tk-msg-wrap.admin .tk-msg-meta{text-align:left}

  /* فرم پاسخ */
  .tk-reply-form{border-top:1px solid var(--line);padding:16px 18px}
  .tk-reply-form textarea{
    width:100%;box-sizing:border-box;background:var(--surface-2);border:none;border-radius:var(--radius-sm);
    padding:11px 14px;font-family:inherit;font-size:13px;color:var(--ink);resize:vertical;min-height:72px;
    line-height:1.7;transition:outline .15s;display:block;margin-bottom:10px
  }
  .tk-reply-form textarea:focus{outline:2px solid var(--accent-line);outline-offset:0}
  .tk-reply-form textarea::placeholder{color:var(--faint)}
  .tk-reply-actions{display:flex;gap:9px;justify-content:space-between;align-items:center;flex-wrap:wrap}
  .tk-status-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}

  .empty-state{text-align:center;padding:44px 20px;color:var(--muted)}
  .empty-state svg{width:44px;height:44px;color:var(--faint);margin-bottom:14px}
  .empty-state p{font-size:13px;margin:0}

  @media(max-width:560px){
    .tk-msg{max-width:100%}
    .tk-reply-actions{flex-direction:column;align-items:stretch}
    .tk-status-row{justify-content:stretch}
    .tk-status-row button{flex:1}
  }