.td-chrome{display:flex;flex-direction:column;}

.td-chrome .td-nav{order:2;}
.td-chrome .td-entry-actions-card{order:3;margin-top:0 !important;}







.td-stats-table{border-collapse:collapse !important;border-spacing:0 !important;}
.td-stats-table tbody tr{background:transparent !important;box-shadow:none !important;}
.td-stats-table tbody tr:nth-child(even){background:var(--td-color-divider-black-035) !important;}
.td-stats-table tbody tr:nth-child(even) td,
.td-stats-table tbody tr:nth-child(odd) td{background:transparent !important;box-shadow:none !important;background-clip:border-box !important;}
@media (max-width:782px){
  .td-stats-table thead{display:none;}
  .td-stats-table tr{display:table-row !important;border-radius:0 !important;overflow:visible !important;background:transparent !important;}
  .td-stats-table td{display:table-cell !important;width:auto !important;padding:12px 14px !important;border-bottom:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;}
}

body.td-page #ast-scroll-top{display:none !important;}



.td-chrome .td-entry-actions-card{margin-top:0 !important;}




.td-table tbody tr:nth-child(even) td{
 background: var(--td-bg-muted,var(--td-color-gray-100));
}

.td-table tbody tr{
 background:transparent;
}



.td-page .to-top,
.td-page .scroll-top,
.td-page #back-to-top{
 display:none !important;
}

.td-list-intro{margin:0 0 10px}
.td-js-entries-filter-form{margin:10px 0}
.td-filter-field{flex:1 1 160px;min-width:160px}
.td-filter-field--lg{min-width:260px}
.td-filter-field--dogs{min-width:220px}
.td-filter-actions{min-width:240px;display:flex;align-items:flex-end}
.td-filter-label{font-weight:600}
.td-dogfilter__option{display:block;margin:0 0 4px}
.td-dogfilter__empty{font-size:12px}


.td-link-unit__error{margin:10px 0 12px}
.td-link-unit__heading{margin:8px 0}
.td-link-unit__selected-list{margin:0 0 8px;padding-left:18px}
.td-link-unit__modes{display:flex;flex-direction:column;gap:12px}
.td-link-unit__mode{padding:12px}
.td-link-unit__radio{display:flex;gap:8px;align-items:center}
.td-link-unit__help{margin-top:8px}
.td-link-unit__help--dog{margin-top:10px}
.td-link-unit__select{margin-top:8px;min-width:260px;max-width:100%}
.td-link-unit__select--new,
.td-link-unit__select--dog{margin-top:6px}

