/* 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 var(--td-color-focus-outline);
  background:var(--td-color-primary-ghost);
  color:var(--td-primary);
  cursor:pointer;
  padding:6px 10px;
  border-radius:var(--td-radius-action);
}
.td-share__copy:hover{background:var(--td-color-primary-ghost-hover);}
.td-share__copy.td-copied{background:var(--td-color-surface-success-soft);border-color:var(--td-color-surface-success-focus);}

/* 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:var(--td-color-danger) !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){
  
}

/* 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") */
body:not(.td-shell-route-unified) .td-postits-grid .td-card{
  background:var(--td-color-surface-badge) !important;
  border:1px solid var(--td-color-border-ui) !important;
  box-shadow:0 1px 0 var(--td-color-divider-black-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;
}

.td-compare-submit{margin:0 !important;}

/* 2.7.99.31 / 2162 – compare-ownern bär full bredd och samma labelkontrakt som övriga formulär. */
.td-compare-picker,
.td-compare-picker .td-compare-form{
  display:grid !important;
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
}

.td-compare-picker .td-compare-form > p,
.td-compare-picker .td-compare-form > .td-card-form__field,
.td-compare-picker .td-field-wrap,
.td-compare-picker .td-field-control{
  display:grid !important;
  gap:8px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.td-compare-picker select,
.td-compare-picker input,
.td-compare-picker textarea{
  width:100% !important;
  max-width:none !important;
}

.td-compare-picker .td-card-form__label{
  margin:0 !important;
}

.td-compare-picker .td-field-control--dog-select,
.td-compare-picker .td-card-form__field,
.td-compare-picker .td-compare-form__field{
  align-items:start !important;
  justify-items:stretch !important;
}

.td-compare-picker .td-field-control--dog-select > .td-card-form__label,
.td-compare-picker .td-card-form__field > .td-card-form__label{
  width:100% !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 ton utan rundade hörn; ytan ska upplevas som post-it, inte generiskt appkort */
body:not(.td-shell-route-unified) .td-postit,
body:not(.td-shell-route-unified) .td-postits-grid .td-card{
  background:var(--td-color-surface-badge) !important;
  border-radius:0 !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-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:var(--td-color-surface-success); }
.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.
   ========================================================= */

/* =========================================================
   1080.4 / 1077 – Små badges
   Syfte: göra snabbpass tydliga i listor utan att ändra datamodell.
   ========================================================= */

.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__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__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-actions .td-icon-btn{
  margin:0 !important;
}

/* 1456: mall-lista – lås ikonkolumner (download + öppna) så att raderna linjerar */

.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);
  }
}




/* 2.7.99.20 / 2162 – bred flat-card-fallback borttagen; startsidans tiles ska ägas av td-start-tiles-host/td-start-tiles. */

/* 1273: Q&A – pyjamasränder i tabellen under Mina frågor */
.td-table--zebra tbody tr:nth-child(even){
  background: var(--td-color-divider-black-04);
}
.td-table--zebra tbody tr:hover{
  background: var(--td-color-divider-black-06);
}


/* 1273: Q&A – pyjamasränder i listan under Mina frågor (även när den inte renderas som tabell) */
body:not(.td-shell-route-unified) .td-qa-items:not(.td-qa-items--cards) > *:nth-child(even),
body:not(.td-shell-route-unified) .td-qa-table tbody tr:nth-child(even){
  background: var(--td-color-divider-black-04);
}
body:not(.td-shell-route-unified) .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) */
body:not(.td-shell-route-unified) .td-qa-items:not(.td-qa-items--cards) > div:nth-child(even){background: var(--td-color-divider-black-04);padding:8px 10px;border-radius:8px;}

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

/* 1333: Mina frågor – kortlayout (vit bakgrund, jämna kanter) */
body:not(.td-shell-route-unified) .td-card.td-card--qa{
  background:var(--td-color-white);
}

