/* 1312/1318: Delningsstatus i listor – ikoner + tydligare kopiera, samt konsekvent ikonknappsform */
.td-share-meta{display:flex;align-items:center;gap:8px;margin-top:6px;}
.td-share-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  border-radius:var(--td-radius-action);
  background:transparent;
  color:var(--td-primary);
  box-shadow:none;
}
.td-share-icon .dashicons{font-size:18px;line-height:1;}

/* Kopiera-länk i modalen: tydlig (orange kontrast) men inte skrika CTA.
   OBS: I listor använder vi td-icon-btn för kopiera-ikonen och ska inte få "pill"-styling. */
.td-share__copy{
  border:1px solid rgba(198,90,30,0.25);
  background:rgba(198,90,30,0.08);
  color:var(--td-primary);
  cursor:pointer;
  padding:6px 10px;
  border-radius:var(--td-radius-action);
}
.td-share__copy:hover{background:rgba(198,90,30,0.14);}
.td-share__copy.td-copied{background:rgba(0,128,0,0.14);border-color:rgba(0,128,0,0.25);}

/* 1318: Dela-ikonen i listor ska alltid synas och vara konsekvent (inte rund + inte hover-only via tema) */
.td-table .td-actions-cell .td-icon-btn{opacity:1 !important;visibility:visible !important;}
.td-table .td-actions-cell button.td-icon-btn{border-radius:var(--td-radius-action) !important;}

/* Säkerställ att ikonknapparna alltid har synliga ikoner (tema kan annars sätta vit text) */
.td-table .td-actions-cell .td-icon-btn{color:var(--td-primary) !important;}
.td-table .td-actions-cell .td-icon-btn--danger{color:#b32d2e !important;}

/* 1318: Ta bort-knappen (ikon) ska inte vara den enda med ram */
.td-icon-btn--danger{border:0 !important;box-shadow:none !important;}

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

/* Skapa ny anteckning: inga extra ramar och tightare layout */
.td-create-picker.td-card--flat{
  background: transparent !important;
  box-shadow: none !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:#fdf4dc !important;
  border:1px solid #efe7d6 !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;
}
.td-compare-picker .td-compare-form{
  border: 0 !important;
  box-shadow: none !important;
}

/* 1392: Compare-knapp ska inte vara sticky här; håll submit kompakt */
.td-compare-submit{margin:0 !important;}

/* 1391/1393/1383: Utvärdera – kort-innehåll */
.td-center{text-align:center;}
.td-eval-templates__intro{margin:0 0 10px !important;}
.td-eval-week__empty{margin:0 !important;}
.td-eval-pending__intro{margin:0 0 10px !important;}
.td-eval-pending__dog{margin:0 0 6px !important;}
.td-eval-pending__list{margin:0 0 12px !important;}
.td-eval-pending__empty{margin:0 !important;}


/* Post-its: varm men diskret ton (inte kritgul) + rundade hörn enligt designregel */
.td-postit,
.td-postits-grid .td-card{
  background:#fdf4dc !important;
  border-radius:16px !important;
}

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

/* Behåll luft, men låt td-core styra padding (slipper dubbel-!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/1156: Jämför – mobil ska inte använda horisontell scroll-tabell.
   Vi renderar cards i PHP (se 1156) och håller CSS minimalistisk här. */

/* =========================================================
   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; }
}

/* =========================================================
   1080.4 / 1077 – Små badges
   Syfte: göra snabbpass tydliga i listor utan att ändra datamodell.
   ========================================================= */
.td-badge{display:inline-flex;align-items:center;font-size:12px;line-height:1;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.04);vertical-align:middle}
.td-badge--quickpass{font-weight:700}

/* =========================================================
   1145: Kurser (fd Övningar) – jämna kolumnbredder
   Nivå 1–3 och Övrigt ska vara lika breda.
   ========================================================= */
.td-table--courses{table-layout:fixed;width:100%}
.td-table--courses th:nth-child(1),
.td-table--courses td:nth-child(1){width:30%}
.td-table--courses th:nth-child(2),
.td-table--courses td:nth-child(2),
.td-table--courses th:nth-child(3),
.td-table--courses td:nth-child(3),
.td-table--courses th:nth-child(4),
.td-table--courses td:nth-child(4),
.td-table--courses th:nth-child(5),
.td-table--courses td:nth-child(5){width:17.5%}
.td-table--courses td{word-break:break-word; white-space: normal;}

/* 1161: Kurser-tabell: låt övningsnamn radbrytas (Astra/tema kan sätta nowrap på länkar) */
.td-table--courses td a{
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 1143: Övningar (unika kursdelar) – mindre luft, meta inline på desktop */
/* 1168: Mobil – tajtare rader och lite indrag så text inte ligger på kanten. */
.td-units-list{display:flex;flex-direction:column;gap:0}
/* td-card sätter padding/margin med !important – styr specifikt här */
.td-units-list__item.td-card{margin:0 !important;margin-bottom:0 !important;padding:10px 12px !important;border-radius:10px}
.td-units-list__row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px}
.td-units-list__title{line-height:1.25;font-weight:700;flex:1;min-width:0}

