/* 2.0.5 UI polish: less "kansli", more compact */
.td-wrap{
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Legacy containers become lighter cards (less padding/radius) */
.td-box{background: var(--td-bg) !important;border: 1px solid rgba(0,0,0,0.06) !important;box-shadow: var(--td-shadow-sm) !important;border-radius: var(--td-radius-md) !important;padding: var(--td-space-4) !important;}

.td-postit{background:#fff7c2 !important;border:1px solid #e7d889 !important;box-shadow:0 1px 0 rgba(0,0,0,0.03) !important;border-radius:0 !important;}
/* Post-its: tighter spacing */
.td-postit{
  padding: var(--td-space-3) !important;
}

/* Tables: reduce heavy lines and padding */
.td-table th,
.td-table td,
.td-items th,
.td-items td{
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 8px 10px !important;
}

/* Mobile: render table rows as compact cards */
@media (max-width: 767px){
  .td-table,
  .td-items{
    border-collapse: separate !important;
    border-spacing: 0 var(--td-space-2) !important;
  }
  .td-table thead,
  .td-items thead{
    display:none !important;
  }
  .td-table tr,
  .td-items tr{
    display:block !important;
    background: var(--td-bg) !important;
    box-shadow: var(--td-shadow-sm) !important;
    border-radius: var(--td-radius-sm) !important;
    padding: var(--td-space-2) var(--td-space-3) !important;
  }
  .td-table td,
  .td-items td{
    display:block !important;
    border-bottom: none !important;
    padding: 4px 0 !important;
  }
}

/* Buttons: keep rounded but not pill-heavy */
.td-wrap .button,
.td-wrap button,
.td-wrap input[type=submit]{
  border-radius: var(--td-radius-md) !important;
}

/* If td-page wrapper exists, avoid nested panels */
.td-page{
  background: transparent !important;
  padding: 0 !important;
}

/* Ensure theme doesn't re-add borders to cards */
.td-card{border:none !important;}



/* 2.0.8: mindre ramar + zebra-rader på tabeller */
.td-table{
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}
.td-table thead th{
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  background: transparent !important;
}
.td-table tbody td{
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.td-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.035) !important;
}

/* Mobile: ingen ful ytterram runt tabeller */
@media (max-width: 782px){
  .td-table thead{display:none;}
  .td-table, .td-table tbody, .td-table tr, .td-table td{display:block;width:100%;}
  .td-table tr{
    background: var(--td-bg) !important;
    box-shadow: var(--td-shadow-sm) !important;
    border-radius: var(--td-radius-md) !important;
    margin: 0 0 var(--td-space-3) 0 !important;
    padding: var(--td-space-3) !important;
  }
  .td-table tbody td{
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 6px 0 !important;
  }
  .td-table tbody td:last-child{border-bottom:0 !important;}
}

/* Desktop: filterbar utan ram */
@media (min-width: 783px){
  .td-wrap .td-filterbar{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }
}

/* Skapa ny anteckning: inga extra ramar och tightare layout */
.td-create-picker.td-card--flat{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.td-table--create .td-col-action{white-space:nowrap;}
.td-table--create .td-col-download{white-space:nowrap;}
@media (min-width: 783px){
  .td-table--create td.td-col-action a.button{margin-left:0 !important;}
}

/* Post-it cards on dashboard ("Viktigast just nu") */
.td-postits-grid .td-card{
  background:#fff7c2 !important;
  border:1px solid #e7d889 !important;
  box-shadow:0 1px 0 rgba(0,0,0,0.03) !important;
}

/* Compare picker: no big boxed frame */
.td-compare-picker{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.td-compare-picker .td-compare-form{
  border: 0 !important;
  box-shadow: none !important;
}


/* 2.0.10: Post-its bättre på mobile + mer luft */
.td-postit,
.td-postits-grid .td-card{
  background:#fff7c2 !important;
}

.td-postit{
  padding: var(--td-space-4) !important;
}

@media (max-width: 782px){
  .td-postit,
  .td-postits-grid .td-card{
    background:#fff7c2 !important;
  }
}

.td-postit-section-title{
  font-weight: 800;
  margin-top: 10px;
  font-size: 12px;
}

/* 2.0.12: Post-its - mer luft + inga rundade hörn (desktop + mobil) */
.td-postit,
.td-postits-grid .td-card{
  border-radius: 0 !important;
}

.td-postit,
.td-postits-grid .td-card{
  padding: var(--td-space-5) !important;
}

/* Se till att text/listor inte klistrar mot kanten */
.td-postit p,
.td-postit ul,
.td-postit ol,
.td-postit .td-card__body{
  margin-top: 0 !important;
}

.td-postit ul,
.td-postit ol{
  padding-left: 18px !important;
  margin: 8px 0 0 0 !important;
}

.td-postit li{
  margin: 6px 0 !important;
}

/* 2.0.14: 1099 – Momentavstämning (desktop): lås kolumnbredder för Nivå/Kommentar */
@media (min-width: 783px){
  .td-moment-table{
    table-layout: fixed !important;
  }
  .td-moment-table col.td-col-level{ width: 180px !important; }
  .td-moment-table col.td-col-comment{ width: 360px !important; }
}


/* 1071: Övningslista – styling (flyttad från inline <style>) */
.td-exercises-1071 .td-table, .td-exercises-1071 .td-table th, .td-exercises-1071 .td-table td{ border:none !important; }
.td-exercises-1071 .td-table{ border-collapse:separate; border-spacing:0 6px; }
.td-exercises-1071 .td-exercise-cell{ padding:6px 10px; border-radius:8px; background:transparent; }
.td-exercises-1071 .td-exercise-cell.is-complete{ background:#dff5df; }
.td-exercises-1071 .td-exercise-cell a{ text-decoration:none; }

/* 1117: Post-it info text should be clearly visible */
.td-postit-info{display:block;margin-top:0 !important;}

/* 1118: Jämför – tvinga klassisk tabell-layout på mobil (rubriker/datum måste synas) */
@media (max-width: 782px){
  table.td-compare-table{
    display: table !important;
    width: max-content !important;
    min-width: 100% !important;
  }
  table.td-compare-table thead{ display: table-header-group !important; }
  table.td-compare-table tbody{ display: table-row-group !important; }
  table.td-compare-table tr{ display: table-row !important; }
  table.td-compare-table th, table.td-compare-table td{ display: table-cell !important; }
  .td-compare-table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* =========================================================
   1099 – Kriterieplan: mobil-cards (edit + view)
   Återställer card-beteende som fungerade i 2.0.24.
   ========================================================= */
@media (max-width: 782px){

  /* Kriterieplan: stoppa sidscroll-wrapper från att tvinga tabell */
  .td-criteria-scroll{ overflow-x: visible; }

  /* Bryt tabell till cards */
  #td-criteria-table, #td-criteria-table thead, #td-criteria-table tbody,
  #td-criteria-table tr, #td-criteria-table th, #td-criteria-table td{
    display:block;
    width:100%;
  }
  #td-criteria-table thead{ display:none; }

  #td-criteria-table .td-crit-row{
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    padding:12px;
    margin-bottom:12px;
  }

  /* Klick / repetitioner: två fält per omgång */
  #td-criteria-table .td-crit-pair{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px;
  }
  #td-criteria-table .td-crit-field{display:block;min-width:0}
  #td-criteria-table .td-crit-field__label{display:block;font-size:12px;line-height:1.2;margin:0 0 4px}
  #td-criteria-table .td-crit-pair input{
    width:100%;
    max-width:100%;
  }

  /* Mobil: tabell-scroll på listor ska inte tvinga "tabell" om cards används */
  .td-table-scroll{ overflow-x: visible; }
}