/* 1333: Mina frågor – pyjamasränder även i kortlayout */
body:not(.td-shell-route-unified) .td-qa-items--cards .td-card.td-card--qa:nth-child(even){
  background: var(--td-color-divider-black-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;}
}

/* 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 – legacy edit/weekly spacing lever bara utanför unified shell */

body:not(.td-shell-route-unified) .td-weekplan-editor__block{margin:0 0 10px 0;}
body:not(.td-shell-route-unified) .td-weekplan-editor__block--suggestions{margin:10px 0 0 0;}
body:not(.td-shell-route-unified) .td-weekplan-editor__list{margin:6px 0 0 18px;}
body:not(.td-shell-route-unified) .td-weekplan-editor__list--suggested{margin:8px 0 0 18px;}
body:not(.td-shell-route-unified) .td-weekplan-editor__list--passes{margin:0;padding-left:24px;}
body:not(.td-shell-route-unified) .td-weekplan-editor__actions{margin:10px 0 0;}
body:not(.td-shell-route-unified) .td-weekplan-editor__hint{margin:2px 0 0 0;}
body:not(.td-shell-route-unified) .td-weekplan-editor__filters{margin:10px 0 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;}
body:not(.td-shell-route-unified) .td-weekplan-editor__filter{display:flex;flex-direction:column;gap:2px;}
body:not(.td-shell-route-unified) .td-weekplan-editor__filter-label{font-size:12px;}
body:not(.td-shell-route-unified) .td-weekplan-editor__title--sub{margin:0 0 8px 0;}
body:not(.td-shell-route-unified) .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;}
}

/* 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.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:var(--td-color-gray-250) !important;
    border:1px solid var(--td-color-divider-black-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 var(--td-color-divider-black-12);border-radius:10px;background:var(--td-color-white);text-align:left;cursor:pointer}
.td-instructor-results__item:hover,.td-instructor-results__item:focus{background:var(--td-color-cream)}
.td-instructor-results__empty{padding:10px 12px;border:1px dashed var(--td-color-divider-black-18);border-radius:10px;background:var(--td-color-white)}
.td-instructor-selected__item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--td-color-divider-black-10);border-radius:10px;background:var(--td-color-cream)}
.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:var(--td-color-text-brown)}
.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 var(--td-color-divider-black-08);border-radius:12px;background:var(--td-color-white)}
.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 var(--td-color-divider-black-10);border-radius:10px;background:var(--td-color-surface-warm-alt);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 var(--td-color-divider-black-08);border-radius:999px;background:var(--td-color-white);text-decoration:none;color:inherit}
.td-instructor-tabs__item.is-active{background:var(--td-color-surface-chip);border-color:var(--td-color-border-accent-strong);color:var(--td-color-accent-dark);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 var(--td-color-divider-black-10);border-radius:12px;background:var(--td-color-white);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 var(--td-color-divider-black-06);border-radius:0;background:var(--td-color-white);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:var(--td-color-cream)}
.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:var(--td-color-text-brown-soft)}
.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 var(--td-color-divider-black-08);border-radius:12px;background:var(--td-color-white)}
.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:var(--td-color-text-brown-soft);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:var(--td-color-focus-outline-soft);display:flex;align-items:center;justify-content:center;color:var(--td-color-accent-icon)}
.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:var(--td-color-text-brown-muted);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:var(--td-color-text-brown-soft)}
.td-award-card__link{color:var(--td-color-accent-icon);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 var(--td-color-divider-black-08)}
.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:var(--td-color-text-brown-stronger)}
.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:44px;height:44px;border-radius:14px}
.td-instructor-sent__actions--compact{margin-top:0}
.td-instructor-sent__actions--compact .td-icon-btn{width:44px;height:44px;border-radius:14px}
.td-instructor-student-card__quickadd{padding:0}

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}
  
  
}
@media (min-width: 768px){
  
}
@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-typography-preview__stack{
  display:grid;
  gap:16px;
}

.td-typography-preview__sample{
  padding:14px 0;
  border-top:1px solid var(--td-color-overlay-border-panel);
}

.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:var(--td-color-text-brown-panel);
}

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

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-page-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 var(--td-color-overlay-border-panel);
  border-radius:16px;
  background:var(--td-color-surface-white-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%;
}

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


/* 2.7.85.28 – 2048 typografipreview parity + tokenöversikt */
.td-typography-preview__variant-grid{
  display:grid;
  gap:16px;
}

