/* ===== MẠNH LIFE V46: TASK EXPAND CLEAN =====
   - Bỏ nút mũi tên mở rộng bị thừa.
   - Click/nhập vào tiêu đề sẽ giữ task mở rộng, không cần nút riêng.
   - Thu gọn cụm thời gian/phút khi task mở rộng.
*/

/* 1) Bỏ nút mũi tên chi tiết ở cụm action phải */
.ml-task-actions [data-action="toggle-detail"],
.ml-task-actions .ml-btn[data-action="toggle-detail"]{
  display:none!important;
}

/* 2) Giữ chỉ báo nhiệm vụ con nhưng làm nó giống nhãn nhỏ, không giống nút lớn */
.ml-child-task-badge{
  height:19px!important;
  min-height:19px!important;
  padding:0 6px!important;
  font-size:10px!important;
  line-height:19px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  color:#0e7490!important;
  border:1px solid rgba(14,116,144,.08)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  opacity:.9!important;
}
.ml-child-task-badge:not(.has-child){opacity:.42!important;background:#f8fafc!important;color:#94a3b8!important;}

/* 3) Khi bớt nút bên phải, action group gọn hơn */
.ml-task-actions{
  min-width:136px!important;
  gap:4px!important;
  align-items:flex-start!important;
}
.ml-task-actions .ml-btn{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  border-radius:10px!important;
  font-size:12px!important;
}

/* 4) Task card nhìn thấp hơn và ít khoảng trắng hơn */
.ml-current-task-list .ml-task-item,
.ml-task-list .ml-task-item{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  padding:7px 9px!important;
  min-height:60px!important;
  align-items:flex-start!important;
  gap:7px!important;
}
.ml-task-title-row{
  margin:0 0 4px!important;
  min-height:21px!important;
  gap:5px!important;
}
.ml-task-title-row h3,.ml-inline-edit-title{
  font-size:13.5px!important;
  line-height:1.18!important;
}
.ml-task-meta-inline{
  gap:4px!important;
  margin-top:0!important;
}
.ml-task-meta-inline .ml-pill,
.ml-task-meta-inline select.ml-pill,
.ml-task-meta-inline button.ml-pill{
  height:22px!important;
  min-height:22px!important;
  line-height:20px!important;
  padding:0 7px!important;
  font-size:10.5px!important;
  max-width:112px!important;
}
.ml-mini-progress{
  height:4px!important;
  margin:5px 0 4px!important;
}

/* 5) Cụm thời gian cực gọn, đặc biệt khi mở rộng */
.ml-task-time-row,
.ml-task-time-compact{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  margin-top:2px!important;
}
.ml-task-time-compact > div,
.ml-task-time-row > div{
  height:22px!important;
  min-height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  gap:4px!important;
  background:#f8fafc!important;
  border:1px solid #e5eaf3!important;
  box-shadow:none!important;
}
.ml-task-time-compact > div span,
.ml-task-time-row > div span{
  display:inline!important;
  font-size:10px!important;
  color:#94a3b8!important;
  line-height:1!important;
}
.ml-task-time-compact > div strong,
.ml-task-time-row > div strong{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* 6) Ô phút gọn thành pill bé */
.ml-inline-min-wrap{
  height:22px!important;
  min-height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  gap:2px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#c2410c!important;
  font-size:0!important;
}
.ml-inline-min-wrap span{
  display:none!important;
}
.ml-inline-minutes{
  width:30px!important;
  height:18px!important;
  min-width:30px!important;
  padding:0!important;
  text-align:center!important;
  font-size:11.5px!important;
  font-weight:900!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
}
.ml-inline-min-wrap::after{
  content:'p';
  font-size:10px!important;
  font-weight:900!important;
  opacity:.75;
}

/* 7) Detail zone khi mở rộng: gọn, sát, không thành khối quá to */
.ml-task-detail-zone{
  margin-top:6px!important;
  padding:6px!important;
  border-radius:12px!important;
  max-height:210px!important;
  background:#fbfdff!important;
  border:1px dashed #dbe4f0!important;
}
.ml-subtask-list{
  gap:4px!important;
  padding:4px!important;
  margin-top:0!important;
  max-height:170px!important;
}
.ml-subtask-row{
  min-height:24px!important;
  height:24px!important;
  padding:0 6px!important;
  border-radius:8px!important;
}
.ml-inline-subtask-add{
  height:27px!important;
  min-height:27px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
  padding:0 8px!important;
}
.ml-subtask-progress{
  display:none!important;
}

/* 8) Khi đang sửa chữ, card không co giật */
.ml-inline-edit-title.ml-title-editing{
  min-height:22px!important;
  padding:2px 5px!important;
  white-space:normal!important;
}

@media(max-width:980px){
  .ml-task-actions{min-width:0!important;}
  .ml-current-task-list .ml-task-item,.ml-task-list .ml-task-item{grid-template-columns:38px minmax(0,1fr)!important;}
}