/*
 * cottonin Core – Helpdesk UI
 */

.mb-helpdesk-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:14px;
}

@media (max-width: 960px){
  .mb-helpdesk-grid{grid-template-columns: 1fr;}
}

.mb-helpdesk-head{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.mb-ticket-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mb-ticket-item{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 14px;
  background:#fff;
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms cubic-bezier(.2,.8,.2,1);
}

.mb-ticket-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(17,24,39,.08);
}

.mb-ticket-link{
  display:block;
  padding:12px 12px 10px;
}

.mb-ticket-title{
  font-weight:800;
  letter-spacing:.2px;
}

.mb-ticket-meta{
  margin-top:6px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.mb-ticket-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(17,24,39,.10);
  background: rgba(17,24,39,.04);
}

.mb-ticket-chip-open{background: rgba(99,91,255,.10);border-color: rgba(99,91,255,.18);}
.mb-ticket-chip-waiting_admin{background: rgba(245,158,11,.12);border-color: rgba(245,158,11,.22);}
.mb-ticket-chip-waiting_user{background: rgba(16,185,129,.12);border-color: rgba(16,185,129,.22);}
.mb-ticket-chip-closed{background: rgba(107,114,128,.12);border-color: rgba(107,114,128,.22);}

.mb-ticket-priority{
  display:inline-flex;
  align-items:center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(17,24,39,.10);
  background:#fff;
}

.mb-ticket-priority-high{border-color: rgba(239,68,68,.28);background: rgba(239,68,68,.10);}
.mb-ticket-priority-normal{border-color: rgba(59,130,246,.25);background: rgba(59,130,246,.10);}
.mb-ticket-priority-low{border-color: rgba(16,185,129,.22);background: rgba(16,185,129,.10);}

.mb-ticket-view-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}

.mb-ticket-view-title{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.mb-ticket-view-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

.mb-ticket-thread{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mb-ticket-msg{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 16px;
  padding: 12px;
  background:#fff;
}

.mb-ticket-msg.is-support{
  background: rgba(99,91,255,.06);
  border-color: rgba(99,91,255,.14);
}

.mb-ticket-msg-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.mb-ticket-msg-body{
  margin-top:8px;
}

.mb-ticket-msg-files{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.mb-ticket-file{
  display:inline-flex;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.10);
  background:#fff;
  font-size: 12px;
  font-weight: 700;
}

.mb-ticket-actions{display:flex;gap:10px;flex-wrap:wrap;}