.td-typography-preview__label-stack{
  display:grid;
  gap:10px;
}

.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 var(--td-color-overlay-border-panel);
  background:var(--td-color-white);
  color:var(--td-color-text-brown-panel-soft);
  font-size:12px;
  line-height:1;
}

.td-typography-preview__token-swatch--value{
  background:var(--td-color-surface-white-70);
  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:var(--td-color-text-brown-panel-strong);
  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:var(--td-color-text-brown-panel-soft);
  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 */

@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:var(--td-color-white) !important}
}

.td-criteria-add-inline{display:block;margin:14px 0 0;}
.td-criteria-add-inline .button{min-height:44px;}


/* 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:var(--td-color-text-opacity-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:none;
}

.td-entries-mobile-card--odd{
  background:var(--td-bg,var(--td-color-surface-panel));
}

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

.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-card__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
  padding:10px 14px 12px;
  border-top:1px solid var(--td-color-overlay-border-brown);
  background:inherit;
}

.td-entries-mobile-card__actions .td-icon-btn{
  background:inherit;
  border-color:var(--td-color-border-accent);
}

@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 var(--td-color-divider-black-12) !important;
  border-radius:5px !important;
  background:var(--td-color-white);
  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:var(--td-color-border-accent-strong) !important;
  box-shadow:0 0 0 3px var(--td-color-focus-outline-soft) !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:var(--td-color-divider-black-03) !important;
}

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

.td-inspiration-card__meta{
  font-size:14px;
  line-height:1.5;
  color:var(--td-color-text-opacity-72);
}

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

.td-plan-inspiration-item{
  padding:0 0 10px;
  border-bottom:1px solid var(--td-color-divider-black-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:var(--td-color-text-opacity-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);
  }
}


/* 2.7.97.16 / 2126 – instructor share box parity */
body.td-view-instructor .td-instructor-share-box__row--actions{
  grid-template-columns:max-content;
  justify-content:flex-start;
}

body.td-view-instructor .td-instructor-share-box__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
}

body.td-view-instructor .td-instructor-share-box__button{
  width:auto !important;
  min-width:0 !important;
  max-width:max-content;
}

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

  body.td-view-instructor .td-instructor-share-box__actions{
    width:100%;
  }

  body.td-view-instructor .td-instructor-share-box__button{
    width:auto !important;
  }
}

/* 2.7.98.17 / 2149 – desktop-nav och desktop-view-header är nu komponentägda i stället för frontend-tailen. */
@media (min-width:783px){
  .td-nav--desktop{
    top:0;
    z-index:40;
    background:var(--td-bg);
    border:1px solid var(--td-color-divider-black-08);
    border-radius:12px;
    padding:8px 10px;
    margin:0 0 12px;
  }

  .td-desktop-primary{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }

  .td-desktop-primary__link{
    text-decoration:none;
    padding:8px 10px;
    border-radius:12px;
    border:1px solid transparent;
    line-height:1.2;
    color:var(--td-accent, var(--td-color-primary)) !important;
    background:transparent !important;
  }

  .td-desktop-primary__link:hover{
    background:var(--td-color-divider-black-04) !important;
  }

  .td-desktop-primary__link.is-active{
    border-color:var(--td-color-divider-black-18) !important;
    background:var(--td-color-divider-black-03) !important;
    color:var(--td-accent, var(--td-color-primary)) !important;
    font-weight:600;
  }

  .td-nav--desktop.td-nav--compact{
    margin-bottom:0 !important;
  }

  .td-nav--desktop.td-nav--spaced{
    margin-bottom:12px !important;
  }

  body.td-page .td-desktop-view-header{
    margin:0 0 16px !important;
  }


  body.td-page .td-desktop-view-header--card .td-desktop-view-card{
    background:var(--td-color-gray-300) !important;
    border:1px solid var(--td-color-divider-black-06) !important;
    border-radius:18px !important;
    padding:18px 22px !important;
  }
}


