/* ===== MẠNH LIFE V71 - LAYOUT POLISH ONLY ===== */
:root{
  --ml-v71-ink:#111827;
  --ml-v71-muted:#667085;
  --ml-v71-soft:#f6f8fb;
  --ml-v71-panel:#ffffff;
  --ml-v71-line:#dfe6ef;
  --ml-v71-green:#059669;
  --ml-v71-green-soft:#e8f8f1;
  --ml-v71-blue:#2563eb;
  --ml-v71-blue-soft:#eef4ff;
  --ml-v71-amber:#f59e0b;
  --ml-v71-orange:#f97316;
  --ml-v71-red:#ef4444;
  --ml-v71-radius:16px;
  --ml-v71-shadow:0 18px 55px rgba(17,24,39,.08);
  --ml-v71-soft-shadow:0 8px 26px rgba(17,24,39,.055);
}

html{
  background:#f5f7fa !important;
}

body{
  margin:0 !important;
  background:
    linear-gradient(180deg,#f8fafc 0%,#eef3f9 48%,#f7f9fc 100%) !important;
  color:var(--ml-v71-ink) !important;
}

.ml-focus-app{
  --ml-dark:var(--ml-v71-ink) !important;
  --ml-muted:var(--ml-v71-muted) !important;
  --ml-line:var(--ml-v71-line) !important;
  --ml-soft:var(--ml-v71-soft) !important;
  --ml-orange:var(--ml-v71-green) !important;
  --ml-orange-dark:var(--ml-v71-green) !important;
  --ml-indigo:var(--ml-v71-blue) !important;
  width:min(100% - 24px, 1360px) !important;
  max-width:1360px !important;
  margin:14px auto 26px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(223,230,239,.92) !important;
  box-shadow:var(--ml-v71-shadow) !important;
  font-family:"Aptos","SF Pro Display","Segoe UI",Arial,sans-serif !important;
}

.ml-focus-app *{
  letter-spacing:0 !important;
}

.ml-focus-app button,
.ml-focus-app input,
.ml-focus-app textarea,
.ml-focus-app select{
  font-family:inherit !important;
}

.ml-focus-app button:hover{
  transform:translateY(-1px) !important;
}

.ml-hero-zone{
  display:block !important;
}

.ml-topbar{
  display:grid !important;
  grid-template-columns:minmax(190px,.8fr) minmax(420px,1.3fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 14px !important;
  padding:12px 14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(223,230,239,.92) !important;
  box-shadow:var(--ml-v71-soft-shadow) !important;
}

.ml-brand{
  gap:10px !important;
  font-size:25px !important;
  color:var(--ml-v71-ink) !important;
  letter-spacing:0 !important;
}

.ml-brand::before{
  width:16px !important;
  height:16px !important;
  background:linear-gradient(135deg,#34d399,#059669) !important;
  box-shadow:0 0 0 8px rgba(5,150,105,.10) !important;
}

.ml-sub-brand{
  margin-top:6px !important;
  color:#526174 !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.ml-date-blocks{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(190px,1fr)) !important;
  justify-content:center !important;
  gap:10px !important;
}

.ml-date-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:64px !important;
  padding:11px 14px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid var(--ml-v71-line) !important;
  box-shadow:0 8px 20px rgba(17,24,39,.045) !important;
}

.ml-date-card span,
.ml-card-label,
.ml-block-head span,
.ml-section-head p,
.ml-top-task-form span,
.ml-life-card span,
.ml-info-card span,
.ml-lunar-box span{
  color:#667085 !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.ml-date-card strong{
  color:var(--ml-v71-ink) !important;
  font-size:14px !important;
  line-height:1.18 !important;
}

.ml-date-card small{
  color:var(--ml-v71-blue) !important;
  font-size:12px !important;
}

.ml-lunar-date-card{
  background:linear-gradient(135deg,#fff,#fff7ed) !important;
  border-color:#fed7aa !important;
}

#mlAuthBox{
  z-index:10 !important;
  margin-left:0 !important;
}

#mlAuthAvatar{
  width:46px !important;
  height:46px !important;
  background:linear-gradient(135deg,#10b981,#047857) !important;
  box-shadow:0 12px 28px rgba(5,150,105,.24) !important;
}

.ml-global-search-bar{
  margin:0 0 12px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid var(--ml-v71-line) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.045) !important;
}

.ml-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,2.05fr) minmax(330px,.95fr) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.ml-hero-card,
.ml-block,
.ml-panel,
.ml-details{
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--ml-v71-line) !important;
  box-shadow:var(--ml-v71-soft-shadow) !important;
}