/* 2.2.62: td_view=units – säkerställ vänsterjustering på desktop */
@media (min-width: 768px){
  .td-units-list__row,
  .td-units-list__title{
    text-align:left !important;
  }
}

/* 1245: Desktop ska inte ha fetstil på övningsnamn i td_view=units,
   men mobilen ska fortsatt vara fet (default). */
@media (min-width: 768px){
  .td-units-list__title{font-weight:400}
}
.td-units-list__meta{font-size:12px;line-height:1.2;margin-top:2px;display:block;flex-basis:100%;margin-left:28px}

@media (min-width:769px){
  /* 1162: Desktop – tajtare lista (ta bort onödiga top/bottom-margins/padding från tema) */
  .td-units-list{gap:0}
  .td-units-list__item{margin:0 !important;padding:0 !important}
  /* td-card lägger på padding/margin med !important – nolla specifikt på just dessa items */
  .td-units-list__item.td-card{padding:0 !important;margin-bottom:0 !important;box-shadow:none !important}
  .td-units-list__row{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px}
  .td-units-list__title{flex:1;min-width:0;text-align:left}
  .td-units-list__meta{margin-left:auto;white-space:nowrap;text-align:right}
  .td-units-list__meta{white-space:nowrap}
}


/* 1163: Övningar – zebra-ränder för bättre läsbarhet */
.td-units-list__item--even{
  background: var(--td-bg-muted) !important;
}


/* 1247c: create list – even right edge + spacing between icons */
.td-create-picker .td-create-item-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.td-create-picker .td-create-item-title{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.td-create-picker .td-create-item-actions{display:grid;grid-auto-flow:column;grid-auto-columns:40px;gap:8px;justify-content:end;align-items:center;}
.td-create-picker .td-create-item-actions .td-icon-btn{
  margin:0 !important;
}

/* 1456: mall-lista – lås ikonkolumner (download + öppna) så att raderna linjerar */
.td-create-picker .td-create-item-actions{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-template-columns:40px 40px !important;
  justify-content:end !important;
  align-items:center !important;
  gap:10px !important;
  min-width:90px !important;
}
.td-create-picker .td-icon-btn--placeholder{
  visibility:hidden !important; /* håller kolumnen men visar inget */
  border-color:transparent !important;
  background:transparent !important;
}




/* 1253: startsida – behåll mellanrum mellan bildblock även när sidan visas inbäddad i TD-ramen */
body.td-page.td-hide-theme-chrome .entry-content figure,
body.td-page.td-hide-theme-chrome .entry-content .wp-block-image,
body.td-page.td-hide-theme-chrome .entry-content .elementor-widget-image{
  margin: 0 0 18px !important;
}
body.td-page.td-hide-theme-chrome .entry-content figure:last-child,
body.td-page.td-hide-theme-chrome .entry-content .wp-block-image:last-child,
body.td-page.td-hide-theme-chrome .entry-content .elementor-widget-image:last-child{
  margin-bottom: 0 !important;
}

/* 1262: startsida – desktop grid (3x3) med rimlig tile-storlek, även i inbäddat läge */
.td-start-tiles{
  display:grid;
  gap:16px;
  /* auto-fit gör att tiles aldrig blir "miniatyrer" */
  grid-template-columns: repeat(auto-fit, minmax(220px, 300px));
  justify-content:start;
}
.td-start-tiles > a{ display:block; }
.td-start-tiles > a > img{
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit:cover;
  display:block;
}
@media (min-width: 1100px){
  .td-start-tiles{
    grid-template-columns: repeat(3, 300px);
  }
}




/* fallback om td-start-tiles saknas: använd bildmarginal i flat-cards på startsidan */
.td-card--flat td-start-tiles{}
.td-card--flat > a > img{ display:block; }
.td-card--flat > a + a{ display:block; margin-top:16px !important; }

/* 1273: Q&A – pyjamasränder i tabellen under Mina frågor */
.td-table--zebra tbody tr:nth-child(even){
  background: rgba(0,0,0,0.04);
}
.td-table--zebra tbody tr:hover{
  background: rgba(0,0,0,0.06);
}


/* 1273: Q&A – pyjamasränder i listan under Mina frågor (även när den inte renderas som tabell) */
.td-qa-items:not(.td-qa-items--cards) > *:nth-child(even),
.td-qa-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.04);
}
.td-qa-items:not(.td-qa-items--cards) > *:nth-child(even){
  padding: 8px 10px;
  border-radius: 8px;
}

/* 1273: Q&A – pyjamasränder (items är divar) */
.td-qa-items:not(.td-qa-items--cards) > div:nth-child(even){background: rgba(0,0,0,0.04);padding:8px 10px;border-radius:8px;}