/* 2.7.99.22 / 2162 – units-rad och compare-cards ägs av komponentfilen, inte compat/utilities. */
body.td-page .td-units-list__row{gap:8px !important;align-items:flex-start !important;}
body.td-page .td-units-list__row input[type="checkbox"]{margin-top:0 !important;flex:0 0 auto !important;}
body.td-page .td-units-list__title{padding-left:0 !important;display:block !important;}

.td-compare-cards{display:none;}
.td-compare-controls{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
.td-filterbar.td-compare-controls{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
@media (max-width:782px){
  .td-compare-cards{display:block;}
  .td-compare-card{padding:12px;}
  .td-compare-card__title{font-weight:700;margin-bottom:10px;}
  .td-compare-card__row{display:flex;gap:10px;align-items:flex-start;padding:10px;border-top:1px solid var(--td-color-divider-black-08);border-radius:8px;}
  .td-compare-card__row:first-child{border-top:0;}
  .td-compare-card__row:nth-child(even){background:var(--td-bg-muted);}
  .td-compare-card__date{min-width:92px;font-size:12px;line-height:1.2;opacity:.75;}
  .td-compare-card__answer{flex:1;font-size:14px;line-height:1.35;}
  .td-compare-card__date a{text-decoration:none;}
}


/* 2.7.99.34 / 2162 – settings/help/typography hör till komponentspåret, inte compat/dashboard. */
body.td-shell-route-unified.td-pagetype-td_view_help .td-settings-tabs,
body.td-shell-route-unified.td-pagetype-td_view_help_index .td-settings-tabs,
body.td-shell-route-unified.td-pagetype-td_view_settings .td-settings-tabs,
body.td-shell-route-unified.td-pagetype-td_view_account .td-settings-tabs,
body.td-shell-route-unified.td-pagetype-td_view_notifications .td-settings-tabs,
body.td-shell-route-unified [data-td-content-view="help"] .td-settings-tabs,
body.td-shell-route-unified [data-td-content-view="settings"] .td-settings-tabs,
body.td-shell-route-unified [data-td-content-view="account"] .td-settings-tabs,
body.td-shell-route-unified [data-td-content-view="notifications"] .td-settings-tabs,
body.td-shell-route-unified [data-td-content-view="instructor"] .td-settings-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 16px !important;
}
body.td-shell-route-unified.td-pagetype-td_view_help .td-settings-tabs__link,
body.td-shell-route-unified.td-pagetype-td_view_help_index .td-settings-tabs__link,
body.td-shell-route-unified.td-pagetype-td_view_settings .td-settings-tabs__link,
body.td-shell-route-unified.td-pagetype-td_view_account .td-settings-tabs__link,
body.td-shell-route-unified.td-pagetype-td_view_notifications .td-settings-tabs__link,
body.td-shell-route-unified [data-td-content-view="help"] .td-settings-tabs__link,
body.td-shell-route-unified [data-td-content-view="settings"] .td-settings-tabs__link,
body.td-shell-route-unified [data-td-content-view="account"] .td-settings-tabs__link,
body.td-shell-route-unified [data-td-content-view="notifications"] .td-settings-tabs__link,
body.td-shell-route-unified [data-td-content-view="instructor"] .td-settings-tabs__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 14px !important;
  border-radius:5px !important;
  border:1px solid var(--td-shell-border-strong) !important;
  background:var(--td-color-cream) !important;
  color:var(--td-shell-text) !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
body.td-shell-route-unified.td-pagetype-td_view_help .td-settings-tabs__link.is-active,
body.td-shell-route-unified.td-pagetype-td_view_help_index .td-settings-tabs__link.is-active,
body.td-shell-route-unified.td-pagetype-td_view_settings .td-settings-tabs__link.is-active,
body.td-shell-route-unified.td-pagetype-td_view_account .td-settings-tabs__link.is-active,
body.td-shell-route-unified.td-pagetype-td_view_notifications .td-settings-tabs__link.is-active,
body.td-shell-route-unified [data-td-content-view="help"] .td-settings-tabs__link.is-active,
body.td-shell-route-unified [data-td-content-view="settings"] .td-settings-tabs__link.is-active,
body.td-shell-route-unified [data-td-content-view="account"] .td-settings-tabs__link.is-active,
body.td-shell-route-unified [data-td-content-view="notifications"] .td-settings-tabs__link.is-active,
body.td-shell-route-unified [data-td-content-view="instructor"] .td-settings-tabs__link.is-active{
  background:var(--td-shell-primary) !important;
  border-color:var(--td-shell-primary) !important;
  color:var(--td-color-white) !important;
}
body.td-shell-route-unified.td-pagetype-td_view_typography_preview .td-typography-preview__section,
body.td-shell-route-unified.td-pagetype-td_view_typography_preview .td-typography-preview__mini-card,
body.td-shell-route-unified.td-pagetype-td_view_typography_preview .td-typography-preview__entry-card,
body.td-shell-route-unified.td-pagetype-td_view_typography_preview .td-typography-preview__mini-card 
body.td-page.td-view-settings .td-dogs-list{gap:18px !important;}
body.td-page.td-view-settings .td-dogs-row__avatar,
body.td-page.td-view-settings .td-dogs-add__avatar{
  width:72px !important;
  min-width:72px !important;
}
body.td-page.td-view-settings .td-dogs-row__avatar img,
body.td-page.td-view-settings .td-dogs-row__avatar .td-u-thumb--dog{
  width:72px !important;
  height:72px !important;
}
body.td-page.td-view-settings .td-u-label-stack,
body.td-page.td-view-notifications .td-u-label-block{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
body.td-page.td-view-settings .td-dogs-row input[type="text"],
body.td-page.td-view-settings .td-dogs-row input[type="date"],
body.td-page.td-view-settings .td-dogs-row input[type="file"],
body.td-page.td-view-settings .td-dogs-row textarea,
body.td-page.td-view-settings .td-dogs-row select,
body.td-page.td-view-settings .td-dogs-add input[type="text"],
body.td-page.td-view-settings .td-dogs-add input[type="date"],
body.td-page.td-view-settings .td-dogs-add input[type="file"],
body.td-page.td-view-settings .td-dogs-add textarea,
body.td-page.td-view-settings .td-dogs-add select{
  width:100% !important;
  box-sizing:border-box !important;
}
body.td-page.td-view-settings .td-dogs-row textarea,
body.td-page.td-view-settings .td-dogs-add textarea{
  min-height:120px !important;
}
body.td-page.td-view-notifications .td-card--notification-settings{
  display:grid !important;
  gap:14px !important;
}


/* 2.7.99.35 / 2162 – settings-hundrader ägs av komponentfilen, inte compat. */
@media (max-width:781.98px){
  body.td-pagetype-td_view_settings .td-dogs-row,
  body.td-pagetype-td_view_settings .td-dogs-add,
  body.td-page[data-td-content-view="settings"] .td-dogs-row,
  body.td-page[data-td-content-view="settings"] .td-dogs-add,
  body.td-page [data-td-content-view="settings"] .td-dogs-row,
  body.td-page [data-td-content-view="settings"] .td-dogs-add{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }

  body.td-pagetype-td_view_settings .td-dogs-row__header,
  body.td-pagetype-td_view_settings .td-dogs-add__header,
  body.td-pagetype-td_view_settings .td-dogs-row__meta,
  body.td-pagetype-td_view_settings .td-dogs-add__meta,
  body.td-pagetype-td_view_settings .td-dogs-row__body,
  body.td-pagetype-td_view_settings .td-dogs-add__body,
  body.td-page [data-td-content-view="settings"] .td-dogs-row__body,
  body.td-page [data-td-content-view="settings"] .td-dogs-add__body{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
  }

  body.td-pagetype-td_view_settings .td-dogs-row__avatar,
  body.td-pagetype-td_view_settings .td-dogs-add__avatar,
  body.td-page [data-td-content-view="settings"] .td-dogs-row__avatar,
  body.td-page [data-td-content-view="settings"] .td-dogs-add__avatar{
    background:var(--td-color-criteria-zebra-2) !important;
  }
}


/* 2.7.102.22 – mallikoner ska använda samma korta action-knappkontrakt som tidigare: vit bakgrund, rundade hörn, centrerad ikon. */
body.td-shell-route-unified .td-create-picker .td-create-item-actions .td-icon-btn,
body.td-shell-route-unified .td-create-picker .td-create-picker__action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border:1px solid rgba(60,45,35,.08) !important;
  border-radius:14px !important;
  background:var(--td-card-bg-app, #fff9f3) !important;
  box-shadow:none !important;
}

body.td-shell-route-unified .td-create-picker .td-create-item-actions .td-icon-btn .dashicons,
body.td-shell-route-unified .td-create-picker .td-create-picker__action .dashicons{
  line-height:1 !important;
}


/* 2.7.102.23 – enhetligt ikonknappskontrakt i hela TD-shellen. */
body.td-shell-route-unified .td-icon-btn,
body.td-shell-route-unified a.td-icon-btn,
body.td-shell-route-unified button.td-icon-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border:1px solid rgba(60,45,35,.08) !important;
  border-radius:14px !important;
  background:var(--td-card-bg-app, #fff9f3) !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

body.td-shell-route-unified .td-icon-btn:hover,
body.td-shell-route-unified .td-icon-btn:focus,
body.td-shell-route-unified .td-icon-btn:visited{
  text-decoration:none !important;
}

body.td-shell-route-unified .td-icon-btn .dashicons,
body.td-shell-route-unified .td-icon-btn .dashicons::before{
  text-decoration:none !important;
}


/* 2.7.102.26 – global ikonknapp-owner. Alla TD-ikonknappar ska ha samma geometri, radie och färg. */
body.td-shell-route-unified .td-icon-btn,
body.td-shell-route-unified .td-share-btn,
body.td-shell-route-unified .td-delete-btn,
body.td-shell-route-unified .td-share-trigger,
body.td-shell-route-unified .td-icon-btn--square,
body.td-shell-route-unified .td-icon-btn--square44,
body.td-shell-route-unified .td-icon-btn--shell{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:14px !important;
}
body.td-shell-route-unified .td-icon-btn{
  margin-right:6px !important;
}
body.td-shell-route-unified .td-icon-btn:last-child{
  margin-right:0 !important;
}
body.td-shell-route-unified .td-icon-btn .dashicons,
body.td-shell-route-unified .td-icon-btn .dashicons::before{
  color:var(--td-primary, #C65A1E) !important;
}
body.td-shell-route-unified .td-icon-btn--danger .dashicons,
body.td-shell-route-unified .td-icon-btn--danger .dashicons::before,
body.td-shell-route-unified .td-delete-btn .dashicons,
body.td-shell-route-unified .td-delete-btn .dashicons::before{
  color:var(--td-color-danger, #c63b2d) !important;
}
body.td-shell-route-unified .td-icon-btn--placeholder{
  visibility:hidden !important;
  opacity:0 !important;
  display:inline-flex !important;
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  border-color:transparent !important;
  background:transparent !important;
  pointer-events:none !important;
}
body.td-shell-route-unified .td-actions-cell,
body.td-shell-route-unified .td-entry-actions,
body.td-shell-route-unified .td-instructor-sent__actions--compact{
  white-space:nowrap !important;
}