/* LDM UI Finish V1 */
.ldm-task-main-tabs{
  display:flex;
  gap:.5rem;
  align-items:center;
  flex-wrap:wrap;
  margin:.5rem 0 1rem;
  border-bottom:1px solid rgba(148,163,184,.28);
}
.ldm-task-main-tabs button{
  border:0;
  background:transparent;
  color:inherit;
  padding:.65rem .9rem;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  border-bottom:3px solid transparent;
}
.ldm-task-main-tabs button.is-active{
  border-bottom-color:#3b82f6;
  color:#fff;
}
.ldm-force-active-nav{
  background:rgba(59,130,246,.20)!important;
  color:#60a5fa!important;
}
.ldm-force-inactive-nav{
  background:transparent!important;
  color:inherit!important;
}
.ldm-ui-pager{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin:1rem 0;
}
.ldm-ui-pager-meta{
  text-align:center;
  font-weight:700;
  opacity:.8;
}
.ldm-ui-pager-controls{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:.6rem;
  align-items:center;
}
.ldm-ui-pager-controls button,
.ldm-ui-page-size select{
  min-height:44px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:12px;
  background:transparent;
  color:inherit;
  padding:.55rem .8rem;
  font:inherit;
  font-weight:700;
}
.ldm-ui-page-size{
  display:flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
  opacity:.9;
}
.ldm-native-single-page-pager{display:none!important}

@media (max-width:760px){
  .ldm-mobile-module-subtitle{display:none!important}

  .ldm-mobile-top-actions,
  .ldm-mobile-payment-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.5rem;
    margin:.65rem 0 .85rem;
    width:100%;
  }
  .ldm-mobile-proxy-button{
    width:100%;
    min-width:0;
    min-height:46px;
    padding:.55rem .35rem;
    border:1px solid rgba(148,163,184,.35);
    border-radius:12px;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ldm-mobile-proxy-button:disabled{opacity:.45}
  .ldm-mobile-proxied-original,
  .ldm-mobile-payment-proxied-original{display:none!important}

  .ldm-mobile-summary-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;
    align-items:center;
    gap:.55rem;
    min-width:0;
  }
  .ldm-mobile-summary-wrap > *{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  details > summary{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .ldm-ui-pager-controls{
    grid-template-columns:1fr 1fr;
  }
  .ldm-ui-page-size{
    grid-column:1 / -1;
    justify-content:center;
  }
  .ldm-ui-pager-controls button{min-height:48px}
}

@media (min-width:761px){
  .ldm-mobile-top-actions,
  .ldm-mobile-payment-actions{display:none!important}
}

/* V4: active app root + desktop shell continuity */
.ldm-task-view-hidden-option{display:none!important}
@media (min-width:761px){
  .shell-body{
    min-height:calc(100vh - 72px);
    align-items:stretch;
  }
  .app-nav{
    align-self:stretch;
    min-height:100%;
  }
  .app-content{
    min-width:0;
  }
}
/* V5: task tab state */
.ldm-task-mode-hidden{display:none!important}
/* V6: compact Kanban and task detail status */
.ldm-task-mode-hidden{display:none!important}

.ldm-task-status-original{
  display:none!important;
}

.ldm-task-status-combo{
  display:grid;
  gap:6px;
  min-width:180px;
  align-self:end;
}

.ldm-task-status-combo>span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.ldm-task-status-combo select{
  min-height:46px;
  width:100%;
}

@media (min-width:761px){
  .ldm-kanban-status-fallback{
    display:none!important;
  }
}

@media (max-width:760px){
  .ldm-kanban-status-fallback{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:8px!important;
    font-size:12px;
  }

  .ldm-kanban-status-fallback select{
    min-height:38px!important;
    width:auto!important;
    max-width:150px;
  }

  .ldm-task-status-combo{
    min-width:0;
    width:100%;
  }
}
/* V7: status combo placement */
.ldm-task-status-combo{
  flex:0 0 auto;
  min-width:190px;
}
.ldm-task-status-combo select{
  min-width:190px;
}
@media (max-width:760px){
  .ldm-task-status-combo,
  .ldm-task-status-combo select{
    min-width:0;
    width:100%;
  }
}