@media (max-width:768px){
  /* 2.7.96.7: td_view=list renderar egna mobilkort i viewn.
     Här lämnar vi bara skillcheck-tabellens mobilbeteende. */

  .td-entry-view-card--skillcheck .td-moment-table,
  .td-entry-view-card--skillcheck .td-moment-table tbody,
  .td-entry-view-card--skillcheck .td-moment-table tr,
  .td-entry-view-card--skillcheck .td-moment-table td{
    display:block !important;
    width:100% !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table{
    border-collapse:separate !important;
    border-spacing:0 12px !important;
    margin:0 0 12px 0 !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table thead,
  .td-entry-view-card--skillcheck .td-moment-table colgroup{
    display:none !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table tr{
    background:var(--td-bg) !important;
    box-shadow:var(--td-shadow-sm) !important;
    border-radius:var(--td-radius-md) !important;
    padding:14px !important;
    overflow:hidden !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table tbody tr:nth-child(even),
  .td-entry-view-card--skillcheck .td-moment-table tbody tr:nth-child(odd),
  .td-entry-view-card--skillcheck .td-moment-table tbody tr:nth-child(even) td,
  .td-entry-view-card--skillcheck .td-moment-table tbody tr:nth-child(odd) td{
    background:transparent !important;
    box-shadow:none !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table td{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table td + td{
    margin-top:10px !important;
  }
  .td-entry-view-card--skillcheck .td-moment-table td:nth-child(2)::before,
  .td-entry-view-card--skillcheck .td-moment-table td:nth-child(3)::before{
    display:block;
    font-weight:600;
    color:var(--td-muted,var(--td-color-text-muted));
    margin-bottom:4px;
  }
  .td-entry-view-card--skillcheck .td-moment-table td:nth-child(2)::before{content:"Nivå";}
  .td-entry-view-card--skillcheck .td-moment-table td:nth-child(3)::before{content:"Kommentar";}
}

@media (min-width:783px){
  .td-entries-mobile-meta{display:none !important;}
}

.td-entry-answer-block{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.td-entry-answer-block + .td-entry-answer-block{
  margin-top:12px !important;
}





@media (min-width:769px){
  
  
  
  body.td-page .td-calendar-controls{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.td-page .td-content--help-single,
  body.td-page .td-content--courseware{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}




















/* 2.7.98.13 / 2145 – duplicerade courseware-mobilblock med route-specifika bottomnav-offsets är borttagna från td-mobile.css.
   td-mobile.css äger fortsatt själva bottomnavet; courseware-surface/layout ägs nu centralt av td-courseware-content.css. */




@media (max-width:768px){
  
  
  

  
  
  


  /* 2.7.95.23: duplicate courseware mobile content-start removed. */
}


@media (max-width: 767px){
  
  body.td-view-exercises .td-table--courses{min-width:0 !important; width:100% !important; table-layout:fixed !important;}
  body.td-view-exercises .td-table--courses th:first-child,
  body.td-view-exercises .td-table--courses td:first-child{width:46% !important; white-space:normal !important;}
  body.td-view-exercises .td-table--courses td:first-child a,
  body.td-view-exercises .td-table--courses .td-course-link__text{display:block !important; white-space:normal !important; word-break:break-word !important; overflow-wrap:anywhere !important; line-height:1.3 !important;}

  
  /* 2.7.99 / 2162 – conflicting duplicate courseware mobile gutter block removed; owner lives in td-courseware-content + td-content-compat. */
}

/* 2.7.99 / 2162 – conflicting duplicate courseware mobile gutter block removed; owner lives in td-courseware-content + td-content-compat. */


body.td-view-exercises .td-exercises-progress-mobile,
body.td-view-exercises .td-exercises-units-mobile{display:none;}

@media (min-width: 768px){
  body.td-view-exercises .td-exercises-progress-desktop,
  body.td-view-exercises .td-exercises-units-desktop{display:block !important;}
  body.td-view-exercises .td-exercises-progress-mobile,
  body.td-view-exercises .td-exercises-units-mobile{display:none !important;}
}

@media (max-width: 767px){
  body.td-view-exercises .td-exercises-progress-desktop,
  body.td-view-exercises .td-exercises-units-desktop{display:none !important;}

  body.td-view-exercises .td-exercises-progress-mobile,
  body.td-view-exercises .td-exercises-units-mobile{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
  }

  body.td-view-exercises .td-exercises-mobile-card{
    padding:14px !important;
    border-radius:5px !important;
  }

  body.td-view-exercises .td-exercises-mobile-card__title,
  body.td-view-exercises .td-exercises-mobile-card__title a,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link__text{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    line-height:1.3 !important;
  }

  body.td-view-exercises .td-exercises-mobile-card__title{
    margin:0 0 12px !important;
  }

  body.td-view-exercises .td-exercises-mobile-card__meta{
    margin:0 0 10px !important;
  }

  body.td-view-exercises .td-progress-inline--mobile{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.td-view-exercises .td-progress-inline--mobile .td-progress-inline__bar{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
  }

  body.td-view-exercises .td-exercises-mobile-level + .td-exercises-mobile-level{
    margin-top:14px !important;
    padding-top:14px !important;
    border-top:1px solid var(--td-shell-border, var(--td-color-overlay-border-alt)) !important;
  }

  body.td-view-exercises .td-exercises-mobile-level__title{
    margin:0 0 8px !important;
    font-size:.95rem !important;
  }

  body.td-view-exercises .td-exercises-mobile-level .td-stack--gap4{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.td-view-exercises .td-exercises-mobile-level .td-exercise-cell,
  body.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    box-sizing:border-box !important;
  }
}


/* 2.7.95.15 / 2100 – ett enda mobilspår för bottomnav, safe-area och card-frame. */
@media (max-width:781.98px){
  body.td-shell-route-unified{
    background:var(--td-page-bg-app, var(--td-color-page-bg)) !important;
    background-color:var(--td-page-bg-app, var(--td-color-page-bg)) !important;
  }

  body.td-shell-route-unified.td-is-mobile{
    --td-mobile-bottom-nav-height:60px;
    --td-mobile-bottom-nav-safe:env(safe-area-inset-bottom, 0px);
    --td-mobile-bottom-nav-total:calc(var(--td-mobile-bottom-nav-height) + var(--td-mobile-bottom-nav-safe));
  }

  body.td-shell-route-unified.td-is-mobile.td-mobile-bottomnav-none .td-nav--mobile-bottom{
    display:none !important;
  }
  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single){
    --td-mobile-bottom-nav-height:60px;
    --td-mobile-bottom-nav-safe:env(safe-area-inset-bottom, 0px);
    --td-mobile-bottom-nav-total:calc(var(--td-mobile-bottom-nav-height) + var(--td-mobile-bottom-nav-safe));
    --td-mobile-bottom-nav-reserve-sm:var(--td-mobile-bottom-nav-total);
    --td-mobile-bottom-nav-reserve-lg:var(--td-mobile-bottom-nav-total);
    --td-mobile-card-gap:16px;
  }

  body.td-shell-route-unified.td-is-mobile.td-mobile-bottomnav-none{
    --td-mobile-bottom-nav-height:0px;
    --td-mobile-bottom-nav-safe:0px;
    --td-mobile-bottom-nav-total:0px;
  }

  html.td-page,
  body.td-page,
  html.td-shell,
  body.td-shell{
    overflow-x:hidden !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-nav--mobile-bottom *{
    pointer-events:auto !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:56px !important;
    gap:3px !important;
    padding:4px 4px 2px !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item{
    color:var(--td-color-brown-muted) !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item.is-active{
    color:var(--e-global-color-primary, var(--td-color-accent-mobile)) !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    line-height:1 !important;
    color:inherit !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__icon svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
    color:inherit !important;
  }

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__label{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    text-align:center !important;
    line-height:1.15 !important;
    font-size:13px !important;
    font-weight:600 !important;
    color:inherit !important;
  }

/* removed former td-mobile owner block: body.td-page .td-dashboard,
  body.td-pa */

}


@media (min-width: 782px){
  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-nav--mobile-bottom{
    display:none !important;
  }
}





/* 2.7.99.2 – td-mobile bär inte längre vy-specifik QA/courseware-gutter.
   Mobil geometri ägs centralt av td-content-compat.css och td-courseware-content.css. */


/* 2.7.99.3 / 2162 – td-mobile äger inte längre settings-/dogs-kort eller formytor.
   Dessa kontrakt bärs av td-content-compat.css via gemensamma klasser. */




/* 2.7.102.2 – korrigerad mobil bottomnav owner. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:block !important;
    width:100% !important;
    height:var(--td-mobile-bottom-nav-total, 60px) !important;
    min-height:var(--td-mobile-bottom-nav-total, 60px) !important;
    margin:0 !important;
    padding:0 0 var(--td-mobile-bottom-nav-safe, 0px) !important;
    background:var(--td-card-bg-app, #fff9f3) !important;
    border-top:1px solid rgba(60, 45, 35, .08) !important;
    box-shadow:0 -10px 30px rgba(32, 24, 19, .08) !important;
    z-index:6000 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    height:var(--td-mobile-bottom-nav-height, 60px) !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    background:transparent !important;
  }
}


/* 2.7.102.4 – bottomnav utan glapp och med centrerade ikoner. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    bottom:0 !important;
    padding-bottom:env(safe-area-inset-bottom, 0px) !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav__item{
    display:block !important;
    min-width:0 !important;
    min-height:var(--td-mobile-bottom-nav-height, 60px) !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav__link{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:100% !important;
    min-height:var(--td-mobile-bottom-nav-height, 60px) !important;
    padding:6px 4px 4px !important;
    text-align:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav__icon,
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav svg{
    display:block !important;
    margin:0 auto !important;
    flex:0 0 auto !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav__label{
    display:block !important;
    line-height:1.1 !important;
  }
}

/* 2.7.102.20 – bottomnav fyller även safe-area och glappar inte mot iOS-toolbar. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    height:var(--td-mobile-bottom-nav-total, calc(60px + env(safe-area-inset-bottom, 0px))) !important;
    min-height:var(--td-mobile-bottom-nav-total, calc(60px + env(safe-area-inset-bottom, 0px))) !important;
    padding:0 0 env(safe-area-inset-bottom, 0px) !important;
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav{
    height:60px !important;
    min-height:60px !important;
  }
}