.ml-current-panel{
  min-height:294px !important;
  padding:24px !important;
  color:var(--ml-v71-ink) !important;
  background:
    linear-gradient(90deg,rgba(5,150,105,.10),rgba(255,255,255,0) 34%),
    #fff !important;
  border-left:5px solid var(--ml-v71-green) !important;
  overflow:hidden !important;
}

.ml-current-panel::after{
  display:none !important;
}

.ml-badge{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
  border:1px solid rgba(5,150,105,.14) !important;
  font-size:12px !important;
  padding:7px 11px !important;
}

.ml-session-main{
  margin-top:18px !important;
  gap:16px !important;
}

.ml-session-icon{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  border-radius:50% !important;
  color:#fff !important;
  background:linear-gradient(135deg,#10b981,#047857) !important;
  box-shadow:0 18px 32px rgba(5,150,105,.23) !important;
}

.ml-current-session{
  color:var(--ml-v71-ink) !important;
  font-size:40px !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
}

.ml-current-window{
  color:var(--ml-v71-orange) !important;
  font-size:17px !important;
}

.ml-current-desc-box{
  margin-top:18px !important;
  padding:16px !important;
  border-radius:14px !important;
  background:#f8fafc !important;
  border:1px solid #e7edf5 !important;
}

.ml-current-desc-box span{
  color:#667085 !important;
}

.ml-current-desc{
  color:#1f2937 !important;
  font-size:15px !important;
}

.ml-glass-btn{
  width:42px !important;
  height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:12px !important;
  color:#344054 !important;
  background:#fff !important;
  border:1px solid var(--ml-v71-line) !important;
  box-shadow:0 8px 18px rgba(17,24,39,.055) !important;
}

.ml-active-task-bar{
  margin-top:12px !important;
  min-height:66px !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  color:var(--ml-v71-ink) !important;
  background:#fff !important;
  border:1px solid #e7edf5 !important;
}

.ml-active-empty{
  color:#667085 !important;
}

.ml-clock-panel{
  min-height:294px !important;
  padding:22px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
}

.ml-card-label{
  margin-bottom:8px !important;
}

.ml-ring-wrap{
  padding:6px 0 !important;
}

.ml-ring{
  --p:0%;
  width:190px !important;
  height:190px !important;
  background:conic-gradient(var(--ml-v71-green) var(--p),#e9eef5 0) !important;
  box-shadow:0 15px 35px rgba(5,150,105,.10) !important;
}

.ml-ring-inner{
  width:148px !important;
  height:148px !important;
  border:1px solid #eef2f7 !important;
}

.ml-live-clock{
  color:var(--ml-v71-ink) !important;
  font-size:30px !important;
}

.ml-session-percent{
  color:var(--ml-v71-green) !important;
  font-size:30px !important;
}

.ml-time-split{
  gap:10px !important;
}

.ml-time-split div{
  padding:13px !important;
  border-radius:13px !important;
  background:#f8fafc !important;
  border:1px solid #e7edf5 !important;
}

.ml-time-split strong{
  color:var(--ml-v71-ink) !important;
  font-size:18px !important;
}

.ml-task-panel{
  grid-column:1 / -1 !important;
  padding:18px !important;
  border-radius:20px !important;
}

.ml-section-head{
  align-items:center !important;
  margin-bottom:13px !important;
}

.ml-section-head h2,
.ml-block-head h2{
  color:var(--ml-v71-ink) !important;
  font-size:22px !important;
  letter-spacing:0 !important;
}

.ml-section-head p,
.ml-block-head p{
  color:#667085 !important;
  font-size:13px !important;
  font-weight:750 !important;
}

.ml-task-head-actions{
  gap:8px !important;
}

.ml-task-panel > .ml-section-head > div:first-child{
  flex:0 0 auto !important;
  min-width:150px !important;
}

.ml-task-panel > .ml-section-head > div:first-child h2{
  white-space:nowrap !important;
}

.ml-task-count,
.ml-balance-current,
.ml-reset-current-tasks,
.ml-reset-all-tasks,
.ml-reset-fav-current,
.ml-reset-fav-all,
.ml-tab,
.ml-history-page-btn,
.ml-modal-btn{
  min-height:36px !important;
  border-radius:12px !important;
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:850 !important;
  border:1px solid transparent !important;
}

.ml-task-count{
  color:#9a3412 !important;
  background:#fff7ed !important;
}

.ml-balance-current{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
}

.ml-reset-fav-current,
.ml-reset-fav-all{
  color:#1d4ed8 !important;
  background:var(--ml-v71-blue-soft) !important;
}

.ml-balance-current,
.ml-reset-fav-current,
.ml-reset-fav-all{
  font-size:0 !important;
}

.ml-balance-current::before,
.ml-reset-fav-current::before,
.ml-reset-fav-all::before{
  font-size:12px !important;
  line-height:1 !important;
}

.ml-balance-current::before{content:"⚖" !important;color:#047857 !important;}
.ml-reset-fav-current::before{content:"↺ Phiên" !important;color:#1d4ed8 !important;}
.ml-reset-fav-all::before{content:"↺ Tất cả" !important;color:#1d4ed8 !important;}

.ml-task-row{
  grid-template-columns:1fr !important;
  gap:12px !important;
}

.ml-top-task-form{
  position:relative !important;
  top:auto !important;
  max-height:none !important;
  overflow:visible !important;
  border-radius:16px !important;
  background:#f8fafc !important;
  border:1px solid #e7edf5 !important;
}

.ml-top-task-form input,
.ml-top-task-form textarea,
.ml-top-task-form select,
.ml-birth-box input,
.ml-edit-task-form input,
.ml-edit-task-form textarea,
.ml-edit-task-form select,
.ml-auth-field input{
  min-height:42px !important;
  border-radius:12px !important;
  border-color:#d6dee9 !important;
  background:#fff !important;
  color:var(--ml-v71-ink) !important;
}

.ml-top-task-form input:focus,
.ml-top-task-form textarea:focus,
.ml-top-task-form select:focus,
.ml-birth-box input:focus,
.ml-edit-task-form input:focus,
.ml-edit-task-form textarea:focus,
.ml-edit-task-form select:focus{
  border-color:rgba(5,150,105,.55) !important;
  box-shadow:0 0 0 4px rgba(5,150,105,.10) !important;
}

.ml-top-add-task,
.ml-btn.primary,
.ml-auth-primary{
  border-radius:12px !important;
  background:linear-gradient(135deg,#10b981,#047857) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(5,150,105,.18) !important;
}

.ml-current-task-wrap{
  gap:12px !important;
}

.ml-allocation-panel{
  padding:13px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid #e7edf5 !important;
}

.ml-allocation-head{
  align-items:flex-start !important;
  gap:12px !important;
}

.ml-allocation-head strong{
  color:var(--ml-v71-ink) !important;
}

.ml-allocation-hint,
.ml-allocation-summary{
  color:#667085 !important;
}

.ml-time-budget-bar{
  min-height:58px !important;
  border-radius:14px !important;
  background:#eef2f7 !important;
  border-color:#e7edf5 !important;
}

.ml-budget-segment{
  background:#fff !important;
  border-right:1px solid #e7edf5 !important;
}

.ml-budget-segment.locked{
  background:linear-gradient(135deg,#ecfdf3,#ffffff) !important;
}

.ml-budget-title{
  color:var(--ml-v71-ink) !important;
  font-size:12px !important;
}

.ml-budget-meta{
  color:var(--ml-v71-green) !important;
}

.ml-progress-bar,
.ml-mini-progress div,
.ml-active-progress-bar,
.ml-floating-progress div{
  background:linear-gradient(90deg,#10b981,#047857) !important;
}

.ml-current-task-list{
  max-height:clamp(360px, 46vh, 640px) !important;
  padding-right:4px !important;
}

.ml-task-item,
.ml-history-item,
.ml-desc-item,
.ml-empty,
.ml-journal-card,
.ml-session-manager-item{
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #e7edf5 !important;
  box-shadow:0 6px 18px rgba(17,24,39,.04) !important;
}

.ml-task-item{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  padding:12px !important;
}

.ml-task-item.running{
  border-color:rgba(5,150,105,.35) !important;
  box-shadow:0 10px 28px rgba(5,150,105,.10) !important;
}

.ml-drag-handle,
.ml-task-check,
.ml-btn,
.ml-v56-sub-record,
.ml-v65-sub-record{
  border-radius:10px !important;
}

.ml-drag-handle{
  color:#98a2b3 !important;
  background:#f8fafc !important;
  border:1px solid #e7edf5 !important;
}

.ml-task-check{
  accent-color:var(--ml-v71-green) !important;
}

.ml-task-title-row h3,
.ml-task-content h3,
.ml-history-top strong,
.ml-history-item strong{
  color:var(--ml-v71-ink) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.ml-task-meta{
  gap:6px !important;
}

.ml-pill,
.ml-child-task-badge{
  min-height:28px !important;
  border-radius:999px !important;
  border:1px solid #e7edf5 !important;
  background:#f8fafc !important;
  color:#526174 !important;
  font-size:11px !important;
  font-weight:850 !important;
}

.ml-pill.time,
.ml-pill.locked,
.ml-child-task-badge.has-child{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
  border-color:rgba(5,150,105,.12) !important;
}

.ml-task-actions{
  gap:6px !important;
}

.ml-task-actions .ml-btn{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #e7edf5 !important;
  background:#f8fafc !important;
  color:#344054 !important;
}

.ml-task-actions .ml-btn.start,
.ml-task-actions .ml-btn.primary{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
}

.ml-task-actions .ml-btn.danger{
  color:#b42318 !important;
  background:#fef3f2 !important;
}

.ml-v51-filter-create-row{
  gap:10px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#f8fafc !important;
  border:1px solid #e7edf5 !important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock,
.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-create-box{
  border-radius:14px !important;
  background:#fff !important;
  border-color:#dfe6ef !important;
  box-shadow:none !important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-title-input{
  color:var(--ml-v71-ink) !important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-action{
  border-radius:12px !important;
}

.ml-focus-app[data-v51-compact-filter-row="true"] .ml-v51-create-dock .ml-compact-action.add{
  background:linear-gradient(135deg,#10b981,#047857) !important;
}

.ml-task-aspect-filter,
.ml-aspect-filter-line,
.ml-journal-view-tabs,
.ml-tabs{
  gap:8px !important;
}

.ml-tab,
.ml-aspect-filter-line button,
.ml-day-history-tabs button{
  border-radius:999px !important;
  background:#fff !important;
  color:#526174 !important;
  border:1px solid #e7edf5 !important;
}

.ml-tab.active,
.ml-aspect-filter-line button.active,
.ml-day-history-tabs button.active{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
  border-color:rgba(5,150,105,.18) !important;
}

.ml-block{
  margin-top:14px !important;
  padding:18px !important;
}

.ml-block-head{
  align-items:center !important;
  margin-bottom:14px !important;
}

.ml-session-grid{
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  gap:10px !important;
}

.ml-session-item{
  min-height:138px !important;
  padding:13px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #e7edf5 !important;
  box-shadow:0 6px 18px rgba(17,24,39,.04) !important;
}

.ml-session-item.active,
.ml-session-item.selected{
  background:linear-gradient(135deg,#ecfdf3,#fff) !important;
  border-color:rgba(5,150,105,.30) !important;
  box-shadow:0 10px 28px rgba(5,150,105,.10) !important;
  outline:0 !important;
}

.ml-small-icon{
  border-radius:12px !important;
  background:var(--ml-v71-blue-soft) !important;
}

.ml-status{
  border-radius:999px !important;
}

.ml-life-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:10px !important;
}

.ml-life-card{
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #e7edf5 !important;
  box-shadow:0 6px 18px rgba(17,24,39,.04) !important;
}

.ml-life-card strong{
  color:var(--ml-v71-green) !important;
}

.ml-life-card.life strong{
  color:var(--ml-v71-blue) !important;
}

.ml-journal-grid,
.ml-session-manager-grid{
  gap:12px !important;
}

.ml-details summary,
.ml-advanced-details summary{
  border-radius:0 !important;
  background:#fff !important;
}

.ml-details[open] summary,
.ml-advanced-details[open] summary{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
}

.ml-task-floating-popup{
  right:18px !important;
  bottom:18px !important;
  width:320px !important;
  max-width:calc(100vw - 28px) !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dfe6ef !important;
  box-shadow:0 22px 70px rgba(17,24,39,.18) !important;
}

.ml-floating-badge{
  color:#047857 !important;
  background:var(--ml-v71-green-soft) !important;
}

.ml-floating-dot{
  background:var(--ml-v71-green) !important;
  box-shadow:0 0 0 6px rgba(5,150,105,.12) !important;
}

.ml-floating-time{
  color:var(--ml-v71-green) !important;
}

#mlTaskPopupToggle{
  display:none !important;
}

.ml-auth-modal{
  border-radius:18px !important;
}

.ml-auth-tab.active{
  color:#047857 !important;
}

@media (max-width: 1120px){
  .ml-topbar{
    grid-template-columns:1fr auto !important;
  }
  .ml-date-blocks{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
  #mlAuthBox{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .ml-hero-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  }
  .ml-current-panel{
    grid-column:auto !important;
  }
  .ml-task-panel{
    grid-column:1 / -1 !important;
  }
  .ml-current-panel,
  .ml-clock-panel{
    min-height:246px !important;
    padding:18px !important;
  }
  .ml-current-session{
    font-size:32px !important;
  }
  .ml-session-icon{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    border-radius:18px !important;
  }
  .ml-current-desc-box{
    margin-top:12px !important;
    padding:12px !important;
  }
  .ml-clock-panel{
    min-height:auto !important;
  }
  .ml-clock-panel{
    grid-template-columns:auto 1fr !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
  }
  .ml-clock-panel .ml-card-label{
    grid-column:1 / -1 !important;
  }
  .ml-time-split{
    grid-template-columns:1fr !important;
  }
  .ml-session-grid{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}

@media (max-width: 820px){
  .ml-hero-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 760px){
  .ml-focus-app{
    width:calc(100% - 12px) !important;
    margin:6px auto 18px !important;
    padding:10px !important;
    border-radius:18px !important;
  }
  .ml-topbar{
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:16px !important;
  }
  .ml-brand{
    font-size:21px !important;
  }
  .ml-sub-brand{
    font-size:11px !important;
  }
  .ml-date-blocks{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .ml-date-card{
    min-height:58px !important;
    padding:9px 10px !important;
    border-radius:13px !important;
  }
  .ml-date-card strong{
    font-size:12px !important;
    white-space:normal !important;
  }
  #mlAuthAvatar{
    width:40px !important;
    height:40px !important;
  }
  .ml-current-panel,
  .ml-clock-panel,
  .ml-task-panel,
  .ml-block{
    padding:14px !important;
    border-radius:16px !important;
  }
  .ml-session-main{
    align-items:flex-start !important;
  }
  .ml-session-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    font-size:24px !important;
  }
  .ml-current-session{
    font-size:30px !important;
  }
  .ml-current-window{
    font-size:14px !important;
  }
  .ml-current-desc-box,
  .ml-section-head,
  .ml-block-head,
  .ml-allocation-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .ml-current-desc-box{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .ml-current-actions,
  .ml-task-head-actions{
    width:100% !important;
    justify-content:flex-start !important;
  }
  .ml-current-actions{
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
  }
  .ml-clock-panel{
    display:block !important;
  }
  .ml-ring{
    width:164px !important;
    height:164px !important;
  }
  .ml-ring-inner{
    width:128px !important;
    height:128px !important;
  }
  .ml-live-clock,
  .ml-session-percent{
    font-size:24px !important;
  }
  .ml-time-split{
    grid-template-columns:1fr 1fr !important;
  }
  .ml-v51-filter-create-row{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .ml-task-item{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .ml-task-left,
  .ml-task-actions{
    justify-content:flex-start !important;
  }
  .ml-task-actions{
    flex-wrap:wrap !important;
  }
  .ml-session-grid,
  .ml-life-grid,
  .ml-journal-grid,
  .ml-session-manager-grid{
    grid-template-columns:1fr !important;
  }
  .ml-task-floating-popup{
    right:10px !important;
    bottom:10px !important;
    width:min(310px, calc(100vw - 20px)) !important;
  }
  .ml-floating-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width: 420px){
  .ml-time-split{
    grid-template-columns:1fr !important;
  }
  .ml-task-count,
  .ml-balance-current,
  .ml-reset-fav-current,
  .ml-reset-fav-all{
    flex:1 1 auto !important;
    text-align:center !important;
  }
  .ml-task-floating-popup{
    bottom:74px !important;
  }
}

@media (max-width: 360px){
  .ml-date-blocks{
    grid-template-columns:1fr !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .ml-focus-app *,
  .ml-focus-app *::before,
  .ml-focus-app *::after{
    animation:none !important;
    transition:none !important;
  }
}