/* v37 mobiele correcties voor tickets/taken/projecten */
@media (max-width: 768px){
  .page-shell,
  .v31-projects-page,
  .projects-page{
    padding:14px 12px 28px!important;
  }

  .top,
  .v31-projects-page > .top{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }

  .top .title,
  .v31-projects-page .title{
    font-size:28px!important;
  }

  .top .sub,
  .v31-projects-page .sub{
    font-size:13px!important;
  }

  .v31-projects-actions,
  .page-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }

  .btn,
  button,
  .v31-add-btn{
    height:34px!important;
    min-height:34px!important;
    font-size:12px!important;
    padding:0 12px!important;
    border-radius:9px!important;
  }

  input,
  select,
  textarea{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    font-size:13px!important;
  }

  .filter-grid,
  .task-filter-grid,
  .v31-project-search{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .check,
  .filter-chip,
  .filter-toggle{
    width:100%!important;
    justify-content:flex-start!important;
    height:34px!important;
    min-height:34px!important;
  }

  .tabs,
  .v31-project-tabs{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding-bottom:8px!important;
  }

  .tabs button,
  .v31-project-tabs button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .card,
  .panel,
  .v36-project-filter-card,
  .v31-project-list-card{
    border-radius:14px!important;
    padding:12px!important;
  }

  .v31-project-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .v31-project-header-row{
    display:none!important;
  }

  .v31-project-row{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    padding:12px!important;
    min-height:auto!important;
  }

  .v31-project-main{
    grid-column:1 / -1!important;
  }

  .v31-project-company,
  .v31-project-date,
  .v31-project-badge,
  .v31-project-more-wrap{
    margin-top:6px!important;
  }

  .v31-project-more-wrap{
    justify-content:flex-start!important;
  }

  .v31-project-tasks{
    padding:12px 0 0 24px!important;
  }

  .ticket-detail-tabs,
  .ticket-tabs,
  .ticket-tabbar,
  .detail-tabs,
  .detail-nav{
    top:0!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 480px){
  .top .title,
  .v31-projects-page .title{
    font-size:24px!important;
  }

  .v31-project-list-card:before{
    font-size:16px!important;
  }
}