/* 1333: Q&A – kortlayout (matcha Förbättringsförslag) */
.td-qa-items--cards{display:flex;flex-direction:column;gap:12px}
.td-card--qa{background:#fff !important}
.td-card--qa p{margin:8px 0 0}

/* 1333: Mina frågor – kortlayout (vit bakgrund, jämna kanter) */
.td-card.td-card--qa{
  background:#fff;
}

/* 1333: Mina frågor – pyjamasränder även i kortlayout */
.td-qa-items--cards .td-card.td-card--qa:nth-child(even){
  background: rgba(0,0,0,0.035) !important;
}

/* 1269: startsida – tiles i 3 kolumner med mellanrum (desktop), även inbäddat */
.td-card.td-card--flat.td-start-tiles-host{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  /* Elementor tenderar att sortera tiles i kolumner; för att få samma visuella ordning
     i inbäddat läge behöver vi fylla kolumner först (inte rader). */
  grid-auto-flow: column !important;
  grid-template-rows: repeat(3, auto) !important;
  gap: 16px !important;
  align-items: start;
}
.td-card.td-card--flat.td-start-tiles-host > a{
  display:block;
  margin:0 !important;
}
.td-card.td-card--flat.td-start-tiles-host > a > img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width: 782px){
  .td-card.td-card--flat.td-start-tiles-host{
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
  }
}


/* 1276: Mitt konto i ATVOF-ramen */
.td-account .woocommerce-MyAccount-navigation{ display:none !important; }
.td-account .woocommerce-MyAccount-content{ width:100% !important; float:none !important; }

