/* ===== MẠNH LIFE V51 - COMPACT FILTER ROW + INSERT BELOW ===== */

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-task-panel,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-current-task-wrap,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-allocation-panel,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-filter-create-row,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v48-create-slot,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-compact-create-box{
  overflow:visible!important;
}

/* Hàng lọc tag + tạo nhiệm vụ: dịch xuống đúng hàng, không chiếm block lớn. */
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-filter-create-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:42px!important;
  margin:10px 0 8px!important;
  padding:0 2px!important;
  position:relative!important;
  z-index:160!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-filter-create-row .ml-task-aspect-filter{
  flex:1 1 auto!important;
  margin:0!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  position:relative!important;
  z-index:20!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:180!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-v48-create-slot{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  position:relative!important;
  z-index:200!important;
  pointer-events:auto!important;
}

/* Chỉ còn input nhỏ + 2 nút bé: 🎙 và ＋. */
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-create-box,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-v28-create-box{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-line{
  width:210px!important;
  min-width:160px!important;
  max-width:26vw!important;
  margin:0!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock textarea[data-compact-title],
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-input{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  line-height:17px!important;
  padding:7px 12px!important;
  border-radius:15px!important;
  font-size:13px!important;
  font-weight:850!important;
  overflow:hidden!important;
  resize:none!important;
  box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-input:focus{
  width:100%!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08), 0 0 0 2px rgba(251,146,60,.12)!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-create-row{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-action{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:13px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:0 7px 18px rgba(15,23,42,.055)!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-action.add{
  width:38px!important;
  min-width:38px!important;
  height:34px!important;
  font-size:24px!important;
  border-radius:14px!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-action.more{
  display:none!important;
}

/* Popup nổi, không đẩy filter/task. */
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-audio-drawer:not([hidden]),
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-detail-drawer:not([hidden]){
  display:block!important;
  position:absolute!important;
  top:40px!important;
  right:0!important;
  left:auto!important;
  width:min(600px, calc(100vw - 84px))!important;
  max-width:calc(100vw - 84px)!important;
  max-height:min(62vh, 460px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  z-index:999999!important;
  transform:none!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(226,232,240,.98)!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:0 28px 90px rgba(15,23,42,.22)!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock.is-popup-open{
  z-index:999990!important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-current-task-list{
  position:relative!important;
  z-index:10!important;
}

/* Nút tạo nhiệm vụ bên dưới từng task. */
.ml-task-actions .ml-insert-below-btn,
.ml-task-actions [data-action="insert-below-task"]{
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  min-height:27px!important;
  border-radius:10px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#dcfce7!important;
  color:#166534!important;
  font-size:15px!important;
  font-weight:1000!important;
  box-shadow:none!important;
}
.ml-task-actions .ml-insert-below-btn:hover,
.ml-task-actions [data-action="insert-below-task"]:hover{
  background:#bbf7d0!important;
  transform:none!important;
}

/* Đảm bảo action group vẫn gọn khi thêm nút cộng. */
.ml-current-task-list .ml-task-actions,
.ml-task-list .ml-task-actions{
  gap:4px!important;
  min-width:142px!important;
  align-items:flex-start!important;
}

@media(max-width:980px){
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-filter-create-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock{
    align-self:flex-end!important;
  }
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-line{
    max-width:none!important;
    width:min(360px, calc(100vw - 140px))!important;
  }
}

@media(max-width:560px){
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock{
    align-self:stretch!important;
  }
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-create-box{
    width:100%!important;
  }
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-line{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
  }
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-audio-drawer:not([hidden]),
  .ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-detail-drawer:not([hidden]){
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    right:50%!important;
    transform:translateX(50%)!important;
  }
}