/* 1277.1: startsida/dashboard – ta bort "ram" runt filterbaren (ska kännas mer som WP-native) */
.td-has-dashboard .td-filterbar{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* 1301: Hundfilter – ta bort "ful ram" och låt temat andas (mobilvänligt). */
.td-dogfilter{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  max-width: 260px;
  max-height: 92px;
  overflow: auto;
}



/* 2.6.5.9.8 – entries list title visibility + dashboard QA headings */
.td-entries-title--mobile{display:none !important;}
.td-entries-title--desktop{display:inline !important;}
@media (max-width:768px){
  .td-entries-title--desktop{display:none !important;}
  .td-entries-title--mobile{display:inline !important;}
}
.td-dash-card--qa .td-dash-title{margin:0 0 10px !important;font-size:1.1rem !important;line-height:1.3 !important;font-weight:700 !important;}


/* 2.6.5.9.9 – menu edge alignment + entries mobile title */
@media (max-width:768px){
  
  
  
  .td-entries-title--desktop{display:none !important;}
  .td-entries-title--mobile{display:block !important;}
}

/* 2.7.0.9 – normalize edit/weekly editor spacing without inline margins */
.td-edit-section-card{margin:10px 0;}
.td-edit-section-card--lg{margin:12px 0;}
.td-edit-section-card--xl{margin:10px 0;}
.td-edit-section-card--padded{margin:12px 0;padding:14px 16px;}
.td-edit-section-card--flush{margin:0;}

.td-weekplan-editor__block{margin:0 0 10px 0;}
.td-weekplan-editor__block--suggestions{margin:10px 0 0 0;}
.td-weekplan-editor__list{margin:6px 0 0 18px;}
.td-weekplan-editor__list--suggested{margin:8px 0 0 18px;}
.td-weekplan-editor__list--passes{margin:0;padding-left:24px;}
.td-weekplan-editor__actions{margin:10px 0 0;}
.td-weekplan-editor__hint{margin:2px 0 0 0;}
.td-weekplan-editor__filters{margin:10px 0 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;}
.td-weekplan-editor__filter{display:flex;flex-direction:column;gap:2px;}
.td-weekplan-editor__filter-label{font-size:12px;}
.td-weekplan-editor__title--sub{margin:0 0 8px 0;}
.td-weekplan-editor__muted{margin:0;}
.td-ac-item__link{color:inherit;text-decoration:underline;}

/* 2.7.0.10 – final edit/view spacing + unit links */
.td-prefill-actions{margin:10px 0 0;}
.td-prefill-block{margin:12px 0;}
.td-weekplan-unit-link{text-decoration:underline;}
@media (max-width:768px){
  body.td-page .td-nav{margin:16px 0 8px !important;}
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
  body.td-page .td-main--edit .td-main__body > .td-card > .td-edit-section-card,
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-inline-section,
  body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap{margin:12px 0 !important;}
}

/* 2.7.0.11 – targeted edit/help/courseware spacing fixes */
body.td-page .td-main--edit .td-nav{
  margin-bottom:12px !important;
}
body.td-page .td-main--edit .td-main__body > .td-card:first-child{
  margin-top:0 !important;
}
body.td-page .td-main--edit .td-main__body > .td-card{
  margin-bottom:12px !important;
}
body.td-page .td-main--edit .td-main__body > .td-card:last-child{
  margin-bottom:0 !important;
}
body.td-page .td-main--edit .td-main__body > .td-card > form > label,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-inline-section,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
body.td-page .td-main--edit .td-main__body > .td-card > .td-edit-section-card{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
  max-width:none !important;
}
body.td-page .td-main--edit .td-weekplan-editor__title,
body.td-page .td-main--edit .td-weekplan-add-wrap label,
body.td-page .td-main--edit .td-weekplan-editor__filter,
body.td-page .td-main--edit .td-weekplan-editor__hint,
body.td-page .td-main--edit .td-prefill-block,
body.td-page .td-main--edit .td-prefill-actions{
  margin-left:0 !important;
}
/* 2.7.95.1: help/courseware-contentens bredd och första-kortsplacering ägs inte längre av td-components.
   Denna fil ska bara bära komponentlogik, inte global wrappergeometri. */



/* 2.7.0.12 – regression fix for edit widths, selected exercise removal and help/courseware shell */
body.td-page .td-main--edit .td-main__body > .td-card > form > label,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-edit-section-card,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-exercises-editor,
body.td-page .td-main--edit .td-main__body > .td-card > form > .td-weekplan-add-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-page .td-main--edit .td-main__body > .td-card > form > label > input[type="text"],
body.td-page .td-main--edit .td-main__body > .td-card > form > label > input[type="date"],
body.td-page .td-main--edit .td-main__body > .td-card > form > label > select,
body.td-page .td-main--edit .td-main__body > .td-card > form > label > textarea,
body.td-page .td-main--edit .td-grid > label,
body.td-page .td-main--edit .td-grid > label > input,
body.td-page .td-main--edit .td-grid > label > select,
body.td-page .td-main--edit .td-grid > label > textarea{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-page .td-main--edit .td-card > form > .td-edit-section-card:first-of-type,
body.td-page .td-main--edit .td-card > form > label:first-of-type{
  margin-top:0 !important;
}
/* 2.7.95.1: padding/marginal för help/courseware wrappers ägs av td-content-compat respektive td-courseware-content. */
@media (min-width:783px){
  body.td-page .td-nav--desktop,
  .td-wrap .td-nav--desktop,
  .td-wrap--help-single .td-nav--desktop{
    background:#f5f4f0 !important;
    border:1px solid rgba(0,0,0,.08) !important;
  }
  
  
  
  
}

/* =========================================================
   1961/1962 – Instruktörspass
   Enkel layout för instruktörssida, mottagarchips och låsta elevfält.
   ========================================================= */
.td-instructor-page{display:block}
.td-instructor-page__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}
.td-instructor-form,.td-instructor-sent{display:block}
.td-instructor-form__header{margin-bottom:16px}
.td-instructor-form__grid{margin-bottom:16px}
.td-instructor-template-block + .td-instructor-template-block{margin-top:18px}
.td-instructor-template-block__desc{margin-bottom:12px}
.td-instructor-section{margin-top:18px}
.td-instructor-picker{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.td-instructor-results,.td-instructor-selected{display:flex;flex-direction:column;gap:8px}
.td-instructor-results__item{display:block;width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;text-align:left;cursor:pointer}
.td-instructor-results__item:hover,.td-instructor-results__item:focus{background:#fffaf1}
.td-instructor-results__empty{padding:10px 12px;border:1px dashed rgba(0,0,0,.18);border-radius:10px;background:#fff}
.td-instructor-selected__item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);border-radius:10px;background:#fffaf1}
.td-instructor-selected__label{display:block;min-width:0;overflow-wrap:anywhere}
.td-instructor-selected__remove{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;padding:0 0 0 8px;color:#6b4d3a}
.td-instructor-known{margin-top:14px}
.td-instructor-known__list{display:flex;flex-wrap:wrap;gap:8px}
.td-instructor-external{margin-top:14px}
.td-instructor-page__notice{margin-bottom:16px}
.td-instructor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.td-instructor-sent__list{display:flex;flex-direction:column;gap:12px}
.td-instructor-sent__item{padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.td-instructor-sent__recipients{margin:10px 0 0 18px}
.td-instructor-sent__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.td-instructor-lock-notice{border-style:dashed}
.td-instructor-locked-answer{display:block;padding:12px 14px;border:1px solid rgba(0,0,0,.10);border-radius:10px;background:#fbf6ee;white-space:pre-wrap}
@media (max-width: 1024px){
  .td-instructor-page__grid{grid-template-columns:1fr}
}


/* 2.7.84.1 – instruktörssida tabs/listor + awards-kort + mobilbredd på sökresultat */
.td-instructor-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.td-instructor-tabs__item{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff;text-decoration:none;color:inherit}
.td-instructor-tabs__item.is-active{background:#fff7ef;border-color:rgba(198,90,30,.28);color:#8f451d;font-weight:700}
.td-instructor-page__main,.td-instructor-page__side,.td-instructor-form,.td-instructor-pass-list,.td-instructor-students,.td-instructor-picker,.td-instructor-results,.td-instructor-selected{min-width:0;max-width:100%}
.td-instructor-form__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.td-instructor-results{overflow:hidden}
.td-instructor-results.td-weekplan-results{display:flex;flex-direction:column;gap:0;border:1px solid rgba(0,0,0,.10);border-radius:12px;background:#fff;max-width:100%;box-sizing:border-box}
.td-instructor-results .td-ac-item{width:100%;max-width:100%;box-sizing:border-box;padding:12px 14px;border:0;border-bottom:1px solid rgba(0,0,0,.06);border-radius:0;background:#fff;text-align:left;overflow:hidden}
.td-instructor-results .td-ac-item:last-child{border-bottom:0}
.td-instructor-results .td-ac-item__label{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.td-instructor-results .td-ac-item__link{display:block;text-decoration:none;color:inherit}
.td-instructor-results .td-ac-item:hover,.td-instructor-results .td-ac-item:focus{background:#fffaf1}
.td-instructor-sent__head,.td-instructor-pass-list__head,.td-instructor-sent__item-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.td-instructor-sent__summary{white-space:nowrap;font-size:.92rem;color:#6b5a4a}
.td-instructor-filters{margin:16px 0 18px}
.td-instructor-filters__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.td-instructor-pass-list__head{margin-bottom:10px}
.td-instructor-student-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.td-instructor-student-card{padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.td-instructor-student-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.td-instructor-student-card__quickadd{min-width:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px}
.td-instructor-student-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}
.td-instructor-student-card__meta dt{font-size:.84rem;color:#6b5a4a;margin:0 0 4px}
.td-instructor-student-card__meta dd{margin:0;font-weight:600}
.td-award-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit}
.td-award-card__icon{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:rgba(198,90,30,.12);display:flex;align-items:center;justify-content:center;color:#b6551e}
.td-award-card__icon .dashicons{font-size:24px;width:24px;height:24px}
.td-award-card__content{min-width:0;flex:1 1 auto}
.td-award-card__eyebrow{font-size:.8rem;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:#8b6c58;margin-bottom:4px}
.td-award-card__title{margin:0 0 6px}
.td-award-card__desc{margin-bottom:8px}
.td-award-card__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.92rem}
.td-award-card__date{color:#6b5a4a}
.td-award-card__link{color:#b6551e;font-weight:600}
@media (max-width: 767px){
  .td-instructor-tabs{gap:8px}
  .td-instructor-tabs__item{width:100%;justify-content:flex-start;border-radius:12px}
  .td-instructor-sent__head,.td-instructor-pass-list__head,.td-instructor-sent__item-head{flex-direction:column;align-items:flex-start}
  .td-instructor-student-card__meta{grid-template-columns:1fr}
  .td-award-card{align-items:center}
}

body.td-view-instructor .td-instructor-students__search{display:block;margin:12px 0 0;}
body.td-view-instructor .td-instructor-students__search input{width:100%;box-sizing:border-box;}
body.td-view-instructor .td-instructor-page__notice{margin-top:12px;}

/* 2.7.85.2 – instruktör desktop parity: tabeller, kompaktare create-layout och mindre knappkänsla */
.td-instructor-page__grid--create{grid-template-columns:minmax(0,1fr);gap:18px}
.td-instructor-page__side--stacked{width:100%}
.td-instructor-template-title{margin:18px 0 10px}
.td-instructor-template-group{margin:18px 0 8px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);font-size:1rem;line-height:1.35;font-weight:700;color:#4e3a2c}
.td-instructor-form .td-instructor-template-block:first-of-type .td-instructor-template-title{margin-top:0}
.td-instructor-pass-table-wrap,.td-instructor-student-table-wrap{margin-top:16px;overflow-x:auto}
.td-instructor-table{width:100%;border-collapse:separate;border-spacing:0}
.td-instructor-table thead th{white-space:nowrap}
.td-instructor-table tbody td{vertical-align:middle}
.td-instructor-table .td-actions-cell{white-space:nowrap}
.td-instructor-table .td-actions-cell .td-icon-btn{margin:0 0 0 6px}
.td-instructor-table .td-actions-cell .td-icon-btn:first-child{margin-left:0}
.td-instructor-sent__list--cards{margin-top:16px}
.td-instructor-sent__item-head{align-items:center}
.td-instructor-sent__actions{margin-top:0}
.td-instructor-filters{margin:16px 0 18px;align-items:end}
.td-instructor-filters label{min-width:0}
.td-instructor-filters input,.td-instructor-filters select{width:100%;box-sizing:border-box}
.td-instructor-filters__actions{align-self:end}
.td-instructor-pass-empty{margin-top:12px}
.td-instructor-student-list{margin-top:16px}
.td-instructor-student-table-wrap + .td-instructor-student-list{display:none}
.td-instructor-student-card__quickadd{min-width:44px;padding:0}
@media (min-width:768px){
  .td-instructor-sent__list--cards{display:none}
  .td-instructor-student-table-wrap{display:block}
  .td-instructor-student-list{display:none}
}
@media (max-width:767px){
  .td-instructor-pass-table-wrap,.td-instructor-student-table-wrap{display:none}
  .td-instructor-sent__list--cards,.td-instructor-student-list{display:flex}
  .td-instructor-sent__item{padding:12px}
  .td-instructor-sent__item-head{align-items:flex-start}
  .td-instructor-sent__actions{margin-top:8px}
}

/* 2.7.85.2 – instruktör parity desktop tabeller + tajtare form + kompakt actions */
.td-instructor-page__grid--create{grid-template-columns:minmax(0,3fr) minmax(280px,1fr)}
.td-instructor-template-title{margin:18px 0 10px}
.td-instructor-template-group{margin:16px 0 8px;font-size:1rem;line-height:1.35;font-weight:700;color:#3f3027}
.td-instructor-form .td-edit-question + .td-edit-question{margin-top:12px}
.td-instructor-form .td-card,
.td-instructor-form .td-instructor-results,
.td-instructor-form .td-instructor-selected{max-width:100%}
.td-instructor-form{width:100%}
.td-instructor-pass-table-wrap,.td-instructor-students-table-wrap{display:block;margin-top:16px;overflow-x:auto}
.td-instructor-pass-table,.td-instructor-students-table{width:100%}
.td-instructor-pass-table .td-actions-cell,.td-instructor-students-table .td-actions-cell{white-space:nowrap;text-align:right}
.td-instructor-pass-table .td-icon-btn,.td-instructor-students-table .td-icon-btn{width:36px;height:36px;border-radius:10px}
.td-instructor-sent__actions--compact{margin-top:0}
.td-instructor-sent__actions--compact .td-icon-btn{width:36px;height:36px;border-radius:10px}
.td-instructor-student-card__quickadd{padding:0}
body.td-view-instructor .td-instructor-student-list{display:none}
body.td-view-instructor .td-instructor-pass-table td:first-child a,
body.td-view-instructor .td-instructor-students-table td:first-child a{text-decoration:none}
body.td-view-instructor .td-instructor-filters{align-items:end}
body.td-view-instructor .td-instructor-filters input,
body.td-view-instructor .td-instructor-filters select{width:100%;box-sizing:border-box}
@media (max-width: 767px){
  body.td-view-instructor .td-instructor-pass-table-wrap,
  body.td-view-instructor .td-instructor-students-table-wrap{display:none}
  body.td-view-instructor .td-instructor-student-list{display:grid}
  body.td-view-instructor .td-instructor-sent__list{display:flex}
}
@media (min-width: 768px){
  body.td-view-instructor .td-instructor-sent__list{display:none}
}
@media (max-width: 1160px){
  .td-instructor-page__grid--create{grid-template-columns:minmax(0,1fr)}
}


/* 2.7.85.26 – 2048 typografiförhandsvisning */
.td-typography-preview__intro-body > * + *,
.td-typography-preview__section .td-card__body > * + *{
  margin-top:12px;
}

.td-typography-preview__stack{
  display:grid;
  gap:16px;
}

.td-typography-preview__sample{
  padding:14px 0;
  border-top:1px solid rgba(53, 49, 44, 0.12);
}

.td-typography-preview__sample:first-child{
  border-top:0;
  padding-top:0;
}

.td-typography-preview__eyebrow,
.td-typography-preview__compare-title{
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(53, 49, 44, 0.7);
}

.td-typography-preview__heading{
  margin:0;
  overflow:visible;
}

body.td-page .td-typography-preview__sample .td-entry-inline-title,
body.td-page .td-typography-preview__sample .td-dash-title,
body.td-page .td-typography-preview__sample .td-group-title,
body.td-page .td-typography-preview__sample .td-entry-question-title,
body.td-page .td-typography-preview__sample .td-field-subtitle,
body.td-page .td-typography-preview__sample .td-label{
  margin:0 !important;
}

body.td-page .td-typography-preview__sample .td-field-subtitle,
body.td-page .td-typography-preview__sample .td-label{
  display:block !important;
}

body.td-page .td-typography-preview__sample .td-entry-inline-title{
  max-width:100% !important;
}

.td-typography-preview__compare-grid,
.td-typography-preview__ui-grid{
  display:grid;
  gap:16px;
}

.td-typography-preview__compare-col{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(53, 49, 44, 0.12);
  border-radius:16px;
  background:rgba(255,255,255,0.45);
}

.td-typography-preview__rainier{
  font-size:clamp(28px, 7vw, 48px);
  line-height:1.05;
}

body.td-page .td-typography-preview__rainier{
  font-family:"Rainier", serif !important;
}

body.td-page .td-typography-preview__rainier--neutral{
  font-variant-ligatures:none !important;
  font-feature-settings:normal !important;
}

body.td-page .td-typography-preview__rainier--decorative{
  font-variant-ligatures:common-ligatures discretionary-ligatures contextual !important;
  font-feature-settings:"liga" 1, "clig" 1, "calt" 1, "dlig" 1, "salt" 1, "swsh" 1, "ss01" 1, "ss02" 1 !important;
}

.td-typography-preview__mini-card{
  height:100%;
}

.td-typography-preview__mini-card .td-card__body > * + *{
  margin-top:10px;
}

body.td-page .td-typography-preview__mini-card .td-pass-list__title{
  font-size:1.125rem !important;
  line-height:1.35 !important;
}

body.td-page .td-typography-preview__mini-card .td-field-subtitle,
body.td-page .td-typography-preview__mini-card .td-field-subtitle--input,
body.td-page .td-typography-preview__mini-card .td-label,
body.td-page .td-typography-preview__mini-card .td-entry-question-title,
body.td-page .td-typography-preview__mini-card .td-group-title{
  margin-left:0 !important;
}

@media (min-width: 768px){
  .td-typography-preview__compare-grid,
  .td-typography-preview__ui-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}


/* 2.7.85.28 – 2048 typografipreview parity + tokenöversikt */
.td-typography-preview__ui-grid--live{
  align-items:start;
}

.td-typography-preview__heading--h1{
  text-transform:uppercase;
}

.td-typography-preview__button-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.td-typography-preview__entry-card .td-entry-inline-header{
  margin-bottom:4px;
}

.td-typography-preview__entry-card .td-entry-inline-header__main,
.td-typography-preview__entry-card .td-entry-inline-header__copy{
  width:100%;
}

.td-typography-preview__inline-list{
  margin:0;
  padding-left:18px;
}

.td-typography-preview__inline-list li + li{
  margin-top:8px;
}

.td-typography-preview__inline-list a{
  color:var(--td-shell-primary);
}

.td-typography-preview__token-grid{
  display:grid;
  gap:16px;
}

.td-typography-preview__token-card{
  height:100%;
}

.td-typography-preview__token-list{
  display:grid;
  gap:12px;
}

.td-typography-preview__token-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
}

.td-typography-preview__token-swatch{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(53, 49, 44, 0.12);
  background:#fff;
  color:rgba(53, 49, 44, 0.72);
  font-size:12px;
  line-height:1;
}

.td-typography-preview__token-swatch--value{
  background:rgba(255,255,255,0.7);
  font-weight:700;
}

.td-typography-preview__token-meta{
  min-width:0;
}

.td-typography-preview__token-name{
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  color:rgba(53, 49, 44, 0.78);
  word-break:break-word;
}

.td-typography-preview__token-value{
  margin-top:2px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  line-height:1.5;
  color:rgba(53, 49, 44, 0.72);
  word-break:break-word;
}

@media (min-width: 768px){
  .td-typography-preview__token-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}


/* 2.7.85.32 – 2048 preview parity mot skarpa TD-klasser */
body.td-page .td-typography-preview__mini-card .td-pass-list__title{
  font-size:clamp(1.25rem, 3vw, 1.5rem) !important;
  line-height:1.28 !important;
}

body.td-page .td-typography-preview__entry-card .td-entry-inline-title{
  font-size:clamp(30px, 6vw, 38px) !important;
  line-height:1.06 !important;
}

body.td-page .td-typography-preview__entry-card .td-group-title{
  font-size:clamp(22px, 4.8vw, 28px) !important;
  line-height:1.12 !important;
}

body.td-page .td-typography-preview__entry-card .td-entry-question-title,
body.td-page .td-typography-preview__mini-card .td-entry-question-title{
  font-size:clamp(17px, 3.6vw, 20px) !important;
  line-height:1.22 !important;
}

@media (max-width: 782px){
  #td-criteria-table .td-crit-round-mobile{display:block;grid-column:1 / -1;font-weight:700;margin:0 0 6px;text-align:left}
  #td-criteria-table .td-crit-pair .td-crit-rep{background:#fff !important}
}

.td-criteria-add-inline{margin:14px 0 0;}
.td-criteria-add-inline .button{min-height:44px;}
@media (min-width: 768px){.td-criteria-add-inline{display:none;}}


/* 2.7.96 – list/inspiration pagination + inspirationkort */
.td-list-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:12px 0;
}

.td-list-pagination__status{
  font-size:14px;
  color:rgba(0,0,0,.72);
}


/* 2.7.96.7 – td_view=list använder egen mobilkortskomponent i stället för CSS-transformerad tabell. */
.td-entries-mobile-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.td-entries-mobile-card{
  overflow:hidden;
  border-radius:var(--td-radius-md);
  box-shadow:var(--td-shadow-sm);
}

.td-entries-mobile-card--odd{
  background:var(--td-bg,#fffaf4);
}

.td-entries-mobile-card--even{
  background:var(--td-zebra,#f2eee9);
}

.td-entries-mobile-card__body{
  padding:12px 14px 0;
}

.td-entries-mobile-card__title{
  margin:0;
  font-size:1.05rem;
  line-height:1.35;
}

.td-entries-mobile-card__title a{
  color:inherit;
  text-decoration:none;
}

.td-entries-mobile-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:8px;
  color:var(--td-muted,#6b6b6b);
  font-size:14px;
  line-height:1.35;
}

.td-entries-mobile-card__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
  padding:10px 14px 12px;
  border-top:1px solid rgba(127,95,64,.12);
  background:inherit;
}

.td-entries-mobile-card__actions .td-icon-btn{
  background:inherit;
  border-color:rgba(198,90,30,.18);
}

@media (min-width:769px){
  .td-entries-mobile-list{
    display:none;
  }
}

.td-inspiration-page{
  display:grid;
  gap:16px;
}

.td-inspiration-filterbar{
  display:block;
}

.td-inspiration-filterbar .td-filterbar__row{
  display:grid;
  grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr)) auto;
  align-items:end;
  gap:12px;
}

.td-inspiration-filterbar .td-filter-field{
  min-width:0;
}

.td-inspiration-filterbar input[type="search"],
.td-inspiration-filterbar input[type="date"],
body.td-view-instructor #td-instructor-pass-filters input[type="search"],
body.td-view-instructor #td-instructor-pass-filters input[type="date"]{
  -webkit-appearance:none;
  appearance:none;
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:5px !important;
  background:#fff;
  color:inherit;
  outline:none;
}

.td-inspiration-filterbar input[type="search"]:focus,
.td-inspiration-filterbar input[type="date"]:focus,
body.td-view-instructor #td-instructor-pass-filters input[type="search"]:focus,
body.td-view-instructor #td-instructor-pass-filters input[type="date"]:focus{
  outline:none !important;
  border-color:rgba(198,90,30,.35) !important;
  box-shadow:0 0 0 3px rgba(198,90,30,.12) !important;
}

.td-inspiration-filterbar .td-filter-actions{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  min-height:44px;
}

body.td-view-instructor #td-instructor-pass-filters input[type="search"],
body.td-view-instructor #td-instructor-pass-filters input[type="date"]{
  background-clip:padding-box;
}

.td-inspiration-summary{
  margin:0 0 8px;
}

.td-inspiration-table-wrap{
  width:100%;
  overflow-x:auto;
}

.td-inspiration-cards{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.td-inspiration-card{
  padding:14px !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.03) !important;
}

.td-inspiration-card__title{
  margin:0 0 6px;
}

.td-inspiration-card__meta{
  font-size:14px;
  line-height:1.5;
  color:rgba(0,0,0,.72);
}

.td-plan-inspiration-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.td-plan-inspiration-item{
  padding:0 0 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.td-plan-inspiration-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.td-plan-inspiration-item__title{
  display:inline-block;
  margin:0 0 4px;
}

.td-plan-inspiration-item__meta{
  font-size:14px;
  line-height:1.5;
  color:rgba(0,0,0,.72);
}

.td-share-actions-row--inspiration{
  align-items:center;
}

.td-share-inspiration-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.td-instructor-form__checkbox{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.td-instructor-form__checkbox-row{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
}


body.td-view-instructor .td-instructor-form__grid > label,
body.td-view-instructor .td-instructor-form .td-edit-question,
body.td-view-instructor .td-instructor-form .td-instructor-picker > label,
body.td-view-instructor .td-instructor-form .td-instructor-external > label{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}

body.td-view-instructor .td-instructor-form input[type="text"],
body.td-view-instructor .td-instructor-form input[type="email"],
body.td-view-instructor .td-instructor-form input[type="search"],
body.td-view-instructor .td-instructor-form select,
body.td-view-instructor .td-instructor-form textarea{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

body.td-view-instructor .td-instructor-form textarea{
  min-height:92px;
}

body.td-view-instructor .td-instructor-form .td-edit-question-title{
  margin:0 0 8px;
}

@media (max-width: 767px){
  .td-inspiration-filterbar .td-filterbar__row{
    grid-template-columns:minmax(0,1fr);
  }

  .td-inspiration-filterbar .td-filter-actions{
    min-height:0;
  }
}


body.td-view-instructor .td-instructor-share-box{
  display:grid;
  gap:12px;
}

body.td-view-instructor .td-instructor-share-box__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

body.td-view-instructor .td-instructor-share-box__input{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

@media (max-width: 767px){
  body.td-view-instructor .td-instructor-share-box__row{
    grid-template-columns:minmax(0,1fr);
  }
}