:root{
  --td-space-1:4px;
  --td-space-2:8px;
  --td-space-3:12px;
  --td-space-4:16px;
  --td-space-5:24px;

  --td-radius-sm:6px;
  --td-radius-md:10px;
  --td-radius-lg:14px;
  --td-radius-card:16px;

  --td-font-sm:0.875rem;
  --td-font-md:1rem;
  --td-font-lg:1.125rem;
  --td-font-xl:1.25rem;

  --td-color-white:#ffffff;
  --td-color-cream:#fffaf1;
  --td-color-page-bg:#f6f1eb;
  --td-color-surface:#fff9f3;
  --td-color-surface-soft:var(--td-color-surface);
  --td-color-surface-muted:var(--td-color-page-bg);
  --td-color-surface-badge:#ece2ca;
  --td-color-surface-postit:#f7e08b;
  --td-color-border-ui:var(--td-color-border-default);
  --td-color-border-soft:var(--td-color-border-default);
  --td-color-border-default:rgba(83,57,44,.10);
  --td-color-border-strong:rgba(83,57,44,.18);
  --td-color-border-accent:rgba(198,90,30,.18);
  --td-color-border-accent-strong:rgba(198,90,30,.35);
  --td-color-border-focus:rgba(198,90,30,.42);
  --td-color-text:#1f1f1f;
  --td-color-text-shell:#3b2f28;
  --td-color-text-strong:#2f2a26;
  --td-color-text-soft:#6e655d;
  --td-color-text-muted:var(--td-color-text-soft);
  --td-color-text-badge:#7f5f40;
  --td-color-primary:#c65a1e;
  --td-color-primary-hover:#a94d19;
  --td-color-primary-hover-soft:#b34f18;
  --td-color-primary-ghost:rgba(198,90,30,.08);
  --td-color-primary-ghost-hover:rgba(198,90,30,.14);
  --td-color-primary-focus:rgba(198,90,30,.12);
  --td-color-divider:var(--td-color-border-default);
  --td-color-divider-soft:var(--td-color-border-default);
  --td-color-backdrop:rgba(0,0,0,.45);
  --td-color-backdrop-strong:rgba(0,0,0,.85);
  --td-color-shadow-ambient:rgba(58,34,21,.08);
  --td-color-shadow-soft:var(--td-color-shadow-ambient);
  --td-color-shadow-strong:var(--td-color-shadow-ambient);
  --td-color-shadow-modal:rgba(0,0,0,.25);
  --td-color-zebra:var(--td-color-page-bg);

  --td-bg:var(--td-color-white);
  --td-bg-muted:var(--td-color-surface-muted);
  --td-border:var(--td-color-border-ui);
  --td-text:var(--td-color-text);
  --td-text-muted:var(--td-color-text-muted);
  --td-primary:#2563eb;
  --td-success:#16a34a;

  --td-page-bg-app:var(--td-color-page-bg);
  --td-card-bg-app:var(--td-color-surface);

  --td-shell-content-max:1120px;
  --td-shell-content-pad:16px;
  --td-dashboard-frame-max:1360px;
  --td-dashboard-shell-gutter-mobile:8px;
  --td-dashboard-shell-gutter-desktop:24px;
  --td-shell-card-gap:32px;
  --td-shell-stack-gap:32px;
  --td-shell-stack-gap-lg:36px;
  --td-shell-card-pad:20px;
  --td-shell-card-pad-mobile:16px;
  --td-shell-mobile-topbar:72px;
  --td-shell-topbar-mobile:72px;
  --td-shell-desktop-topbar-height:88px;
  --td-shell-topbar-desktop:88px;
  --td-shell-card-radius:16px;
  --td-shell-surface:var(--td-color-surface);
  --td-shell-surface-2:var(--td-color-surface-soft);
  --td-shell-surface-3:var(--td-color-surface-muted);
  --td-shell-surface-badge:var(--td-color-surface-badge);
  --td-shell-surface-postit:var(--td-color-surface-postit);
  --td-shell-border:var(--td-color-border-default);
  --td-shell-border-soft:var(--td-color-border-soft);
  --td-shell-border-strong:var(--td-color-border-strong);
  --td-shell-border-accent:var(--td-color-border-accent);
  --td-shell-border-accent-strong:var(--td-color-border-accent-strong);
  --td-shell-border-focus:var(--td-color-border-focus);
  --td-shell-postit-border:#d3b95b;
  --td-shell-text:var(--td-color-text-shell);
  --td-shell-text-strong:var(--td-color-text-strong);
  --td-shell-text-soft:var(--td-color-text-soft);
  --td-shell-text-muted:var(--td-color-text-muted);
  --td-shell-badge-text:var(--td-color-text-badge);
  --td-shell-primary:var(--td-color-primary);
  --td-shell-primary-hover:var(--td-color-primary-hover);
  --td-shell-primary-ghost:var(--td-color-primary-ghost);
  --td-shell-primary-ghost-hover:var(--td-color-primary-ghost-hover);
  --td-shell-primary-focus:var(--td-color-primary-focus);
  --td-shell-shadow:none;
  --td-shadow-sm:none;
  --td-shell-shadow-modal:0 12px 40px var(--td-color-shadow-modal);
  --td-shell-gutter:10px;
  --td-dashboard-shell-gutter-mobile:10px;
  --td-dashboard-shell-gutter-desktop:18px;
  --td-dashboard-frame-max:1480px;
  --td-dashboard-stack-gap:24px;

  --td-color-card-border-light:var(--td-color-border-ui);
  --td-color-card-border-lighter:var(--td-color-border-ui);
  --td-color-card-border-lightest:var(--td-color-surface-muted);
  --td-color-gray-100:var(--td-bg-muted);
  --td-color-gray-150:var(--td-color-page-bg);
  --td-color-gray-200:var(--td-color-surface-muted);
  --td-color-gray-250:var(--td-color-page-bg);
  --td-color-gray-300:var(--td-color-surface-muted);
  --td-color-gray-400:var(--td-color-border-ui);
  --td-color-gray-500:var(--td-color-text-soft);
  --td-color-gray-600:var(--td-color-text-soft);
  --td-color-gray-650:var(--td-color-text-muted);
  --td-color-black:#000000;
  --td-color-black-soft:#0b0b0b;
  --td-color-black-deep:#050505;
  --td-color-black-richer:#101010;
  --td-color-black-rich:#111111;
  --td-color-text-admin:var(--td-color-text);
  --td-color-text-admin-strong:var(--td-color-text-strong);
  --td-color-text-danger:#7f1d1d;
  --td-color-surface-panel:var(--td-color-surface);
  --td-color-surface-ghost:var(--td-color-surface);
  --td-color-surface-chip:var(--td-color-surface-soft);
  --td-color-surface-warm:var(--td-color-surface);
  --td-color-surface-warm-alt:var(--td-color-surface-soft);
  --td-color-surface-selected:var(--td-color-surface-soft);
  --td-color-surface-success:var(--td-color-surface-soft);
  --td-color-surface-success-soft:rgba(0,128,0,0.14);
  --td-color-surface-success-focus:rgba(0,128,0,0.25);
  --td-color-surface-danger-soft:rgba(220, 38, 38, 0.10);
    --td-color-surface-danger-border:rgba(220, 38, 38, 0.22);
  --td-color-surface-danger-focus:rgba(220, 38, 38, 0.14);
  --td-color-surface-info-soft:rgba(37, 99, 235, 0.15);
  --td-color-surface-info-soft-2:rgba(37,99,235,.15);
  --td-color-surface-white-45:rgba(255,255,255,0.45);
  --td-color-surface-white-70:rgba(255,255,255,0.7);
  --td-color-surface-white-75:rgba(255,255,255,.75);
  --td-color-surface-white-38:rgba(255,255,255,.38);
  --td-color-surface-dark-overlay:rgba(31, 24, 19, .28);
  --td-color-divider-black-03:rgba(0,0,0,.03);
  --td-color-divider-black-04:rgba(0,0,0,.04);
  --td-color-divider-black-035:rgba(0,0,0,0.035);
  --td-color-divider-black-06:rgba(0,0,0,.06);
  --td-color-divider-black-08:rgba(0,0,0,.08);
  --td-color-divider-black-10:rgba(0,0,0,.10);
  --td-color-divider-black-12:rgba(0,0,0,.12);
  --td-color-divider-black-15:rgba(0,0,0,.15);
  --td-color-divider-black-18:rgba(0,0,0,.18);
  --td-color-text-opacity-72:rgba(0,0,0,.72);
  --td-color-text-brown:var(--td-color-text-shell);
  --td-color-text-brown-soft:var(--td-color-text-soft);
  --td-color-text-brown-muted:var(--td-color-text-soft);
  --td-color-text-brown-strong:var(--td-color-text-strong);
  --td-color-text-brown-stronger:var(--td-color-text-strong);
  --td-color-text-brown-panel:var(--td-color-text-soft);
  --td-color-text-brown-panel-soft:var(--td-color-text-soft);
  --td-color-text-brown-panel-strong:var(--td-color-text-shell);
  --td-color-text-cpt:var(--td-color-text-shell);
  --td-color-text-cpt-deep:var(--td-color-text-strong);
  --td-color-accent-strong:var(--td-color-primary-hover);
  --td-color-accent-stronger:var(--td-color-primary-hover);
  --td-color-accent-deep:var(--td-color-primary-hover);
  --td-color-accent-alt:var(--td-color-primary);
  --td-color-accent-brown:var(--td-color-primary);
  --td-color-accent-brown-2:var(--td-color-primary-hover);
  --td-color-accent-dark:var(--td-color-primary-hover);
  --td-color-accent-icon:var(--td-color-primary);
  --td-color-danger:#b32d2e;
  --td-color-success:#1a8f2b;
  --td-color-courseware-header:var(--td-color-text-shell);
  --td-color-courseware-page:var(--td-color-page-bg);
  --td-color-header-dark-top:var(--td-color-text-shell);
  --td-color-header-dark-join:var(--td-color-text-strong);
  --td-color-header-dark-topbar-top:var(--td-color-text-shell);
  --td-color-cpt-top:var(--td-color-text-shell);
  --td-color-cpt-bottom:var(--td-color-text-strong);
  --td-color-cpt-hero-top:var(--td-color-text-shell);
  --td-color-cpt-hero-bottom:var(--td-color-text-strong);
  --td-color-cpt-hero-top-soft:rgba(125,94,75,.08);
  --td-color-cpt-hero-top-soft-2:rgba(118,88,69,.14);
  --td-color-cpt-hero-overlay-dark:rgba(47,34,27,.42);
  --td-color-cpt-hero-overlay-dark-2:rgba(47,34,27,.74);
  --td-color-criteria-zebra-1:var(--td-color-zebra);
  --td-color-criteria-zebra-2:var(--td-color-surface);
  --td-color-criteria-zebra-odd:rgba(242,238,233,.92);
  --td-color-criteria-zebra-even:rgba(255,249,243,.98);
  --td-color-focus-outline:rgba(198,90,30,0.25);
  --td-color-focus-outline-soft:rgba(198,90,30,.12);
  --td-color-overlay-border-soft:rgba(47,34,27,.10);
  --td-color-overlay-border:rgba(47,34,27,.12);
  --td-color-overlay-border-alt:rgba(47,42,38,.10);
  --td-color-overlay-border-alt-2:rgba(47,42,38,.16);
  --td-color-overlay-border-brown:rgba(127,95,64,.12);
  --td-color-overlay-border-panel:rgba(53, 49, 44, 0.12);
  --td-color-overlay-shadow-cool:rgba(24,37,40,.08);


  --td-color-text-subtle:#555555;
  --td-color-text-neutral:#2b2b2b;
  --td-color-brown:var(--td-color-text-shell);
  --td-color-brown-muted:var(--td-color-text-soft);
  --td-color-accent-mobile:var(--td-color-primary);
  --td-color-accent-ui:var(--td-color-primary);
  --td-color-accent-soft:rgba(169, 78, 30, 0.12);
  --td-color-accent-border-soft:rgba(169, 78, 30, 0.18);
  --td-color-border-panel-soft:#d7d1ca;
  --td-color-page-bg-soft:var(--td-color-page-bg);
  --td-color-postit-soft:var(--td-color-surface-postit);
  --td-color-postit-soft-border:var(--td-shell-postit-border);
  --td-color-overlay-border-alt-3:rgba(47,42,38,.12);
  --td-color-panel-border-inset:rgba(59,47,40,.16);
  --td-color-panel-border-inset-soft:rgba(59,47,40,.08);
  --td-color-matrix-top:var(--td-color-text-shell);
  --td-color-matrix-bottom:var(--td-color-text-strong);
  --td-color-header-warm-bg:rgba(255,249,243,.96);
  --td-color-header-chip-hover:rgba(255,247,239,.14);
  --td-color-shadow-header-strong:rgba(31, 24, 19, .18);
  --td-color-shadow-soft-2:rgba(47,34,27,.06);
  --td-color-accent-chip-soft:rgba(209, 106, 26, .10);
  --td-color-mobile-divider:rgba(24,37,40,.10);
  --td-color-brown-dash-border:rgba(111, 78, 55, 0.25);
  --td-color-text-opacity-70:rgba(0,0,0,.7);


  --td-color-surface-warm-98:rgba(255, 249, 243, 0.98);
  --td-color-surface-soft-98:rgba(255, 243, 235, 0.98);
  --td-color-shadow-strong-2:rgba(47, 34, 27, 0.08);
  --td-color-border-mid:rgba(47,42,38,.14);

}

.td-card{
  background: var(--td-shell-surface) !important;
  border: 1px solid var(--td-shell-border) !important;
  box-shadow:none !important;
  border-radius: var(--td-shell-card-radius, var(--td-radius-card, 16px)) !important;
	padding: var(--td-card-pad, var(--td-space-4)) !important;
  margin:0 !important;
}

@media (max-width: 768px){
	.td-card{
		padding: var(--td-card-pad-mobile, var(--td-card-pad, var(--td-space-4))) !important;
	}
}


body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-dash-card,
body.td-shell-route-unified .td-section-card,
body.td-shell-route-unified .td-edit-section-card,
body.td-shell-route-unified .td-panel,
body.td-shell-route-unified .td-postit,
body.td-shell-route-unified .td-card--course-surface{
  margin-bottom:0 !important;
}



.td-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--td-space-3)}
.td-card__header--stacked{display:flex !important;align-items:flex-start;justify-content:flex-start;flex-direction:column !important}
.td-card__header--between{display:flex !important;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap !important}
.td-card__header--between > :first-child{margin-right:auto !important;min-width:0 !important}
.td-card__header--between > .button,
.td-card__header--between > a.button,
.td-card__header--between > button.button{margin-left:auto !important;align-self:flex-start !important;flex:0 0 auto !important}
.td-card__title{font-size:var(--td-font-lg);margin:0;line-height:1.08}
.td-card>h1,.td-card>h2,.td-card>h3{font-size:var(--td-font-lg);margin:0;line-height:1.08}
.td-card__meta{
  font-size: var(--td-font-sm) !important;
  color: var(--td-text-muted) !important;
}


.td-card__body{margin-top:var(--td-space-3)}
.td-card__header + .td-card__body{margin-top:0}
.td-card__body--stack{display:grid;gap:8px}
.td-card__actions{margin-top:10px;display:flex;gap:var(--td-space-2);flex-wrap:wrap}

/* Startsida: post-it cards */
.td-postits{margin:var(--td-space-4) 0 var(--td-space-5)}
.td-postits-title{font-weight:800;margin:0 0 var(--td-space-2);font-size:var(--td-font-xl)}
.td-postits-subtitle{margin:0 0 var(--td-space-3);color:var(--td-text-muted);font-size:var(--td-font-sm)}
.td-postits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--td-space-3)}
.td-postit-list{margin:var(--td-space-2) 0 0; padding-left:1.1em}
.td-postit-list li{margin:0 0 var(--td-space-1)}
.td-done{color:var(--td-success);font-weight:800}

@media (max-width: 768px){
  .td-postits-grid{grid-template-columns:1fr}
  .td-card{padding:var(--td-space-4)}
}

/* Muted/grey card background */
.td-card--muted{background:var(--td-shell-surface-2) !important;}
.td-card--my10{margin:10px 0 !important;}
.td-card--mt12{margin-top:12px !important;}


.td-dash-card,
.td-panel,
.td-section-card,
.td-edit-section-card,
.td-course-layout__surface,
.td-card--settings-surface{
  background:var(--td-shell-surface) !important;
  border:1px solid var(--td-shell-border) !important;
  box-shadow:none !important;
  border-radius:var(--td-shell-card-radius, 16px) !important;
}

.td-card > .td-card__header,
.td-card > .td-card__body,
.td-dash-card > .td-card__header,
.td-dash-card > .td-card__body,
.td-panel > .td-card__header,
.td-panel > .td-card__body,
.td-section-card > .td-card__header,
.td-section-card > .td-card__body,
.td-edit-section-card > .td-card__header,
.td-edit-section-card > .td-card__body,
.td-course-layout__surface > .td-card__header,
.td-course-layout__surface > .td-card__body,
.td-card--settings-surface > .td-card__header,
.td-card--settings-surface > .td-card__body{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.td-card > .td-card__header,
.td-dash-card > .td-card__header,
.td-panel > .td-card__header,
.td-section-card > .td-card__header,
.td-edit-section-card > .td-card__header,
.td-course-layout__surface > .td-card__header,
.td-card--settings-surface > .td-card__header{
  display:grid !important;
  gap:8px !important;
  align-items:start !important;
}

.td-card > .td-card__header > *,
.td-dash-card > .td-card__header > *,
.td-panel > .td-card__header > *,
.td-section-card > .td-card__header > *,
.td-edit-section-card > .td-card__header > *,
.td-course-layout__surface > .td-card__header > *,
.td-card--settings-surface > .td-card__header > *{
  margin:0 !important;
}

.td-card > .td-card__body,
.td-dash-card > .td-card__body,
.td-panel > .td-card__body,
.td-section-card > .td-card__body,
.td-edit-section-card > .td-card__body,
.td-course-layout__surface > .td-card__body,
.td-card--settings-surface > .td-card__body{
  display:grid !important;
  gap:12px !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

.td-card > .td-card__body > *,
.td-dash-card > .td-card__body > *,
.td-panel > .td-card__body > *,
.td-section-card > .td-card__body > *,
.td-edit-section-card > .td-card__body > *,
.td-course-layout__surface > .td-card__body > *,
.td-card--settings-surface > .td-card__body > *{
  margin:0 !important;
}


/* 2.7.95.3: shell-/page-specifika kortytor ägs nu av td-content-compat.css.
   td-card.css bär endast den generiska fallback-kortkomponenten. */


/* Shared card content contracts.
   Ägs av td-card.css eftersom detta är återanvändbara kortdelar, inte view-specifika rescue-regler. */
.td-card__intro{
  margin:0;
  color:var(--td-shell-text);
}

.td-card-form{
  display:grid;
  gap:8px;
  width:100%;
  margin:0;
}

.td-card-form__field{
  display:grid;
  gap:6px;
  width:100%;
  margin:0;
}

.td-card-form input[type="text"],
.td-card-form input[type="date"],
.td-card-form textarea,
.td-card-form input[type="file"],
.td-card-form select{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

.td-card-form textarea{
  min-height:120px;
}

.td-card-form__actions{
  margin-top:4px;
}

.td-card-list{
  display:grid;
  gap:var(--td-shell-stack-gap);
  width:100%;
  margin:0;
  padding:0;
}

.td-card-stack{
  display:grid;
  gap:var(--td-shell-stack-gap);
}

.td-card-list__item{
  display:grid;
  gap:12px;
  width:100%;
  margin:0;
}

.td-card-list__title,
.td-card-list__desc{
  margin:0;
}
.td-card-list__title{
  display:inline-block;
  line-height:1.35;
  text-decoration:none;
}
.td-card-list__title:hover{text-decoration:underline;}

.td-card-list__meta{
  font-size:var(--td-font-sm);
  color:var(--td-text-muted);
}

.td-card-list__desc > * + *{
  margin-top:8px;
}


.td-card-list--train{
  display:grid;
  gap:var(--td-shell-stack-gap);
}


.td-card--form-surface,
.td-card--list-surface{
  background:var(--td-shell-surface) !important;
  border:1px solid var(--td-shell-border) !important;
  box-shadow:none !important;
}

.td-card--form-surface > .td-card__header,
.td-card--list-surface > .td-card__header{
  padding-bottom:6px !important;
}

.td-card--form-surface > .td-card__body,
.td-card--list-surface > .td-card__body{
  margin-top:0 !important;
  padding-top:0 !important;
}

.td-postit,
.td-postits-grid .td-postit{
  display:block !important;
  padding:var(--td-card-pad-mobile, var(--td-card-pad, var(--td-space-4))) !important;
  background:var(--td-shell-surface-postit) !important;
  border:1px solid var(--td-shell-postit-border) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--td-shell-text) !important;
}

body.td-view-plan .td-postit,
body.td-view-plan .td-postits-grid .td-postit,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postits-grid .td-postit{
  border-radius:0 !important;
}

body.td-shell-route-unified .td-card__sep{
  display:inline-block;
  margin:0 .35em;
}


.td-date-badge{
  width:88px !important;
  min-height:96px !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  background:var(--td-shell-surface-badge) !important;
  border:1px solid var(--td-shell-border-strong) !important;
  color:var(--td-shell-badge-text) !important;
  padding:8px 6px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}

.td-date-badge__day{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  font-size:2.25rem !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.td-date-badge__month{
  font-family:"Nunito", sans-serif !important;
  font-size:1rem !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

@media (max-width: 767px){
  .td-date-badge{
    width:72px !important;
    min-height:80px !important;
  }
  .td-date-badge__day{font-size:2rem !important;}
  .td-date-badge__month{font-size:.92rem !important;}
}


.td-card-row,
.td-dash-card__row,
.td-calendar-next__row{
  display:grid !important;
  grid-template-columns:88px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}

.td-date-icon,
.td-calendar-next__date,
.td-dash-card__date{
  width:88px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  min-width:0;
}

.td-calendar-next__content,
.td-dash-card__content{
  min-width:0;
  display:grid !important;
  gap:8px !important;
  align-content:start !important;
}

.td-calendar-next__content > *,
.td-dash-card__content > *{
  margin:0 !important;
}

.td-calendar-next__entry-title{
  margin:0 !important;
  font-weight:700;
  color:var(--td-shell-text-strong);
}

@media (max-width:767px){
  .td-card-row,
  .td-dash-card__row,
  .td-calendar-next__row{
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:16px !important;
  }

  .td-date-icon,
  .td-calendar-next__date,
  .td-dash-card__date{
    width:72px;
  }
}

@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-page .td-card__header,
  body:not(.td-shell-route-unified).td-page .td-card__body,
  body:not(.td-shell-route-unified).td-shell .td-card__header,
  body:not(.td-shell-route-unified).td-shell .td-card__body,
  body:not(.td-shell-route-unified).td-help-single .td-card__header,
  body:not(.td-shell-route-unified).td-help-single .td-card__body,
  body:not(.td-shell-route-unified).single-td_help .td-card__header,
  body:not(.td-shell-route-unified).single-td_help .td-card__body,
  body:not(.td-shell-route-unified).td-courseware-app .td-card__header,
  body:not(.td-shell-route-unified).td-courseware-app .td-card__body,
  body:not(.td-shell-route-unified).td-entry-single .td-card__header,
  body:not(.td-shell-route-unified).td-entry-single .td-card__body,
  body:not(.td-shell-route-unified).td-share-single .td-card__header,
  body:not(.td-shell-route-unified).td-share-single .td-card__body,
  body:not(.td-shell-route-unified).td-no-access .td-card__header,
  body:not(.td-shell-route-unified).td-no-access .td-card__body,
  body:not(.td-shell-route-unified).td-shell-standalone .td-card__header,
  body:not(.td-shell-route-unified).td-shell-standalone .td-card__body{
    padding-left:var(--td-mobile-card-pad, var(--td-shell-card-pad-mobile, 16px)) !important;
    padding-right:var(--td-mobile-card-pad, var(--td-shell-card-pad-mobile, 16px)) !important;
    box-sizing:border-box !important;
  }

  body:not(.td-shell-route-unified).td-page .td-card__header,
  body:not(.td-shell-route-unified).td-shell .td-card__header,
  body:not(.td-shell-route-unified).td-help-single .td-card__header,
  body:not(.td-shell-route-unified).single-td_help .td-card__header,
  body:not(.td-shell-route-unified).td-courseware-app .td-card__header,
  body:not(.td-shell-route-unified).td-entry-single .td-card__header,
  body:not(.td-shell-route-unified).td-share-single .td-card__header,
  body:not(.td-shell-route-unified).td-no-access .td-card__header,
  body:not(.td-shell-route-unified).td-shell-standalone .td-card__header{
    padding-top:var(--td-mobile-card-pad, var(--td-shell-card-pad-mobile, 16px)) !important;
    padding-bottom:8px !important;
  }

  body:not(.td-shell-route-unified).td-page .td-card__body,
  body:not(.td-shell-route-unified).td-shell .td-card__body,
  body:not(.td-shell-route-unified).td-help-single .td-card__body,
  body:not(.td-shell-route-unified).single-td_help .td-card__body,
  body:not(.td-shell-route-unified).td-courseware-app .td-card__body,
  body:not(.td-shell-route-unified).td-entry-single .td-card__body,
  body:not(.td-shell-route-unified).td-share-single .td-card__body,
  body:not(.td-shell-route-unified).td-no-access .td-card__body,
  body:not(.td-shell-route-unified).td-shell-standalone .td-card__body{
    padding-top:var(--td-mobile-card-pad, var(--td-shell-card-pad-mobile, 16px)) !important;
    padding-bottom:var(--td-mobile-card-pad, var(--td-shell-card-pad-mobile, 16px)) !important;
  }

  body:not(.td-shell-route-unified).td-page .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-shell .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-help-single .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).single-td_help .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-courseware-app .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-entry-single .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-share-single .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-no-access .td-card__header + .td-card__body,
  body:not(.td-shell-route-unified).td-shell-standalone .td-card__header + .td-card__body{
    padding-top:0 !important;
  }
}


body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-dash-card,
body.td-shell-route-unified .td-panel,
body.td-shell-route-unified .td-section-card,
body.td-shell-route-unified .td-edit-section-card,
body.td-shell-route-unified .td-eval-card,
body.td-shell-route-unified .td-calendar-list__item,
body.td-shell-route-unified .td-entries-mobile-card{
  box-shadow:none !important;
  filter:none !important;
}


body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-dash-card,
body.td-shell-route-unified .td-panel,
body.td-shell-route-unified .td-section-card{
  margin:0 !important;
  box-shadow:none !important;
}


/* 2.7.99.35 / 2162 – unified cards and compare/table cards stay shadow-free. */
body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-panel,
body.td-shell-route-unified .td-section-card,
body.td-shell-route-unified .td-edit-section-card,
body.td-shell-route-unified .td-compare-card,
body.td-shell-route-unified .td-pass-within-week,
body.td-shell-route-unified .td-calendar-grid__cell,
body.td-shell-route-unified .td-calendar-month__cell,
body.td-shell-route-unified .td-modal__dialog{
  box-shadow:none !important;
}


/* 2.7.102.3 / 2.7.102.17 – kort ligger i content frame och får inte tvingas till viewportbredd. */
body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-dash-card,
body.td-shell-route-unified .td-panel,
body.td-shell-route-unified .td-section-card{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}


/* 2.7.103.4 – td-card__header--between måste vinna över generella card-header-gridet. */
.td-card > .td-card__header.td-card__header--between,
.td-dash-card > .td-card__header.td-card__header--between,
.td-panel > .td-card__header.td-card__header--between,
.td-section-card > .td-card__header.td-card__header--between,
.td-edit-section-card > .td-card__header.td-card__header--between,
.td-course-layout__surface > .td-card__header.td-card__header--between,
.td-card--settings-surface > .td-card__header.td-card__header--between{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
}

.td-card > .td-card__header.td-card__header--between > :first-child,
.td-dash-card > .td-card__header.td-card__header--between > :first-child,
.td-panel > .td-card__header.td-card__header--between > :first-child,
.td-section-card > .td-card__header.td-card__header--between > :first-child,
.td-edit-section-card > .td-card__header.td-card__header--between > :first-child,
.td-course-layout__surface > .td-card__header.td-card__header--between > :first-child,
.td-card--settings-surface > .td-card__header.td-card__header--between > :first-child{
  margin-right:auto !important;
  min-width:0 !important;
}

.td-card > .td-card__header.td-card__header--between > .button,
.td-card > .td-card__header.td-card__header--between > a.button,
.td-card > .td-card__header.td-card__header--between > button.button,
.td-dash-card > .td-card__header.td-card__header--between > .button,
.td-dash-card > .td-card__header.td-card__header--between > a.button,
.td-dash-card > .td-card__header.td-card__header--between > button.button{
  margin-left:auto !important;
  align-self:flex-start !important;
  flex:0 0 auto !important;
}

/* 2445: No-access CTA-knappar ska alltid ha kontrollerat mellanrum, oavsett vy/route. */
.td-access-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.td-access-card__actions .td-access-card__btn,
.td-access-card__actions .button{
  margin:0 !important;
}

/* 2.10.26: Kursdelsmetadata under kursdelens rubrik. */
.td-course-unit-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:8px;
  font-size:.92rem;
  line-height:1.35;
  color:var(--td-muted, #6f6258);
}
.td-course-unit-meta__item{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
}
.td-course-unit-meta__label{
  font-weight:700;
  color:var(--td-text, #2b2520);
}
.td-course-unit-meta a{
  color:var(--td-accent, #c75b1b);
  text-decoration:none;
}
.td-course-unit-meta a:hover,
.td-course-unit-meta a:focus{
  text-decoration:underline;
}

/* 2.12.9.10: Luft mellan kursdelsmetadata (nivå/kategori/kurs) och själva övningsinnehållet. */
.td-course-unit-meta{
  margin-bottom:18px;
}
.td-course-unit-meta + p,
.td-course-unit-meta + div,
.td-course-unit-meta + .entry-content,
.td-course-unit-meta + .td-courseware-unit-content{
  margin-top:0;
}

/* 2.12.9.10: visuell feedback när träningsdagbokslistan filtreras via Ajax. */
.td-card--entries-list.is-loading{
  opacity:.72;
  cursor:progress;
}

/* 1076: Formfält & felmeddelanden (mobil + desktop)
   Mobil först, desktop är "större mobil".
*/

/* Form containers */
.td-wrap .td-filterbar,
.td-wrap form.td-form {
  background: var(--td-bg);
  /* 1288: Ingen grå "ram" runt filter/formulär i TD-UI. */
  border: 0 !important;
  border-radius: var(--td-radius-md) !important;
  padding: var(--td-space-4);
}

/* Labels */
.td-wrap label {
  display: block;
  color: var(--td-text);
  font-size: var(--td-font-sm);
  line-height: 1.25;
}

/* Inputs */
.td-wrap input[type="text"],
.td-wrap input[type="number"],
.td-wrap input[type="date"],
.td-wrap input[type="search"],
.td-wrap select,
.td-wrap textarea {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  font-size: var(--td-font-md);
  line-height: 1.3;
  color: var(--td-text);
  background: var(--td-bg);
  border: 1px solid var(--td-color-divider-black-15) !important;
  border-radius: var(--td-radius-sm);
  padding: 10px 12px;
  min-height: 44px; /* tappvänligt */
}

.td-wrap textarea {
  min-height: 110px;
  padding-top: 10px;
}

.td-wrap input[type="text"]:focus,
.td-wrap input[type="number"]:focus,
.td-wrap input[type="date"]:focus,
.td-wrap input[type="search"]:focus,
.td-wrap select:focus,
.td-wrap textarea:focus {
  outline: none;
  border-color: var(--td-primary) !important;
  box-shadow: 0 0 0 3px var(--td-color-surface-info-soft);
}

/* Checkbox / radio: större klickyta */
.td-wrap input[type="checkbox"],
.td-wrap input[type="radio"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.td-wrap .td-checkline {
  display: flex;
  gap: var(--td-space-2);
  align-items: center;
  min-height: 44px;
}

/* Inline help */
.td-wrap .td-help {
  font-size: var(--td-font-sm);
  color: var(--td-text-muted);
  margin-top: var(--td-space-2);
}

/* Field errors (graceful, nära fältet) */
.td-wrap .td-field-error {
  margin-top: var(--td-space-2);
  padding: 8px 10px;
  border-radius: var(--td-radius-sm);
  border: 1px solid var(--td-color-divider-black-15) !important;
  background: var(--td-color-surface-danger-focus);
  color: var(--td-color-text-danger);
  font-size: var(--td-font-sm);
}

/* When server renders a general message as a card */
.td-wrap .td-card.td-error {
  background: var(--td-color-surface-danger-soft) !important;
  /* .td-card sätter background/box-shadow med !important i td-card.css,
     så vi måste vara lika "bestämda" här för att felkortet ska synas tydligt. */
  box-shadow: 0 0 0 2px var(--td-color-surface-danger-border) inset, var(--td-shadow-sm) !important;
  padding: 12px 14px !important;
}

/* Ibland renderas notiser utanför .td-wrap (t.ex. i vissa teman/shortcodes).
   Lägg en säker fallback så felkort alltid får tydlig bakgrund. */
.td-card.td-error {
  background: var(--td-color-surface-danger-soft) !important;
  box-shadow: 0 0 0 2px var(--td-color-surface-danger-border) inset, var(--td-shadow-sm) !important;
  padding: 12px 14px !important;
}

/* Desktop tweaks */
@media (min-width: 920px) {
  .td-wrap .td-filterbar,
  .td-wrap form.td-form {
    padding: var(--td-space-5);
  }
}


/* 2.0.10: compare form platt */
.td-compare-form{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;}


/* 2.7.83.2 – page/edit form parity outside .td-wrap
   Page-frame/edit-shellen renderas inte alltid i .td-wrap, så formulärfälten
   behöver samma TD-styling även där. */

body.td-page .td-entry-view--edit-shell form,
body.td-page .td-entry-view--form-shell form {
  display:block;
  width:100%;
  max-width:none;
}

body.td-page .td-entry-view--edit-shell .td-grid,
body.td-page .td-entry-view--form-shell .td-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  max-width:none;
  min-width:0;
}

body.td-page .td-entry-view--edit-shell .td-grid > label,
body.td-page .td-entry-view--edit-shell .td-grid > div,
body.td-page .td-entry-view--edit-shell .td-grid > p,
body.td-page .td-entry-view--form-shell .td-grid > label,
body.td-page .td-entry-view--form-shell .td-grid > div,
body.td-page .td-entry-view--form-shell .td-grid > p {
  width:100%;
  max-width:none;
  min-width:0;
}

body.td-page .td-page-frame label,
body.td-page .td-entry-view--edit-shell label,
body.td-page .td-entry-view--form-shell label {
  display:block;
  color:var(--td-text);
  font-size:var(--td-font-sm);
  line-height:1.25;
}

body.td-page .td-page-frame input[type="text"],
body.td-page .td-page-frame input[type="number"],
body.td-page .td-page-frame input[type="date"],
body.td-page .td-page-frame input[type="search"],
body.td-page .td-page-frame select,
body.td-page .td-page-frame textarea,
body.td-page .td-entry-view--edit-shell input[type="text"],
body.td-page .td-entry-view--edit-shell input[type="number"],
body.td-page .td-entry-view--edit-shell input[type="date"],
body.td-page .td-entry-view--edit-shell input[type="search"],
body.td-page .td-entry-view--edit-shell select,
body.td-page .td-entry-view--edit-shell textarea,
body.td-page .td-entry-view--form-shell input[type="text"],
body.td-page .td-entry-view--form-shell input[type="number"],
body.td-page .td-entry-view--form-shell input[type="date"],
body.td-page .td-entry-view--form-shell input[type="search"],
body.td-page .td-entry-view--form-shell select,
body.td-page .td-entry-view--form-shell textarea {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  font-size:var(--td-font-md);
  line-height:1.3;
  color:var(--td-text);
  background:var(--td-color-white);
  border:1px solid var(--td-color-divider-black-15) !important;
  border-radius:14px;
  padding:12px 14px;
  min-height:44px;
}

body.td-page .td-page-frame textarea,
body.td-page .td-entry-view--edit-shell textarea,
body.td-page .td-entry-view--form-shell textarea {
  min-height:110px;
  padding-top:10px;
}

body.td-page .td-page-frame input[type="text"]:focus,
body.td-page .td-page-frame input[type="number"]:focus,
body.td-page .td-page-frame input[type="date"]:focus,
body.td-page .td-page-frame input[type="search"]:focus,
body.td-page .td-page-frame select:focus,
body.td-page .td-page-frame textarea:focus,
body.td-page .td-entry-view--edit-shell input[type="text"]:focus,
body.td-page .td-entry-view--edit-shell input[type="number"]:focus,
body.td-page .td-entry-view--edit-shell input[type="date"]:focus,
body.td-page .td-entry-view--edit-shell input[type="search"]:focus,
body.td-page .td-entry-view--edit-shell select:focus,
body.td-page .td-entry-view--edit-shell textarea:focus,
body.td-page .td-entry-view--form-shell input[type="text"]:focus,
body.td-page .td-entry-view--form-shell input[type="number"]:focus,
body.td-page .td-entry-view--form-shell input[type="date"]:focus,
body.td-page .td-entry-view--form-shell input[type="search"]:focus,
body.td-page .td-entry-view--form-shell select:focus,
body.td-page .td-entry-view--form-shell textarea:focus {
  outline:none;
  border-color:var(--td-primary) !important;
  box-shadow:0 0 0 3px var(--td-color-surface-info-soft-2);
}

/* 2.7.98.13 / 2145 – entry-shellens wrapper-/kort-owner ligger nu i td-entry.css.
   Här i td-forms.css ligger bara kriterieplanens formulär-/tabell-layout kvar. */

body.td-page .td-entry-view--form-shell .td-criteria-scroll,
body.td-page .td-entry-view--edit-shell .td-criteria-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  box-sizing:border-box;
}

@media (min-width: 768px){
  body.td-page .td-entry-view--form-shell #td-criteria-table,
  body.td-page .td-entry-view--edit-shell #td-criteria-table{
    display:table !important;
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table tbody,
  body.td-page .td-entry-view--edit-shell #td-criteria-table tbody{
    display:table-row-group !important;
    width:100% !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table tbody tr.td-crit-row,
  body.td-page .td-entry-view--edit-shell #td-criteria-table tbody tr.td-crit-row{
    display:grid !important;
    width:100% !important;
    grid-template-columns:minmax(320px, 2.2fr) repeat(5, minmax(70px, 1fr)) 52px !important;
    align-items:start !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table tbody tr.td-crit-row > td,
  body.td-page .td-entry-view--edit-shell #td-criteria-table tbody tr.td-crit-row > td{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main,
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding-top:20px !important;
    padding-right:16px !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main input[type="date"],
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main input[type="date"]{
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main input[type="text"],
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main input[type="text"]{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-pair,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-pair{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:4px !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-field,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-field{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    gap:3px !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-pair input[type="number"],
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-pair input[type="number"]{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }
}

/* 2.7.98.13 / 2145 – mobil entry-shell-owner ligger nu i td-entry.css. */

/* 2.7.96.30 / 2110 – rikta de faktiska vinnande formulärreglerna */
@media (min-width:1024px){
  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main,
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding-right:16px !important;
  }
}


/* 2.7.100.14 / 2162 – kriterieplan desktop ägs här, inte i compat. */
@media (min-width:1024px){
  body.td-page .td-entry-view--form-shell .td-criteria-scroll,
  body.td-page .td-entry-view--edit-shell .td-criteria-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    max-width:100% !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table,
  body.td-page .td-entry-view--edit-shell #td-criteria-table{
    width:100% !important;
    table-layout:fixed !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table col.td-crit-col-main,
  body.td-page .td-entry-view--edit-shell #td-criteria-table col.td-crit-col-main{
    width:40% !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table col.td-crit-col-round,
  body.td-page .td-entry-view--edit-shell #td-criteria-table col.td-crit-col-round{
    width:12% !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main,
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding-top:42px !important;
    padding-right:18px !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main input[type="date"],
  body.td-page .td-entry-view--form-shell #td-criteria-table td.td-crit-main input[type="text"],
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main input[type="date"],
  body.td-page .td-entry-view--edit-shell #td-criteria-table td.td-crit-main input[type="text"]{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-pair,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-pair{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    align-items:start !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-field,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-field{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
    align-items:start !important;
  }

  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-field__label,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-field__label,
  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-main-rowlabel,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-main-rowlabel{
    font-family:Rainier, serif !important;
    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
  }
}


@media (min-width:1024px){
  body.td-page .td-entry-view--form-shell .td-criteria-scroll,
  body.td-page .td-entry-view--edit-shell .td-criteria-scroll{
    overflow-x:visible !important;
    overflow-y:visible !important;
  }
}

@media (min-width:1024px){
  body.td-page .td-entry-view--form-shell #td-criteria-table .td-crit-rep,
  body.td-page .td-entry-view--edit-shell #td-criteria-table .td-crit-rep{
    background:var(--td-color-white) !important;
  }
}

/* 2.7.104.7 – criteria owner: riktig sexkolumnslayout för kriterieplan på desktop. */
#td-criteria-table .td-crit-subhead-row th{
  text-align:center !important;
}

@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table{
    width:100% !important;
    table-layout:fixed !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-main{
    width:auto !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-round{
    width:96px !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-action{
    width:52px !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table thead .td-crit-subhead,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table thead .td-crit-superhead{
    text-align:center !important;
    white-space:normal !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody tr.td-crit-row{
    display:table-row !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody tr.td-crit-row > td{
    display:table-cell !important;
    vertical-align:top !important;
    padding:10px 8px !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main{
    width:auto !important;
    min-width:0 !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="date"],
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="text"]{
    width:100% !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-main-rowlabel,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round-mobile{
    display:none !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-pair{
    display:grid !important;
    grid-template-rows:auto auto !important;
    gap:6px !important;
    align-items:start !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field{
    display:grid !important;
    grid-template-rows:auto auto !important;
    gap:4px !important;
    margin:0 !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label{
    margin:0 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    text-align:center !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label-desktop{
    display:inline !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label-mobile{
    display:none !important;
  }

  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-click,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-rep{
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
  }
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table thead,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table colgroup{display:none !important;}
  body.td-shell-route-unified.td-content-family-entry .td-criteria-scroll{overflow:visible !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tr,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td{display:block !important;width:100% !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tr.td-crit-row{
    background:#f1efeb;
    border:1px solid #ddd6ce;
    border-radius:16px;
    padding:16px;
    margin:0 0 16px 0;
  }
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-round,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-action{padding:0 !important;border:none !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main{margin-bottom:12px;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-main-rowlabel{display:none !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="date"],
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="text"],
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-click,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-rep{background:#fff !important;min-height:52px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round{margin:0 0 14px 0;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-pair{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round-mobile{display:block !important;font-family:Rainier, serif;font-size:18px;line-height:1.1;margin:0 0 8px 0;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round-mobile__desktop{display:none !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round-mobile__mobile{display:inline !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field{display:block !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label{display:block !important;font-size:16px !important;margin:0 0 6px 0 !important;text-align:left !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label-desktop{display:inline !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label-mobile{display:none !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-action{margin-top:8px;}
  body.td-shell-route-unified.td-content-family-entry .td-criteria-add-inline{margin:18px 0 16px !important;}
}
body.td-view-suggestions .td-card__actions,
body.td-view-suggestions .td-card-form__actions{margin-bottom:0 !important;}
body.td-view-suggestions .td-card--suggestions-form{margin-bottom:0 !important;}
body.td-view-inspiration input[type="date"],
body.td-view-instructor input[type="date"],
body.td-view-account input[type="date"],
body.td-view-suggestions input[type="date"]{background:#fff !important;min-height:49px !important;}


/* 2.7.104.17 – kriterieknappen behöver luft nedåt på desktop och mobil. */
body.td-shell-route-unified.td-content-family-entry .td-criteria-add-inline{
  margin:18px 0 24px !important;
}

/* 2.7.104.18 – konto/adresser följer TD-formkontrakt. */
body.td-page.td-view-account .woocommerce .form-row label{margin:0 0 6px 0 !important;}
body.td-page.td-view-account .woocommerce .form-row{margin:0 0 12px 0 !important;}


/* 2.7.208.1 – kriterieplan desktop owner: bred huvudkolumn, smala klick/rep, allt inom kortet. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry .td-criteria-scroll{overflow-x:auto !important;overflow-y:hidden !important;max-width:100% !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table{display:table !important;width:100% !important;max-width:100% !important;table-layout:fixed !important;border-collapse:separate !important;border-spacing:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table thead{display:table-header-group !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody{display:table-row-group !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tr{display:table-row !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table th{display:table-cell !important;width:auto !important;padding:8px 6px !important;vertical-align:top !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-main{width:auto !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-round{width:92px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-action{width:56px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main{display:block !important;padding-right:12px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="date"]{width:150px !important;min-width:150px !important;max-width:150px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="text"]{width:100% !important;min-width:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-main-rowlabel,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-round-mobile{display:none !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-pair{display:grid !important;grid-template-rows:auto auto !important;gap:4px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field{display:grid !important;grid-template-rows:auto auto !important;gap:3px !important;justify-items:center !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-field__label{font-size:12px !important;line-height:1.15 !important;font-weight:600 !important;text-align:center !important;margin:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-click,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-rep{width:72px !important;min-width:72px !important;max-width:72px !important;text-align:center !important;margin:0 auto !important;min-height:46px !important;}
}


/* 2.7.208.3 – kriterieplan desktop måste vinna över mobilblock */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry .td-criteria-scroll{overflow-x:auto !important;overflow-y:hidden !important;max-width:100% !important;display:block !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tr,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table th{display:revert !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table{display:table !important;width:100% !important;table-layout:fixed !important;border-collapse:separate !important;border-spacing:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table thead{display:table-header-group !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody{display:table-row-group !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tr.td-crit-row{display:table-row !important;background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-round,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-action{display:table-cell !important;padding:8px 6px !important;border:0 !important;margin:0 !important;vertical-align:top !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-main{width:auto !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-round{width:86px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-action{width:52px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="date"]{width:142px !important;min-width:142px !important;max-width:142px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="text"]{width:100% !important;min-width:0 !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-click,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-rep{width:64px !important;min-width:64px !important;max-width:64px !important;min-height:44px !important;text-align:center !important;margin:0 auto !important;}
}


/* 2.7.211.2 – hundens födelsedatum: desktop behåller date input, mobil får separata hjul/selects för år/månad/dag. */
.td-dog-birthdate{display:grid;gap:10px;}
.td-dog-birthdate__mobile{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.td-dog-birthdate__select{width:100%;min-width:0;}
@media (max-width: 781px){
  .td-dog-birthdate__desktop{display:none !important;}
  .td-dog-birthdate__mobile{display:grid !important;}
}
@media (min-width: 782px){
  .td-dog-birthdate__desktop{display:block !important;}
  .td-dog-birthdate__mobile{display:none !important;}
}

/* 2.8.9.24 – hundval och kriterieplan: fält ska kännas som fält, inte fieldset-boxar. */
body.td-shell-route-unified.td-content-family-entry fieldset.td-field-wrap--dog-select,
body.td-page .td-entry-view--form-shell fieldset.td-field-wrap--dog-select,
body.td-page .td-entry-view--edit-shell fieldset.td-field-wrap--dog-select{
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  min-inline-size:0 !important;
}

body.td-shell-route-unified.td-content-family-entry fieldset.td-field-wrap--dog-select > legend,
body.td-page .td-entry-view--form-shell fieldset.td-field-wrap--dog-select > legend,
body.td-page .td-entry-view--edit-shell fieldset.td-field-wrap--dog-select > legend{
  float:none !important;
  width:auto !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 0 8px !important;
  border:0 !important;
}

body.td-shell-route-unified.td-content-family-entry .td-dog-checkbox-row,
body.td-page .td-entry-view--form-shell .td-dog-checkbox-row,
body.td-page .td-entry-view--edit-shell .td-dog-checkbox-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:28px !important;
  margin:0 0 6px !important;
  font-size:15px !important;
}

body.td-shell-route-unified.td-content-family-entry .td-dog-checkbox-row input[type="checkbox"],
body.td-page .td-entry-view--form-shell .td-dog-checkbox-row input[type="checkbox"],
body.td-page .td-entry-view--edit-shell .td-dog-checkbox-row input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  flex:0 0 auto !important;
}

/* Saknad visuellt-dold klass gjorde att screen-reader-rubriker syntes som dubbla tabellrubriker. */
.td-screen-reader-text{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table tbody tr.td-crit-row > td.td-crit-main{
    padding-top:36px !important;
  }
}

/* 2.8.9.26 – kriterieplan: renare desktoplinjering efter borttagen hjälprad. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main{
    padding-top:34px !important;
  }
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="date"]{
    margin-top:0 !important;
  }
}

/* 2.11.8.3 – iOS zoomar in när fokuserat fält har font-size under 16px. */
@media (max-width: 767.98px){
  body.td-page input,
  body.td-page select,
  body.td-page textarea,
  body.td-page .td-card-form input,
  body.td-page .td-card-form select,
  body.td-page .td-card-form textarea,
  body.td-shell-route-unified input,
  body.td-shell-route-unified select,
  body.td-shell-route-unified textarea{
    font-size:16px !important;
  }
}

/* 2.12.9.13 – iOS zoom-skydd: täck även TD-formulär som inte ligger under .td-page
   (t.ex. adminliknande frontendkort, modalformulär och instruktörsvyer). */
@media (max-width: 767.98px){
  body.traningsdagbok input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body.traningsdagbok select,
  body.traningsdagbok textarea,
  body.td-shell-standalone input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body.td-shell-standalone select,
  body.td-shell-standalone textarea,
  .td-modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .td-modal select,
  .td-modal textarea,
  .td-inline-modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .td-inline-modal select,
  .td-inline-modal textarea{
    font-size:16px !important;
  }
}

/* 2.13.4 – iOS zoom-säkring: alla frontendfält i TD-skalet måste vara minst 16px vid fokus. */
@supports (-webkit-touch-callout: none) {
  body.td-shell-route-unified :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
    select,
    textarea,
    [contenteditable="true"],
    .select2-container .select2-selection,
    .select2-container .select2-selection__rendered,
    .select2-search__field,
    .choices__inner,
    .choices__input,
    .ts-control,
    .ts-control input,
    .td-search-input,
    .td-filter-input,
    .td-filter-select,
    .td-entry-field,
    .td-form-control,
    .td-u-input-min260
  ) {
    font-size: 16px !important;
  }
}

body.td-shell-route-unified.td-device-mobile :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
  select,
  textarea,
  [contenteditable="true"],
  .select2-container .select2-selection,
  .select2-container .select2-selection__rendered,
  .select2-search__field,
  .choices__inner,
  .choices__input,
  .ts-control,
  .ts-control input,
  .td-search-input,
  .td-filter-input,
  .td-filter-select,
  .td-entry-field,
  .td-form-control,
  .td-u-input-min260
) {
  font-size: 16px !important;
}

/* ── Bild-uppladdnings-overlay (tassavtryck) ── */
.td-upload-overlay {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(255, 252, 248, 0.93);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.td-upload-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.td-upload-overlay__track {
  position: relative;
  width: min(300px, 80vw);
  height: 140px;
}
.td-upload-overlay__paw {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  color: var(--td-color-primary, #c65a1e);
  opacity: 0;
  animation: td-paw-appear 2s ease-in-out infinite;
}
.td-upload-overlay__paw--1 { left:  3%; top: 65%; animation-delay: 0s;     transform: rotate(-12deg); }
.td-upload-overlay__paw--2 { left: 22%; top: 30%; animation-delay: 0.4s;   transform: rotate(10deg); }
.td-upload-overlay__paw--3 { left: 42%; top: 62%; animation-delay: 0.8s;   transform: rotate(-8deg); }
.td-upload-overlay__paw--4 { left: 61%; top: 28%; animation-delay: 1.2s;   transform: rotate(12deg); }
.td-upload-overlay__paw--5 { left: 80%; top: 58%; animation-delay: 1.6s;   transform: rotate(-10deg); }

@keyframes td-paw-appear {
  0%   { opacity: 0;   transform: scale(0.5) rotate(var(--td-paw-rot, 0deg)); }
  18%  { opacity: 1;   transform: scale(1)   rotate(var(--td-paw-rot, 0deg)); }
  65%  { opacity: 0.9; transform: scale(1)   rotate(var(--td-paw-rot, 0deg)); }
  88%  { opacity: 0;   transform: scale(0.9) rotate(var(--td-paw-rot, 0deg)); }
  100% { opacity: 0;   transform: scale(0.5) rotate(var(--td-paw-rot, 0deg)); }
}
.td-upload-overlay__paw--1 { --td-paw-rot: -12deg; }
.td-upload-overlay__paw--2 { --td-paw-rot:  10deg; }
.td-upload-overlay__paw--3 { --td-paw-rot:  -8deg; }
.td-upload-overlay__paw--4 { --td-paw-rot:  12deg; }
.td-upload-overlay__paw--5 { --td-paw-rot: -10deg; }

.td-upload-overlay__text {
  margin-top: 28px;
  font-size: 17px;
  font-weight: 700;
  color: var(--td-color-brown, #5c3d1e);
  text-align: center;
  line-height: 1.3;
}
.td-upload-overlay__sub {
  margin-top: 6px;
  font-size: 13px;
  color: var(--td-color-brown-muted, #9b7a5c);
  text-align: center;
}

/* 2.0.5 UI polish: less "kansli", more compact */

/* 2.7.99.25 / 2162 – `.td-box`-surface borttagen; generisk kortyta ägs inte längre av td-layout.css. */

/* Post-it-styling styrs längre ner (ATVOF-tokens). */

/* Tables: reduce heavy lines and padding */

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


/* =========================================================
   Träningsdagbok – UI-polish för att matcha ATVOF-mockup
   Fokus: luft, mjuka ytor, zebra istället för hårda linjer,
   post-it som lugn markering, 16px radius på action-knappar.
   ========================================================= */

/* Root + design tokens */
.traningsdagbok,
.td-page{
  --td-text: var(--td-color-text);
  --td-text-muted: var(--td-color-text-muted);
  --td-bg: var(--td-color-page-bg);
  --td-surface: var(--td-color-white);
  --td-surface-soft: var(--td-color-surface-muted);
  --td-border: var(--td-color-border-ui);
  --td-accent: var(--td-color-primary);
  --td-accent-hover: var(--td-color-primary-hover);
  --td-zebra: var(--td-color-zebra);
  --td-radius-cta:5px;
  --td-radius-action:16px;
  /* Kortbredd/luft: vissa vyer (t.ex. Utvärdera) blev oönskat "smalare" när pad ökades.
     Vi använder 0 som default och lägger luft inuti specifika komponenter vid behov. */
  --td-card-pad: 16px;
  --td-card-pad-mobile: 16px;
  color: var(--td-text);
  box-sizing: border-box;
  overflow-x: hidden; /* fångar breddspill utan att skapa ”ful remsa” */
}

.traningsdagbok *,
.td-page *{
  box-sizing: border-box;
}

/* 2.7.99.26 / 2162 – `.td-wrap` bär inte längre global contentbredd/padding; page-frame/content-owner äger den geometri som används live. */

/* Generisk kortyta/padding ägs av td-card.css och td-content-compat.css. td-layout.css sätter inte längre bred card/panel-box-ownership. */

/* Post-it: ”Viktigast just nu” */
body:not(.td-shell-route-unified).traningsdagbok .td-important-now,
body:not(.td-shell-route-unified).traningsdagbok .td-highlight-note,
body:not(.td-shell-route-unified).td-page .td-important-now,
body:not(.td-shell-route-unified).td-page .td-highlight-note{
  background: var(--td-shell-surface-postit);
  border: 1px solid var(--td-shell-postit-border);
  border-radius: var(--td-radius-action);
  box-shadow:none;
}

/* Tabeller/listor: zebra-ränder, minimalt med borders */
.traningsdagbok table,
.td-page table{
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.traningsdagbok table th,
.traningsdagbok table td,
.td-page table th,
.td-page table td{
  padding: 12px 14px;
  vertical-align: middle;
  border: 0 !important;
}

.traningsdagbok table tbody tr:nth-child(even),
.td-page table tbody tr:nth-child(even){
  background-color: var(--td-zebra);
}

.traningsdagbok table tbody tr,
.td-page table tbody tr{
  box-shadow:none;
}


/* Inputs: mjukare */
.traningsdagbok input[type="text"],
.traningsdagbok input[type="search"],
.traningsdagbok select,
.traningsdagbok textarea,
.td-page input[type="text"],
.td-page input[type="search"],
.td-page select,
.td-page textarea{
  border-radius: 12px;
  border: 1px solid var(--td-border);
  background: var(--td-surface);
  padding: 10px 12px;
}

.traningsdagbok input[type="text"]:focus,
.traningsdagbok input[type="search"]:focus,
.traningsdagbok select:focus,
.traningsdagbok textarea:focus,
.td-page input[type="text"]:focus,
.td-page input[type="search"]:focus,
.td-page select:focus,
.td-page textarea:focus{
  outline: 2px solid var(--td-color-focus-outline);
  outline-offset: 2px;
}

/* Knappar i TD: 16px radie (globala CTA hanteras via tema/CTA-regel) */
.traningsdagbok button,
.traningsdagbok .button,
.traningsdagbok a.button,
.traningsdagbok .elementor-button,
.td-page button,
.td-page .button,
.td-page a.button,
.td-page .elementor-button{
  border-radius: var(--td-radius-action) !important;
}

/* Bilder/tabeller ska aldrig spilla ut */
.traningsdagbok img,
.traningsdagbok table,
.td-page img,
.td-page table{
  max-width: 100%;
}


/* =========================================================
   WooCommerce – ATVOF cleanup (sitewide)
   ========================================================= */

/* Stoppa “Title Case” / text-transform: capitalize */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6,
.woocommerce .product_title,
.woocommerce .woocommerce-products-header__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2{
  text-transform: none;
}

.traningsdagbok .woocommerce a.button,
.traningsdagbok .woocommerce button.button,
.traningsdagbok .woocommerce input.button,
.traningsdagbok .woocommerce button.single_add_to_cart_button,
.traningsdagbok .woocommerce a.checkout-button,
.td-page .woocommerce a.button,
.td-page .woocommerce button.button,
.td-page .woocommerce input.button,
.td-page .woocommerce button.single_add_to_cart_button,
.td-page .woocommerce a.checkout-button{
  text-transform: none;
}

/* Produktsidan: Tabs */
.woocommerce div.product .woocommerce-tabs{
  background: transparent;
  border: 0;
  margin-top: 24px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin: 0 0 16px 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border: 0;
  background: transparent;
  margin: 0 8px 0 0;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  display: inline-block;
  padding: 10px 14px;
  border-radius: 16px;
  color: var(--td-color-text);
  background: var(--td-color-surface-muted);
  text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  background: var(--td-color-white);
  box-shadow:none;
}

.woocommerce div.product .woocommerce-tabs .panel{
  background: var(--td-color-white);
  border-radius: 24px;
  padding: 24px;
  border: 1px solid var(--td-color-border-ui);
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3{
  margin-top: 0;
  margin-bottom: 12px;
  text-transform: none;
}

/* Woo-knappar (ATVOF-stil) – endast i TD-skal */
.traningsdagbok .woocommerce a.button,
.traningsdagbok .woocommerce button.button,
.traningsdagbok .woocommerce input.button,
.traningsdagbok .woocommerce #respond input#submit,
.traningsdagbok .woocommerce a.add_to_cart_button,
.traningsdagbok .woocommerce button.single_add_to_cart_button,
.traningsdagbok .woocommerce a.checkout-button,
.td-page .woocommerce a.button,
.td-page .woocommerce button.button,
.td-page .woocommerce input.button,
.td-page .woocommerce #respond input#submit,
.td-page .woocommerce a.add_to_cart_button,
.td-page .woocommerce button.single_add_to_cart_button,
.td-page .woocommerce a.checkout-button{
  border-radius: var(--td-radius-action);
  padding: 14px 28px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.3px;
  background: var(--td-color-primary);
  color: var(--td-color-white);
  border: 0;
  box-shadow: none;
  text-decoration: none;
}

.traningsdagbok .woocommerce a.button:hover,
.traningsdagbok .woocommerce button.button:hover,
.traningsdagbok .woocommerce input.button:hover,
.traningsdagbok .woocommerce #respond input#submit:hover,
.traningsdagbok .woocommerce a.add_to_cart_button:hover,
.traningsdagbok .woocommerce button.single_add_to_cart_button:hover,
.traningsdagbok .woocommerce a.checkout-button:hover,
.td-page .woocommerce a.button:hover,
.td-page .woocommerce button.button:hover,
.td-page .woocommerce input.button:hover,
.td-page .woocommerce #respond input#submit:hover,
.td-page .woocommerce a.add_to_cart_button:hover,
.td-page .woocommerce button.single_add_to_cart_button:hover,
.td-page .woocommerce a.checkout-button:hover{
  background: var(--td-color-primary-hover);
  color: var(--td-color-white);
}

.traningsdagbok .woocommerce a.button.alt,
.traningsdagbok .woocommerce button.button.alt,
.traningsdagbok .woocommerce input.button.alt,
.td-page .woocommerce a.button.alt,
.td-page .woocommerce button.button.alt,
.td-page .woocommerce input.button.alt{
  background: transparent;
  color: var(--td-color-primary);
  border: 2px solid var(--td-color-primary);
}

.traningsdagbok .woocommerce a.button.alt:hover,
.traningsdagbok .woocommerce button.button.alt:hover,
.traningsdagbok .woocommerce input.button.alt:hover,
.td-page .woocommerce a.button.alt:hover,
.td-page .woocommerce button.button.alt:hover,
.td-page .woocommerce input.button.alt:hover{
  background: var(--td-color-primary);
  color: var(--td-color-white);
}

.woocommerce .product_meta,
.woocommerce div.product form.cart{
  border: 0;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--td-color-text);
}


/* =========================================================
   Träningsdagbok – ATVOF-mockup (styrande overrides)
   Lämnas sist i filen för att vinna över tidigare regler.
   ========================================================= */

/* Root-variabler enligt mockup */
.traningsdagbok{
  --td-text: var(--td-color-text);
  --td-text-muted: var(--td-color-text-muted);

  --td-bg: var(--td-color-page-bg);
  --td-surface: var(--td-color-white);
  --td-surface-soft: var(--td-color-surface-muted);
  --td-border: var(--td-color-border-ui);

  --td-accent: var(--td-color-primary);
  --td-accent-hover: var(--td-color-primary-hover);

  --td-zebra: var(--td-color-zebra);

  --td-radius-cta:5px;
  --td-radius-action:16px;
  --td-card-pad: 16px;
  --td-card-pad-mobile: 16px;
}

/* Ta bort "död yta" och gör symmetrisk container */


@media (max-width:768px){
}

.td-plan-this-week{margin:0 !important;}
/* Planera: undvik td-section-padding som gör inner-korten smalare än rubrikerna */
.td-plan-this-week{background:transparent !important;padding:0 !important;border-radius:0 !important;}

/* 2.7.99.24 / 2162 – generisk td-card/td-panel/td-box-surface ägs inte längre av td-layout; owner ligger i td-card.css + td-content-compat.css. */

/* Post-it (Viktigast just nu) */

@media (max-width:768px){
}

/* Tabeller: zebra istället för hårda linjer */


/* Inputs */


/* Action-knappar i TD ska vara 16px */

/* Fix: grå "ram" (filter/form-paneler) – ska inte ha border */

/* Fix: breddspill som skapar ojämna kanter */



/* 1336: Delningsstatus-ikoner i listvy – gör status + kopiera identiska (ingen ram/bakgrund) */
.td-share-meta 
.td-share-meta .dashicons{font-size:18px;line-height:1;}






/* Mallar: se till att dashicons inte blir nedärvt osynligt */
.td-create-item-actions 



.td-create-item-actions{
  display:grid !important;
  grid-template-columns: 40px 40px !important;
  gap:8px !important;
  justify-content:end !important;
  align-items:center !important;
}




/* Mallar: radlayout (titel + actions) – ersätter td-row (flex) för stabilt grid */

/* Mallar: actions i två fasta kolumner (pdf + skapa) */

/* Ikonknappar: samma storlek och centrerad ikon */
.td-create-picker 




/* Mallar (desktop): om td-row (flex) ändå ligger kvar, tvinga grid med högre specificitet */
.td-create-picker .td-row.td-create-item-row{
  display:grid !important;
  grid-template-columns: 1fr 96px !important;
  align-items:center !important;
  gap:12px !important;
}



/* Mallar: tvinga actions till högerkant även om row blir flex av tema */






/* 1481: Veckoplanering form/edit – håll övningar + veckans träningspass i samma visuella kort. */
.td-weekplan-inline-note,
.td-weekplan-inline-section{
  margin: 12px 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid var(--td-color-divider-black-08);
}

.td-weekplan-inline-section > h3,
.td-weekplan-inline-note > strong{
  display:block;
  margin:0 0 8px 0;
}

.td-weekplan-exercises-inline ul,
.td-weekplan-trainingpasses-inline ul{
  margin-bottom: 0;
}

/* 1621: weekplan/freetext – inline sektioner och visningsblock ska ligga i samma visuella kort */
.td-weekplan-inline-section,
.td-weekplan-inline-note,
.td-weekplan-exercises-view{
  grid-column: 1 / -1;
  width: 100%;
}

.td-weekplan-inline-note,
.td-weekplan-exercises-view,
#td-weekplan-trainingpasses.td-weekplan-inline-section,
#td-weekplan-exercises.td-weekplan-inline-section{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--td-color-divider-black-08);
}


.td-entry-answer-block:first-of-type{
  border-top: 0;
  padding-top: 0;
}

.td-entry-answer-block__answer > :first-child{margin-top:0;}
.td-entry-answer-block__answer > :last-child{margin-bottom:0;}


/* 2.7.99.35 / 2162 – unified shell rows never become card-surfaces. */
body.td-shell-route-unified table tbody tr,
body.td-shell-route-unified .td-table tbody tr,
body.td-shell-route-unified .td-items tbody tr{
  box-shadow:none !important;
  background-image:none !important;
}


/* 2.7.102.14 – template picker/layout ägs av td-layout.
   Radrutnätet håller titel + åtgärdsknappar i samma vertikala rytm på mobil och desktop. */
.td-create-picker__group{
  display:grid !important;
  gap:18px !important;
}

.td-create-item{
  width:100% !important;
}

.td-create-item-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
}

.td-create-item-title{
  min-width:0 !important;
}

.td-create-item-actions{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:44px !important;
  gap:12px !important;
  justify-content:end !important;
  align-items:center !important;
  align-self:center !important;
}

.td-create-picker__footer{
  margin-top:18px !important;
}

@media (min-width:782px){
  .td-create-item-row{
    grid-template-columns:minmax(0, 1fr) 100px !important;
    gap:16px !important;
  }

  .td-create-item-actions{
    grid-auto-columns:44px !important;
    gap:12px !important;
  }
}









/* 2.7.104.9 – weekplan/form notes ska använda samma labelkontrakt som övriga formulär. */
.td-weekplan-inline-note > .td-card-form__label,
.td-weekplan-inline-section > .td-card-form__label{
  display:block;
  margin:0 0 8px 0;
}



/* Stoppa Elementor-kolumnens ram + padding som kan ge "svart ram" runt TD. */
body.td-page .elementor-62472 .elementor-element.elementor-element-6eefefea > .elementor-element-populated{
	border-width: 0 !important;
	border-style: none !important;
}

/* 2.7.99.17 / 2162 – global H1-override borttagen; rubrikstorlek ägs av respektive ownerfil. */

/* Buttons: only inside TD-sidor (body.td-page) styr vi radius. Undvik att påverka övriga Elementor/tema. */
body.td-page .td-wrap .button,
body.td-page .td-wrap button,
body.td-page .td-wrap input[type=submit]{
  border-radius: var(--td-radius-action, 16px) !important;
}


/* 2.7.99.17 / 2162 – global td-card border-reset borttagen; kortramar ägs av td-card.css/family-owners. */


/* 1165: TD-sidor – dölj sidfot (men behåll sidans header/headerbild) */
body.td-page.td-hide-theme-chrome footer#colophon,
body.td-page.td-hide-theme-chrome footer.site-footer,
body.td-page.td-hide-theme-chrome .site-footer,
body.td-page.td-hide-theme-chrome .elementor-location-footer{
  display:none !important;
}

  display:none !important;
  height:0 !important;
}

/* 1199: Nolla temats top-padding/margins när vi kör app-läge */
body.td-page.td-hide-theme-chrome #page,
body.td-page.td-hide-theme-chrome .site,
body.td-page.td-hide-theme-chrome .site-content,
body.td-page.td-hide-theme-chrome #content,
body.td-page.td-hide-theme-chrome .content-area,
body.td-page.td-hide-theme-chrome .elementor-page,
body.td-page.td-hide-theme-chrome .elementor-page .site-content{
  margin-top:0 !important;
  padding-top:0 !important;
}


/* 1199: Elementor Pro kan wrap:a footer i data-elementor-type */
body.td-page.td-hide-theme-chrome [data-elementor-type="footer"]{
  display:none !important;
}

/* App/Help/Share – dölj sajtens chrome när td-hide-theme-chrome finns */
body.td-hide-theme-chrome footer#colophon,
body.td-hide-theme-chrome footer.site-footer,
body.td-hide-theme-chrome .site-footer,
body.td-hide-theme-chrome .elementor-location-footer,
body.td-hide-theme-chrome [data-elementor-type="footer"]{
  display:none !important;
}

/* 1199/1203: När vi kör "app-läge" ska även sidobar/widgets bort (Astra/Elementor) */
body.td-page.td-hide-theme-chrome #secondary,
body.td-page.td-hide-theme-chrome .sidebar,
body.td-page.td-hide-theme-chrome .sidebar-main,
body.td-page.td-hide-theme-chrome .widget-area,
body.td-page.td-hide-theme-chrome .ast-sidebar-wrapper{
  display:none !important;
}

@media (min-width: 783px){
  body.td-view-edit .td-weekplan-mode-toggle,
  body.td-view-form .td-weekplan-mode-toggle{
    display:none !important;
  }
}

/* 1196: Mobil – dölj WP adminbar så appen får full höjd */
@media (max-width: 782px){
  #wpadminbar{ display:none !important; }
  body.admin-bar{ margin-top: 0 !important; }
}

/* 2.7.99.17 / 2162 – desktop edit-kort ägs inte längre från td-utilities.css. */




.is-hidden{display:none !important;}

/* 2.27.18 CSS owner manifest. The original handle/file is kept for backwards-compatible enqueue order.
 * Edit owner files under assets/css/components/ instead of adding new rules here. */
/* Shared components: actions, share buttons, post-it cards, compare, Q&A and account/start tiles.
 * Extracted from td-components.css in 2.27.18. Keep import order via td-components.css. */
/* 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:#d8efd5 !important; box-shadow:inset 4px 0 0 #8fbe8f !important; }
.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-units-pagination{margin-top:16px}
.td-units-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:0;padding:0}
.td-units-pagination .page-numbers{display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px}
.td-units-pagination .page-numbers.current{background:var(--td-accent,#2271b1);color:#fff;font-weight:700}
/* 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; }

/* 1276.1: WP Swings prenumerationsdetaljer – normalisera tillbaka-pil och SVG-ikoner.
   Selektorn använder body.td-view-account eftersom .td-account aldrig renderas i HTML.
   wps_sfw_sub_detail_back har understreck (inte bindestreck som vi hade tidigare). */
body.td-view-account .woocommerce-MyAccount-content svg{ max-width:1.25em; max-height:1.25em; vertical-align:middle; }
body.td-view-account .woocommerce-MyAccount-content a svg,
body.td-view-account .woocommerce-MyAccount-content .wps-sfw-back-link svg,
body.td-view-account .woocommerce-MyAccount-content .wps_sfw_sub_detail_back svg,
body.td-view-account .woocommerce-MyAccount-content .back svg{ width:1em !important; height:1em !important; }
body.td-view-account .woocommerce-MyAccount-content .wps-sfw-back-link,
body.td-view-account .woocommerce-MyAccount-content .wps_sfw_sub_detail_back,
body.td-view-account .woocommerce-MyAccount-content .back{ font-size:1rem; display:inline-flex; align-items:center; gap:6px; }
body.td-view-account .woocommerce-MyAccount-content table{ width:100%; border-collapse:collapse; }
body.td-view-account .woocommerce-MyAccount-content table th,
body.td-view-account .woocommerce-MyAccount-content table td{ padding:8px 10px; border-bottom:1px solid #e8e3de; text-align:left; vertical-align:top; }

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

/* 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,.td-exercise-link{text-decoration:none !important;}
@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;
  }
  
  
  
  
}

body.td-view-account .td-account-upgrade-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d8c8b8;background:#fff8ef;border-radius:8px;margin:0 0 18px;}
body.td-view-account .td-account-upgrade-offer__copy{min-width:0;}
body.td-view-account .td-account-upgrade-offer__copy h3{margin:0 0 4px;font-size:1.05rem;line-height:1.25;color:#2f2a26;}
body.td-view-account .td-account-upgrade-offer__copy p{margin:0;color:#5f5349;line-height:1.45;}
body.td-view-account .td-account-upgrade-offer__button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:6px;background:#2f2a26;color:#fff !important;text-decoration:none;font-weight:700;white-space:nowrap;}
body.td-view-account .td-account-upgrade-offer__button:hover,body.td-view-account .td-account-upgrade-offer__button:focus{background:#1f1b18;color:#fff !important;text-decoration:none;}
@media (max-width: 640px){body.td-view-account .td-account-upgrade-offer{align-items:flex-start;flex-direction:column;}body.td-view-account .td-account-upgrade-offer__button{width:100%;}}

/* 2.27.18 sub-manifest for td-components-entry-lists.css. */
/* Entry/list components, part A.
 * Extracted from td-components-entry-lists.css in 2.27.18. */
/* Entry/list/table components and compatibility fixes extracted from td-components.
 * Extracted from td-components.css in 2.27.18. Keep import order via td-components.css. */
/* =========================================================
   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 input[type="date"],
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 input[type="date"]{
  -webkit-appearance:none;
  appearance:none;
  border:1px solid var(--td-color-border-input,#ccc);
  border-radius:4px;
  padding:8px 10px;
  font-size:inherit;
  font-family:inherit;
  color:inherit;
  background:var(--td-color-white,#fff);
}

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

.td-instructor-form__section--images{
  padding:16px 0 8px;
}

.td-instructor-image-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0 0 12px;
  padding:0;
}

.td-instructor-image-list__item{
  position:relative;
  width:80px;
}

.td-instructor-image-list__thumb{
  display:block;
  width:80px;
  height:80px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid var(--td-color-border-input,#ccc);
}

.td-instructor-image-list__remove{
  position:absolute;
  top:2px;
  right:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ccc;
  cursor:pointer;
  font-size:13px;
  line-height:1;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.td-instructor-images-input{
  display:block;
  margin-top:4px;
}

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_qa .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.td-pagetype-td_view_training_groups .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="qa"] .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="training_groups"] .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_qa .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.td-pagetype-td_view_training_groups .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="qa"] .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="training_groups"] .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_qa .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.td-pagetype-td_view_training_groups .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="qa"] .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="training_groups"] .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{
}

/* #169 – instruktörspass bildminiatyrer i pass-listan */
.td-dispatch-image-thumbs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.td-dispatch-image-thumb{display:block;width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--td-color-border-input,#ccc)}

/* Entry/list components, part B.
 * Extracted from td-components-entry-lists.css in 2.27.18. */
  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;
}


/* 2.7.102.31 – picker footer button och ikonkontrakt ska vara stabila i båda lägen. */
body.td-shell-route-unified .td-create-picker__footer .button{
  font-size:15px !important;
  line-height:1.2 !important;
}
body.td-shell-route-unified .td-create-picker__footer .button:focus,
body.td-shell-route-unified .td-create-picker__footer .button:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
body.td-shell-route-unified .td-create-picker__action .dashicons::before,
body.td-shell-route-unified .td-create-picker__action .dashicons{
  content:"\f132";
}


/* 2.7.103.3 – plan-inspiration länkar följer pass-/mållänkarna. */
.td-plan-inspiration-item__title a{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
.td-plan-inspiration-item__title a:hover,
.td-plan-inspiration-item__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}


/* 2.7.103.7 – enhetliga etikett-wrappers och filter/card-label ska bära samma uttryck. */
body.td-shell-route-unified .td-label-stack,
body.td-shell-route-unified .td-filter-form__field{
  display:block;
}

body.td-shell-route-unified .td-label-stack > input,
body.td-shell-route-unified .td-label-stack > select,
body.td-shell-route-unified .td-label-stack > textarea,
body.td-shell-route-unified .td-filter-form__field > input,
body.td-shell-route-unified .td-filter-form__field > select,
body.td-shell-route-unified .td-filter-form__field > textarea{
  width:100%;
  max-width:none;
}

body.td-shell-route-unified .td-card-form__label.td-filter-form__label{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  color:inherit;
}


/* 2.7.103.8 – compare är datavy utan nested cards. */
body.td-shell-route-unified .td-compare-view{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.td-shell-route-unified .td-compare-item,
body.td-shell-route-unified .td-compare-card{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

@media (max-width:781.98px){
  body.td-shell-route-unified .td-compare-item,
  body.td-shell-route-unified .td-compare-card{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
}


/* 2.7.103.29 – övningsbibliotekets kursdelslänkar ska inte vara understrukna i vila. */
body.td-view-units .td-units-list__title a{
  text-decoration:none !important;
}
body.td-view-units .td-units-list__title a:hover,
body.td-view-units .td-units-list__title a:focus{
  text-decoration:underline !important;
}


/* 2.7.103.32 – td_view=list mobilkort använder samma länkspår som övriga passlistor. */
.td-entries-mobile-card__title a,
.td-entries-mobile-card__title a:visited,
.td-entries-mobile-card__title a:hover,
.td-entries-mobile-card__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}


/* 2.7.104.5 – instructor create/list parity + låst create-grid owner */
body.td-view-instructor .td-instructor-page__grid--create{
  grid-template-columns:minmax(0,1fr) !important;
  column-gap:18px !important;
  row-gap:18px !important;
}
body.td-view-instructor .td-instructor-page__grid--create > .td-instructor-page__main{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
body.td-view-instructor .td-instructor-page__main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.td-view-instructor .td-instructor-sent__item.td-entries-mobile-card{
  padding:0 !important;
  border:0 !important;
  border-radius:var(--td-radius-md) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.td-shell-route-unified .td-actions-cell,
body.td-shell-route-unified .td-entries-mobile-card__actions,
body.td-shell-route-unified .td-entry-actions,
body.td-shell-route-unified .td-entry-actions-bar,
body.td-shell-route-unified .td-instructor-card__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

body.td-shell-route-unified .td-actions-cell .td-icon-btn,
body.td-shell-route-unified .td-entries-mobile-card__actions .td-icon-btn,
body.td-shell-route-unified .td-entry-actions .td-icon-btn,
body.td-shell-route-unified .td-entry-actions-bar .td-icon-btn,
body.td-shell-route-unified .td-instructor-card__actions .td-icon-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:14px !important;
}

body.td-shell-route-unified .td-actions-cell .td-icon-btn .dashicons,
body.td-shell-route-unified .td-entries-mobile-card__actions .td-icon-btn .dashicons,
body.td-shell-route-unified .td-entry-actions .td-icon-btn .dashicons,
body.td-shell-route-unified .td-entry-actions-bar .td-icon-btn .dashicons,
body.td-shell-route-unified .td-instructor-card__actions .td-icon-btn .dashicons{
  line-height:1;
}

body.td-view-instructor .td-instructor-delete-form,
body.td-shell-route-unified .td-actions-cell form{
  display:inline-flex !important;
  align-items:center;
  margin:0 !important;
}

body.td-view-instructor .td-instructor-table-action{
  display:inline-flex;
  align-items:center;
}

body.td-view-instructor .td-instructor-sent__list .td-entries-mobile-card__actions .td-icon-btn,
body.td-view-list .td-entries-mobile-list .td-entries-mobile-card__actions .td-icon-btn{
  background:inherit;
  border-color:var(--td-color-border-accent);
}

/* 2.7.104.7 – actions owner: gemensamt kontrakt för länk- och knappactions i entry/instructor/list. */
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;
  min-width:44px !important;
  max-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 !important;
  border-radius:14px !important;
  box-sizing:border-box !important;
}

body.td-shell-route-unified .td-table .td-actions-cell button.td-icon-btn,
body.td-shell-route-unified .td-table .td-actions-cell a.td-icon-btn,
body.td-shell-route-unified .td-actions-cell button.td-icon-btn,
body.td-shell-route-unified .td-actions-cell a.td-icon-btn{
  border-radius:14px !important;
}

body.td-shell-route-unified .td-entry-actions,
body.td-shell-route-unified .td-entry-actions-bar .td-actions,
body.td-shell-route-unified .td-entries-mobile-card__actions,
body.td-shell-route-unified .td-instructor-card__actions,
body.td-shell-route-unified .td-actions-cell{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

body.td-shell-route-unified .td-entry-actions .td-icon-btn--placeholder,
body.td-shell-route-unified .td-entry-actions-bar .td-icon-btn--placeholder,
body.td-shell-route-unified .td-entries-mobile-card__actions .td-icon-btn--placeholder,
body.td-shell-route-unified .td-instructor-card__actions .td-icon-btn--placeholder{
  visibility:hidden !important;
}

/* 2.7.104.7 – units-list ska inte se ut som kort. */
body.td-view-units .td-units-list__item{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}


/* 2.7.104.9 – instructor table zebra ska följa cellhöjd även på höga rader. */
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(even) > td,
body.td-view-instructor .td-instructor-students-table tbody tr:nth-child(even) > td{
  background:var(--td-color-surface-muted, #f3efe8) !important;
}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(odd) > td,
body.td-view-instructor .td-instructor-students-table tbody tr:nth-child(odd) > td{
  background:transparent !important;
}
body.td-view-instructor .td-instructor-pass-table td,
body.td-view-instructor .td-instructor-students-table td{
  background-clip:padding-box !important;
}


/* 2.7.104.10 – mobilkortsrubriker ska vara lugnare och lika mellan träningsdagbok och instruktör. */
.td-entries-mobile-card__title,
.td-instructor-sent__item-title{
  font-weight:400 !important;
}
.td-entries-mobile-card__title a,
.td-instructor-sent__item-title a{
  font-weight:400 !important;
}

/* 2.7.104.10 – instruktörskort använder samma luftighet som övriga mobilkort. */
body.td-view-instructor .td-instructor-sent__item .td-entries-mobile-meta{
  gap:6px !important;
}

/* 2.7.104.16 – settings/inspiration/instruktör date-fält ska följa samma inputkontrakt. */
body.td-page.td-view-settings .td-dogs-row input[type="date"],
body.td-page.td-view-settings .td-dogs-add input[type="date"],
body.td-view-list_inspiration .td-inspiration-filterbar input[type="date"],
body.td-view-instructor #td-instructor-pass-filters input[type="date"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  background:#fff !important;
  border:1px solid var(--td-color-divider-black-12) !important;
  border-radius:5px !important;
  box-shadow:none !important;
  min-height:44px !important;
}

/* Inspirationskort/lista ska använda samma passlänk-kontrakt och inte permanent underline. */
body.td-view-list_inspiration .td-inspiration-card__title a,
body.td-view-list_inspiration .td-inspiration-table .td-pass-list__title,
body.td-view-list_inspiration .td-inspiration-card__title a:visited,
body.td-view-list_inspiration .td-inspiration-table .td-pass-list__title:visited,
body.td-view-home .td-plan-inspiration-item__link,
body.td-view-home .td-plan-inspiration-item__link:visited,
body.td-view-plan .td-plan-inspiration-item__link,
body.td-view-plan .td-plan-inspiration-item__link:visited{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}
body.td-view-list_inspiration .td-inspiration-card__title a:hover,
body.td-view-list_inspiration .td-inspiration-card__title a:focus,
body.td-view-list_inspiration .td-inspiration-table .td-pass-list__title:hover,
body.td-view-list_inspiration .td-inspiration-table .td-pass-list__title:focus,
body.td-view-home .td-plan-inspiration-item__link:hover,
body.td-view-home .td-plan-inspiration-item__link:focus,
body.td-view-plan .td-plan-inspiration-item__link:hover,
body.td-view-plan .td-plan-inspiration-item__link:focus{
  text-decoration:underline !important;
}


/* 2.7.104.17 – settings befintliga hundar ska följa samma struktur som add-formen. */
@media (min-width:782px){
  body.td-page.td-view-settings .td-dogs-row,
  body.td-page.td-view-settings .td-dogs-add{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    padding:20px !important;
    background:var(--td-card-bg-app, #fff9f3) !important;
    border:1px solid var(--td-color-divider-black-10) !important;
    border-radius:16px !important;
    box-shadow:none !important;
  }
  body.td-page.td-view-settings .td-dogs-row__header,
  body.td-page.td-view-settings .td-dogs-add__header{display:grid !important; grid-template-columns:80px minmax(0,1fr) !important; gap:14px !important; align-items:start !important;}
  body.td-page.td-view-settings .td-dogs-row__meta,
  body.td-page.td-view-settings .td-dogs-add__meta{display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:14px !important;}
  body.td-page.td-view-settings .td-dogs-row__body,
  body.td-page.td-view-settings .td-dogs-add__body{display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:14px !important;}
  body.td-page.td-view-settings .td-dogs-row__actions,
  body.td-page.td-view-settings .td-dogs-add__actions{display:flex !important; gap:12px !important; align-items:flex-start !important; justify-content:flex-start !important; margin:4px 0 0 !important;}
  body.td-page.td-view-settings .td-dogs-row__field,
  body.td-page.td-view-settings .td-dogs-add__field{grid-column:1 / -1 !important;}
}

/* Inspirationslistor ska färgsätta både länkar och fallback-span på samma sätt. */
body.td-view-list_inspiration .td-inspiration-card__title :is(a.td-pass-list__title, span.td-pass-list__title),
body.td-view-list_inspiration .td-inspiration-table :is(a.td-pass-list__title, span.td-pass-list__title),
body.td-view-home .td-plan-inspiration-item__title :is(a, span),
body.td-view-plan .td-plan-inspiration-item__title :is(a, span){
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  font-weight:400 !important;
  text-decoration:none !important;
}
body.td-view-list_inspiration .td-inspiration-card__title :is(a.td-pass-list__title, span.td-pass-list__title):hover,
body.td-view-list_inspiration .td-inspiration-table :is(a.td-pass-list__title, span.td-pass-list__title):hover,
body.td-view-home .td-plan-inspiration-item__title a:hover,
body.td-view-plan .td-plan-inspiration-item__title a:hover{
  text-decoration:underline !important;
}

/* 2.7.104.18 – account/instruktör/share/kurs. */
body.td-page.td-view-settings .woocommerce form .form-row label,
body.td-page.td-view-account .woocommerce form .form-row label,
body.td-page.td-view-account .woocommerce legend{
  font-family:var(--td-font-heading);
  font-size:18px;
  line-height:1.12;
  font-weight:var(--td-type-heading-weight);
}
body.td-page.td-view-account .woocommerce input.input-text,
body.td-page.td-view-account .woocommerce select,
body.td-page.td-view-account .woocommerce textarea,
body.td-page.td-view-account .woocommerce input[type="date"]{
  background:#fff !important;
  border:1px solid var(--td-color-divider-black-12) !important;
  border-radius:14px !important;
  min-height:44px !important;
  box-shadow:none !important;
}
body.td-page.td-view-account .woocommerce fieldset{border:1px solid var(--td-color-divider-black-10) !important; border-radius:14px !important; padding:16px !important;}
body.td-page.td-view-account .woocommerce .woocommerce-Address,
body.td-page.td-view-account .woocommerce .woocommerce-customer-details,
body.td-page.td-view-account .woocommerce .woocommerce-MyAccount-content > *{max-width:100%;}
body.td-page.td-view-settings .td-dogs-row{align-items:start !important;}
body.td-page.td-view-settings .td-dogs-row__header{grid-template-columns:80px minmax(0,1fr) !important; align-items:start !important;}
body.td-page.td-view-settings .td-dogs-row__identity--main,
body.td-page.td-view-settings .td-dogs-add__identity{display:grid !important; gap:12px !important;}
body.td-page.td-view-settings .td-dogs-row__meta,
body.td-page.td-view-settings .td-dogs-add__meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
body.td-page.td-view-settings .td-dogs-row__actions .button,
body.td-page.td-view-settings .td-dogs-add__actions .button{align-self:start !important;}
body.td-page.td-view-settings .td-dogs-add__heading{margin:0 0 8px !important; display:block !important;}
body.td-page.td-view-settings .td-dogs-row__field--description,
body.td-page.td-view-settings .td-dogs-row__field--merits,
body.td-page.td-view-settings .td-dogs-add__field--description,
body.td-page.td-view-settings .td-dogs-add__field--merits{width:100% !important; max-width:none !important; grid-column:1 / -1 !important;}
body.td-view-instructor .td-weekplan-editor__item--selected,
body.td-view-instructor .td-weekplan-editor__item--suggested{display:grid !important; grid-template-columns:24px minmax(0,1fr) !important; column-gap:10px !important; align-items:start !important;}
body.td-view-instructor .td-weekplan-editor__check{display:flex !important; align-items:flex-start !important; justify-content:center !important; padding-top:2px !important;}
body.td-view-instructor .td-weekplan-editor__label{min-width:0 !important;}
body.td-view-notifications .td-card--notification-settings,
body.td-view-account .td-card--notification-settings{background:var(--td-card-bg-app, #fff9f3) !important;}
body.single-wpcw_course .td-courseware-content a,
body.single-wpcw_course_unit .td-courseware-content a{ text-decoration:none !important; }
body.single-wpcw_course .td-courseware-content a:hover,
body.single-wpcw_course_unit .td-courseware-content a:hover{ text-decoration:underline !important; }
body.td-shell-standalone .td-share-shell{display:grid; gap:18px;}
body.td-shell-standalone .td-share-card{background:var(--td-card-bg-app, #fff9f3) !important; border:0 !important; box-shadow:none !important; padding:16px !important; border-radius:16px !important;}
body.td-shell-standalone .td-share-card__entry{background:transparent !important; border-radius:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important;}
body.td-shell-standalone .td-share-public-cta{background:var(--td-card-bg-app, #fff9f3) !important; border-radius:16px !important; box-shadow:none !important; border:0 !important;}
body.td-shell-standalone .td-share-public-cta .button + .button{margin-left:10px !important;}
body.td-shell-standalone .td-share-card__meta{margin-bottom:6px !important;}


/* 2.7.104.20 – desktop notification panel must keep visible card background. */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    background:var(--td-card-bg-app, #fff9f3) !important;
    background-image:none !important;
    border:1px solid var(--td-color-overlay-border-soft, rgba(59,47,40,.12)) !important;
    border-radius:18px !important;
    box-shadow:0 16px 36px rgba(59,47,40,.18) !important;
    overflow:hidden !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
    background:var(--td-card-bg-app, #fff9f3) !important;
    background-image:none !important;
  }
}

/* 2.7.104.20 – instructor desktop rows/actions should stripe per full row height. */
body.td-view-instructor .td-instructor-pass-table{border-collapse:collapse !important; width:100% !important;}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(odd){background:var(--td-color-surface-warm-alt, #f7f1e7) !important;}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(even){background:var(--td-color-surface-muted, #f3efe8) !important;}
body.td-view-instructor .td-instructor-pass-table tbody tr > td{background:transparent !important; vertical-align:top !important;}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell{text-align:right !important; white-space:nowrap !important; width:1% !important;}
body.td-view-instructor .td-instructor-pass-table .td-instructor-table-action,
body.td-view-instructor .td-instructor-pass-table .td-instructor-delete-form{display:inline-flex !important; vertical-align:top !important;}
body.td-view-instructor .td-instructor-pass-table .td-instructor-delete-form{margin-left:6px !important;}

/* 2.7.104.20 – courseware text parity. */
body.single-wpcw_course .td-courseware-content,
body.single-wpcw_course_unit .td-courseware-content,
body.single-wpcw_course .td-courseware-content p,
body.single-wpcw_course_unit .td-courseware-content p,
body.single-wpcw_course .td-courseware-content li,
body.single-wpcw_course_unit .td-courseware-content li{
  font-size:16px !important;
  line-height:1.55 !important;
}
body.single-wpcw_course .td-courseware-content .wpcw_fe_units a,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_units a,
body.single-wpcw_course .td-courseware-content .wpcw_fe_module a,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_module a{text-decoration:none !important;}
body.single-wpcw_course .td-courseware-content .wpcw_fe_units a:hover,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_units a:hover,
body.single-wpcw_course .td-courseware-content .wpcw_fe_module a:hover,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_module a:hover{text-decoration:underline !important;}


/* 2.7.104.21 – share/instructor/settings/courseware follow-up fixes. */
body.td-shell-standalone .td-share-shell{
  display:grid !important;
  gap:18px !important;
}
body.td-shell-standalone .td-share-shell--public{
  display:grid !important;
  gap:18px !important;
}
body.td-shell-standalone .td-share-shell__entry{
  background:var(--td-card-bg-app, #fff9f3) !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:16px !important;
  padding:16px !important;
}
body.td-shell-standalone .td-share-shell__entry .td-share-card__entry{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.td-shell-standalone .td-share-shell__entry .td-entry-meta,
body.td-shell-standalone .td-share-shell__entry .td-entry-answer-block{
  max-width:none !important;
}
body.td-shell-standalone .td-share-public-cta{
  margin:0 !important;
  padding:20px !important;
}

body.td-view-instructor .td-instructor-pass-table-wrap{
  width:100% !important;
  overflow-x:visible !important;
}
body.td-view-instructor .td-instructor-pass-table{
  width:100% !important;
  table-layout:auto !important;
}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell{
  display:table-cell !important;
  width:1% !important;
  white-space:nowrap !important;
  text-align:right !important;
  vertical-align:top !important;
}
body.td-view-instructor .td-instructor-pass-table .td-actions-row--instructor{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  gap:10px !important;
}
body.td-view-instructor .td-instructor-pass-table .td-actions-row--instructor > .td-instructor-table-action,
body.td-view-instructor .td-instructor-pass-table .td-actions-row--instructor > .td-instructor-delete-form{
  display:inline-flex !important;
  margin:0 !important;
}
body.td-view-instructor .td-instructor-pass-table .td-instructor-delete-form{margin-left:0 !important;}

@media (min-width:782px){
  body.td-page.td-view-settings .td-dogs-add__header{
    display:block !important;
  }
  body.td-page.td-view-settings .td-dogs-add__identity{
    display:grid !important;
    gap:12px !important;
  }
  body.td-page.td-view-settings .td-dogs-add__heading{
    margin:0 0 12px !important;
  }
  body.td-page.td-view-settings .td-dogs-add__intro,
  body.td-page.td-view-settings .td-dogs-add__upload,
  body.td-page.td-view-settings .td-dogs-add__name{
    max-width:none !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    margin:16px !important;
  }
}

body.single-wpcw_course .td-courseware-content,
body.single-wpcw_course_unit .td-courseware-content,
body.single-wpcw_course .td-courseware-content :is(p, li, a, span, div),
body.single-wpcw_course_unit .td-courseware-content :is(p, li, a, span, div){
  font-size:16px !important;
  line-height:1.55 !important;
}
body.single-wpcw_course .td-courseware-content a,
body.single-wpcw_course_unit .td-courseware-content a,
body.single-wpcw_course .td-courseware-content .td-course-link,
body.single-wpcw_course_unit .td-courseware-content .td-course-link,
body.single-wpcw_course .td-courseware-content .wpcw_fe_module a,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_module a,
body.single-wpcw_course .td-courseware-content .wpcw_fe_units a,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_units a{
  text-decoration:none !important;
}
body.single-wpcw_course .td-courseware-content a:hover,
body.single-wpcw_course_unit .td-courseware-content a:hover,
body.single-wpcw_course .td-courseware-content .td-course-link:hover,
body.single-wpcw_course_unit .td-courseware-content .td-course-link:hover,
body.single-wpcw_course .td-courseware-content .wpcw_fe_module a:hover,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_module a:hover,
body.single-wpcw_course .td-courseware-content .wpcw_fe_units a:hover,
body.single-wpcw_course_unit .td-courseware-content .wpcw_fe_units a:hover{
  text-decoration:underline !important;
}
body.td-view-edit .td-weekplan-editor__label a,
body.td-view-edit .td-weekplan-unit-label--linked,
body.td-view-edit .td-weekplan-unit-link,
body.td-view-edit .td-weekplan-editor__item a{
  text-decoration:none !important;
}
body.td-view-edit .td-weekplan-editor__label a:hover,
body.td-view-edit .td-weekplan-unit-label--linked:hover,
body.td-view-edit .td-weekplan-unit-link:hover,
body.td-view-edit .td-weekplan-editor__item a:hover{
  text-decoration:none !important;
}

/* 2.7.105.1 – share/list/inspiration/instruktör owner follow-up. */
body.td-shell-standalone .td-share-shell--member,
body.td-shell-standalone .td-share-shell--public{
  display:grid !important;
  gap:18px !important;
}
body.td-shell-standalone .td-share-shell__entry{
  padding:16px !important;
}
body.td-shell-standalone .td-share-shell__entry .td-share-card__entry{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.td-shell-standalone .td-share-shell__entry .td-entry-view,
body.td-shell-standalone .td-share-shell__entry .td-entry-view__header,
body.td-shell-standalone .td-share-shell__entry .td-entry-view__content,
body.td-shell-standalone .td-share-shell__entry .td-entry-view-card,
body.td-shell-standalone .td-share-shell__entry .td-entry-view-card .td-card__body{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  max-width:none !important;
}
body.td-shell-standalone .td-share-shell__entry .td-entry-view__header{display:none !important;}
body.td-shell-standalone .td-share-shell__entry .td-entry-view__content > :first-child{margin-top:0 !important;}
body.td-shell-standalone .td-share-shell__entry .td-entry-meta,
body.td-shell-standalone .td-share-shell__entry .td-entry-answer-block,
body.td-shell-standalone .td-share-shell__entry .td-entry-template-description{
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:none !important;
}
body.td-view-list .td-entries-table thead th,
body.td-view-instructor .td-instructor-pass-table thead th,
body.td-view-list_inspiration .td-inspiration-table thead th{
  background:var(--td-color-surface-muted, #ece4d8) !important;
  border-bottom:1px solid rgba(59,47,40,.12) !important;
  font-weight:700 !important;
}
body.td-view-list .td-entries-table thead th:first-child,
body.td-view-instructor .td-instructor-pass-table thead th:first-child,
body.td-view-list_inspiration .td-inspiration-table thead th:first-child{
  border-top-left-radius:14px !important;
}
body.td-view-list .td-entries-table thead th:last-child,
body.td-view-instructor .td-instructor-pass-table thead th:last-child,
body.td-view-list_inspiration .td-inspiration-table thead th:last-child{
  border-top-right-radius:14px !important;
}
body.td-view-list .td-entries-table thead tr,
body.td-view-instructor .td-instructor-pass-table thead tr,
body.td-view-list_inspiration .td-inspiration-table thead tr{
  box-shadow:inset 0 -1px 0 rgba(59,47,40,.12) !important;
}


/* 2.7.105.2 – desktop rubrikrader ska vara tydligare separerade från första raden. */
body.td-view-list .td-entries-table thead th,
body.td-view-instructor .td-instructor-pass-table thead th,
body.td-view-list_inspiration .td-inspiration-table thead th{
  background:var(--td-color-surface-warm-alt, #e8dfd0) !important;
  border-top:1px solid rgba(59,47,40,.14) !important;
  border-bottom:2px solid rgba(59,47,40,.16) !important;
}
body.td-view-list .td-entries-table tbody tr:first-child td,
body.td-view-instructor .td-instructor-pass-table tbody tr:first-child td,
body.td-view-list_inspiration .td-inspiration-table tbody tr:first-child td{
  padding-top:18px !important;
}

/* 2.7.105.2 – home/post-it övningslänkar ska inte vara understrukna i vila. */
body.td-view-home .td-focus-card a,
body.td-view-dashboard .td-focus-card a,
body.td-view-home .td-postit a,
body.td-view-dashboard .td-postit a{
  text-decoration:none !important;
}
body.td-view-home .td-focus-card a:hover,
body.td-view-dashboard .td-focus-card a:hover,
body.td-view-home .td-postit a:hover,
body.td-view-dashboard .td-postit a:hover{
  text-decoration:underline !important;
}


/* 2.7.106.0 – admin matrix preview + digitalt väntrum */
.td-settings-header-matrix__preview{
  margin:8px 0;
}
.td-settings-header-matrix__preview img{
  display:block;
  width:120px;
  max-width:100%;
  height:72px;
  object-fit:cover;
  border-radius:8px;
}
body.td-shell-route-unified .td-card--waiting-room{
  max-width:760px;
  margin:0 auto;
}
body.td-shell-route-unified .td-card__body--waiting-room{
  gap:20px;
  text-align:center;
}
body.td-shell-route-unified .td-waiting-room__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
body.td-shell-route-unified .td-waiting-room__cell{
  background:var(--td-color-surface, #fff9f3);
  border:1px solid var(--td-color-border-soft, rgba(59,47,40,.12));
  border-radius:16px;
  padding:16px 12px;
}
body.td-shell-route-unified .td-waiting-room__cell strong{
  display:block;
  font-size:32px;
  line-height:1;
}
body.td-shell-route-unified .td-waiting-room__cell span{
  display:block;
  margin-top:6px;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-waiting-room__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* 2.7.106.3 – aviseringar: popup olästa + historiksida */
body.td-shell-route-unified .td-notification-center__list--page,
body.td-shell-route-unified .td-notification-center__list--popup{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.td-shell-route-unified .td-notification-center__item{border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff9f3;overflow:hidden}
body.td-shell-route-unified .td-notification-center__link{display:block;padding:14px 16px;text-decoration:none;color:inherit}
body.td-shell-route-unified .td-notification-center__title-link{color:inherit;text-decoration:none !important;display:inline-block}
body.td-shell-route-unified .td-notification-center__title-link:hover,
body.td-shell-route-unified .td-notification-center__title-link:focus{text-decoration:none !important;color:inherit}
body.td-shell-route-unified .td-notification-center__item-title{font-weight:700;margin:0 0 4px}
body.td-shell-route-unified .td-notification-center__item-text{color:var(--td-text-muted)}
body.td-shell-route-unified .td-notification-center__item--award .td-notification-center__item-title{color:var(--e-global-color-primary, #c65a1e)}
body.td-shell-route-unified .td-notification-center__footer{margin-top:16px;display:flex;justify-content:flex-end}
body.td-shell-route-unified .td-card--notification-history{margin-bottom:20px}

/* 2.7.106.13 – dölja tomma instruktörsresultat/placeholder-wraps tills innehåll finns. */
body.td-view-instructor .td-instructor-results.td-weekplan-results:empty,
body.td-view-instructor .td-instructor-selected:empty{
  display:none !important;
  border:0 !important;
  margin-top:0 !important;
  padding:0 !important;
  min-height:0 !important;
}

/* #1416 – skickstatus-badge + dubblettvarning för instruktörspass. */
.td-instructor-status-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:4px;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}
.td-instructor-status-pill--unsent{
  background:var(--td-color-surface-danger-soft, rgba(220,38,38,.10));
  color:var(--td-color-danger, #b32d2e);
}
.td-instructor-status-pill--partial{
  background:var(--td-color-accent-soft, rgba(169,78,30,.12));
  color:var(--td-color-primary, #c65a1e);
}
.td-instructor-status-pill--conflict{
  background:var(--td-color-surface-danger-soft, rgba(220,38,38,.10));
  color:var(--td-color-danger, #b32d2e);
  border:1px solid var(--td-color-surface-danger-border, rgba(220,38,38,.22));
}
.td-instructor-status-pill--sent{
  background:var(--td-color-surface-success-soft, rgba(0,128,0,.14));
  color:var(--td-color-success, #1a8f2b);
}
.td-instructor-conflict-banner{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0 0 16px;
  padding:12px 16px;
  border-radius:10px;
  background:var(--td-color-surface-danger-soft, rgba(220,38,38,.10));
  border:1px solid var(--td-color-surface-danger-border, rgba(220,38,38,.22));
}


.td-video {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.td-video__frame {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #111;
	overflow: hidden;
}

.td-video__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

body.td-shell-view-video .td-video .td-video__media {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: contain !important;
}

@media (min-width: 700px) {
	.td-video {
		max-width: min(100%, calc((100svh - 180px) * 16 / 9));
	}
}

.td-video__message {
	margin-top: 8px;
	color: var(--td-muted, #666);
	font-size: 14px;
}

.td-video--unsupported .td-video__message,
.td-video-error {
	color: #8a1f11;
}

/* 2.27.18 sub-manifest for td-components-overrides.css. */
/* 2.27.19 sub-manifest for td-components-overrides-a.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-components-overrides-a.css; keep import order. */
/* Component owner overrides, part A.
 * Extracted from td-components-overrides.css in 2.27.18. */
/* Later component-specific owner fixes and remaining targeted overrides.
 * Extracted from td-components.css in 2.27.18. Keep import order via td-components.css. */
  max-height:none !important;
  height:0 !important;
  overflow:hidden !important;
}

/* 2.7.106.13 – vänsterställ och enhetliggör rubrikrader i list/inspiration/instruktör. */
body.td-view-list .td-entries-table thead th,
body.td-view-instructor .td-instructor-pass-table thead th,
body.td-view-list_inspiration .td-inspiration-table thead th{
  text-align:left !important;
  font-weight:700 !important;
  vertical-align:middle !important;
}
body.td-view-list .td-entries-table thead th > a,
body.td-view-list .td-entries-table thead th > span,
body.td-view-instructor .td-instructor-pass-table thead th > a,
body.td-view-instructor .td-instructor-pass-table thead th > span,
body.td-view-list_inspiration .td-inspiration-table thead th > a,
body.td-view-list_inspiration .td-inspiration-table thead th > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  width:100% !important;
  gap:6px !important;
}

/* 2.7.106.15 – instructor share/actions + inline edit surfaces */
body.td-view-instructor .td-instructor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  margin:0 0 12px;
}
body.td-view-instructor .td-instructor-toolbar__button,
body.td-view-instructor .td-instructor-share-box__button,
.td-inline-edit__form .button{
  min-height:44px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
}
body.td-view-instructor .td-instructor-toolbar__button--danger,
.td-inline-edit__form .td-button--danger{
  background:#fff;
  color:var(--td-primary);
  border:1px solid var(--td-color-focus-outline);
}
body.td-view-instructor .td-instructor-share-box__scope{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
body.td-view-instructor .td-instructor-share-box__choice{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
}
.td-inline-edit{margin-top:12px;}
.td-inline-edit summary{cursor:pointer; font-weight:700;}
.td-inline-edit__form{margin-top:10px;}

/* 2.7.106.16 – instructor/share/action consistency */
.td-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.td-inline-delete-form{display:inline-flex;}
.td-instructor-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.td-instructor-share-box--inline-bottom{margin-top:16px;}
.td-instructor-share-box__actions{display:flex;gap:12px;align-items:center;}
.td-share-choice-group--instructor{display:grid;gap:10px;margin-top:10px;}
.td-instructor-share-box__button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}

/* 2.7.207.2 – global ikonkontrakt för hover/status/tooltips */
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{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
body.td-shell-route-unified .td-icon-btn:hover,
body.td-shell-route-unified .td-icon-btn:focus-visible{
  transform:translateY(-1px);
  background:rgba(204,107,29,.08) !important;
  border-color:rgba(204,107,29,.38) !important;
  box-shadow:none !important;
}
body.td-shell-route-unified .td-icon-btn--ghost,
body.td-shell-route-unified a.td-icon-btn--ghost,
body.td-shell-route-unified button.td-icon-btn--ghost{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
body.td-shell-route-unified .td-icon-btn--ghost .dashicons,
body.td-shell-route-unified .td-icon-btn--ghost .dashicons::before{
  opacity:0 !important;
}
body.td-shell-route-unified .td-icon-btn--danger,
body.td-shell-route-unified a.td-icon-btn--danger,
body.td-shell-route-unified button.td-icon-btn--danger{
  background:transparent !important;
  border:1px solid var(--td-color-danger-soft, rgba(190,69,54,.28)) !important;
  box-shadow:none !important;
}
body.td-shell-route-unified .td-icon-btn--danger:hover,
body.td-shell-route-unified .td-icon-btn--danger:focus-visible{
  background:rgba(190,69,54,.08) !important;
  border-color:var(--td-color-danger, #be4536) !important;
}
body.td-shell-route-unified .td-icon-btn--static{
  pointer-events:auto !important;
}
body.td-shell-route-unified .td-icon-btn--status,
body.td-shell-route-unified .td-icon-btn--status-inspiration{
  background:var(--td-card-bg-app, #fff9f3) !important;
  border-color:rgba(60,45,35,.08) !important;
  color:var(--td-primary) !important;
}
body.td-shell-route-unified .td-icon-btn--status .dashicons,
body.td-shell-route-unified .td-icon-btn--status-inspiration .dashicons{
  color:var(--td-primary) !important;
}
body.td-shell-route-unified .td-icon-btn--placeholder{
  background:transparent !important;
  border-color:transparent !important;
}
body.td-view-instructor .td-instructor-filters{
  align-items:end;
}
body.td-view-instructor .td-instructor-table-action:empty,
body.td-view-instructor .td-actions-row .td-instructor-table-action:empty{
  display:none !important;
}


/* 2324: Instruktör delning via modal + statiska statusbadges */
.td-icon-btn--static{
  pointer-events:auto;
}
.td-instructor-table-action[title],
.td-entry-actions .td-icon-btn[title],
.td-instructor-toolbar .td-icon-btn[title],
.td-actions-cell .td-icon-btn[title],
.td-actions-cell [title]{
  cursor:pointer;
}
.td-instructor-table-action--status{
  display:inline-flex;
}
.td-instructor-share-box,
.td-instructor-share-box--inline-bottom{
  display:none !important;
}


/* 2.7.207.6 – instruktörslistans status/ghost ska följa listans knappbas */
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--status,
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--status-inspiration,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--status,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--status-inspiration{
  background:var(--td-card-bg-app, #fff9f3) !important;
  border-color:rgba(60,45,35,.08) !important;
  color:var(--td-primary, #C65A1E) !important;
}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--ghost,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--ghost,
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--ghost:hover,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--ghost:hover,
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--ghost:focus-visible,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--ghost:focus-visible{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--ghost .dashicons,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--ghost .dashicons,
body.td-view-instructor .td-instructor-pass-table .td-actions-cell .td-icon-btn--ghost .dashicons::before,
body.td-view-instructor .td-instructor-pass-table .td-actions-row .td-icon-btn--ghost .dashicons::before{
  opacity:0 !important;
}


/* 2.7.208.1 – sorteringsrubriker/listrubriker/adminlänkar/notifieringar. */
.td-sortlink--button{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;}
body.td-shell-route-unified .td-table thead th,
body.td-shell-route-unified .td-table thead .td-sortlink{font-size:16px !important;line-height:1.2 !important;font-weight:700 !important;}
body.td-shell-route-unified .td-table thead th{text-align:left !important;}
body.td-shell-route-unified .td-notification-center__header{padding:18px 18px 12px !important;}
body.td-shell-route-unified .td-card__actions--help-admin{margin-top:10px !important;}
body.td-shell-route-unified .td-help-card__actions .td-icon-btn,
body.td-shell-route-unified .td-card__actions--help-admin .td-icon-btn{margin-left:8px !important;}


/* 2.7.208.2 – QA/suggestions editknappar ska vara synliga för redigerbara poster och rubriklänkar ska inte få underline. */
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions a.td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions button.td-icon-btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:hover,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:focus,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:visited{
  text-decoration:none !important;
}


/* 2.7.208.3 – tabellrubriker raka/feta/svarta + editikoner + stjärnhover */
body.td-shell-route-unified .td-table thead th:first-child,
body.td-shell-route-unified .td-table thead th:last-child{border-radius:0 !important;}
body.td-shell-route-unified .td-table thead th,
body.td-shell-route-unified .td-table thead .td-sortlink,
body.td-shell-route-unified .td-table thead .td-sortlink__label{font-weight:700 !important;color:#1f1f1f !important;}
body.td-shell-route-unified .td-table thead .td-sorticon,
body.td-shell-route-unified .td-table thead .td-sorticon:before{opacity:1 !important;color:#1f1f1f !important;}
body.td-shell-route-unified .td-table thead .td-sortlink:hover,
body.td-shell-route-unified .td-table thead .td-sortlink:focus{color:#1f1f1f !important;background:transparent !important;text-decoration:none !important;}
body.td-shell-route-unified .td-table thead .td-sortlink:hover .td-sorticon,
body.td-shell-route-unified .td-table thead .td-sortlink:focus .td-sorticon,
body.td-shell-route-unified .td-table thead .td-sortlink:hover .td-sorticon:before,
body.td-shell-route-unified .td-table thead .td-sortlink:focus .td-sorticon:before{color:#1f1f1f !important;opacity:1 !important;}
body.td-shell-route-unified .td-view-list_inspiration .td-pass-list__title,
body.td-shell-route-unified .td-view-list .td-pass-list__title,
body.td-shell-route-unified .td-view-instructor .td-pass-list__title{text-decoration:none !important;}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions{display:flex !important;gap:8px !important;align-items:center !important;visibility:visible !important;opacity:1 !important;}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions a.td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions button.td-icon-btn{display:inline-flex !important;visibility:visible !important;opacity:1 !important;}
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration,
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration:hover,
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration:focus{background:transparent !important;border-color:transparent !important;box-shadow:none !important;color:var(--td-color-accent-icon) !important;transform:none !important;}
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration .dashicons,
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration .dashicons:before{opacity:1 !important;color:inherit !important;}
body.td-shell-route-unified .td-help-modal__close,
body.td-shell-route-unified .td-notification-center__close,
body.td-shell-route-unified .td-share-modal__close{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:28px !important;line-height:1 !important;}


/* 2.7.208.4 – modalkryss/notification + QA/suggestions actions + tabellrubriker. */
body.td-shell-route-unified .td-notification-center__card{position:relative !important;}
body.td-shell-route-unified .td-notification-center__header{position:relative !important;padding-right:52px !important;}
body.td-shell-route-unified .td-notification-center__close{position:absolute !important;top:12px !important;right:14px !important;margin:0 !important;width:24px !important;min-width:24px !important;height:24px !important;min-height:24px !important;font-size:28px !important;line-height:1 !important;}
body.td-shell-route-unified .td-table thead th:first-child,
body.td-shell-route-unified .td-table thead th:last-child{border-radius:0 !important;}
body.td-shell-route-unified .td-table thead th,
body.td-shell-route-unified .td-table thead .td-sortlink,
body.td-shell-route-unified .td-table thead .td-sortlink__label{font-weight:700 !important;color:#1f1f1f !important;}
body.td-shell-route-unified .td-table thead .td-sortlink,
body.td-shell-route-unified .td-table thead .td-sortlink:hover,
body.td-shell-route-unified .td-table thead .td-sortlink:focus{background:transparent !important;text-decoration:none !important;color:#1f1f1f !important;}
body.td-shell-route-unified .td-table thead .td-sorticon,
body.td-shell-route-unified .td-table thead .td-sorticon:before{opacity:1 !important;color:#1f1f1f !important;}
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration,
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration:hover,
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--status-inspiration:focus-visible{background:transparent !important;border-color:transparent !important;box-shadow:none !important;color:var(--td-color-accent-icon) !important;transform:none !important;}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions{display:flex !important;gap:8px !important;align-items:center !important;}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions a.td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions button.td-icon-btn,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link{display:inline-flex !important;visibility:visible !important;opacity:1 !important;}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:hover,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:focus,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__title:visited{text-decoration:none !important;}


/* 2.7.208.10 – suggestions/qa actions ska alltid visa redigera-ikonen och listorna ska randas lätt. */
body.td-shell-route-unified .td-card-list--suggestions .td-card-list__item,
body.td-shell-route-unified .td-card-list--qa .td-card-list__item{
  padding:12px 14px !important;
  border-radius:8px !important;
}
body.td-shell-route-unified .td-card-list--suggestions .td-card-list__item:nth-child(odd),
body.td-shell-route-unified .td-card-list--qa .td-card-list__item:nth-child(odd){
  background:rgba(0,0,0,.03) !important;
}
body.td-shell-route-unified .td-card-list--suggestions .td-card-list__item + .td-card-list__item,
body.td-shell-route-unified .td-card-list--qa .td-card-list__item + .td-card-list__item{
  margin-top:8px !important;
}
body.td-shell-route-unified .td-card-list--suggestions .td-card-list__actions,
body.td-shell-route-unified .td-card-list--qa .td-card-list__actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body.td-shell-route-unified .td-card-list--suggestions .td-inline-action-link--edit,
body.td-shell-route-unified .td-card-list--qa .td-inline-action-link--edit{
  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;
  opacity:1 !important;
  visibility:visible !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
}
body.td-shell-route-unified .td-card-list--suggestions .td-inline-action-link--edit .dashicons,
body.td-shell-route-unified .td-card-list--qa .td-inline-action-link--edit .dashicons,
body.td-shell-route-unified .td-card-list--suggestions .td-inline-action-link--edit .dashicons::before,
body.td-shell-route-unified .td-card-list--qa .td-inline-action-link--edit .dashicons::before{
  display:inline-block !important;
  color:var(--td-primary, #C65A1E) !important;
}


/* 2.7.208.11 – QA/suggestions ghost-actions får inte nolla inline edit/delete-ikoner. */
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn--ghost,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions a.td-icon-btn--ghost,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions button.td-icon-btn--ghost,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--edit,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--delete{
  pointer-events:auto !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--edit .dashicons,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--edit .dashicons::before,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--delete .dashicons,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-inline-action-link--delete .dashicons::before,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn--ghost .dashicons,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-icon-btn--ghost .dashicons::before{
  opacity:1 !important;
  visibility:visible !important;
}

/* 2.7.208.13 – QA/suggestions edit actions ska alltid synas och bilagor ska visas tydligt. */
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit:link,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit:visited,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit:hover,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit:focus{
  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;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--td-primary, #C65A1E) !important;
  text-decoration:none !important;
}
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit .dashicons,
body.td-shell-route-unified :is(.td-view-qa,.td-view-suggestions) .td-card-list__actions .td-inline-action-link--edit .dashicons::before{
  display:inline-block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:var(--td-primary, #C65A1E) !important;
}
body.td-shell-route-unified .td-card-list__attachment{margin:8px 0 10px !important;}
body.td-shell-route-unified .td-card-list__attachment-link{text-decoration:none !important;}
body.td-shell-route-unified .td-card-list__attachment-image{display:block;max-width:220px;height:auto;border-radius:10px;}

/* 2.7.208.13 – mobil QA-form ska alltid visa primärknapp. */
body.td-view-qa .td-qa-form__actions,
body.td-view-qa .td-card--qa-edit .td-card-form__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
body.td-view-qa .td-qa-form__submit,
body.td-view-qa .td-card--qa-edit .button.button-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:12px 18px !important;
  background:var(--td-primary, #C65A1E) !important;
  color:#fff !important;
  border-color:var(--td-primary, #C65A1E) !important;
}


/* 2.7.208.14 – gemensam inline-modal för edit i QA/förbättringsförslag. */
body.td-shell-route-unified .td-inline-modal[hidden]{display:none !important;}
body.td-shell-route-unified .td-inline-modal{position:fixed;inset:0;z-index:3800;padding:8px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;}
body.td-shell-route-unified .td-inline-modal__backdrop{position:absolute;inset:0;background:rgba(31,31,31,.42);}
body.td-shell-route-unified .td-inline-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(720px, calc(100vw - 24px));max-height:min(86vh, 900px);margin:7vh auto;overflow:hidden;background:var(--td-card-bg-app, #fff9f3);border:1px solid rgba(60,45,35,.08);border-radius:18px;box-shadow:0 22px 48px rgba(20,20,20,.18);}
body.td-shell-route-unified .td-inline-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid rgba(60,45,35,.08);flex:0 0 auto;}
body.td-shell-route-unified .td-inline-modal__title{margin:0;}
body.td-shell-route-unified .td-inline-modal__body{flex:1 1 auto;min-height:0;padding:18px 20px 20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;}
body.td-shell-route-unified .td-inline-modal__body .td-card-form{display:flex;flex-direction:column;gap:16px;min-height:min-content;}
body.td-shell-route-unified .td-inline-modal__body .td-card-form__actions{position:sticky;bottom:0;z-index:2;margin-top:auto;padding-top:12px;padding-bottom:max(4px, env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg, rgba(255,249,243,0), rgba(255,249,243,.92) 16px, var(--td-card-bg-app, #fff9f3) 32px);}
body.td-shell-route-unified .td-inline-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#1f1f1f;font-size:26px;line-height:1;cursor:pointer;}
body.td-shell-route-unified .td-inline-modal__current-attachment img{display:block;max-width:220px;height:auto;border-radius:10px;}
body.td-shell-route-unified .td-inline-modal__current-attachment[hidden]{display:none !important;}
@media (max-width: 767px){body.td-shell-route-unified .td-inline-modal{padding:8px;}body.td-shell-route-unified .td-inline-modal__dialog{width:min(100vw - 16px, 720px);margin:0 auto;max-height:calc(100vh - 16px);}body.td-shell-route-unified .td-inline-modal__body{padding:16px 16px 18px;}}


/* 2.7.208.16 – inline-modaler ska alltid ha ett tydligt stängkryss. */
body.td-shell-route-unified .td-inline-modal__close,
body.td-shell-route-unified .td-inline-modal__close:hover,
body.td-shell-route-unified .td-inline-modal__close:focus,
body.td-shell-route-unified .td-inline-modal__close:active{
  opacity:1 !important;
  visibility:visible !important;
  color:#1f1f1f !important;
  text-decoration:none !important;
}
body.td-shell-route-unified .td-inline-modal__close::before{
  content:none !important;
}


/* 2.7.208.18 – admin checkboxlista för blogginläggspool */
.td-admin-checkbox-list--blog-pool{display:grid;gap:8px;max-height:320px;overflow:auto;padding:10px 12px;border:1px solid var(--td-color-border-ui, #d8d2ca);border-radius:8px;background:#fff}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;line-height:1.35;padding:2px 0}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item input{margin-top:3px}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item span{display:block;white-space:normal;word-break:break-word}


/* 2.7.208.20 – blog pool admin list improved */
.td-admin-checkbox-list--blog-pool{display:grid;gap:10px;max-width:980px;padding:12px;border:1px solid var(--td-color-border-ui, #d8d2ca);border-radius:8px;background:#fff}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__meta{font-size:12px;color:#6f665d}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__scroll{max-height:420px;overflow:auto;padding-right:8px}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;line-height:1.45;padding:4px 0;border-bottom:1px solid rgba(60,45,35,.06)}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item:last-child{border-bottom:0}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item input{margin-top:3px}
.td-admin-checkbox-list--blog-pool .td-admin-checkbox-list__item span{display:block;white-space:normal;word-break:break-word;overflow-wrap:anywhere}

/* 2.7.208.20 – inspiration filter gets more room */
.td-inspiration-filterbar .td-filterbar__row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.td-inspiration-filterbar .td-filter-field--lg{max-width:none}
.td-inspiration-filterbar .td-filter-actions{display:flex;align-items:flex-end}
@media (min-width: 960px){
  .td-inspiration-filterbar .td-filterbar__row{grid-template-columns:minmax(0,1fr)}
  .td-inspiration-filterbar .td-filterbar__dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
}


/* 2.7.210 – tydligare olästa aviseringar + markera alla som lästa. */
body.td-shell-route-unified .td-notification-center__footer{
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body.td-shell-route-unified .td-notification-center__page-actions{
  display:flex !important;
  justify-content:flex-end !important;
  margin:0 0 12px !important;
}
body.td-shell-route-unified .td-notification-center__mark-all,
body.td-shell-route-unified .td-notification-center__mark-all.button.td-small{
  border-radius:5px !important;
  color:var(--e-global-color-primary, #cc6b1d) !important;
  -webkit-text-fill-color:var(--e-global-color-primary, #cc6b1d) !important;
  background:transparent !important;
  text-decoration:underline !important;
  font-weight:600 !important;
  min-height:unset !important;
  padding:0 !important;
}
body.td-shell-route-unified .td-notification-center__pagination{
  margin-top:20px !important;
  background:transparent !important;
}
body.td-shell-route-unified .td-notification-center__pagination ul.page-numbers{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
}
body.td-shell-route-unified .td-notification-center__pagination .page-numbers{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--td-color-divider-black-12, rgba(0,0,0,.12)) !important;
  background:#fff !important;
  color:var(--td-color-text, #1f1f1f) !important;
  -webkit-text-fill-color:var(--td-color-text, #1f1f1f) !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}
body.td-shell-route-unified .td-notification-center__pagination .page-numbers.current{
  background:var(--e-global-color-primary, #c65a1e) !important;
  border-color:var(--e-global-color-primary, #c65a1e) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}
body.td-shell-route-unified .td-notification-center__pagination a.page-numbers:hover{
  background:rgba(198,90,30,.08) !important;
  border-color:var(--e-global-color-primary, #c65a1e) !important;
  color:var(--e-global-color-primary, #c65a1e) !important;
  -webkit-text-fill-color:var(--e-global-color-primary, #c65a1e) !important;
}
body.td-shell-route-unified .td-notification-center__item.is-unread{
  border-color:rgba(198,90,30,.35) !important;
  box-shadow:0 0 0 2px rgba(198,90,30,.10) !important;
}
body.td-shell-route-unified .td-notification-center__item.is-unread .td-notification-center__link{
  background:rgba(198,90,30,.04) !important;
}
body.td-shell-route-unified .td-notification-center__item-title-wrap{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
}
body.td-shell-route-unified .td-notification-center__status{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(198,90,30,.12) !important;
  color:var(--e-global-color-primary, #c65a1e) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
body.td-shell-route-unified .td-notification-center__status::before{
  content:'' !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:currentColor !important;
  display:inline-block !important;
  flex:0 0 auto !important;
}


/* 2.7.211.1 – inline-modaler ska hålla sig inom viewport även på iPhone/Safari och ge scroll i body. */
body.td-shell-route-unified .td-inline-modal{
  padding:max(8px, env(safe-area-inset-top, 0px)) 8px max(8px, env(safe-area-inset-bottom, 0px));
}
body.td-shell-route-unified .td-inline-modal__dialog{
  width:min(720px, calc(100vw - 24px));
  max-height:calc(100dvh - 16px);
  margin:max(8px, env(safe-area-inset-top, 0px)) auto;
}
body.td-shell-route-unified .td-inline-modal__body{
  max-height:none;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-inline-modal__dialog{
    width:min(100vw - 16px, 720px);
    max-height:calc(100dvh - 16px);
    margin:0 auto;
  }
}

/* 2.7.211.1 – checkbox/radio-text ska ligga på samma rad med textblock som kan radbrytas bredvid kontrollen. */
body.td-page.td-view-notifications .td-u-label-block,
body.td-shell-route-unified .td-inline-checkbox,
body.td-shell-route-unified .td-share-inspiration-toggle{
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:10px !important;
  row-gap:0 !important;
}
body.td-page.td-view-notifications .td-u-label-block input[type="checkbox"],
body.td-shell-route-unified .td-inline-checkbox input[type="checkbox"],
body.td-shell-route-unified .td-share-inspiration-toggle input[type="checkbox"]{
  margin:2px 0 0 0 !important;
}
body.td-page.td-view-notifications .td-notification-settings-form{
  gap:12px;
}

/* 2.7.211.1 – delningsmodal ska kunna scrolla om innehållet blir högt. */
body.td-shell-route-unified .td-share-modal__dialog{
  max-height:calc(100dvh - 24px);
  display:flex;
  flex-direction:column;
}
body.td-shell-route-unified .td-share-modal__panel{
  display:flex;
  flex-direction:column;
  max-height:inherit;
}
body.td-shell-route-unified .td-share-modal__body{
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  max-height:calc(100dvh - 180px);
}

/* PWA install prompt */
.td-pwa-install{
  display:grid;
  gap:10px;
  padding:16px;
  margin:0 0 12px;
  border-radius:16px;
  background:var(--td-color-surface,#fff9f3);
  border:1px solid rgba(59,47,40,.16);
  box-shadow:0 10px 26px rgba(59,47,40,.08);
}
.td-pwa-install--first{
  margin:0 0 16px;
  border-width:2px;
  border-color:rgba(204,111,46,.32);
}
.td-pwa-install[hidden]{display:none!important;}
.td-pwa-install__title{font-weight:700;color:var(--td-color-text,#1f1f1f);}
.td-pwa-install__text{color:var(--td-color-muted,#6b625c);}
.td-pwa-install__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.td-pwa-install .button{border-radius:5px!important;}
.td-pwa-manual{margin-top:12px;}
.td-pwa-manual__text{margin:0;}

/* Uppläggstombola: actions */
.td-tombola-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

/* 2.7.211.15 – stabilare knapp- och fältavstånd i formulär/tombola. */
body.td-shell-route-unified .td-main .td-save-fallback{
  margin-top:12px !important;
}
body.td-shell-route-unified .td-main .td-row.td-u-row-mt14,
body.td-shell-route-unified .td-main .td-prefill-actions{
  margin-bottom:12px !important;
}
body.td-shell-route-unified .td-main .td-card__actions,
body.td-shell-route-unified .td-main .td-actions,
body.td-shell-route-unified .td-main .td-row,
body.td-shell-route-unified .td-main .td-save-fallback,
body.td-shell-route-unified .td-main .td-tombola-actions{
  column-gap:12px !important;
  row-gap:12px !important;
}
body.td-view-tombola .td-tombola-entry-card form select,
body.td-view-tombola .td-tombola-view-card form select,
body.td-view-tombola .td-card form select{
  margin-bottom:12px !important;
}
body.td-view-tombola .td-tombola-btn{
  margin-top:0 !important;
}
@media (max-width: 600px){
  body.td-shell-route-unified .td-main .td-save-fallback,
  body.td-shell-route-unified .td-main .td-row.td-u-row-mt14,
  body.td-shell-route-unified .td-main .td-prefill-actions,
  body.td-shell-route-unified .td-main .td-tombola-actions{
    align-items:flex-start !important;
  }
}

/* 2.7.212.2 – Kontosida: gör lösenordshjälpen synlig nära lösenordsfältet. */
body.td-page.td-view-account .td-account-password-hint,
body.td-shell-route-unified.td-view-account .td-account-password-hint{
  margin:10px 0 18px !important;
  padding:12px 14px !important;
  border:1px solid rgba(204, 107, 29, .30) !important;
  border-radius:12px !important;
  background:rgba(204, 107, 29, .10) !important;
  color:var(--td-text, #2d2723) !important;
  line-height:1.45 !important;
}

body.td-page.td-view-account .td-account-password-hint strong,
body.td-shell-route-unified.td-view-account .td-account-password-hint strong{
  display:block !important;
  margin:0 0 2px !important;
}

/* 2.7.212.2 – Mina hundar: säkra knappavstånd även på smal mobil. */
body.td-page.td-view-settings .td-dogs-row__actions,
body.td-shell-route-unified.td-view-settings .td-dogs-row__actions,
body.td-page.td-view-settings .td-dogs-add__actions,
body.td-shell-route-unified.td-view-settings .td-dogs-add__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:14px !important;
}

body.td-page.td-view-settings .td-dogs-row__actions .button,
body.td-shell-route-unified.td-view-settings .td-dogs-row__actions .button,
body.td-page.td-view-settings .td-dogs-add__actions .button,
body.td-shell-route-unified.td-view-settings .td-dogs-add__actions .button{
  margin:0 !important;
}


/* 2.8.7.6 / 2454 – färgkodade nivåbadges för moment-/delmålsavstämning. */
.td-score-badge{
  display:inline-block;
  max-width:100%;
  padding:4px 8px;
  border:1px solid currentColor;
  border-radius:6px;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
}
.td-score-badge--1{background:#f8c7c7;color:#8a1111;border-color:#b91c1c;}
.td-score-badge--2{background:#fde2e2;color:#a62424;border-color:#ef9a9a;}
.td-score-badge--3{background:#fff0a6;color:#6b4a00;border-color:#e0a800;}
.td-score-badge--4{background:#dff5d8;color:#23651d;border-color:#79bf62;}
.td-score-badge--5{background:#bfe8c6;color:#0f5a24;border-color:#2f8f46;}
.td-compare-table .td-score-badge,
.td-compare-card__answer .td-score-badge{
  text-align:left;
}

/* Kursdel: håll luft mellan video/embed och knappen för att lägga till i träningspass. */
.td-entry-content .td-video-embed + .td-courseware-action-cta,
.td-entry-content .wp-block-embed + .td-courseware-action-cta,
.td-entry-content iframe + .td-courseware-action-cta,
.td-courseware-action-cta {
    margin-top: 16px;
}


/* 2.8.7.8 / 2458 – portabel videoembed som fungerar utan oEmbed-pipeline. */
.td-video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  margin:0 0 16px;
}
.td-video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* 2.8.8.1 – filterrader, egna övningar, listor och övningsväljare. */
body.td-shell-route-unified .td-filter-form,
body.td-shell-route-unified .td-units-filter-form{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
}
body.td-shell-route-unified .td-filter-form__field--checkbox,
body.td-shell-route-unified .td-checkbox-inline,
body.td-shell-route-unified .td-weekplan-editor__filter--checkbox{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap;
}
body.td-shell-route-unified .td-filter-form__field--checkbox input,
body.td-shell-route-unified .td-checkbox-inline input{margin:0 !important;}
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-user-exercise-card__row,
body.td-shell-route-unified .td-exercise-cell,
body.td-shell-route-unified .td-ac-item{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.td-shell-route-unified .td-exercise-cell__title,
body.td-shell-route-unified .td-units-list__title{display:inline-flex;align-items:center;gap:6px;}
body.td-shell-route-unified .td-unit-favorite-static{display:inline-flex;align-items:center;line-height:1;}
body.td-shell-route-unified .td-weekplan-selected + .td-weekplan-suggestions,
body.td-shell-route-unified .td-weekplan-editor__selected + .td-weekplan-editor__suggestions{margin-top:16px;}
body.td-shell-route-unified .td-weekplan-editor .button + .td-group-title,
body.td-shell-route-unified .td-weekplan-add-selected + .td-weekplan-add-form{margin-top:16px;}
body.td-shell-route-unified .td-inspiration-list__date,
body.td-shell-route-unified .td-instructor-pass-list__date,
body.td-shell-route-unified .td-date,
body.td-shell-route-unified time{white-space:nowrap;}
@media (min-width: 783px){
  body.td-shell-route-unified .td-filter-form,
  body.td-shell-route-unified .td-units-filter-form{flex-wrap:nowrap;}
}
@media (max-width: 782px){
  body.td-shell-route-unified .td-instructor-pass-list .td-icon-btn--placeholder,
  body.td-shell-route-unified .td-instructor-pass-list .td-icon-btn--ghost{background:transparent !important;border-color:transparent !important;}
}

/* 2.8.8.3 – skärpning av filterrad/listor efter verifiering. */
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-user-exercise-card__row,
body.td-shell-route-unified .td-exercise-cell,
body.td-shell-route-unified .td-ac-item,
body.td-shell-route-unified .td-weekplan-editor__item{
  flex-wrap:nowrap !important;
}
body.td-shell-route-unified .td-weekplan-editor__actions + .td-weekplan-editor__block--suggestions,
body.td-shell-route-unified .td-weekplan-editor__block--suggestions + .td-weekplan-add-wrap{
  margin-top:18px !important;
}
body.td-shell-route-unified .td-instructor-pass-list__date,
body.td-shell-route-unified .td-inspiration-list__date,
body.td-shell-route-unified .td-entries-table__date,
body.td-shell-route-unified .td-entries-mobile-meta__item--date,
body.td-shell-route-unified .td-instructor-pass-date,
body.td-shell-route-unified time{
  white-space:nowrap !important;
}

/* 2.8.8.4 – inlinefilter, datum och övningsväljare. */
body.td-shell-route-unified .td-filter-form,
body.td-shell-route-unified .td-units-filter-form,
body.td-shell-route-unified .td-weekplan-editor__filters{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px 12px;
}
@media (min-width: 782px){
  body.td-view-exercises .td-filter-form,
  body.td-view-units .td-filter-form,
  body.td-shell-route-unified .td-weekplan-editor__filters{
    flex-wrap:nowrap;
  }
}
body.td-shell-route-unified .td-filter-form__field--checkbox,
body.td-shell-route-unified .td-checkbox-inline,
body.td-shell-route-unified .td-weekplan-editor__filter--checkbox,
body.td-shell-route-unified .td-weekplan-add-filters label{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
body.td-shell-route-unified .td-entries-table__date,
body.td-shell-route-unified .td-entries-mobile-meta__item--date,
body.td-view-instructor .td-entries-mobile-meta__item--date,
body.td-view-instructor .td-instructor-sent__date,
body.td-shell-route-unified .td-plan-inspiration-item__date{
  white-space:nowrap !important;
}
body.td-shell-route-unified .td-weekplan-editor__item,
body.td-shell-route-unified .td-ac-item,
body.td-shell-route-unified .td-units-list__row{
  display:flex;
  align-items:center;
  gap:8px;
}
body.td-shell-route-unified .td-weekplan-editor__label,
body.td-shell-route-unified .td-ac-item__label,
body.td-shell-route-unified .td-units-list__title{
  min-width:0;
  flex:1 1 auto;
}
body.td-shell-route-unified .td-weekplan-editor__actions + .td-weekplan-add-wrap,
body.td-shell-route-unified .td-weekplan-editor__list--suggested + .td-weekplan-editor__actions,
body.td-shell-route-unified .td-weekplan-editor__actions + .td-weekplan-editor__suggested-wrap{
  margin-top:14px;
}
body.td-shell-route-unified .td-weekplan-editor__actions{
  margin:14px 0;
}
@media (max-width: 781.98px){
  body.td-view-instructor .td-icon-btn--placeholder,
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn--placeholder{
    display:none !important;
    background:transparent !important;
  }
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn{
    background:transparent;
  }
}
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{
  position:fixed;
  inset:clamp(18px, 5vh, 56px) clamp(12px, 6vw, 80px);
  z-index:99999;
  overflow:auto;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:rgba(0,0,0,.35);
}

/* 2.8.8.5 – verifierad 2481–2484: inline-favoriter, filterrader, egna övningar-modal och datum/ghostknappar. */
body.td-shell-route-unified .td-filter-form,
body.td-shell-route-unified .td-units-filter-form{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
}
body.td-shell-route-unified .td-filter-form__field--checkbox,
body.td-shell-route-unified .td-checkbox-inline,
body.td-shell-route-unified .td-favorites-filter,
body.td-shell-route-unified label:has(> input[name="td_favorites_only"]){
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
body.td-shell-route-unified .td-icon-btn--favorite,
body.td-shell-route-unified .td-unit-favorite-btn,
body.td-shell-route-unified .td-wpcw-favorite-action a{
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.td-shell-route-unified .td-icon-btn--favorite:hover,
body.td-shell-route-unified .td-unit-favorite-btn:hover,
body.td-shell-route-unified .td-wpcw-favorite-action a:hover{

/* 2.27.19 extracted from td-components-overrides-a.css; keep import order. */
  text-decoration:none!important;
  border-bottom:0!important;
}
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-create-picker__item,
body.td-shell-route-unified .td-create-item,
body.td-shell-route-unified .td-weekplan-selected__item{
  display:flex;
  align-items:center;
  gap:8px 10px;
}
body.td-shell-route-unified .td-units-list__title,
body.td-shell-route-unified .td-create-picker__item-title,
body.td-shell-route-unified .td-create-item__title,
body.td-shell-route-unified .td-weekplan-selected__title{
  min-width:0;
}
body.td-shell-route-unified .td-units-list__row .td-icon-btn--favorite,
body.td-shell-route-unified .td-create-picker__item .td-icon-btn--favorite,
body.td-shell-route-unified .td-create-item .td-icon-btn--favorite,
body.td-shell-route-unified .td-weekplan-selected__item .td-icon-btn--favorite{
  flex:0 0 auto;
  margin-left:4px;
}
body.td-shell-route-unified .td-weekplan-selected-actions,
body.td-shell-route-unified .td-weekplan-suggestions,
body.td-shell-route-unified .td-weekplan-suggestions__actions,
body.td-shell-route-unified .td-weekplan-add-custom,
body.td-shell-route-unified .td-create-picker__selected-actions,
body.td-shell-route-unified .td-create-picker__suggestions,
body.td-shell-route-unified .td-create-picker__suggestion-actions,
body.td-shell-route-unified .td-create-picker__manual{
  margin-top:14px;
}
body.td-shell-route-unified .td-entries-table__date,
body.td-shell-route-unified .td-inspiration-list-table td[class*="date"],
body.td-shell-route-unified .td-inspiration-list-table time,
body.td-shell-route-unified .td-instructor-pass-table td,
body.td-shell-route-unified .td-instructor-students-table td,
body.td-view-instructor .td-instructor-sent__summary,
body.td-view-instructor time{
  white-space:nowrap;
}
@media (max-width: 767px){
  body.td-view-instructor .td-icon-btn--placeholder,
  body.td-view-instructor .td-instructor-card__actions .td-icon-btn--placeholder,
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn--placeholder{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
}
body.td-shell-route-unified .td-user-exercises-list .td-user-exercise-card__row{
  justify-content:space-between;
  flex-wrap:wrap;
}
body.td-shell-route-unified .td-user-exercise-card__title{
  font-weight:700;
  text-decoration:none;
}
body.td-shell-route-unified .td-user-exercise-card__actions{
  margin-left:auto;
}
body.td-shell-route-unified .td-modal-backdrop.td-user-exercise-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.38);
  z-index:9998;
}
body.td-shell-route-unified .td-user-exercise-modal.is-open{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(720px, calc(100vw - 28px));
  max-height:calc(100vh - 40px);
  overflow:auto;
  z-index:9999;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
body.td-shell-route-unified .td-user-exercise-form-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.td-shell-route-unified .td-user-exercise-modal__close{
  flex:0 0 auto;
  text-decoration:none!important;
}
body.td-wpcw-unit .td-card__header--course-surface,
body.td-wpcw-course .td-card__header--course-surface{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body.td-wpcw-unit .td-card__header--course-surface .td-wpcw-favorite-action,
body.td-wpcw-course .td-card__header--course-surface .td-wpcw-favorite-action{
  flex:0 0 auto;
  margin-left:auto;
}
body.td-wpcw-unit .td-course-surface__content > .td-wpcw-favorite-action,
body.td-wpcw-unit .wpcw-unit-desc > .td-wpcw-favorite-action,
body.td-wpcw-course .td-course-surface__content > .td-wpcw-favorite-action{
  display:none!important;
}

/* 2.8.8.7 – egna övningar-modal och övningsväljare. */
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open::before{
  content:none !important;
  display:none !important;
}
body.td-shell-route-unified .td-modal-backdrop.td-user-exercise-modal-backdrop{
  background:rgba(59,47,40,.22) !important;
  z-index:9998 !important;
}
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{
  z-index:9999 !important;
  width:min(760px, calc(100vw - 28px)) !important;
  max-width:760px !important;
  padding:22px !important;
  box-sizing:border-box !important;
}
body.td-shell-route-unified .td-user-exercise-form,
body.td-shell-route-unified .td-user-exercise-form .td-card-form__label,
body.td-shell-route-unified .td-user-exercise-form input[type="text"],
body.td-shell-route-unified .td-user-exercise-form textarea,
body.td-shell-route-unified .td-user-exercise-form select{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.td-shell-route-unified .td-user-exercise-modal__close{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  box-shadow:none !important;
  font-size:24px !important;
}
body.td-shell-route-unified .td-weekplan-editor__item--selected,
body.td-shell-route-unified .td-weekplan-editor__item--suggested,
body.td-page .td-weekplan-editor__item--selected,
body.td-page .td-weekplan-editor__item--suggested{
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:10px !important;
}
body.td-shell-route-unified .td-weekplan-editor__item .td-unit-favorite-static,
body.td-page .td-weekplan-editor__item .td-unit-favorite-static{
  grid-column:3 !important;
  align-self:center !important;
  justify-self:end !important;
  margin-left:4px !important;
}
body.td-shell-route-unified .td-weekplan-pager button,
body.td-page .td-weekplan-pager button{
  background:var(--e-global-color-primary, #d9743f) !important;
  border-color:var(--e-global-color-primary, #d9743f) !important;
  color:#fff !important;
  opacity:1 !important;
  box-shadow:none !important;
}
body.td-shell-route-unified .td-weekplan-pager button:disabled,
body.td-page .td-weekplan-pager button:disabled{
  opacity:.45 !important;
}

/* 2.8.8.8 – testfixar efter 2484/2502/2504/2506/2507. */
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  inset:auto !important;
  transform:translate(-50%,-50%) !important;
  width:min(760px, calc(100vw - 28px)) !important;
  max-height:calc(100vh - 40px) !important;
  overflow:auto !important;
  z-index:9999 !important;
}
body.td-shell-route-unified .td-modal-backdrop.td-user-exercise-modal-backdrop{ cursor:pointer; }
body.td-shell-route-unified .td-user-exercises-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
body.td-shell-route-unified .td-user-exercises-topbar .td-actions{margin:0;}
body.td-shell-route-unified .td-user-exercises-list .td-user-exercise-card__row,
body.td-shell-route-unified .td-units-list__row{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto auto !important;align-items:start !important;gap:8px 10px !important;}
body.td-shell-route-unified .td-units-list__main,
body.td-shell-route-unified .td-user-exercise-card__main{min-width:0;display:flex;flex-direction:column;gap:2px;}
body.td-shell-route-unified .td-units-list__row > .td-units-list__meta{grid-column:2 / -1;margin-top:2px;}
body.td-shell-route-unified .td-weekplan-editor__item--selected,
body.td-shell-route-unified .td-weekplan-editor__item--suggested,
body.td-page .td-weekplan-editor__item--selected,
body.td-page .td-weekplan-editor__item--suggested{grid-template-columns:22px auto auto minmax(0,1fr) !important;justify-content:start !important;column-gap:6px !important;}
body.td-shell-route-unified .td-weekplan-editor__label,
body.td-page .td-weekplan-editor__label{grid-column:2 !important;flex:0 1 auto !important;}
body.td-shell-route-unified .td-weekplan-editor__item .td-unit-favorite-static,
body.td-page .td-weekplan-editor__item .td-unit-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__item .td-icon-btn--favorite,
body.td-page .td-weekplan-editor__item .td-icon-btn--favorite,
body.td-shell-route-unified .td-weekplan-editor__item .td-user-exercise-favorite-btn,
body.td-page .td-weekplan-editor__item .td-user-exercise-favorite-btn{grid-column:3 !important;justify-self:start !important;margin-left:2px !important;}
body.td-shell-route-unified .td-weekplan-pager,
body.td-page .td-weekplan-pager{display:flex !important;align-items:center !important;gap:8px !important;margin-top:8px !important;}
body.td-shell-route-unified .td-weekplan-pager span,
body.td-page .td-weekplan-pager span{padding:0 3px !important;}
body.td-shell-route-unified .td-weekplan-editor__actions + .td-weekplan-add-wrap,
body.td-page .td-weekplan-editor__actions + .td-weekplan-add-wrap{margin-top:18px !important;}
body.td-shell-route-unified .td-plan-inspiration-item__meta,
body.td-shell-route-unified .td-plan-inspiration-item__meta *,
body.td-shell-route-unified .td-plan-inspiration-list time,
body.td-shell-route-unified .td-inspiration-list time,
body.td-shell-route-unified [class*="inspiration"] time,
body.td-shell-route-unified [class*="inspiration"] [class*="date"]{white-space:nowrap !important;}
@media (max-width: 767px){
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn,
  body.td-view-instructor .td-instructor-card__actions .td-icon-btn,
  body.td-view-instructor .td-icon-btn--favorite,
  body.td-view-instructor .td-icon-btn--share,
  body.td-view-instructor .td-icon-btn--edit,
  body.td-view-instructor .td-icon-btn--danger{background:rgba(255,250,244,.55) !important;border-color:rgba(61,48,39,.12) !important;color:inherit !important;}
  body.td-view-instructor .td-icon-btn--danger{border-color:rgba(61,48,39,.12) !important;}
}

/* 2.8.8.9 – separata fixar efter test: meta under namn, instruktörsknappar och övningsväljare. */
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-user-exercises-list .td-user-exercise-card__row{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:start !important;
  justify-content:start !important;
  gap:4px 8px !important;
}
body.td-shell-route-unified .td-units-list__main,
body.td-shell-route-unified .td-user-exercise-card__main{
  grid-column:2 !important;
  min-width:0 !important;
  display:block !important;
}
body.td-shell-route-unified .td-units-list__title{
  display:inline !important;
  flex:none !important;
  min-width:0 !important;
}
body.td-shell-route-unified .td-units-list__row > .td-unit-favorite-static,
body.td-shell-route-unified .td-units-list__row > .td-icon-btn--favorite,
body.td-shell-route-unified .td-units-list__row > .td-user-exercise-favorite-btn,
body.td-shell-route-unified .td-user-exercise-card__row > .td-unit-favorite-static,
body.td-shell-route-unified .td-user-exercise-card__row > .td-icon-btn--favorite,
body.td-shell-route-unified .td-user-exercise-card__row > .td-user-exercise-favorite-btn{
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:4px !important;
}
body.td-shell-route-unified .td-units-list__meta,
body.td-shell-route-unified .td-units-list__row > .td-units-list__meta,
body.td-shell-route-unified .td-user-exercise-card__main .td-units-list__meta{
  display:block !important;
  grid-column:2 / -1 !important;
  grid-row:2 !important;
  margin:3px 0 0 0 !important;
  white-space:normal !important;
  text-align:left !important;
}
body.td-shell-route-unified .td-weekplan-editor__item--selected,
body.td-shell-route-unified .td-weekplan-editor__item--suggested,
body.td-page .td-weekplan-editor__item--selected,
body.td-page .td-weekplan-editor__item--suggested{
  grid-template-columns:auto auto auto minmax(0,1fr) !important;
  justify-content:start !important;
  column-gap:6px !important;
}
body.td-shell-route-unified .td-weekplan-editor__label,
body.td-page .td-weekplan-editor__label{
  grid-column:2 !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}
body.td-shell-route-unified .td-weekplan-editor__item .td-unit-favorite-static,
body.td-page .td-weekplan-editor__item .td-unit-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__item .td-icon-btn--favorite,
body.td-page .td-weekplan-editor__item .td-icon-btn--favorite,
body.td-shell-route-unified .td-weekplan-editor__item .td-user-exercise-favorite-btn,
body.td-page .td-weekplan-editor__item .td-user-exercise-favorite-btn{
  grid-column:3 !important;
  justify-self:start !important;
  margin-left:3px !important;
}
@media (max-width: 767px){
  body.td-view-instructor .td-instructor-card__actions .td-icon-btn--ghost,
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn--ghost{
    display:none !important;
  }
  body.td-view-instructor .td-instructor-card__actions .td-icon-btn:not(.td-icon-btn--ghost),
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn:not(.td-icon-btn--ghost){
    background:rgba(255,250,244,.55) !important;
    border:1px solid rgba(61,48,39,.12) !important;
    color:inherit !important;
  }
  body.td-view-instructor .td-instructor-card__actions .td-icon-btn--danger,
  body.td-view-instructor .td-entries-mobile-card__actions .td-icon-btn--danger{
    border-color:rgba(61,48,39,.12) !important;
  }
}

/* 2.8.8.10 / 2533-2535 – final exercise list alignment and static own-favorite stars. */
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-user-exercises-list .td-user-exercise-card__row{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:start !important;
  gap:2px 8px !important;
}
body.td-shell-route-unified .td-units-list__check,
body.td-shell-route-unified .td-user-exercise-card__row > .td-units-list__check{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  padding-top:.5em !important;
  margin:0 !important;
}
body.td-shell-route-unified .td-units-list__main,
body.td-shell-route-unified .td-user-exercise-card__main{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
}
body.td-shell-route-unified .td-units-list__title{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:7px !important;
  line-height:1.35 !important;
}
body.td-shell-route-unified .td-units-list__meta,
body.td-shell-route-unified .td-user-exercise-card__main .td-units-list__meta{
  display:block !important;
  margin:2px 0 0 0 !important;
  text-align:left !important;
  white-space:normal !important;
}
body.td-shell-route-unified .td-user-exercise-card__row > .td-user-exercise-favorite-static,
body.td-shell-route-unified .td-units-list__row > .td-user-exercise-favorite-static{
  display:inline-flex !important;
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:start !important;
  align-self:baseline !important;
  margin-left:7px !important;
  transform:translateX(var(--td-own-star-offset, 0));
}
body.td-shell-route-unified .td-user-exercise-single__header .td-user-exercise-favorite-btn{
  display:inline-flex !important;
}

/* 2.8.8.11 / 2536-2543 – mobile filter, own-exercise list/header/favorite cleanup. */
body.td-shell-route-unified .td-filter-form__field--checkbox,
body.td-shell-route-unified .td-filter-form__field--checkbox input + span,
body.td-shell-route-unified label:has(> input[name="td_favorites_only"]),
body.td-shell-route-unified label:has(> input#td-weekplan-add-favorites-only),
body.td-shell-route-unified label:has(> input#td-weekplan-add-own-only){
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
}
body.td-view-units .td-actions--units-tabs .button-primary,
body.td-view-units .td-actions--units-tabs .button[aria-current="page"]{
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);
}
body.td-view-units .td-user-exercises-topbar{
  justify-content:flex-end !important;
  margin:-4px 0 12px !important;
}
body.td-view-units .td-user-exercise-add-plus{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:28px !important;
  line-height:1 !important;
}
body.td-view-units .td-user-exercises-filter-form{
  margin:0 0 16px !important;
}
@media (max-width: 781.98px){
  body.td-view-units .td-units-filter-form,
  body.td-view-units .td-user-exercises-filter-form{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:end !important;
    gap:12px !important;
  }
  body.td-view-units .td-units-filter-form .td-filter-form__field,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field{
    min-width:0 !important;
    width:100% !important;
  }
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox{
    grid-column:auto !important;
    align-self:center !important;
    width:max-content !important;
    max-width:100% !important;
  }
}
body.td-shell-route-unified .td-units-list__row,
body.td-shell-route-unified .td-user-exercises-list .td-user-exercise-card__row{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:start !important;
  gap:2px 8px !important;
}
body.td-shell-route-unified .td-units-list__check,
body.td-shell-route-unified .td-user-exercise-card__row > .td-units-list__check{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  padding-top:.5em !important;
  margin:0 !important;
}
body.td-shell-route-unified .td-units-list__main,
body.td-shell-route-unified .td-user-exercise-card__main{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  text-align:left !important;
}
body.td-shell-route-unified .td-units-list__title{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:7px !important;
  line-height:1.35 !important;
  text-align:left !important;
}
body.td-shell-route-unified .td-units-list__meta,
body.td-shell-route-unified .td-user-exercise-card__main .td-units-list__meta{
  display:block !important;
  margin:3px 0 0 0 !important;
  text-align:left !important;
  white-space:normal !important;
}
body.td-shell-route-unified .td-units-list__title .td-unit-favorite-static,
body.td-shell-route-unified .td-units-list__title .td-user-exercise-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__titleline .td-unit-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__titleline .td-user-exercise-favorite-static{
  display:inline-flex !important;
  position:static !important;
  margin:0 0 0 3px !important;
  transform:none !important;
  line-height:1 !important;
  align-self:baseline !important;
}
body.td-shell-route-unified .td-user-exercise-single__header{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
}
body.td-shell-route-unified .td-user-exercise-single__header .td-entry-inline-header__actions{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:auto !important;
}
body.td-shell-route-unified .td-icon-btn--favorite,
body.td-shell-route-unified .td-unit-favorite-btn,
body.td-shell-route-unified .td-user-exercise-favorite-btn,
body.td-shell-route-unified .td-unit-favorite-static,
body.td-shell-route-unified .td-user-exercise-favorite-static{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
body.td-shell-route-unified .td-user-exercise-edit-btn{
  background:rgba(255,250,244,.55) !important;
  border:1px solid rgba(61,48,39,.12) !important;
}

/* 2.8.8.12 – kvarvarande layoutfixar */
body.td-shell-route-unified .td-user-exercise-modal.is-open,
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{
  position:fixed !important; top:50% !important; left:50% !important; right:auto !important; bottom:auto !important;
  transform:translate(-50%,-50%) !important; width:min(760px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important; max-height:calc(100vh - 48px) !important; overflow:auto !important; z-index:5001 !important;
}
body.admin-bar.td-shell-route-unified .td-user-exercise-modal.is-open,
body.admin-bar.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{top:calc(50% + 16px) !important;}
body.td-shell-route-unified .td-user-exercise-modal-backdrop.is-open{position:fixed !important; inset:0 !important; z-index:5000 !important;}
body.td-shell-route-unified .td-user-exercise-single__content,
body.td-shell-route-unified .td-user-exercise-single__content iframe,
body.td-shell-route-unified .td-user-exercise-single__content .wp-video,
body.td-shell-route-unified .td-user-exercise-single__content .wp-embedded-content,
body.td-shell-route-unified .td-user-exercise-single__content .td-video-embed{max-width:100% !important; box-sizing:border-box !important;}
body.td-shell-route-unified .td-user-exercise-single__content iframe,
body.td-shell-route-unified .td-user-exercise-single__content .td-video-embed{width:100% !important;}
body.td-view-units .td-user-exercises-header{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; margin:14px 0 12px !important;}
body.td-view-units .td-user-exercises-header .td-icon-btn{flex:0 0 auto !important;}
body.td-view-units .td-checkbox-inline,
body.td-view-exercises .td-checkbox-inline,
body.td-view-units label:has(> input[type="checkbox"]),
body.td-view-exercises label:has(> input[type="checkbox"]){display:inline-flex !important; align-items:center !important; gap:8px !important; white-space:nowrap !important; max-width:100% !important;}


/* Component owner overrides, part B.
 * Extracted from td-components-overrides.css in 2.27.18. */
  body.td-view-exercises .td-exercises-filter-form{display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:end !important; overflow:hidden !important;}
  body.td-view-units .td-units-filter-form .td-filter-form__field,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field{min-width:0 !important; width:100% !important;}
  body.td-view-units .td-units-filter-form .td-filter-form__field--search,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--search,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--search{grid-column:1 / -1 !important;}
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{grid-column:1 / -1 !important; justify-self:start !important; width:auto !important; max-width:100% !important;}
}
body.td-view-instructor .td-instructor-pass-table .td-icon-btn,
body.td-view-instructor .td-instructor-students-table .td-icon-btn,
body.td-view-instructor .td-instructor-table .td-icon-btn{background:var(--td-color-surface-warm-alt, #fff9f3) !important; border:1px solid var(--td-color-divider-black-10) !important; color:var(--td-color-accent-dark, #bf5b18) !important;}
body.td-view-instructor .td-instructor-pass-table .td-icon-btn--danger,
body.td-view-instructor .td-instructor-students-table .td-icon-btn--danger,
body.td-view-instructor .td-instructor-table .td-icon-btn--danger{border:1px solid var(--td-color-divider-black-10) !important; color:var(--td-color-accent-dark, #bf5b18) !important;}
body.td-view-list_inspiration .td-inspiration-table td,
body.td-view-list_inspiration .td-inspiration-table th,
body.td-view-list_inspiration .td-entry-date,
body.td-view-list_inspiration .td-pass-list__date,
body.td-view-list_inspiration time,
body.td-view-instructor .td-instructor-pass-table td,
body.td-view-instructor .td-instructor-students-table td,
body.td-view-instructor .td-instructor-pass-table time,
body.td-view-instructor .td-instructor-students-table time{white-space:nowrap !important;}
body.td-shell-route-unified .td-edit-question,
body.td-shell-route-unified .td-field,
body.td-shell-route-unified .td-weekplan-inline-note,
body.td-shell-route-unified .td-entry-training-categories,
body.td-shell-route-unified .td-entry-training-focus{margin-top:18px !important;}
.td-entry-training-focus__fieldset{border:none;padding:0;margin:0}
.td-entry-training-focus__legend{display:block;margin-bottom:10px}
.td-entry-training-focus__list{display:flex;flex-wrap:wrap;gap:8px}
.td-entry-training-focus__option{display:flex;align-items:center;gap:6px;cursor:pointer}
body.td-shell-route-unified .td-group-title + .td-edit-question,
body.td-shell-route-unified .td-group-title + .td-field{margin-top:8px !important;}
/* 2.8.8.12 – placering/stil för plusknapp egna övningar */
body.td-view-units .td-user-exercises-topbar{display:flex !important; align-items:center !important; justify-content:flex-end !important; margin:0 0 12px !important;}
body.td-view-units .td-user-exercise-add-action{margin:0 !important;}
body.td-view-units .td-user-exercise-add-plus{width:44px !important; min-width:44px !important; height:44px !important; padding:0 !important; border-radius:14px !important; font-size:20px !important; line-height:1 !important;}

/* 2.8.8.13 – stabilisering efter test: modal, mobilfilter, embed och actions. */
body.td-shell-route-unified .td-user-exercise-modal-backdrop.is-open,
body.td-shell-route-unified .td-modal-backdrop.td-user-exercise-modal-backdrop.is-open{
  position:fixed !important;
  inset:0 !important;
  z-index:99998 !important;
  display:block !important;
  background:rgba(59,47,40,.26) !important;
}
body.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open,
body.td-shell-route-unified section.td-user-exercise-form-card.td-user-exercise-modal.is-open{
  position:fixed !important;
  inset:auto !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  width:min(760px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important;
  max-height:calc(100dvh - 48px) !important;
  overflow:auto !important;
  z-index:99999 !important;
  box-sizing:border-box !important;
}
body.admin-bar.td-shell-route-unified .td-user-exercise-form-card.td-user-exercise-modal.is-open{
  top:calc(50% + 16px) !important;
}
@media (max-width:781.98px){
  body.td-view-units .td-units-filter-form,
  body.td-view-units .td-user-exercises-filter-form,
  body.td-view-exercises .td-exercises-filter-form{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:end !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--search,
  body.td-view-units .td-units-filter-form .td-filter-form__field--search,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--search{
    grid-column:1 / -1 !important;
  }
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox input,
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox input,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox input{
    flex:0 0 auto !important;
  }
}
body.td-view-units .td-user-exercises-topbar,
body.td-view-units .td-user-exercises-header{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 12px !important;
}
body.td-view-units .td-user-exercise-add-action{
  margin:0 !important;
}
body.td-view-units .td-user-exercise-add-plus{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border-radius:14px !important;
  line-height:1 !important;
}
body.td-shell-route-unified .td-user-exercise-single__content{
  overflow:hidden !important;
  max-width:100% !important;
}
body.td-shell-route-unified .td-user-exercise-single__content iframe,
body.td-shell-route-unified .td-user-exercise-single__content embed,
body.td-shell-route-unified .td-user-exercise-single__content object,
body.td-shell-route-unified .td-user-exercise-single__content video,
body.td-shell-route-unified .td-user-exercise-single__content .wp-video,
body.td-shell-route-unified .td-user-exercise-single__content .wp-embedded-content,
body.td-shell-route-unified .td-user-exercise-single__content .td-video-embed,
body.td-shell-route-unified .td-user-exercise-single__content .embed-youtube{
  display:block !important;
  max-width:100% !important;
  width:100% !important;
  box-sizing:border-box !important;
}
body.td-shell-route-unified .td-user-exercise-single__content iframe,
body.td-shell-route-unified .td-user-exercise-single__content .td-video-embed{
  aspect-ratio:16/9 !important;
  height:auto !important;
}

/* 2.8.8.14 – stabilisering efter 2.8.8.13-test. */
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  width:auto !important;
  min-width:max-content !important;
}
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox span,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox span,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox span{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  white-space:nowrap !important;
}
@media (max-width:781.98px){
  body.td-view-units .td-user-exercises-filter-form,
  body.td-view-units .td-units-filter-form,
  body.td-view-exercises .td-exercises-filter-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:visible !important;
  }
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
  body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    max-width:100% !important;
  }
}
body.td-view-list_inspiration .td-inspiration-table td,
body.td-view-instructor .td-instructor-pass-table td,
body.td-view-instructor .td-instructor-students-table td{
  white-space:normal !important;
}
body.td-view-list_inspiration .td-entry-date,
body.td-view-list_inspiration .td-pass-list__date,
body.td-view-list_inspiration time,
body.td-view-instructor .td-instructor-pass-table time,
body.td-view-instructor .td-instructor-students-table time{
  white-space:nowrap !important;
}
body.td-view-list_inspiration .td-pass-list__title,
body.td-view-list_inspiration .td-inspiration-card__title,
body.td-view-instructor .td-instructor-sent__item-title,
body.td-view-instructor .td-instructor-pass-table td:first-child,
body.td-view-instructor .td-instructor-students-table td:first-child{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

/* 2.8.8.18 – flikar/egen övning/mobilfilter/kategoricheckboxar. */
body.td-view-units .td-actions--units-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 auto 12px !important;
  width:100% !important;
  max-width:1080px !important;
  padding:0 0 0 !important;
}
body.td-view-units .td-actions--units-tabs .button{
  border-radius:5px !important;
}
body.td-view-units .td-actions--units-tabs .button.is-active,
body.td-view-units .td-actions--units-tabs .button[aria-current="page"]{
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.22) !important;
}
body.td-view-units .td-card:has(.td-user-exercises-tab){
  position:relative !important;
}
body.td-view-units .td-user-exercises-topbar{
  position:absolute !important;
  top:22px !important;
  right:22px !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin:0 !important;
  width:auto !important;
}
body.td-view-units .td-user-exercise-add-action{margin:0 !important;}
body.td-view-units .td-user-exercise-add-plus{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:20px !important;
}
body.td-view-units .td-user-exercises-filter-form{
  padding-top:48px !important;
}
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:fit-content !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
}
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox input,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox input,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox input{
  margin:0 !important;
  flex:0 0 auto !important;
}
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox span,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox span,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox span{
  margin:0 !important;
  flex:0 1 auto !important;
  white-space:nowrap !important;
}
body.td-shell-route-unified .td-entry-category-checkboxes,
body.td-shell-route-unified .td-user-exercise-tax-field .td-entry-category-checkboxes{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  align-items:center !important;
}
body.td-shell-route-unified .td-checkbox-inline,
body.td-shell-route-unified .td-entry-category-checkbox{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
}
@media (max-width:781.98px){
  body.td-view-units .td-actions--units-tabs{
    padding:0 22px !important;
    margin-bottom:12px !important;
  }
  body.td-view-units .td-user-exercises-filter-form,
  body.td-view-units .td-units-filter-form{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:end !important;
    overflow:visible !important;
  }
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    width:fit-content !important;
  }
}

/* 2.8.8.19 – slutlig units/filter/flik-fix. */
body.td-view-units .td-actions--units-tabs .button:not(.is-active):not([aria-current="page"]){
  background:#fff9f3 !important;
  color:#1f1f1f !important;
  border:1px solid rgba(59,47,40,.18) !important;
  box-shadow:none !important;
}
body.td-view-units .td-actions--units-tabs .button.is-active,
body.td-view-units .td-actions--units-tabs .button[aria-current="page"]{
  background:#c65a1e !important;
  color:#fff !important;
  border-color:#c65a1e !important;
}
body.td-view-units .td-card:has(.td-user-exercises-tab){
  position:relative !important;
  padding-top:28px !important;
}
body.td-view-units .td-user-exercises-topbar{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  z-index:5 !important;
  margin:0 !important;
}
body.td-view-units .td-user-exercise-add-plus{
  background:#c65a1e !important;
  color:#fff !important;
  border:1px solid #c65a1e !important;
}
body.td-view-units .td-units-filter-form,
body.td-view-units .td-user-exercises-filter-form{
  display:grid !important;
  grid-template-columns:minmax(130px,1fr) minmax(110px,.8fr) minmax(180px,1.15fr) max-content max-content !important;
  gap:12px !important;
  align-items:end !important;
  overflow:visible !important;
}
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
  display:inline-grid !important;
  grid-template-columns:18px max-content !important;
  column-gap:6px !important;
  align-items:center !important;
  justify-content:start !important;
  justify-self:start !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
}
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox input,
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox input,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox input{
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  margin:0 !important;
  justify-self:start !important;
}
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox span,
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox span,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox span{
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
}
body.td-shell-route-unified .td-entry-category-checkboxes .td-checkbox-inline,
body.td-shell-route-unified .td-checkbox-inline{
  gap:5px !important;
  margin-right:12px !important;
  margin-bottom:8px !important;
}
@media (max-width:781.98px){
  body.td-view-units .td-card:has(.td-user-exercises-tab){padding-top:72px !important;}
  body.td-view-units .td-user-exercises-topbar{top:18px !important;right:18px !important;}
  body.td-view-units .td-units-filter-form,
  body.td-view-units .td-user-exercises-filter-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
  }
  body.td-view-units .td-units-filter-form .td-filter-form__field:nth-of-type(3),
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field:nth-of-type(3){
    grid-column:1 / -1 !important;
  }
  body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
  body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox{
    grid-column:1 / -1 !important;
  }
  body.td-view-units .td-units-filter-form .button,
  body.td-view-units .td-user-exercises-filter-form .button{
    grid-column:1 / -1 !important;
    justify-self:start !important;
  }
}

/* 2.8.8.20 – kvarvarande units/flikar/entry-meta/övningsväljare. */
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs a.button:not(.is-active):not([aria-current="page"]),
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs button.button:not(.is-active):not([aria-current="page"]){
  background:#fff9f3 !important;
  color:#1f1f1f !important;
  border:1px solid rgba(59,47,40,.18) !important;
  box-shadow:none !important;
}
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs a.button.is-active,
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs a.button[aria-current="page"]{
  background:#c65a1e !important;
  color:#fff !important;
  border-color:#c65a1e !important;
}
body.td-shell-route-unified .td-entry-meta--training-categories .td-entry-meta__row{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  column-gap:8px !important;
  align-items:baseline !important;
}
body.td-shell-route-unified .td-entry-meta--training-categories .td-entry-meta__label{
  white-space:nowrap !important;
}
body.td-shell-route-unified .td-entry-meta--training-categories .td-entry-meta__value{
  display:block !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}
body.td-shell-route-unified .td-weekplan-editor__item,
body.td-shell-route-unified .td-weekplan-editor__item *{
  font-size:16px !important;
  line-height:1.35 !important;
}
body.td-shell-route-unified .td-weekplan-editor__meta{
  font-size:14px !important;
}

/* 2.8.8.22 – gemensam flikstil för övningsvyer och tajtare filtercheckboxar. */
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) a.button:not(.is-active):not([aria-current="page"]),
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) button.button:not(.is-active):not([aria-current="page"]){
  background:#fff9f3 !important;
  color:#1f1f1f !important;
  border:1px solid rgba(59,47,40,.18) !important;
  box-shadow:none !important;
}
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) a.button.is-active,
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) a.button[aria-current="page"],
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) button.button.is-active,
body.td-shell-route-unified .td-main :is(.td-actions--units-tabs,.td-actions--courses-toggle) button.button[aria-current="page"]{
  background:#c65a1e !important;
  color:#fff !important;
  border-color:#c65a1e !important;
}
body.td-view-exercises .td-actions--courses-toggle{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 auto 12px !important;
  width:100% !important;
  max-width:1080px !important;
}
body.td-view-units .td-user-exercises-filter-form .td-filter-form__field--checkbox,
body.td-view-units .td-units-filter-form .td-filter-form__field--checkbox,
body.td-view-exercises .td-exercises-filter-form .td-filter-form__field--checkbox{
  grid-template-columns:auto max-content !important;
  column-gap:6px !important;
}


/* 2.8.8.23 – starkare flik- och förifyllsregler. */
body.td-shell-route-unified.td-view-exercises .td-main .td-actions--courses-toggle > a.button:not(.is-active):not([aria-current="page"]),
body.td-shell-route-unified.td-view-exercises .td-main .td-actions--courses-toggle > button.button:not(.is-active):not([aria-current="page"]),
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs > a.button:not(.is-active):not([aria-current="page"]),
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs > button.button:not(.is-active):not([aria-current="page"]){
  background:#fff9f3 !important;
  background-color:#fff9f3 !important;
  color:#3b2f28 !important;
  border:1px solid rgba(59,47,40,.24) !important;
  box-shadow:none !important;
}
body.td-shell-route-unified.td-view-exercises .td-main .td-actions--courses-toggle > a.button.is-active,
body.td-shell-route-unified.td-view-exercises .td-main .td-actions--courses-toggle > a.button[aria-current="page"],
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs > a.button.is-active,
body.td-shell-route-unified.td-view-units .td-main .td-actions--units-tabs > a.button[aria-current="page"]{
  background:#c65a1e !important;
  background-color:#c65a1e !important;
  color:#fff !important;
  border-color:#c65a1e !important;
}
body.td-shell-route-unified .td-weekplan-editor__list--prefill{
  margin:8px 0 0 !important;
}

/* 2.8.8.24 – förifyllda övningar ska inte kollapsa till smala gridkolumner. */
body.td-shell-route-unified .td-weekplan-editor__list--prefill{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  padding-left:1.25rem !important;
  margin:8px 0 0 !important;
}
body.td-shell-route-unified .td-weekplan-editor__list--prefill .td-weekplan-editor__item,
body.td-shell-route-unified .td-weekplan-editor__list--prefill .td-weekplan-editor__item--selected{
  display:list-item !important;
  width:auto !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* 2.8.9.10 – Q&A statusfilter. td-qa-main-tabs (#502, Frågestunder/Mina frågor)
   återanvänder samma .td-filter-tab-markup och ska se likadan ut. */
.td-qa-status-tabs,
.td-qa-main-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
.td-qa-status-tabs .td-filter-tab,
.td-qa-main-tabs .td-filter-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(47,42,38,.14);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:inherit;
  text-decoration:none !important;
  line-height:1.2;
}
.td-qa-status-tabs .td-filter-tab.is-active,
.td-qa-main-tabs .td-filter-tab.is-active{
  border-color:var(--td-color-primary, #c85b1e);
  background:var(--td-color-primary, #c85b1e);
  color:#fff;
}

/* 2.8.9.11 – inspelade frågestunder använder samma datumkort-/knappkänsla som kommande frågestund. */
body.td-shell-route-unified .td-qa-recording-list{display:grid;gap:16px;}
body.td-shell-route-unified .td-qa-recording-row{align-items:flex-start;}
body.td-shell-route-unified .td-qa-recording-row__title{margin:0 0 4px;}
body.td-shell-route-unified .td-qa-recording-row__actions{margin-top:10px;}

/* 2.8.9.12 – Bring a friend summary in offer/account cards. */
.td-baf-summary{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 4px;}
.td-baf-summary>div{min-width:140px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(101,63,34,.12);}

/* 2.8.9.26 – Q&A filter: aktiv flik ska vara läsbar även med orange primärfärg. */
.td-qa-status-tabs .td-filter-tab.is-active,
.td-qa-status-tabs .td-filter-tab.is-active:visited,
.td-qa-status-tabs .td-filter-tab.is-active:hover,
.td-qa-status-tabs .td-filter-tab.is-active:focus,
.td-qa-main-tabs .td-filter-tab.is-active,
.td-qa-main-tabs .td-filter-tab.is-active:visited,
.td-qa-main-tabs .td-filter-tab.is-active:hover,
.td-qa-main-tabs .td-filter-tab.is-active:focus{
  color:#fff9f3 !important;
}

/* 2.8.9.27 – Ta med en kompis: bredare frontendkort och tydligare bonusnotis. */
.td-offers-grid--baf{
  grid-template-columns:minmax(0, 1fr) !important;
  max-width:980px;
  width:100%;
}
.td-offer-card--baf{
  max-width:980px;
  width:100%;
}
.td-offer-card--baf .td-share-actions-row--url input{
  width:100%;
}
.td-baf-hurra{
  margin:0 0 12px;
}

/* 2.8.9.35 – Ta med en kompis har egen frontendvy under Inställningar. */
.td-baf-page{
  width:100%;
}
.td-baf-card{
  max-width:980px;
  margin-inline:auto;
}
.td-baf-card__body{
  gap:18px;
}
.td-baf-intro{
  max-width:760px;
}
.td-baf-summary--four{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:12px 0 4px;
}
.td-baf-summary--four>div{
  min-width:0;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(101,63,34,.12);
}
.td-baf-sharebox{
  max-width:760px;
}
.td-baf-url-input{
  width:100%;
  max-width:760px;
}
@media (max-width: 900px){
  .td-baf-summary--four{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 560px){
  .td-baf-summary--four{grid-template-columns:1fr;}
}

/* 2.8.9.36 – Ta med en kompis: egen vy ska inte ärva help-cardens tvåkolumnslayout. */
body.td-shell-route-unified.td-view-bring_a_friend .td-settings-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 16px !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .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-view-bring_a_friend .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-view-bring_a_friend .td-baf-page{
  width:100% !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-card{
  width:100% !important;
  max-width:none !important;
  display:block !important;
  grid-template-columns:1fr !important;
  overflow:visible !important;
  padding:24px !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-card__body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:20px !important;
  width:100% !important;
  max-width:none !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-intro,
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-sharebox,
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-url-input{
  max-width:860px !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-summary--four{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(150px,1fr)) !important;
  gap:14px !important;
}
body.td-shell-route-unified.td-view-bring_a_friend .td-baf-summary--four>div{
  min-width:0 !important;
}
@media (max-width: 900px){
  body.td-shell-route-unified.td-view-bring_a_friend .td-baf-summary--four{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 560px){
  body.td-shell-route-unified.td-view-bring_a_friend .td-baf-card{
    padding:18px !important;
  }
  body.td-shell-route-unified.td-view-bring_a_friend .td-baf-summary--four{
    grid-template-columns:1fr !important;
  }
}


/* 2.8.10.16 – medlemslåsta blogginlägg i inspirationsarkivet */
.td-club-post-card__media {
    margin: 0 0 0.75rem;
    overflow: hidden;
    border-radius: 12px;
}

.td-club-post-card__image {
    display: block;
    width: 100%;
    height: auto;
}


/* 2.8.10.19 – medlemslåsta blogginlägg som kompakt lista med bild till vänster. */
.td-club-post-card {
    display: grid;
    grid-template-columns: minmax(96px, 160px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.td-club-post-card__media {
    margin: 0;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

.td-club-post-card__media img,
.td-club-post-card__image {
    display: block;
    width: 100%;
    height: 112px;
    object-fit: cover;
}

.td-club-post-card__content {
    min-width: 0;
}

@media (max-width: 560px) {
    .td-club-post-card {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 12px;
    }

    .td-club-post-card__media img,
    .td-club-post-card__image {
        height: 82px;
    }
}

/* 2.8.11.12 – instruktörsvy: håll autocomplete-resultat inom formuläret. */
body.td-view-instructor .td-instructor-picker {
    position: relative;
    max-width: 100%;
}

body.td-view-instructor .td-instructor-results.td-weekplan-results {
    display: flex !important;
    flex-direction: column !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.td-view-instructor .td-instructor-results.td-weekplan-results:empty {
    display: none !important;
}

body.td-view-instructor .td-instructor-results__item--unit {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
}

body.td-view-instructor .td-instructor-results__add {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    min-width: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

body.td-view-instructor .td-instructor-results__view,
body.td-view-instructor .td-instructor-selected__label-link {
    color: var(--td-shell-accent, var(--td-shell-primary));
    text-decoration: none;
}

body.td-view-instructor .td-instructor-results__view {
    white-space: nowrap;
    font-weight: 700;
}
/* 2.8.11.19 – instruktörens övningsväljare: backa mobilstackning av sökresultat och gör långa namn läsbara. */
body.td-view-instructor #td-instructor-unit-search,
body.td-view-instructor #td-instructor-recipient-search {
  font-size: 16px;
  line-height: 1.4;
}

body.td-view-instructor .td-instructor-selected {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.td-view-instructor .td-instructor-selected__item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  align-items: start !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.td-view-instructor .td-instructor-selected__label,
body.td-view-instructor .td-instructor-selected__label-link {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.td-view-instructor .td-instructor-selected__remove {
  justify-self: end !important;
  width: 28px !important;
  min-width: 28px !important;
  padding-left: 0 !important;
  text-align: center !important;
}

body.td-view-instructor .td-instructor-results__primary {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 600px) {
  body.td-view-instructor .td-instructor-results__item--unit {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
  }

  body.td-view-instructor .td-instructor-results__add {
    min-width: 0 !important;
  }

  body.td-view-instructor .td-instructor-results__primary,
  body.td-view-instructor .td-instructor-selected__label,
  body.td-view-instructor .td-instructor-selected__label-link {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body.td-view-instructor .td-instructor-results__view {
    justify-self: end !important;
    align-self: start !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding-top: 2px !important;
  }

  body.td-view-instructor .td-instructor-results .td-ac-item:hover,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item:hover,
  body.td-view-instructor .td-weekplan-results .td-ac-item:hover,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item:hover,
  body.td-view-instructor .td-instructor-results .td-ac-item:focus,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus,
  body.td-view-instructor .td-weekplan-results .td-ac-item:focus,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus {
    background: var(--td-color-white) !important;
  }
}


/* 2.8.11.20 – instruktörens övningsväljare: mer höjd för långa namn och ingen störande touch/hover-state. */
body.td-view-instructor .td-instructor-selected__item {
  height: auto !important;
  min-height: 64px !important;
  padding: 14px 14px !important;
  align-items: start !important;
  background: var(--td-color-white) !important;
}

body.td-view-instructor .td-instructor-results__item--unit,
body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-weekplan-results .td-ac-item {
  height: auto !important;
  min-height: 62px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  background: var(--td-color-white) !important;
}

body.td-view-instructor .td-instructor-results__primary,
body.td-view-instructor .td-instructor-selected__label,
body.td-view-instructor .td-instructor-selected__label-link {
  line-height: 1.45 !important;
}

body.td-view-instructor .td-instructor-selected__item:hover,
body.td-view-instructor .td-instructor-selected__item:focus,
body.td-view-instructor .td-instructor-selected__item:focus-within,
body.td-view-instructor .td-instructor-selected__item:active,
body.td-view-instructor .td-instructor-results .td-ac-item:hover,
body.td-view-instructor .td-instructor-results .td-ac-item:focus,
body.td-view-instructor .td-instructor-results .td-ac-item:active,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:hover,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:active,
body.td-view-instructor .td-weekplan-results .td-ac-item:hover,
body.td-view-instructor .td-weekplan-results .td-ac-item:focus,
body.td-view-instructor .td-weekplan-results .td-ac-item:active,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:hover,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:active {
  background: var(--td-color-white) !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  body.td-view-instructor .td-instructor-selected__item {
    min-height: 72px !important;
    padding: 15px 14px !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
  }

  body.td-view-instructor .td-instructor-results__item--unit,
  body.td-view-instructor .td-instructor-results .td-ac-item,
  body.td-view-instructor .td-weekplan-results .td-ac-item {
    min-height: 70px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  body.td-view-instructor .td-instructor-results__primary,
  body.td-view-instructor .td-instructor-selected__label,
  body.td-view-instructor .td-instructor-selected__label-link {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}


/* 2.8.11.21 – instruktörens övningsväljare: långa mobilnamn ska få egen höjd och ingen orange touch-state. */
@media (max-width: 600px) {
  body.td-view-instructor .td-instructor-results.td-weekplan-results {
    max-height: 360px !important;
  }

  body.td-view-instructor .td-instructor-results__item--unit,
  body.td-view-instructor .td-instructor-results .td-ac-item,
  body.td-view-instructor .td-weekplan-results .td-ac-item,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 96px !important;
    padding: 14px 12px !important;
    overflow: visible !important;
    background: var(--td-color-white) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.td-view-instructor .td-instructor-results__primary,
  body.td-view-instructor .td-instructor-results .td-ac-item > span:first-child,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item > span:first-child,
  body.td-view-instructor .td-weekplan-results .td-ac-item > span:first-child,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item > span:first-child {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.td-view-instructor .td-instructor-results__view {
    justify-self: end !important;
    align-self: start !important;
    width: auto !important;
    min-width: 38px !important;
    padding-top: 1px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.td-view-instructor .td-instructor-selected__item {
    min-height: 88px !important;
    padding: 14px 12px !important;
    overflow: visible !important;
    background: var(--td-color-white) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.td-view-instructor .td-instructor-selected__label,
  body.td-view-instructor .td-instructor-selected__label-link {
    font-size: 14px !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
  }

  body.td-view-instructor .td-instructor-selected__item:hover,
  body.td-view-instructor .td-instructor-selected__item:focus,
  body.td-view-instructor .td-instructor-selected__item:focus-within,
  body.td-view-instructor .td-instructor-selected__item:active,
  body.td-view-instructor .td-instructor-results .td-ac-item:hover,
  body.td-view-instructor .td-instructor-results .td-ac-item:focus,
  body.td-view-instructor .td-instructor-results .td-ac-item:active,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item:hover,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item:active,
  body.td-view-instructor .td-weekplan-results .td-ac-item:hover,
  body.td-view-instructor .td-weekplan-results .td-ac-item:focus,
  body.td-view-instructor .td-weekplan-results .td-ac-item:active,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item:hover,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item:active {
    background: var(--td-color-white) !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
  }
}

/* 2.8.11.23 – instruktörens övningsväljare: mobilrader ska växa efter långa namn och redan valda övningar döljs i JS. */
@media (max-width: 600px) {
  body.td-view-instructor .td-instructor-results.td-weekplan-results {
    gap: 0 !important;
  }

  body.td-view-instructor .td-instructor-results__item--unit,
  body.td-view-instructor .td-instructor-results .td-instructor-results__item--unit,
  body.td-view-instructor .td-weekplan-results .td-instructor-results__item--unit {
    position: relative !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 62px 12px 12px !important;
    overflow: visible !important;
    background: var(--td-color-white) !important;
    color: inherit !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.td-view-instructor .td-instructor-results__add {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.td-view-instructor .td-instructor-results__primary,
  body.td-view-instructor .td-instructor-results__add .td-instructor-results__primary {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.td-view-instructor .td-instructor-results__view {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 36px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body.td-view-instructor .td-instructor-results__item--unit:hover,
  body.td-view-instructor .td-instructor-results__item--unit:focus,
  body.td-view-instructor .td-instructor-results__item--unit:focus-within,
  body.td-view-instructor .td-instructor-results__item--unit:active,
  body.td-view-instructor .td-instructor-results__add:hover,
  body.td-view-instructor .td-instructor-results__add:focus,
  body.td-view-instructor .td-instructor-results__add:active {
    background: var(--td-color-white) !important;
    color: inherit !important;
    outline: none !important;
    box-shadow: none !important;
  }
}


/* 2.8.11.24 – instruktörens övningsväljare: neutralisera orange hover/touch-state på faktisk button/row/link-nivå. */
body.td-view-instructor .td-instructor-results,
body.td-view-instructor .td-instructor-results.td-weekplan-results,
body.td-view-instructor .td-instructor-results__item,
body.td-view-instructor .td-instructor-results__item--unit,
body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-weekplan-results .td-ac-item,
body.td-view-instructor .td-instructor-results__add,
body.td-view-instructor .td-instructor-results__primary,
body.td-view-instructor .td-instructor-results__view {
  -webkit-tap-highlight-color: transparent !important;
}

body.td-view-instructor .td-instructor-results__item--unit,
body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-weekplan-results .td-ac-item {
  background-color: var(--td-color-white) !important;
  background-image: none !important;
}

body.td-view-instructor .td-instructor-results__add,
body.td-view-instructor .td-instructor-results__add:hover,
body.td-view-instructor .td-instructor-results__add:focus,
body.td-view-instructor .td-instructor-results__add:focus-visible,
body.td-view-instructor .td-instructor-results__add:active,
body.td-view-instructor .td-instructor-results__add[aria-pressed="true"],
body.td-view-instructor .td-instructor-results__add * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

body.td-view-instructor .td-instructor-results__item--unit:hover,
body.td-view-instructor .td-instructor-results__item--unit:focus,
body.td-view-instructor .td-instructor-results__item--unit:focus-visible,
body.td-view-instructor .td-instructor-results__item--unit:focus-within,
body.td-view-instructor .td-instructor-results__item--unit:active,
body.td-view-instructor .td-instructor-results .td-ac-item:hover,
body.td-view-instructor .td-instructor-results .td-ac-item:focus,
body.td-view-instructor .td-instructor-results .td-ac-item:focus-visible,
body.td-view-instructor .td-instructor-results .td-ac-item:focus-within,
body.td-view-instructor .td-instructor-results .td-ac-item:active,
body.td-view-instructor .td-weekplan-results .td-ac-item:hover,
body.td-view-instructor .td-weekplan-results .td-ac-item:focus,
body.td-view-instructor .td-weekplan-results .td-ac-item:focus-visible,
body.td-view-instructor .td-weekplan-results .td-ac-item:focus-within,
body.td-view-instructor .td-weekplan-results .td-ac-item:active,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:hover,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus-visible,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:focus-within,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item:active {
  background: var(--td-color-white) !important;
  background-color: var(--td-color-white) !important;
  background-image: none !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

@media (hover: hover) and (pointer: fine) {
  body.td-view-instructor .td-instructor-results__view:hover,
  body.td-view-instructor .td-instructor-results__view:focus {
    text-decoration: underline !important;
  }
}

/* 1992: sammanhållen övningsväljare i entry-edit. */
body.td-page .td-exercise-picker__selected,
body.td-shell-route-unified .td-exercise-picker__selected,
body.td-page .td-exercise-picker__results,
body.td-shell-route-unified .td-exercise-picker__results{
  margin-left:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}
body.td-page .td-exercise-picker__item,
body.td-shell-route-unified .td-exercise-picker__item{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
}
body.td-page .td-exercise-picker__item--result,
body.td-shell-route-unified .td-exercise-picker__item--result{
  cursor:pointer !important;
}
body.td-page .td-exercise-picker__item--result:hover,
body.td-shell-route-unified .td-exercise-picker__item--result:hover,
body.td-page .td-exercise-picker__item--result:focus,
body.td-shell-route-unified .td-exercise-picker__item--result:focus{
  outline:1px solid rgba(0,0,0,.12) !important;
}
body.td-page .td-exercise-picker__remove,
body.td-shell-route-unified .td-exercise-picker__remove{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:#c44b18 !important;
  font-size:22px !important;
  line-height:1 !important;
  width:30px !important;
  height:30px !important;
  border-radius:5px !important;
  cursor:pointer !important;
}
body.td-page .td-exercise-picker__remove:hover,
body.td-shell-route-unified .td-exercise-picker__remove:hover{
  background:rgba(196,75,24,.10) !important;
}
body.td-page .td-exercise-picker__filter--search,
body.td-shell-route-unified .td-exercise-picker__filter--search{
  flex:1 1 240px !important;
}
body.td-page .td-exercise-picker__search,
body.td-shell-route-unified .td-exercise-picker__search{
  width:100% !important;
}
body.td-page .td-exercise-picker__count,
body.td-shell-route-unified .td-exercise-picker__count{
  margin:8px 0 4px !important;
}
body.td-page .td-exercise-picker__empty,
body.td-shell-route-unified .td-exercise-picker__empty{
  padding:8px 0 !important;
}

/* 1992.5: gemensam övningsväljare – länkar, inline-borttagning och mobil geometri. */
body.td-page .td-exercise-picker__view,
body.td-shell-route-unified .td-exercise-picker__view{
  color:inherit !important;
  text-decoration:none !important;
}
body.td-page .td-exercise-picker__view:hover,
body.td-page .td-exercise-picker__view:focus,
body.td-shell-route-unified .td-exercise-picker__view:hover,
body.td-shell-route-unified .td-exercise-picker__view:focus{
  text-decoration:underline !important;
}
body.td-page .td-exercise-picker__item--selected,
body.td-shell-route-unified .td-exercise-picker__item--selected{
  position:relative !important;
  display:block !important;
  padding-right:48px !important;
}
body.td-page .td-exercise-picker__item--selected .td-exercise-picker__remove,
body.td-shell-route-unified .td-exercise-picker__item--selected .td-exercise-picker__remove{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}
body.td-page .td-exercise-picker__results,
body.td-shell-route-unified .td-exercise-picker__results{
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}

/* 1992.6: instruktörsväljaren följer samma kompakta borttagningsmönster som entry-väljaren. */
body.td-view-instructor .td-instructor-selected__item{
  position:relative !important;
  padding-right:48px !important;
}
body.td-view-instructor .td-instructor-selected__remove{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border-radius:5px !important;
}
body.td-view-instructor .td-instructor-selected__label-link{
  color:inherit !important;
  text-decoration:none !important;
}
body.td-view-instructor .td-instructor-selected__label-link:hover,
body.td-view-instructor .td-instructor-selected__label-link:focus{
  text-decoration:underline !important;
}


/* 2.9.3 / 1992.9-1992.12 – mobil scroll-kontrakt, instruktörsväljare och datum i passlistan. */
body.td-view-instructor .td-instructor-picker--units{
  display:block !important;
  max-width:100% !important;
}
body.td-view-instructor .td-instructor-picker--units #td-instructor-unit-search{
  width:100% !important;
}
body.td-view-instructor .td-instructor-picker--units .td-instructor-results__item--unit{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  cursor:pointer !important;
}
body.td-view-instructor .td-instructor-picker--units .td-instructor-results__primary{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
body.td-view-instructor .td-instructor-picker--units .td-instructor-results__view{
  white-space:nowrap !important;
  justify-self:end !important;
}
body.td-view-instructor .td-instructor-selected__item.td-exercise-picker__item--selected{
  display:block !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}
body.td-view-instructor .td-instructor-selected__item.td-exercise-picker__item--selected .td-instructor-selected__label{
  display:block !important;
  min-width:0 !important;
}
body.td-view-instructor .td-instructor-pass-table td[data-sort-date],
body.td-view-instructor .td-instructor-pass-table td[data-sort-date] time,
body.td-view-instructor .td-instructor-pass-table .td-instructor-pass-date{
  white-space:nowrap !important;
  word-break:keep-all !important;
}
body.td-view-instructor .td-instructor-pass-table td[data-sort-title],
body.td-view-instructor .td-instructor-pass-table .td-pass-list__title,
body.td-view-instructor .td-instructor-pass-table .td-instructor-pass-recipients,
body.td-view-instructor .td-instructor-pass-table .td-instructor-pass-recipients li{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
@media (max-width:767px){
  html{
    scroll-padding-top:calc(var(--td-contract-topbar-height, 60px) + var(--td-contract-wave-height, 32px) + env(safe-area-inset-top, 0px) + 16px) !important;
    scroll-padding-bottom:calc(var(--td-mobile-bottom-nav-total, 94px) + env(safe-area-inset-bottom, 0px) + 28px) !important;
  }
  body.td-view-edit.td-mobile-bottomnav-present .td-shell__main,
  body.td-view-edit.td-mobile-bottomnav-present .td-page-frame__main,
  body.td-view-form.td-mobile-bottomnav-present .td-shell__main,
  body.td-view-form.td-mobile-bottomnav-present .td-page-frame__main,
  body.td-view-instructor.td-mobile-bottomnav-present .td-shell__main,
  body.td-view-instructor.td-mobile-bottomnav-present .td-page-frame__main{
    padding-bottom:calc(var(--td-mobile-bottom-nav-total, 94px) + env(safe-area-inset-bottom, 0px) + 40px) !important;
  }
  body.td-view-edit .td-exercise-picker__results,
  body.td-view-form .td-exercise-picker__results,
  body.td-view-instructor .td-instructor-picker--units .td-instructor-results{
    max-height:min(44vh, calc(100dvh - var(--td-contract-topbar-height, 60px) - var(--td-contract-wave-height, 32px) - var(--td-mobile-bottom-nav-total, 94px) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 120px)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:12px !important;
  }
  body.td-view-edit .td-exercise-picker,
  body.td-view-form .td-exercise-picker,
  body.td-view-instructor .td-instructor-picker--units{
    margin-bottom:calc(var(--td-mobile-bottom-nav-total, 94px) + env(safe-area-inset-bottom, 0px) + 24px) !important;
  }
  body.td-view-edit .td-exercise-picker__item,
  body.td-view-form .td-exercise-picker__item,
  body.td-view-instructor .td-instructor-picker--units .td-instructor-results__item--unit{
    scroll-margin-top:calc(var(--td-contract-topbar-height, 60px) + var(--td-contract-wave-height, 32px) + 16px) !important;
    scroll-margin-bottom:calc(var(--td-mobile-bottom-nav-total, 94px) + env(safe-area-inset-bottom, 0px) + 16px) !important;
  }
}

/* Component owner overrides, part C.
 * Extracted from td-components-overrides.css in 2.27.18. */

/* 2.9.4 / 1992.13-1992.17 – faktisk mobil-scroll enligt console: html scrollar, nav är fixed. */
@media (max-width:767px){
  html.td-shell-standalone{
    scroll-padding-top:calc(92px + env(safe-area-inset-top, 0px)) !important;
    scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.td-view-edit .td-shell__main,
  body.td-view-edit .td-shell__content,
  body.td-view-edit .td-main__body,
  body.td-view-form .td-shell__main,
  body.td-view-form .td-shell__content,
  body.td-view-form .td-main__body,
  body.td-view-instructor .td-shell__main,
  body.td-view-instructor .td-shell__content,
  body.td-view-instructor .td-main__body{
    padding-top:calc(24px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom:calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.td-view-edit #td-weekplan-exercises,
  body.td-view-edit .td-exercise-picker,
  body.td-view-form #td-weekplan-exercises,
  body.td-view-form .td-exercise-picker,
  body.td-view-instructor #td-instructor-exercise-picker,
  body.td-view-instructor .td-instructor-picker--units{
    scroll-margin-top:calc(104px + env(safe-area-inset-top, 0px)) !important;
    scroll-margin-bottom:calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.td-view-edit .td-exercise-picker__results,
  body.td-view-form .td-exercise-picker__results,
  body.td-view-instructor .td-instructor-picker--units .td-instructor-results{
    max-height:min(42vh, 390px) !important;
    overflow-y:auto !important;
    padding-bottom:18px !important;
  }
  body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filters{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    align-items:end !important;
  }
  body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filter--search{
    grid-column:1 / -1 !important;
  }
  body.td-view-instructor .td-instructor-picker--units .td-weekplan-editor__check--favorite{
    grid-column:1 / -1 !important;
  }
}


body.td-view-instructor #td-instructor-exercise-picker.td-exercise-picker,
body.td-view-instructor .td-instructor-picker--units.td-exercise-picker{
  width:100% !important;
  max-width:100% !important;
}
body.td-view-instructor #td-instructor-unit-results.td-exercise-picker__results{
  margin-left:0 !important;
  padding-left:0 !important;
  list-style:none !important;
  border:0 !important;
  background:transparent !important;
}
body.td-view-instructor #td-instructor-unit-results .td-exercise-picker__item--result,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item--unit{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:8px 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
}
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__view{
  justify-self:end !important;
  white-space:nowrap !important;
}
body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filters{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 12px !important;
  align-items:flex-end !important;
}
body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filter--search{
  flex:1 1 240px !important;
}
body.td-view-instructor .td-instructor-picker--units .td-weekplan-editor__filter:not(.td-exercise-picker__filter--search){
  flex:0 1 180px !important;
}
body.td-view-instructor .td-instructor-picker--units .td-checkbox-inline,
body.td-view-instructor .td-instructor-picker--units .td-weekplan-editor__check--favorite{
  flex:0 0 auto !important;
  align-self:center !important;
}
@media (max-width:767px){
  body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filters{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  body.td-view-instructor .td-instructor-picker--units .td-exercise-picker__filter--search,
  body.td-view-instructor .td-instructor-picker--units .td-checkbox-inline,
  body.td-view-instructor .td-instructor-picker--units .td-weekplan-editor__check--favorite{
    grid-column:1 / -1 !important;
  }
}




/* 2.9.9 / 1992.27-1992.29 – stabiliserad gemensam övningsväljare.
   Återställer fullbreddsrader efter 2.9.8 och låter entry + instruktör dela samma visuella kontrakt. */
body.td-shell-route-unified .td-exercise-picker,
body.td-page .td-exercise-picker,
body.td-view-instructor #td-instructor-exercise-picker,
body.td-view-instructor .td-instructor-picker--units{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

body.td-shell-route-unified .td-exercise-picker__selected,
body.td-shell-route-unified .td-exercise-picker__results,
body.td-page .td-exercise-picker__selected,
body.td-page .td-exercise-picker__results,
body.td-view-instructor #td-instructor-unit-selected,
body.td-view-instructor #td-instructor-unit-results{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.td-shell-route-unified .td-exercise-picker__item,
body.td-page .td-exercise-picker__item,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item--unit,
body.td-view-instructor #td-instructor-unit-selected .td-instructor-selected__item{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  text-align:left !important;
  color:inherit !important;
}

body.td-shell-route-unified .td-exercise-picker__item--result,
body.td-page .td-exercise-picker__item--result,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item--unit{
  display:block !important;
  margin:8px 0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(61,48,39,.14) !important;
  border-radius:10px !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

body.td-shell-route-unified .td-exercise-picker__item--result:hover,
body.td-shell-route-unified .td-exercise-picker__item--result:focus,
body.td-page .td-exercise-picker__item--result:hover,
body.td-page .td-exercise-picker__item--result:focus,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item--unit:hover,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__item--unit:focus{
  background:rgba(196,75,24,.05) !important;
  border-color:rgba(196,75,24,.22) !important;
  outline:0 !important;
}

body.td-shell-route-unified .td-exercise-picker__item--selected,
body.td-page .td-exercise-picker__item--selected,
body.td-view-instructor #td-instructor-unit-selected .td-instructor-selected__item.td-exercise-picker__item--selected{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 34px !important;
  gap:8px !important;
  align-items:start !important;
  margin:8px 0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(61,48,39,.14) !important;
  border-radius:10px !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.td-shell-route-unified .td-exercise-picker__item .td-weekplan-editor__label,
body.td-page .td-exercise-picker__item .td-weekplan-editor__label,
body.td-view-instructor .td-exercise-picker__item .td-instructor-selected__label,
body.td-view-instructor .td-exercise-picker__item .td-weekplan-editor__label{
  display:block !important;
  grid-column:1 !important;
  grid-row:auto !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  flex:none !important;
}

body.td-shell-route-unified .td-exercise-picker__item .td-weekplan-editor__titleline,
body.td-page .td-exercise-picker__item .td-weekplan-editor__titleline,
body.td-view-instructor .td-exercise-picker__item .td-weekplan-editor__titleline{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal !important;
}

body.td-shell-route-unified .td-exercise-picker__item .td-weekplan-editor__titletext,
body.td-page .td-exercise-picker__item .td-weekplan-editor__titletext,
body.td-view-instructor .td-exercise-picker__item .td-weekplan-editor__titletext,
body.td-shell-route-unified .td-exercise-picker__item .td-exercise-picker__view,
body.td-page .td-exercise-picker__item .td-exercise-picker__view,
body.td-view-instructor .td-exercise-picker__item .td-exercise-picker__view{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

body.td-shell-route-unified .td-exercise-picker__item .td-unit-favorite-static,
body.td-page .td-exercise-picker__item .td-unit-favorite-static,
body.td-view-instructor .td-exercise-picker__item .td-unit-favorite-static{
  display:inline-flex !important;
  grid-column:auto !important;
  justify-self:auto !important;
  align-self:baseline !important;
  margin-left:6px !important;
  position:static !important;
  vertical-align:baseline !important;
}

body.td-shell-route-unified .td-exercise-picker__item .td-weekplan-editor__meta,
body.td-page .td-exercise-picker__item .td-weekplan-editor__meta,
body.td-view-instructor .td-exercise-picker__item .td-weekplan-editor__meta{
  display:block !important;
  grid-column:1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  color:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

body.td-shell-route-unified .td-exercise-picker__item--selected .td-exercise-picker__remove,
body.td-page .td-exercise-picker__item--selected .td-exercise-picker__remove,
body.td-view-instructor #td-instructor-unit-selected .td-instructor-selected__remove,
body.td-view-instructor #td-instructor-unit-selected .td-exercise-picker__remove{
  position:static !important;
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  justify-self:end !important;
  align-self:center !important;
  transform:none !important;
  margin:0 !important;
  width:30px !important;
  height:30px !important;
}

body.td-view-instructor #td-instructor-unit-results .td-instructor-results__primary,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__secondary{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}

body.td-view-instructor #td-instructor-unit-results .td-weekplan-pager,
body.td-view-instructor #td-instructor-unit-results .td-exercise-picker__pager,
body.td-shell-route-unified .td-exercise-picker__results .td-weekplan-pager,
body.td-page .td-exercise-picker__results .td-weekplan-pager{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}


/* 2.9.12 / 1992.30 + 1992.31 – slutlig stabilisering av övningsväljaren.
   Debug visade att entry-label låg kvar i en 24px-kolumn och att listcontainrarna hade fast maxhöjd.
   Dessa regler är avsiktligt mer specifika och viewportbaserade eftersom body kan ha td-device-desktop även i mobil-emulering. */
body.td-view-edit #td-weekplan-exercises .td-exercise-picker__selected,
body.td-view-edit #td-weekplan-exercises .td-exercise-picker__results,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__selected,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__results,
body.td-view-instructor #td-instructor-unit-selected.td-exercise-picker__selected,
body.td-view-instructor #td-instructor-unit-results.td-exercise-picker__results{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-y:visible !important;
  display:block !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.td-view-edit #td-weekplan-exercises .td-exercise-picker__item,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__item,
body.td-view-instructor #td-instructor-exercise-picker .td-exercise-picker__item{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:8px 0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(61,48,39,.14) !important;
  border-radius:10px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
  overflow:visible !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 34px !important;
  gap:8px !important;
  align-items:start !important;
}

body.td-view-edit #td-weekplan-exercises .td-exercise-picker__item--result,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__item--result,
body.td-view-instructor #td-instructor-unit-results .td-exercise-picker__item--result{
  grid-template-columns:minmax(0,1fr) !important;
  cursor:pointer !important;
}

body.td-view-edit #td-weekplan-exercises .td-weekplan-editor__label,
body.td-view-form #td-weekplan-exercises .td-weekplan-editor__label,
body.td-view-instructor #td-instructor-exercise-picker .td-weekplan-editor__label,
body.td-view-instructor #td-instructor-exercise-picker .td-instructor-selected__label{
  display:block !important;
  grid-column:1 !important;
  grid-row:auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  position:static !important;
}

body.td-view-edit #td-weekplan-exercises .td-exercise-picker__view,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__view,
body.td-view-instructor #td-instructor-exercise-picker .td-exercise-picker__view,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__view{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  text-align:left !important;
}

body.td-view-edit #td-weekplan-exercises .td-weekplan-editor__meta,
body.td-view-form #td-weekplan-exercises .td-weekplan-editor__meta,
body.td-view-instructor #td-instructor-exercise-picker .td-weekplan-editor__meta,
body.td-view-instructor #td-instructor-unit-results .td-instructor-results__secondary{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

body.td-view-edit #td-weekplan-exercises .td-exercise-picker__remove,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__remove,
body.td-view-instructor #td-instructor-exercise-picker .td-exercise-picker__remove,
body.td-view-instructor #td-instructor-unit-selected .td-instructor-selected__remove{
  position:static !important;
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  justify-self:end !important;
  align-self:center !important;
  transform:none !important;
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  margin:0 !important;
}

body.td-view-edit #td-weekplan-exercises .td-exercise-picker__item .td-unit-favorite-static,
body.td-view-form #td-weekplan-exercises .td-exercise-picker__item .td-unit-favorite-static,
body.td-view-instructor #td-instructor-exercise-picker .td-exercise-picker__item .td-unit-favorite-static{
  display:inline-flex !important;
  grid-column:auto !important;
  position:static !important;
  vertical-align:baseline !important;
  margin-left:6px !important;
}

/* 2.11.6 – Mina hundar: Ajax-status utan att påverka fallback-POST. */
body.td-page.td-view-settings .td-settings-dog-form.is-saving{
  opacity:.78;
}
body.td-page.td-view-settings .td-dog-form-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  font-size:14px;
  line-height:1.35;
  color:var(--td-color-muted, #6b5b4b);
}
body.td-page.td-view-settings .td-dog-form-status--success{
  color:#276749;
}
body.td-page.td-view-settings .td-dog-form-status--error{
  color:#b42318;
}

/* 2.12.3: PWA push notification settings. */
.td-push-card__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.td-push-status{margin-top:10px;font-size:.95rem}
.td-push-status--saved{color:#176c35}
.td-push-status--error{color:#9d1d1d}
.td-push-status--saving{color:#6b4a12}

/* 2.22.1: PWA push-påminnelse på plan/list-vy. */
.td-push-prompt[hidden]{display:none!important;}
.td-push-prompt__text{margin:0 0 10px;color:var(--td-color-text,#1f1f1f);}
.td-push-prompt__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* 2.12.5: notification settings channel matrix. */
.td-notification-matrix-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 14px}
.td-notification-matrix{width:100%;border-collapse:collapse;min-width:520px}
.td-notification-matrix th,.td-notification-matrix td{padding:10px 8px;border-bottom:1px solid rgba(46,35,28,.14);vertical-align:middle;text-align:center}
.td-notification-matrix th:first-child{width:44%;text-align:left}
.td-notification-matrix thead th{font-weight:700;font-size:.95em;white-space:nowrap}
.td-notification-matrix tbody th{font-weight:600;line-height:1.25}
.td-notification-matrix__check{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;cursor:pointer}
.td-notification-matrix__check input{width:22px;height:22px;margin:0}
.td-notification-matrix__note{margin:.25rem 0 0;font-size:.92em}
@media (max-width:600px){.td-notification-matrix{min-width:0}.td-notification-matrix th,.td-notification-matrix td{padding:9px 5px}.td-notification-matrix th:first-child{width:auto}.td-notification-matrix thead th{font-size:.85em}.td-notification-matrix tbody th{font-size:.92em}.td-notification-matrix__check{min-width:32px;min-height:32px}.td-notification-matrix__check input{width:20px;height:20px}}

/* 2.13.1: veckoplanering -> träningspass */
body.td-shell-route-unified .td-weekplan-add-to-pass__list{
  margin-bottom:14px;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__item{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__check{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin-top:1px;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__check input{
  margin:0;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__actions{
  display:grid;
  gap:10px;
  margin-top:14px;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__target select{
  width:100%;
  max-width:100%;
}
body.td-shell-route-unified .td-weekplan-add-to-pass__submit{
  justify-self:start;
}
@media (max-width: 640px){
  body.td-shell-route-unified .td-weekplan-add-to-pass__submit{
    width:100%;
  }
}

/* 2.13.10.2: Exercise picker results must start hidden on each page entry/back-forward restore. */
body.td-page .td-exercise-picker[data-td-results-open="0"] .td-exercise-picker__results,
body.td-shell-route-unified .td-exercise-picker[data-td-results-open="0"] .td-exercise-picker__results,
body.td-page .td-exercise-picker[data-td-results-open="0"] .td-exercise-picker__count,
body.td-shell-route-unified .td-exercise-picker[data-td-results-open="0"] .td-exercise-picker__count {
  display: none !important;
}

/* 2.17.9: Träningsguiden onboarding takeover + compact mobile controls. */
body.td-shell-route-unified .td-coach-onboarding-takeover{
  display:grid;
  gap:16px;
  max-width:860px;
  margin:0 auto 32px;
}
body.td-shell-route-unified .td-coach-onboarding-takeover__hero{
  border-radius:24px;
  padding:22px 24px;
  background:linear-gradient(135deg, rgba(198,90,30,.14), rgba(255,249,243,.96));
  border:1px solid rgba(198,90,30,.18);
}
body.td-shell-route-unified .td-coach-onboarding-takeover__eyebrow{
  margin:0 0 4px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--e-global-color-primary, #c65a1e);
}
body.td-shell-route-unified .td-coach-onboarding-takeover__hero h1{
  margin:.15rem 0 .4rem;
}
body.td-shell-route-unified .td-coach-onboarding-takeover__hero p{
  margin:0;
  max-width:42rem;
}
body.td-shell-route-unified .td-coach-onboarding-card--takeover{
  box-shadow:0 14px 36px rgba(46,35,28,.12);
}
body.td-shell-route-unified .td-coach-onboarding__skip{
  margin:10px 0 0;
  text-align:center;
}
body.td-shell-route-unified .td-coach-choice-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 10px;
  align-items:start;
}
body.td-shell-route-unified .td-coach-choice-grid > legend{
  grid-column:1 / -1;
  margin-bottom:4px;
}
body.td-shell-route-unified .td-coach-choice{
  min-width:0;
  display:flex !important;
  align-items:flex-start;
  gap:7px;
  margin:0 !important;
  padding:7px 8px;
  border:1px solid rgba(46,35,28,.12);
  border-radius:10px;
  background:rgba(255,255,255,.45);
  line-height:1.2;
}
body.td-shell-route-unified .td-coach-choice input[type="checkbox"]{
  flex:0 0 auto;
  margin-top:1px;
}
body.td-shell-route-unified .td-coach-choice span{
  min-width:0;
}
@media (max-width:600px){
  body.td-shell-route-unified .td-coach-onboarding-takeover{gap:12px;margin-bottom:20px;}
  body.td-shell-route-unified .td-coach-onboarding-takeover__hero{padding:18px 16px;border-radius:18px;}
  body.td-shell-route-unified .td-coach-choice-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px;}
  body.td-shell-route-unified .td-coach-choice{font-size:.92rem;padding:7px 6px;gap:5px;}
  body.td-shell-route-unified .td-coach-choice input[type="checkbox"]{width:18px;height:18px;}
  body.td-page.td-view-notifications .td-card--notification-settings{overflow:hidden;}
  body.td-page.td-view-notifications .td-notification-matrix-wrap{overflow-x:visible;margin:4px 0 12px;}
  body.td-page.td-view-notifications .td-notification-matrix{table-layout:fixed;min-width:0;width:100%;}
  body.td-page.td-view-notifications .td-notification-matrix th,
  body.td-page.td-view-notifications .td-notification-matrix td{padding:7px 3px;font-size:.82rem;}
  body.td-page.td-view-notifications .td-notification-matrix th:first-child{width:auto;text-align:left;}
  body.td-page.td-view-notifications .td-notification-matrix th:not(:first-child),
  body.td-page.td-view-notifications .td-notification-matrix td:not(:first-child){width:42px;}
  body.td-page.td-view-notifications .td-notification-matrix thead th{font-size:.76rem;white-space:normal;}
  body.td-page.td-view-notifications .td-notification-matrix tbody th{font-size:.84rem;line-height:1.15;font-weight:600;word-break:normal;hyphens:auto;}
  body.td-page.td-view-notifications .td-notification-matrix__check{min-width:28px;min-height:28px;}
  body.td-page.td-view-notifications .td-notification-matrix__check input{width:18px;height:18px;}
}

/* 2.17.10: stabilisera Träningsguidens resultatkort på mobil. */
body.td-shell-route-unified .td-card-grid--coach-guided,
body.td-page .td-card-grid--coach-guided{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  align-items:stretch;
  margin-top:14px;
}
body.td-shell-route-unified .td-coach-guided-tile,
body.td-page .td-coach-guided-tile{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  min-height:0;
  text-decoration:none;
  overflow:hidden;
  word-break:normal;
  overflow-wrap:anywhere;
}
body.td-shell-route-unified .td-coach-guided-tile strong,
body.td-shell-route-unified .td-coach-guided-tile span,
body.td-page .td-coach-guided-tile strong,
body.td-page .td-coach-guided-tile span{
  display:block;
  min-width:0;
}
@media (max-width:600px){
  body.td-shell-route-unified .td-card-grid--coach-guided,
  body.td-page .td-card-grid--coach-guided{
    grid-template-columns:1fr;
    gap:8px;
  }
  body.td-shell-route-unified .td-coach-guided-tile,
  body.td-page .td-coach-guided-tile{
    padding:10px 12px;
    border-radius:14px;
  }
  body.td-shell-route-unified .td-dash-card--recommendation,
  body.td-page .td-dash-card--recommendation{
    overflow:hidden;
  }
}

/* 2.17.11: Träningsguiden UX-fixar. */
body.td-shell-route-unified .td-coach-choice-grid,
body.td-page .td-coach-choice-grid{
  border:0 !important;
  gap:10px 12px;
}
body.td-shell-route-unified .td-coach-choice,
body.td-page .td-coach-choice{
  border-color:rgba(46,35,28,.10) !important;
  box-shadow:0 1px 0 rgba(46,35,28,.04);
}
body.td-shell-route-unified .td-coach-guided-tile,
body.td-page .td-coach-guided-tile,
body.td-shell-route-unified .td-dash-card--recommendation,
body.td-page .td-dash-card--recommendation,
body.td-shell-route-unified .td-dash-card--coach-course-progress,
body.td-page .td-dash-card--coach-course-progress{
  border-color:rgba(46,35,28,.10) !important;
  box-shadow:0 1px 0 rgba(46,35,28,.05);
}
body.td-shell-route-unified .td-coach-dog-switch{
  margin-top:10px;
  margin-bottom:16px;
}
body.td-shell-route-unified .td-coach-dog-switch select{
  max-width:320px;
}
body.td-shell-route-unified .td-dash-card--coach-course-progress{
  margin-top:12px;
}
@media (max-width:600px){
  body.td-shell-route-unified .td-coach-dog-switch select{width:100%;max-width:100%;}
}
/* 2.61.1: avstånd mellan hundvalsdropdown och kortet Logga snabbt pass i guidat läge. */
body.td-shell-route-unified .td-dash-card--coach-guided > .td-card__body{
  padding-top:16px;
}

/* 2.19.26: Onboarding wizard v2 – stegvis guidningsstart. */
body.td-shell-route-unified .td-coach-onboarding-card--wizard,
body.td-page .td-coach-onboarding-card--wizard{
  padding:20px;
  border-radius:22px;
}
body.td-shell-route-unified .td-coach-onboarding-wizard,
body.td-page .td-coach-onboarding-wizard{
  display:block;
  margin-top:14px;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__progress,
body.td-page .td-coach-onboarding-wizard__progress{
  height:8px;
  border-radius:999px;
  background:rgba(46,35,28,.10);
  overflow:hidden;
  margin:8px 0 8px;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__progress span,
body.td-page .td-coach-onboarding-wizard__progress span{
  display:block;
  height:100%;
  min-width:12px;
  border-radius:999px;
  background:var(--td-accent, #8f6b4a);
  transition:width .18s ease;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__counter,
body.td-page .td-coach-onboarding-wizard__counter{
  margin:0 0 12px;
  font-size:.92rem;
  color:rgba(46,35,28,.72);
}
body.td-shell-route-unified .td-coach-onboarding-wizard__step,
body.td-page .td-coach-onboarding-wizard__step{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__step[hidden],
body.td-page .td-coach-onboarding-wizard__step[hidden]{
  display:none!important;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__nav,
body.td-page .td-coach-onboarding-wizard__nav{
  margin-top:8px;
}
body.td-shell-route-unified .td-coach-onboarding-wizard__nav .button,
body.td-page .td-coach-onboarding-wizard__nav .button{
  min-height:42px;
}
@media (max-width:600px){
  body.td-shell-route-unified .td-coach-onboarding-card--wizard,
  body.td-page .td-coach-onboarding-card--wizard{
    padding:16px;
    border-radius:18px;
  }
  body.td-shell-route-unified .td-coach-onboarding-wizard__nav,
  body.td-page .td-coach-onboarding-wizard__nav{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  body.td-shell-route-unified .td-coach-onboarding-wizard__nav .button,
  body.td-page .td-coach-onboarding-wizard__nav .button{
    width:100%;
  }
}


/* 2.20.9 – kurs-/övningssortering utan fieldset-känsla, högerställd på desktop. */
body.td-shell-route-unified .td-exercises-progress-sort-form,
body.td-shell-route-unified .td-units-filter-form{
  align-items:end !important;
}
body.td-shell-route-unified .td-exercises-progress-sort-form .td-filter-form__field--radio,
body.td-shell-route-unified .td-units-filter-form .td-units-sort-field{
  margin-left:auto !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
}
body.td-shell-route-unified .td-exercises-progress-sort-form .td-filter-form__field--radio label,
body.td-shell-route-unified .td-units-filter-form .td-units-sort-field label{
  margin-right:10px !important;
  white-space:nowrap !important;
}
@media (max-width: 760px){
  body.td-shell-route-unified .td-exercises-progress-sort-form .td-filter-form__field--radio,
  body.td-shell-route-unified .td-units-filter-form .td-units-sort-field{
    margin-left:0 !important;
    width:100% !important;
  }
}

/* 2.20.11 – kursöversikt: behåll progressionsgrupper även vid A–Ö-sortering. */
body.td-shell-route-unified .td-exercises-progress-groups .td-exercises-course-group__title,
body.td-shell-route-unified .td-exercises-units-desktop-list .td-exercises-course-group__title{
  display:block !important;
  margin:18px 0 10px !important;
}

/* 2.21.8: Övningsväljaren i mobil ska alltid använda full kortbredd.
   Motverkar smala listkort när äldre grid-/inline-regler från entry-formuläret vinner i smal viewport. */
body.td-page #td-weekplan-exercises .td-exercise-picker__inner,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__inner,
body.td-page #td-weekplan-exercises .td-exercise-picker__selected,
body.td-page #td-weekplan-exercises .td-exercise-picker__results,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__selected,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__results{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  inline-size:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}
body.td-page #td-weekplan-exercises .td-exercise-picker__item,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  width:100% !important;
  inline-size:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  justify-self:stretch !important;
  align-self:stretch !important;
}
body.td-page #td-weekplan-exercises .td-exercise-picker__item--result,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item--result{
  grid-template-columns:minmax(0,1fr) !important;
}
body.td-page #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__label,
body.td-page #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__titleline,
body.td-page #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__titletext,
body.td-page #td-weekplan-exercises .td-exercise-picker__item .td-exercise-picker__view,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__label,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__titleline,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item .td-weekplan-editor__titletext,
body.td-shell-route-unified #td-weekplan-exercises .td-exercise-picker__item .td-exercise-picker__view{
  width:100% !important;
  inline-size:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}


/* 2.23.8 – mobil övningsväljare: weekplan/create renderas som td-view-weekplan, inte td-view-form.
   Håll listan lokal och scrollbar inom synlig appyta så den inte hamnar bakom topbar/bottomnav.
   2.27.61 – body.td-is-mobile sätts bara i standalone-renderer; använd body.td-page istället
   så regeln gäller även i vanligt temamall. */
@media (max-width: 767px){
  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises.td-exercise-picker{
    position: relative !important;
    z-index: 1 !important;
    isolation: auto !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: calc(var(--td-mobile-bottom-nav-total, 94px) + 28px) !important;
    scroll-margin-top: calc(var(--td-contract-topbar-height, 72px) + var(--td-contract-wave-height, 32px) + 28px) !important;
    scroll-margin-bottom: calc(var(--td-mobile-bottom-nav-total, 94px) + 28px) !important;
  }

  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__inner,
  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__selected-wrap,
  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__filters,
  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__count,
  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__results{
    position: relative !important;
    z-index: 1 !important;
    max-width: 100% !important;
  }

  body.td-page :is(.td-entry-view--form, .td-entry-view--form-shell) #td-weekplan-exercises .td-exercise-picker__results{
    max-height: min(38vh, 390px) !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }
}


/* 2.23.20: instruktörspass – borttagningskryss är synligt orange utan hover och inverteras vid hover/focus. */
body.td-view-instructor .td-instructor-sent__recipients{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  list-style:none;
  margin:10px 0 0;
  padding:0;
}
body.td-view-instructor .td-instructor-sent__recipients .td-instructor-recipient-chip{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:12px 12px 12px 14px;
  border:1px solid var(--td-color-divider-black-10);
  border-radius:10px;
  background:#fff;
}
body.td-view-instructor .td-instructor-recipient-chip__label{
  display:block;
  min-width:0;
  max-width:100%;
  color:inherit;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body.td-view-instructor a.td-instructor-recipient-chip__label:hover,
body.td-view-instructor a.td-instructor-recipient-chip__label:focus{
  text-decoration:underline;
}
body.td-view-instructor .td-instructor-recipient-chip__remove{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  min-width:36px;
  height:36px;
  margin:0;
  padding:0;
  border:1px solid rgba(199,90,24,.32);
  border-radius:5px;
  background:#fff;
  color:var(--td-shell-accent, #c75a18) !important;
  font:700 28px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor:pointer;
}
body.td-view-instructor .td-instructor-recipient-chip__remove:hover,
body.td-view-instructor .td-instructor-recipient-chip__remove:focus{
  background:var(--td-shell-accent, #c75a18);
  border-color:var(--td-shell-accent, #c75a18);
  color:#fff !important;
  outline:2px solid transparent;
}


/* 2.23.21: instruktörspass – mottagarsökresultat får samma tydliga högeraction som valda deltagarchips. */
body.td-view-instructor .td-instructor-results__item--recipient {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.td-view-instructor .td-instructor-results__content {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.td-view-instructor .td-instructor-results__item--recipient .td-instructor-results__primary,
body.td-view-instructor .td-instructor-results__item--recipient .td-instructor-results__secondary {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.td-view-instructor .td-instructor-results__action {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  color: var(--td-shell-accent, #c95b17) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.td-view-instructor .td-instructor-results__item--recipient:hover .td-instructor-results__action,
body.td-view-instructor .td-instructor-results__item--recipient:focus .td-instructor-results__action,
body.td-view-instructor .td-instructor-results__item--recipient:active .td-instructor-results__action {
  background: var(--td-shell-accent, #c95b17) !important;
  color: var(--td-color-white, #fff) !important;
}

@media (max-width: 600px) {
  body.td-view-instructor .td-instructor-results__item--recipient {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    min-height: 72px !important;
  }
}


/* 2.23.22: instruktörspass – valda mottagare använder samma synliga orange kryss som skickade deltagarchips. */
body.td-view-instructor #td-instructor-recipient-selected .td-instructor-selected__item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--td-color-divider-black-12, rgba(0,0,0,.12)) !important;
  border-radius: 10px !important;
  background: var(--td-color-white, #fff) !important;
  box-sizing: border-box !important;
}

body.td-view-instructor #td-instructor-recipient-selected .td-instructor-selected__label {
  grid-column: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.td-view-instructor #td-instructor-recipient-selected .td-instructor-selected__remove {
  position: static !important;
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(199,90,24,.32) !important;
  border-radius: 5px !important;
  background: var(--td-color-white, #fff) !important;
  color: var(--td-shell-accent, #c75a18) !important;
  font: 700 26px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-align: center !important;
}

body.td-view-instructor #td-instructor-recipient-selected .td-instructor-selected__remove:hover,
body.td-view-instructor #td-instructor-recipient-selected .td-instructor-selected__remove:focus {
  background: var(--td-shell-accent, #c75a18) !important;
  border-color: var(--td-shell-accent, #c75a18) !important;
  color: var(--td-color-white, #fff) !important;
  outline: 2px solid transparent !important;
}

/* 2.24.2 – behåll action-placeholders men minska avståndet så ikonkolumner ryms bättre. */
body.td-shell-route-unified .td-actions-cell,
body.td-shell-route-unified .td-entry-actions,
body.td-shell-route-unified .td-entry-actions-bar .td-actions,
body.td-shell-route-unified .td-entries-mobile-card__actions,
body.td-shell-route-unified .td-instructor-card__actions{
  gap:6px !important;
}
body.td-shell-route-unified .td-table .td-actions-cell .td-icon-btn,
body.td-shell-route-unified .td-actions-cell .td-icon-btn,
body.td-shell-route-unified .td-actions-cell a.td-icon-btn,
body.td-shell-route-unified .td-actions-cell button.td-icon-btn{
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  border-radius:12px !important;
}
body.td-shell-route-unified .td-actions-cell .td-icon-btn--placeholder{
  display:inline-flex !important;
  visibility:hidden !important;
  opacity:0 !important;
}
@media (max-width: 760px){
  body.td-shell-route-unified .td-actions-cell{gap:5px !important;}
  body.td-shell-route-unified .td-table .td-actions-cell .td-icon-btn,
  body.td-shell-route-unified .td-actions-cell .td-icon-btn,
  body.td-shell-route-unified .td-actions-cell a.td-icon-btn,
  body.td-shell-route-unified .td-actions-cell button.td-icon-btn{
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    border-radius:10px !important;
  }
}
.td-focus-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:4px;}
.td-focus-checkbox-grid label{display:inline-flex;align-items:center;gap:6px;}
.td-thread__actions{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle;}
.td-thread__actions .button-link-delete{color:#b32d2e;}

/* 2.24.6 – jämför snabbträningspass: skalbar fokusväljare. */
.td-focus-checkbox-scroll{max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(35,31,32,.16);border-radius:10px;padding:8px 10px;background:#fffdf9;display:grid;grid-template-columns:1fr;gap:6px;min-width:220px;}
.td-focus-checkbox-scroll label{display:flex;align-items:center;gap:7px;line-height:1.25;}
.td-focus-checkbox-scroll input[type="checkbox"]{margin:0;}

.td-focus-checkbox-scroll--plain{border:0;background:transparent;border-radius:0;padding:0;}

/* 2.24.10 – tajtare actionkolumner i dagbokslistan, utan att ta bort placeholders. */
body.td-shell-route-unified .td-entries-actions-row,
body.td-shell-route-unified .td-view-list .td-actions-cell,
body.td-shell-route-unified .td-view-list .td-actions-cell .td-actions-row,
body.td-shell-route-unified .td-view-list .td-entries-actions-row{
  gap:4px !important;
}
body.td-shell-route-unified .td-entries-actions-row .td-icon-btn,
body.td-shell-route-unified .td-view-list .td-actions-cell .td-icon-btn{
  margin-right:0 !important;
}
body.td-shell-route-unified .td-entries-actions-row .td-icon-btn--placeholder,
body.td-shell-route-unified .td-view-list .td-actions-cell .td-icon-btn--placeholder{
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
}

/* 2.24.10 – statusbadge bredvid actions i entry view/edit. */
body.td-shell-route-unified .td-entry-inline-header__actions .td-training-status{
  align-self:center;
  margin-right:6px;
  white-space:nowrap;
}

/* 2.24.13 – klickbar statuskontroll i entry view/edit och tajtare listactions. */
body.td-shell-route-unified .td-training-status-form{
  display:inline-flex;
  align-items:center;
  margin:0 6px 0 0;
}
body.td-shell-route-unified .td-training-status-select{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  cursor:pointer;
  padding:4px 18px 4px 10px;
  min-height:24px;
  font-size:13px;
  line-height:1.2;
  border-radius:999px;
  background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat;
}
body.td-shell-route-unified .td-training-status-select:focus-visible{
  outline:2px solid rgba(198,90,30,.35);
  outline-offset:2px;
}
body.td-shell-route-unified .td-entries-actions-row,
body.td-shell-route-unified .td-view-list .td-actions-cell,
body.td-shell-route-unified .td-view-list .td-actions-cell .td-actions-row,
body.td-shell-route-unified .td-view-list .td-entries-actions-row{
  gap:2px !important;
}
body.td-shell-route-unified .td-view-list .td-actions-cell .td-icon-btn,
body.td-shell-route-unified .td-view-list .td-actions-cell a.td-icon-btn,
body.td-shell-route-unified .td-view-list .td-actions-cell button.td-icon-btn,
body.td-shell-route-unified .td-view-list .td-actions-cell .td-icon-btn--placeholder,
body.td-shell-route-unified .td-entries-actions-row .td-icon-btn,
body.td-shell-route-unified .td-entries-actions-row .td-icon-btn--placeholder{
  width:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  border-radius:9px !important;
}
body.td-shell-route-unified .td-view-list .td-actions-cell .td-icon-btn .dashicons,
body.td-shell-route-unified .td-entries-actions-row .td-icon-btn .dashicons{
  width:16px !important;
  height:16px !important;
  font-size:16px !important;
  line-height:16px !important;
}


/* 2.24.16 – lite mer luft under statusväljaren i view/edit. */
body.td-shell-route-unified.td-view-edit .td-training-status-form,
body.td-shell-route-unified.td-view-view .td-training-status-form{
  margin-bottom:12px;
}

/* 2.25.6: jämför-filter – datumfält och kategorier ska följa övrig filterlayout. */
body.td-shell-route-unified .td-compare-controls .td-date-filter-stack{
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.td-shell-route-unified .td-compare-controls .td-date-filter-stack label{
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.td-shell-route-unified .td-compare-controls .td-date-filter-stack input[type="date"]{
  min-height:42px;
  width:100%;
  border-radius:10px;
  border:1px solid rgba(35,31,32,.18);
  background:#fff;
  padding:8px 10px;
}
body.td-shell-route-unified .td-compare-controls .td-category-checkbox-scroll{
  max-height:180px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/* 2.25.14: jämförelsefilter och trådåtgärder */
body.td-shell-route-unified .td-compare-controls .td-filter-form__actions,
body.td-shell-route-unified .td-filter-form--compare-spaced .td-filter-form__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
body.td-shell-route-unified .td-compare-controls .td-filter-form__actions .button + .button,
body.td-shell-route-unified .td-filter-form--compare-spaced .td-filter-form__actions .button + .button{
  margin-left:0 !important;
}
body.td-view-suggestions .td-thread__actions .dashicons-trash,
body.td-view-suggestions .td-thread__actions .dashicons-trash::before,
body.td-view-qa .td-thread__actions .dashicons-trash,
body.td-view-qa .td-thread__actions .dashicons-trash::before{
  color:var(--td-color-accent-dark, #bf5b18) !important;
}
body.td-view-suggestions .td-thread-edit-form[hidden],
body.td-view-qa .td-thread-edit-form[hidden]{
  display:none !important;
}

/* 2.25.15: QA-trådsvar ska bete sig som suggestions – formulär visas först efter aktivt val. */
body.td-view-qa .td-thread-reply-form[hidden],
body.td-view-qa .td-thread-edit-form[hidden]{
  display:none !important;
}
body.td-view-qa .td-thread-reply-toggle-wrap{
  margin-top:10px;
}

/* 2.27.8 – listvyn: ge actionskolumnen plats så statusbadge/kategorier inte krockar med ikoner. */
body.td-view-list .td-table th:nth-child(4),
body.td-view-list .td-table td:nth-child(4){
  max-width:180px;
  width:16%;
}
body.td-view-list .td-table th:last-child,
body.td-view-list .td-table td.td-actions-cell,
body.td-view-list .td-table td:last-child{
  min-width:260px;
}
body.td-view-list .td-table .td-actions-cell{
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
}

/* 2.27.9 – listvyn: se till att actionskolumnen inte använder kategorikolumnens bredd. */
body.td-view-list .td-entries-table th:nth-child(6),
body.td-view-list .td-entries-table td.td-actions-cell{
  width:306px !important;
  min-width:306px !important;
  max-width:306px !important;
  white-space:nowrap !important;
}


/* Frågestunder: konsekvent kortmellanrum och mobilmarginal (#850). */
body.td-shell-route-unified.td-pagetype-td_view_qa .td-qa-sessions,
body.td-shell-route-unified [data-td-content-view="qa"] .td-qa-sessions{
  display:grid;
  gap:var(--td-shell-stack-gap, 16px);
  width:100%;
  max-width:100%;
  min-width:0;
}

body.td-shell-route-unified.td-pagetype-td_view_qa .td-card--qa-session,
body.td-shell-route-unified [data-td-content-view="qa"] .td-card--qa-session{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 !important;
  box-sizing:border-box;
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-pagetype-td_view_qa .td-qa-card__body,
  body.td-shell-route-unified [data-td-content-view="qa"] .td-qa-card__body{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box;
  }

  body.td-shell-route-unified.td-pagetype-td_view_qa .td-qa-recording-row,
  body.td-shell-route-unified [data-td-content-view="qa"] .td-qa-recording-row{
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:12px !important;
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  body.td-shell-route-unified.td-pagetype-td_view_qa .td-qa-recording-row .td-dash-card__content,
  body.td-shell-route-unified [data-td-content-view="qa"] .td-qa-recording-row .td-dash-card__content{
    min-width:0;
    padding-left:0 !important;
    margin-left:0 !important;
  }
}


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

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







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

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



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




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

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



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

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


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

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

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

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

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





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




















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




@media (max-width:768px){
  
  
  

  
  
  


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


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

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

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


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

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

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

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

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

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

  /* #704: kursnamnet/länken visades understruken på mobil (hela tiden, inte bara
     vid tryck). Rotorsak: den regel som skulle nollställa understrykningen låg i
     assets/css/td-courseware-content-parts/*, som bara enqueuas när
     TD_WPCW_Context_Service::is_wpcw_context() är sant (WP Courseware-singelsidor)
     - td_view=exercises är en TD-dashboardvy, inte en WPCW-singelsida, så den CSS:en
     laddades aldrig här. Desktopvarianten (kursnamnet i en <h3>) undgick bugen bara
     för att temat troligen redan nollställer understrykning på länkar i rubriker;
     mobilkortet använder en vanlig <div> och saknar det skyddet. Fixen läggs här,
     i filen som faktiskt laddas för den här vyn, i stället för i den redan döda
     filen (som fick tre tidigare, verkningslösa fixförsök - se historiken där). */
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link:link,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link:visited,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link:hover,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link:focus,
  body.td-view-exercises .td-exercises-mobile-card__title .td-course-link:active{
    text-decoration:none !important;
    color:inherit !important;
  }

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item:active,
  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item.is-navigating{
    color:var(--e-global-color-primary, var(--td-color-accent-mobile)) !important;
    background:rgba(122,82,48,0.12) !important;
    border-radius:12px !important;
    opacity:0.85 !important;
    transform:scale(0.92) !important;
  }
  body:is(.td-page, .td-shell, .td-help-single, .td-courseware-app, .single-td_help, .td-entry-single, .td-share-single) .td-bottom-nav__item.is-navigating .td-bottom-nav__link{
    color:var(--e-global-color-primary, var(--td-color-accent-mobile)) !important;
  }

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

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

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

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

}


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





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


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




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

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


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

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

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

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

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

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

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

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


/* 2.7.102.33 – bottomnav safe-area låsning. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    padding-bottom:env(safe-area-inset-bottom, 0px) !important;
    background:var(--td-shell-surface, #fff9f3) !important;
  }
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom .td-bottom-nav{
    padding-bottom:0 !important;
    background:var(--td-shell-surface, #fff9f3) !important;
  }
}


/* 2.7.102.34 – bottomnav ska ligga flush mot viewportens nederkant. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
  }
  body.td-shell-route-unified.td-device-mobile{
    --td-mobile-bottom-nav-safe:env(safe-area-inset-bottom, 0px) !important;
  }
}


/* 2.7.103.11 – exercises breakpoint owner med högre specificitet. */
@media (min-width:768px){
  body.td-shell-route-unified.td-view-exercises .td-exercises-progress-desktop,
  body.td-shell-route-unified.td-view-exercises .td-exercises-units-desktop{display:block !important;}
  body.td-shell-route-unified.td-view-exercises .td-exercises-progress-mobile,
  body.td-shell-route-unified.td-view-exercises .td-exercises-units-mobile{display:none !important;}
}

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


/* 2.7.103.27 – exercises units breakpoint/render owner reset */
@media (min-width:768px){
  body.td-device-desktop.td-view-exercises .td-exercises-units-desktop{display:block !important;}
  body.td-device-desktop.td-view-exercises .td-exercises-units-mobile,
  body.td-device-desktop.td-view-exercises .td-exercises-mobile-card{display:none !important;}
}

@media (max-width:767px){
  body.td-device-mobile.td-view-exercises .td-exercises-units-desktop,
  body.td-device-mobile.td-view-exercises .td-exercises-progress-desktop{display:none !important;}
  body.td-device-mobile.td-view-exercises .td-exercises-units-mobile,
  body.td-device-mobile.td-view-exercises .td-exercises-progress-mobile{display:grid !important;grid-template-columns:minmax(0,1fr) !important;}

  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete{
    padding:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a:visited,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a:hover,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a:focus,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell a:active{
    display:block !important;
    width:100% !important;
    padding:6px 10px !important;
    color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
    text-decoration:none !important;
    -webkit-text-decoration:none !important;
    text-decoration-line:none !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    background-image:none !important;
    border-radius:8px !important;
  }

  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete a,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete a:visited,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete a:hover,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete a:focus,
  body.td-device-mobile.td-view-exercises .td-exercises-mobile-level .td-exercise-cell.is-complete a:active{
    background:#d8efd5 !important;
    box-shadow:inset 4px 0 0 #8fbe8f !important;
  }
}


/* 2.7.103.29.1 – bottomnav ska alltid ligga ovanför edit/list-content på mobil. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile .td-nav--mobile-bottom{
    z-index:3200 !important;
  }
}

.td-wrap{max-width:100%;width:100%;box-sizing:border-box}
.td-grid{display:grid;gap:10px}
.td-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.td-row input[type=text], .td-row textarea, .td-row select, .td-row input[type=date]{width:100%}
.td-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}

/* 1480: Jetpack related posts ska inte visas i Träningsdagbokens vyer. */
.td-wrap #jp-relatedposts{display:none !important}

/* 1124: Separera global toppmeny (sidbyten) från kontextmeny (Redigera/Ta bort/Ladda ner) */
.td-nav{margin:12px 0}
.td-nav .td-actions{margin:0}
.td-actions--context{
  margin:0;
  padding:0;
  border-radius:0;
  background:none;
}
/* Gör kontextknapparna visuellt sekundära utan att hårdkoda temafärger */
.td-actions--context .button{
  filter:brightness(1.12);
}
.td-actions--context .button:hover{
  filter:brightness(1.05);
}
/* 1053: Harmoniserad hörnradie på vissa knappar (temasäkert) */
.td-wrap .button.td-small,
/* 1054: Dubbel veckoplanering – gör informations-/valblocket tydligare */
#td-weekplan-save{
background:var(--td-color-surface-selected);
border:1px solid var(--td-color-divider-black-10);
padding:18px 18px !important;
}
/* Inputs måste kunna krympa (förhindrar overflow i datum/hund och i tabeller) */
.td-wrap input[type=checkbox], .td-wrap input[type=radio]{width:auto}
.td-wrap input[type=date]{min-width:0}
.td-wrap input[type=date]{-webkit-appearance:none;appearance:none}
.td-table{width:100%;table-layout:fixed}
.td-table input[type=date]{width:100%;max-width:100%;min-width:0}
/* Kriterieplan: Klick/Repetitioner per omgång */
.td-crit-row td{padding:6px 6px;vertical-align:top}
.td-crit-row td{border-bottom:1px solid var(--td-color-divider-black-08)}
.td-crit-row:last-child td{border-bottom:none}
/* Desktop: stapla Klick över Repetitioner (mer kompakt, mindre horisontell bredd) */
.td-crit-pair{display:grid;grid-template-columns:1fr;gap:4px;align-items:stretch}
.td-crit-pair input[type=number]{
width:100%;
min-width:0;
padding:4px 6px;
min-height:34px;
font-size:16px;
line-height:1.2;
text-align:center;
color:var(--td-color-black);
box-sizing:border-box;
}
/* Ta bort spinners (tema-/browseroberoende) */
.td-crit-pair input[type=number]::-webkit-outer-spin-button,
.td-crit-pair input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.td-crit-pair input[type=number]{-moz-appearance:textfield}
.td-crit-field__label{display:none}
/* Temasäkra bakgrunder */
.td-crit-click{background:var(--td-color-white) !important;color:var(--td-color-black) !important}
.td-crit-rep{background:var(--td-color-gray-200) !important;color:var(--td-color-black) !important}
/* Scroll-wrapper: bara horisontell scroll på mobil (undvik ful scroll på desktop) */
.td-criteria-scroll{overflow-x:visible;max-width:100%}
@media (max-width: 768px){
/* Mobil: Klick + repetitioner sida-vid-sida (2 kolumner) */
.td-crit-pair{grid-template-columns:1fr 1fr;gap:6px}
.td-crit-pair input[type=number]{font-size:16px;padding:10px 10px;min-height:44px;line-height:1.4}
.td-criteria-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.td-criteria-scroll{scrollbar-width:none}
.td-criteria-scroll::-webkit-scrollbar{height:0}
}
/* Tabeller: låt celler krympa och inputs hålla sig inom cellen */
.td-table{table-layout:auto}
.td-table input, .td-table select, .td-table textarea{max-width:100%;box-sizing:border-box;min-width:0}
/* Knappar: temaresistenta standardmått */
.td-wrap .button,
.td-wrap a.button,
.td-wrap button.button,
.td-wrap input.button,
.td-wrap input[type=submit]{
/* Vertikal centrering i både <a> och <button> (teman kan sätta konstiga line-heights) */
min-height:30px !important;
padding:0 10px !important;
font-size:14px !important;
line-height:1.15 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
font-weight:400 !important;
white-space:nowrap !important;
text-align:center !important;
text-decoration:none !important;
}
/* Tema kan understryka alla <a> i entry-content; neutralisera för knapp-länkar */
.entry-content .td-wrap a.button,
.entry-content .td-wrap a.button:visited,
.entry-content .td-wrap a.button:hover,
.entry-content .td-wrap a.button:focus{
text-decoration:none !important;
}
.td-wrap .button:hover,
.td-wrap a.button:hover,
.td-wrap .button:focus,
.td-wrap a.button:focus{
text-decoration:none !important;
}
/* Tvinga bort understrykning från temat i entry-content */
.entry-content .td-wrap a.button{ text-decoration:none !important; }
/* Små knappar */
.td-wrap .button.td-small,
.td-wrap a.button.td-small,
.td-wrap button.button.td-small{
padding:0 8px !important;
font-size:13px !important;
min-height:26px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1.05 !important;
font-weight:400 !important;
}
/* Mina hundar: Spara/Ta bort ska vara små även om de saknar td-small */
.td-dogs-table .button,
.td-dogs-table a.button,
.td-dogs-table button.button{
padding:0 8px !important;
font-size:13px !important;
min-height:26px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1.05 !important;
font-weight:400 !important;
}
/* Filterbar: alltid flex så att Filtrera/Rensa linjerar likadant */
.td-filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
/* Filterbar: samma mått som övriga knappar */
.td-filterbar .button, .td-filterbar button.button{padding:0 10px;font-size:14px;line-height:1.2;min-height:32px;text-align:center}
.td-actions .button-primary{padding:0 10px;min-height:32px;text-align:center;line-height:1.2}
.td-actions .td-danger{border-color:var(--td-color-danger);color:var(--td-color-danger)}
.td-filterbar .button.td-small, .td-filterbar a.button.td-small{padding:3px 8px;font-size:13px;line-height:1.1;min-height:28px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.td-table .button, .td-table a.button{padding:0 10px;font-size:14px;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:32px;text-decoration:none !important;margin-right:6px}
/* På desktop kan actions vara på en rad, men på mobil vill vi att de får bryta */
.td-table{width:100%;border-collapse:collapse}

/* 1125: Sorteringsrubriker – visa ikon även när ingen sortering är aktiv */
.td-sortlink{display:inline-flex;align-items:center;gap:6px;text-decoration:none !important;color:inherit}
.td-sorticon{font-size:16px;line-height:1;opacity:.75}

/* 1129/1130: Kompaktare actions (penn-/kryssikoner) */
.td-actions-cell{white-space:nowrap}

.td-entry-actions{
  display: flex;
  gap: 10px;
  align-items: center;
}



/* 1246: Kvadratiska ikonrutor (samma UI-stil, men utan rundning). */
.td-btn-icon-square{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:1px solid var(--td-color-divider-black-15);border-radius:0;background:var(--td-color-surface-white-75)}
.button .td-btn-icon-square{margin-right:6px;vertical-align:middle}
.td-btn-icon-square .dashicons{font-size:18px;line-height:1}
/* Lite luft mellan pennan och krysset i list-actions */
.td-actions-cell 

/* Kriterieplan/tabell ägs av td-forms.css. Tidigare global td-core-layout borttagen för att undvika konkurrerande kriterieregler. */
/* Mina hundar: inga tabellkanter (inte ens "halva") + knappar bredvid varandra */
.td-dogs-table{border:0 !important}
.td-dogs-table th,.td-dogs-table td{border:0 !important;border-bottom:none !important;padding:6px 0}
.td-dogs-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.td-wide{overflow:auto}
.td-compare th,.td-compare td{min-width:140px}
/* Generellt: tabeller och långa ord får aldrig tvinga sidscroll i onödan */
/* Mobil: låt actions knappar staplas och låt tabeller scrolla endast om det verkligen behövs */
@media (max-width: 680px){
.td-table .button, .td-table a.button{display:flex;margin:4px 0;width:100%;text-align:center;align-items:center;justify-content:center;min-height:32px}
.td-wide{overflow-x:auto}
}
/* Ta bort klickbarhet på författarlänkar i theme-meta för våra td_entry */
body.single-td_entry .entry-meta a[rel="author"],
body.single-td_entry .entry-meta .author a,
body.single-td_entry .entry-meta a.author{
pointer-events:none;
text-decoration:none !important;
color:inherit !important;
}
/* Tema (t.ex. Astra) kan sätta blå färg på .entry-meta *.
För våra td_entry vill vi att meta-texten följer normal brödtextfärg. */
body.single-td_entry .entry-meta,
body.single-td_entry .entry-meta *{
color: inherit !important;
text-decoration: none !important;
}
/* 1011: Dölj entry-meta helt för td_entry (t.ex. Astra visar författare/datum). */
body.single-td_entry .entry-meta{display:none !important;}
/* Astra/vanliga teman: ibland ligger författarlänken utanför .entry-meta */
body.single-td_entry a[rel="author"],
body.single-td_entry .ast-single-author a,
body.single-td_entry .ast-author-name a,
body.single-td_entry .author-name a{
pointer-events:none;
text-decoration:none !important;
color:inherit !important;
}
/* Momentavstämning – tajtare layout på desktop
Mål: betyg/kommentar direkt till höger om momenttexten på större skärmar,
men bryt snyggt på mobil. */
.td-skillcard{display:flex;gap:10px;align-items:flex-start}
.td-skill-moment{flex:0 1 52%;min-width:0}
.td-skill-controls{flex:1 1 48%;display:flex;gap:10px;flex-wrap:nowrap;align-items:flex-end;min-width:0}
.td-skill-controls select,.td-skill-controls input[type=text]{width:100%}
.td-skill-level{flex:0 0 150px;min-width:150px}
.td-skill-comment{flex:1 1 auto;min-width:0}
/* Mellanläge: låt nivå/kommentar bryta om det blir trångt */
@media (max-width: 900px){
.td-skill-controls{flex-wrap:wrap}
.td-skill-level{flex:1 1 200px}
}
@media (max-width:700px){
.td-skillcard{display:block}
.td-skill-controls{margin-top:8px}
}
/* Post-itlappar – Viktigast just nu */
.td-empty-actions{padding-top:12px}
.td-empty-actions .button{margin-top:4px}
/* Kriterieplan/tabell ägs av td-forms.css. Tidigare globala mobil/desktopregler borttagna härifrån. */
/* 1050: (borttagen) Tidigare nollades padding/marginaler med !important för att motverka tema-indrag.
   Detta krockade med ATVOF-layouten (container padding/max-width) och gav "text på kanten".
   Om ett tema lägger in oväntade indrag ska vi hellre justera i td-frontend.css med tydlig scope.
*/

/* 1119: Mobil – visa nivårubriker i Övningar även när tabellheadern är utanför vy */
.td-mobile-only{ display:none; }
@media (max-width: 782px){
  .td-mobile-only{ display:block; }
  .td-ex-level-label{
    font-weight: 700;
    font-size: 12px;
    color: var(--td-muted);
    margin: 0 0 var(--td-space-1) 0;
    text-transform: none;
  }
}

/* 1117/1116: Postit-kort – mer luft mot kanter på mobil */
@media (max-width: 782px){
}

.td-actions.td-actions--context {
    margin: 0;
}

.td-actions--context .td-button {
    filter: brightness(1.5);
}


/* 1125: visa sorteringsikoner på alla sorterbara rubriker */

th.td-sortable::after {
    content: "⇅";
    font-size: 0.8em;
    margin-left: 0.3em;
    opacity: 0.5;
}
th.td-sortable.td-sorted-asc::after {
    content: "↑";
    opacity: 1;
}
th.td-sortable.td-sorted-desc::after {
    content: "↓";
    opacity: 1;
}

/* 2.0.48: Kriterieplan – mobilkort finlir
   - Datum och kriterium ska ligga på varsin rad
   - Klick/Repetitioner ska vara centrerade
*/
/* 1081: Topp-rad (synkas mellan mobil och desktop) */







/* 1081: "App-läge" på mobil på Träningsdagbok-sidor.
   - Döljer WP admin bar på mobil (endast när shortcode-rendering är aktiv).
   - Döljer tema-header/titlar endast på dashboardsidan.
*/


@media (max-width: 768px) {
}

@media (min-width:768px){}


/* v2.5.74: Make form action buttons equal size and override WooCommerce button defaults */
.td-wrap .td-form-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.td-wrap .td-form-actions .button,
.td-wrap .td-form-actions a.button,
.td-wrap .td-form-actions button.button,
.td-wrap .td-form-actions input.button,
.td-wrap .td-form-actions input[type=submit]{
  width:160px !important;
  min-width:160px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 20px !important;
  line-height:44px !important; /* ensures <a> matches <button> height */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Ensure entry titles remain visible in lists even if theme styles get "creative" */
.td-wrap .td-table .td-entry-title-link{
  display:inline !important;
}

/* Placeholder icon buttons should reserve space but be invisible */
.td-wrap 

/* Snabbträningspass: gör Spara/Avbryt identiska (även när Avbryt är en <a class="button"> från WC/tema) */
.td-wrap .td-actions .button,
.td-wrap .td-actions a.button,
.td-wrap .td-actions button.button,
.td-wrap .td-actions input[type=submit],
.td-wrap .td-actions input.button{
  min-width: 160px;
  height: 44px;
  padding: 0 20px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 5px !important;
  background: var(--td-accent, var(--td-color-accent-brown)) !important;
  color: var(--td-color-white) !important;
  font-size: 16px;
}

/* Quickpass: make 'Spara' + 'Avbryt' perfectly equal (width + height + color) */
.td-wrap .td-actions {
	display: flex;
	gap: 12px;
}
.td-wrap .td-actions .button,
.td-wrap .td-actions a.button,
.td-wrap .td-actions button.button,
.td-wrap .td-actions input.button,
.td-wrap .td-actions input[type=submit],
.td-wrap .td-actions .button:hover,
.td-wrap .td-actions a.button:hover,
.td-wrap .td-actions button.button:hover,
.td-wrap .td-actions input.button:hover,
.td-wrap .td-actions input[type=submit]:hover {
	filter: brightness(0.95);
}

/* v2.5.78: Enhetliga ikonknappar i actions (samma bredd/höjd oavsett ikon) */
.td-entry-actions 
.td-entry-actions 

/* v2.5.78: Form actions knappar lagom stora men lika */
.td-wrap .td-form-actions .button,
.td-wrap .td-form-actions a.button,
.td-wrap .td-form-actions button.button,
.td-wrap .td-form-actions input.button,
.td-wrap .td-form-actions input[type=submit] {
  min-width: 132px;
  height: 44px;
  font-size: 16px;
}


/* ATVOF Header CTA (shortcode: [atvof_header_cta]) */
.atvof-header-cta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

@media (max-width:520px){
    .atvof-header-cta{
        flex-direction:column;
        width:100%;
    }

    .atvof-header-cta a{
        width:100%;
        text-align:center;
    }
}


/* 2.7.96.22 – kriterieplanens desktoplayout ägs inte i td-core.css. */


/* 2.7.103.13 – explicit compact buttons for exercises toggles/filters. */
.td-wrap .button.td-button--compact,
.td-wrap a.button.td-button--compact,
.td-wrap button.button.td-button--compact{
  min-height:26px !important;
  height:26px !important;
  padding:0 10px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

/*
 * 1081.2 – Mobil hamburgermeny (drawer)
 * Scopad till TD-sidor (body.td-page).
 */

/* Synka navigation mellan mobil och desktop:
   - drawer-menyn är primär navigation
   - gamla knappmolnet döljs på alla skärmstorlekar på TD-sidor
*/
body.td-page #td-nav .td-actions.td-actions--primary {
  display: none !important;
}




/* Drawer container */


/* Overlay */


/* Panel */














/* Aktiv länk */


/* 1081.4: underrad i menypost (t.ex. Inställningar → Mina hundar) */








/* Open state */




@media (max-width: 768px){
  /* TD_MOBILE: dölj desktop-primärnav (textlänkar) på mobil, drawer-menyn ska gälla. */
  body.td-page #td-nav nav.td-desktop-primary{display:none !important;}
}

/* 2.27.18 CSS owner manifest. The original handle/file is kept for backwards-compatible enqueue order.
 * Edit owner files under assets/css/dashboard/ instead of adding new rules here. */
/* Dashboard calendar, top cards and early dashboard-specific controls.
 * Extracted from td-dashboard.css in 2.27.18. Keep import order via td-dashboard.css. */
/*
 * Dashboard widgets (mobile-first)
 */

.td-dashboard {
  margin: 0 !important;
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}

.td-dash-sub {
  margin-top: -2px;
  margin-bottom: 10px;
}

.td-dash-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Mobil: knappar ska kännas som "stora targets" */
@media (max-width: 768px) {
  .td-dash-actions .button {
    width: 100%;
    text-align: center;
  }
}

/* Viktigast just nu: hundbild i post-it-huvud */
.td-postit__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.td-postit__header-main{min-width:0;flex:1 1 auto}
.td-postit__dog{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end}
.td-postit__dog-image{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:999px;object-fit:cover;display:block;border:1px solid var(--td-shell-border-soft);background:var(--td-color-white)}
@media (max-width: 767px){
  .td-postit__dog-image{width:46px;height:46px;min-width:46px;min-height:46px}
}

/* 1080.1: Snabbpass per fokus i "Viktigast just nu" */
.td-postit-item{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:space-between}
.td-postit-item__text{flex:1;min-width:180px}
.td-postit-item__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.td-qp-count{font-size:.9rem;white-space:nowrap}
.td-qp-count--nonzero{font-weight:700}
.td-tp-count{font-size:.85rem;white-space:nowrap;color:var(--td-color-muted,#666)}
.td-tp-count--nonzero{font-weight:600;color:inherit}
.td-qp-btn{border:1px solid var(--td-shell-border-soft);background:var(--td-color-white);border-radius:10px;padding:6px 10px;line-height:1;cursor:pointer}
.td-qp-btn--plus{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;transition:transform .08s ease, box-shadow .08s ease}
.td-qp-btn--plus:active{transform:scale(.96)}
.td-qp-btn--open{font-size:.9rem}
.td-qp-quick{margin:0}
.td-qp-form{margin-top:8px;flex-basis:100%;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;border:1px solid var(--td-shell-border-soft);background:var(--td-color-white);border-radius:12px;padding:10px}
.td-qp-field input[type="date"], .td-qp-field textarea{width:100%}
.td-qp-actions{display:flex;gap:8px;align-items:center}

/* 1080.5: Senast tränat */
.td-dash-card--latest{margin-top:0}
.td-dash-latest__kicker{font-size:12px;letter-spacing:.02em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
.td-dash-latest__link{text-decoration:none;font-weight:600}
.td-dash-latest__link:hover{text-decoration:underline}

@media (max-width: 768px){
  .td-postit-item__meta{justify-content:flex-end}
}

/* 1400: Kalender (månadsvy) */
.td-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.td-calendar-grid__head{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.02em}
.td-calendar-grid__cell{border:1px solid var(--td-shell-border-soft);border-radius:12px;padding:10px;min-height:88px;background:var(--td-color-white)}
.td-calendar-grid__cell--muted{opacity:.5;background:transparent}
.td-calendar-grid__day{font-weight:700;margin-bottom:6px}
.td-calendar-grid__event{font-size:12px;line-height:1.2;margin:0 0 6px}
.td-calendar-grid__event a{text-decoration:none}
.td-calendar-grid__event a:hover{text-decoration:underline}

/* 1400: Kalender (responsiv) */
.td-only-desktop{display:block}
.td-only-mobile{display:none}

.td-calendar-month{overflow:auto}
.td-calendar-month__table{width:100%;border-collapse:separate;border-spacing:8px;margin:0 -8px}
.td-calendar-month__table th{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.02em;text-align:left;padding:0 6px}
.td-calendar-month__cell{vertical-align:top;border:1px solid var(--td-shell-border-soft);border-radius:12px;padding:10px;min-width:140px;background:var(--td-color-white)}
.td-calendar-month__cell--muted{opacity:.45;background:transparent}
.td-calendar-month__cell--today{border-color:var(--td-shell-border-accent-strong);box-shadow:0 0 0 2px var(--td-shell-primary-focus) inset}
.td-calendar-month__day{font-weight:700;margin-bottom:6px}
.td-calendar-month__event{font-size:12px;line-height:1.2;margin:0 0 6px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.td-calendar-month__event--entry .td-calendar-month__link,.td-calendar-month__event--entry .td-calendar-month__title{opacity:.85}
.td-calendar-month__time{opacity:.7;white-space:nowrap}
.td-calendar-month__link{text-decoration:none}
.td-calendar-month__link:hover{text-decoration:underline}

.td-calendar-mobile__card{margin:0 0 10px}
.td-calendar-mobile__date{font-size:12px;margin-bottom:4px}
.td-calendar-mobile__title{font-weight:700;margin-bottom:6px}
.td-calendar-mobile__title--entry{font-weight:600}
.td-calendar-mobile__desc{margin-bottom:10px}
.td-calendar-mobile__cta{margin-top:8px}

/* 1400: Kalender (kontroller + prenumerations-URL) */
.td-calendar-controls{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.td-calendar-controls__left{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.td-calendar-controls__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.td-calendar-controls__buttons{display:flex;gap:8px;flex-wrap:wrap}
.td-calendar-controls__group{display:flex;flex-direction:column;gap:6px}
.td-calendar-form{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:nowrap}
.td-calendar-form__month{width:170px;max-width:220px}
.td-calendar-nav{width:34px;height:34px;border-radius:10px;font-size:20px;line-height:1;color:var(--td-shell-primary);border-color:var(--td-shell-border-accent-strong)}
.td-calendar-nav:hover{background:var(--td-shell-primary-ghost)}
.td-calendar-form__toggle{margin-left:auto;display:inline-flex;gap:8px;align-items:center;margin-top:0;font-size:12px;user-select:none}
.td-calendar-form__toggle input{transform:translateY(1px)}
.td-calendar-next{margin-top:0}
.td-calendar-next__countdown{margin-top:6px}
.td-calendar-content{margin-top:12px}

/* Ikonknapp + modal (kalender prenumeration) */

.td-icon{width:18px;height:18px;fill:currentColor}

/* Kalender: prenumerera-ikon ska vara tydlig men följa övriga ikoner */
.td-calendar-ical{display:none}
.td-calendar-ical:hover{background:var(--td-shell-primary-ghost)}
.td-calendar-ical .td-icon{width:20px;height:20px}

/* Tooltip (desktop) */
.td-calendar-ical[data-td-tooltip]{position:relative}
.td-calendar-ical[data-td-tooltip]:hover::after,
.td-calendar-ical[data-td-tooltip]:focus-visible::after{
  content:attr(data-td-tooltip);
  position:absolute;
  right:0;
  top:-10px;
  transform:translateY(-100%);
  background:var(--td-color-backdrop-strong);
  color:var(--td-color-white);
  font-size:12px;
  padding:6px 8px;
  border-radius:10px;
  white-space:nowrap;
  pointer-events:none;
}

.td-modal[hidden]{display:none}
.td-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.td-modal__backdrop{position:absolute;inset:0;background:var(--td-color-backdrop)}
.td-modal__dialog{position:relative;background:var(--td-color-white);border-radius:16px;max-width:520px;width:100%;box-shadow:var(--td-shell-shadow-modal);overflow:hidden}
.td-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--td-shell-border-soft)}
.td-modal__title{font-weight:700}
.td-modal__body{padding:16px}
.td-modal__input{width:100%;min-height:40px;border:1px solid var(--td-shell-border-soft);border-radius:10px;padding:8px 10px}

html.td-modal-open{overflow:hidden}

@media (max-width: 768px){
  .td-calendar-grid{gap:6px}
  .td-calendar-grid__cell{padding:8px;border-radius:10px;min-height:72px}
  .td-calendar-grid__event{font-size:11px}

  .td-only-desktop{display:none}
  .td-only-mobile{display:block}

  .td-calendar-controls{align-items:stretch}
  .td-calendar-form__month{width:190px;max-width:100%}

  }

/* Calendar tweaks (2.4.36) */
.td-calendar-form__month{max-width:100%}
@media (max-width:768px){.td-calendar-form__month{width:140px}}

/* Planera: Skapa-lista */
.td-create-list{display:flex;flex-direction:column;gap:14px}
.td-create-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.td-create-item__title{font-weight:700;margin-bottom:2px}
.td-create-item__action .button{white-space:nowrap}
@media (max-width:768px){
  .td-create-item{flex-direction:column;align-items:stretch}
  .td-create-item__action .button{width:100%;text-align:center}
}

/* 2.8.11.10 – Planera/Skapa: mobilraders text ska alltid vänsterlinjera med övriga create-block. */
@media (max-width:768px){
  body.td-view-plan .td-plan-section--create .td-create-item{
    align-items:flex-start !important;
    text-align:left !important;
    width:100% !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__text{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__title,
  body.td-view-plan .td-plan-section--create .td-create-item__text .td-muted{
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__action{
    align-self:center !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }
}

/* Kalender: månadsrubrik med nästa/föregående */
.td-calendar-month__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.td-calendar-month__title{
  margin:0;
  text-align:center;
  flex:1;
}
.td-calendar-nav{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
}

/* Kalender: tabell ska linjera med kortets padding */
.td-calendar-month__table{
  width:100%;
  margin:0;
  table-layout:fixed;
}
.td-calendar-month__table th,
.td-calendar-month__table td{
  overflow:hidden;
}

/* Desktop: ta bort extra rubrik ovanför filter */
@media (min-width: 900px){
  .td-calendar-controls label[for="td-cal-month"]{ display:none; }
}

/* TD_CALENDAR_DESKTOP_ROW: håll "Visa mina inlägg" till höger på desktop men låt det wrapa på små skärmar */
@media (max-width: 600px){
  .td-calendar-form{flex-wrap:wrap}
  .td-calendar-form__toggle{margin-left:0}
}

/* TD_CALENDAR_WIDTH: kalendern ska följa sidans innehållsbredd (inte bli smalare än övriga kort) */
.td-card.td-calendar{width:100%}
.td-calendar-content{width:100%}

/* TD_CALENDAR_ICAL_LINK */
.td-calendar-ical-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  text-decoration:underline;
}

/* TD_CALENDAR_TOGGLE_NOWRAP */
.td-calendar-form__toggle{white-space:nowrap;flex:0 0 auto}
.td-calendar-form__toggle label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* TD_CALENDAR_MOBILE_LAYOUT */
@media (max-width: 768px){
  .td-calendar-controls{flex-direction:column;align-items:stretch}
  .td-calendar-controls__left{width:100%}
  .td-calendar-controls__row{width:100%}
  .td-calendar-form{width:100%;flex-wrap:wrap}
  .td-calendar-form__toggle{margin-left:0}
  .td-calendar-ical-link{align-self:flex-end}
  .td-calendar-content{width:100%}
}

/* TD_CALENDAR_DESKTOP_FIX: desktop ska inte wrapa "Visa mina inlägg" och kalendern ska fylla innehållsbredd */
@media (min-width: 769px){
  .td-calendar-controls{width:100%;flex-wrap:nowrap;align-items:center}
  .td-calendar-controls__left{flex:1;min-width:0}
  .td-calendar-controls__row{width:100%;flex-wrap:nowrap}
  .td-calendar-controls__buttons{flex-wrap:nowrap}
  .td-calendar-form{min-width:0}
  .td-calendar-form__toggle{white-space:nowrap}
  .td-calendar-ical-link{margin-left:auto}
  .td-calendar-grid{width:100%}
}

/* TD_CALENDAR_FULLWIDTH_FORCE */
.td-calendar{max-width:none !important;width:100%}
.td-calendar .td-card,.td-calendar .td-card--flat{max-width:none !important;width:100%}


/* Dashboard cards, pass lists, QA and dashboard-family structural components.
 * Extracted from td-dashboard.css in 2.27.18. Keep import order via td-dashboard.css. */
/* 2.6.5.8.1 – passlistor / q&a / kalenderpolish */
.td-pass-list{display:grid;gap:8px}
.td-pass-list__group-title{margin:0 0 8px;font-weight:700}
.td-pass-list__item{padding:0;border:0}
.td-pass-list__item + .td-pass-list__item{border-top:0}
.td-pass-list__title,.td-pass-list__title:visited{display:inline-block;color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d));text-decoration:none;line-height:1.35}
.td-pass-list__title:hover{text-decoration:underline}
.td-pass-list__empty{margin:0}
.td-train-list,.td-train-row,.td-train-row__actions{display:block}
.td-train-row__actions .button{display:none}
.td-dash-qa__block--latest-recording{margin-top:22px}
.td-dash-qa__title{font-weight:700;margin-bottom:4px}
.td-pass-within-week__title{margin:0 0 10px}
.td-pass-within-week .td-grid-col + .td-grid-col{margin-top:0}
.td-calendar-controls{box-sizing:border-box;max-width:100%;justify-content:flex-start;align-items:center}
.td-calendar-controls__left{flex:1 1 auto;min-width:0;width:100%}
.td-calendar-controls__row{display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;justify-content:start;width:100%}
.td-calendar-form{display:grid;grid-template-columns:minmax(160px,220px) auto;align-items:center;gap:10px;justify-content:start;flex:0 1 auto;min-width:0}
.td-calendar-form__month{width:100%;max-width:220px}
.td-calendar-ical-link{white-space:nowrap;justify-self:end;margin-left:12px}
.td-calendar-month__week-head,.td-calendar-month__week{width:42px;min-width:42px;text-align:center}
.td-calendar-month__week{font-size:12px;opacity:.7;font-weight:700;padding:10px 4px;vertical-align:top}
@media (max-width: 900px){
  .td-calendar-controls__row{grid-template-columns:1fr;align-items:stretch}
  .td-calendar-form{grid-template-columns:1fr}
}

@media (min-width: 901px){
  .td-calendar-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:12px;width:100%}
  .td-calendar-controls__left{width:100%}
  .td-calendar-controls__row{grid-template-columns:auto auto;column-gap:12px}
  .td-calendar-form{grid-template-columns:minmax(160px,220px) auto}
  .td-calendar-ical-link{align-self:center}
  .td-create-picker .td-create-item{width:100%}
  .td-create-picker .td-create-item-row{grid-template-columns:minmax(0,1fr) 96px !important;width:100% !important}
  .td-create-picker .td-create-item-actions{justify-self:end !important}
}

.td-plan-pass-within-week > 
.td-create-picker .td-create-item-row{display:grid !important;grid-template-columns:minmax(0,1fr) 96px !important;align-items:center !important;justify-content:initial !important;gap:var(--td-shell-stack-gap) !important;width:100% !important}
.td-create-picker .td-create-item-title{min-width:0 !important}
.td-create-picker .td-create-item-actions{display:grid !important;grid-template-columns:repeat(2,44px) !important;justify-content:end !important;align-items:center !important;justify-self:end !important;gap:8px !important;width:96px !important;min-width:96px !important;flex:0 0 96px !important}

/* 2.7.0.45 – separata kort för pass på startsidan */
.td-pass-within-week--split{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.td-pass-within-week--split .td-pass-within-week__card{
  margin:0 !important;
}
@media (min-width:769px){
  .td-pass-within-week--split{
    grid-template-columns:1fr 1fr;
  }
}

@media (min-width:769px){
  .td-pass-within-week--split .td-pass-within-week__card{align-self:stretch;}
}

.td-dash-card__head{margin-bottom:10px;}

.td-dash-latest__link{
  display:block;
  font-size:1rem;
  line-height:1.45;
  color:var(--td-shell-text-strong);
  text-decoration:none;
}

.td-dash-actions{margin-top:16px;}
.td-dash-actions .button,
.td-dash-actions .button.button-primary{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:16px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  text-decoration:none;
  box-shadow:none;
}

.td-dash-actions .button{
  background:var(--td-shell-surface-3);
  color:var(--td-shell-text-strong);
}

.td-dash-actions .button.button-primary{
  background:var(--td-shell-primary);
  color:var(--td-color-white);
}

.td-dash-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.td-dash-stat{
  background:var(--td-color-white);
  border:1px solid var(--td-shell-border-soft);
  border-radius:18px;
  padding:14px 16px;
}

.td-dash-stat--wide{grid-column:1 / -1;}
.td-dash-stat__label{display:block;font-size:.9rem;color:var(--td-shell-text-muted);margin-bottom:6px;}
.td-dash-stat__value{display:block;font-size:1.9rem;line-height:1;font-weight:700;color:var(--td-color-text);}
.td-dash-stat__value--small{font-size:1rem;line-height:1.35;}

.td-dash-progress{display:flex;align-items:center;gap:10px;margin-top:14px;}
.td-dash-progress__track{flex:1;height:12px;background:var(--td-shell-surface-3);border-radius:999px;overflow:hidden;}
.td-dash-progress__bar{display:block;height:100%;background:var(--td-shell-primary);border-radius:999px;}
.td-dash-progress__meta{font-size:.85rem;color:var(--td-shell-text-muted);white-space:nowrap;}

@media (max-width:768px){
}

/* 2.7.96.19 – Planera owner layout byggd i separata rader: lead, fullbredd primary, tvåkolumners secondary och inspiration. */
.td-plan-v4,
.td-plan-v4__lead,
.td-plan-v4__primary,
.td-plan-v4__secondary,
.td-plan-v4__secondary-left,
.td-plan-v4__secondary-right,
.td-plan-v4__inspiration{
  display:grid;
  row-gap:var(--td-shell-stack-gap);
  column-gap:16px;
  min-width:0;
}

.td-plan-v4__lead > *,
.td-plan-v4__primary > *,
.td-plan-v4__secondary > *,
.td-plan-v4__secondary-left > *,
.td-plan-v4__secondary-right > *,
.td-plan-v4__inspiration > *{
  min-width:0;
  margin:0 !important;
}

body.td-view-plan .td-plan-v4__lead > .td-plan-section,
body.td-view-plan .td-plan-v4__primary > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary-left > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary-right > .td-plan-section,
body.td-view-plan .td-plan-v4__inspiration > .td-plan-section{
  margin:0 !important;
}

@media (min-width: 1024px){
  body.td-view-plan .td-plan-v4__lead{
    grid-template-columns:minmax(320px, 380px) minmax(0,1fr);
    align-items:start;
  }

  body.td-view-plan .td-plan-v4__reminder{
    grid-column:1 / 2;
  }

  body.td-view-plan .td-plan-v4__primary{
    grid-template-columns:minmax(0,1fr);
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(320px, 380px) minmax(0,1fr);
    align-items:start;
  }

  body.td-view-plan .td-plan-v4__secondary-right{
    grid-template-columns:minmax(0,1fr);
    align-content:start;
  }

  body.td-view-plan .td-plan-v4__inspiration{
    grid-template-columns:repeat(2, minmax(0,1fr));
    align-items:start;
  }
}

@media (max-width: 1023.98px){
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    grid-template-columns:minmax(0,1fr);
  }
}

/* 2.7.98.16 / 2148 – dashboard-/train-desktoplayout flyttad från `td-frontend.css`
   till dashboard-familjen så frontend-filen inte längre äger startside-/train-grid. */
@media (min-width: 769px){

  body.td-page:not(.td-shell-route-unified) .td-dashboard{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(340px,0.88fr) !important;gap:var(--td-shell-stack-gap) !important;align-items:start !important;margin:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card{margin:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--most-important,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--next-entry,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--award,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--inspiration{grid-column:1 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--latest,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--weekly-stats{grid-column:1 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--qa{grid-column:2 !important;grid-row:span 2 !important;align-self:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__row,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__row,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__row{grid-template-columns:84px minmax(0,1fr) !important;gap:22px !important;align-items:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__date,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__date,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__date{padding-top:4px !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__content,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__content,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__content{min-width:0 !important;padding-left:0 !important;margin-left:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa .td-dash-actions .button{width:auto !important;min-width:0 !important;max-width:100% !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard-silhouettes{display:block !important;height:118px !important;margin:10px auto 0 !important;background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center bottom / contain no-repeat !important;opacity:.16 !important;max-width:1080px !important;}

  body.td-page:not(.td-shell-route-unified) .td-train-v1{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"planned recent" "quickpass recent" "templates templates" !important;gap:var(--td-shell-stack-gap) !important;align-items:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section{margin:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--planned{grid-area:planned !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--recent{grid-area:recent !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--quickpass{grid-area:quickpass !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--templates{grid-area:templates !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-recent__footer{display:flex !important;justify-content:flex-start !important;margin-top:12px !important;}
}

/* 2.7.98.17 / 2149 – dashboard-/kalender-/train-komponenter ägs inte längre av td-frontend.css. */
.td-calendar #my-calendar,
.td-calendar .mc-main{
  font-size:14px;
}

.td-calendar .mc-main,
.td-calendar #mc-main{
  margin-top:10px;
}

.td-calendar table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.td-calendar table th,
.td-calendar table td{
  border:1px solid var(--td-color-divider);
  padding:10px;
  vertical-align:top;
}

.td-calendar table th{
  background:var(--td-color-divider-soft);
  font-weight:600;
}

.td-calendar table tbody tr:nth-child(even){
  background-color:var(--td-zebra);
}

.td-calendar .mc-main caption,
.td-calendar .mc-main h2,
.td-calendar .mc-main h3{
  margin:0 0 10px;
}

.td-calendar .mc-main .mc_date,
.td-calendar .mc-main .mc-date,
.td-calendar .mc-main .mc-time,
.td-calendar .mc-nav{
  color:var(--td-muted);
  font-size:.95em;
}

.td-calendar a,
.td-calendar .mc-main a{
  color:var(--td-primary);
  text-decoration:none;
}

.td-calendar .mc-main a:hover,
.td-calendar a:hover{
  text-decoration:underline;
}

.td-calendar .mc-main .mc-event{
  margin:6px 0;
  padding:8px 10px;
  border-radius:12px;
  background:var(--td-color-divider-soft);
  border:1px solid var(--td-color-divider);
}

.td-train-v1 .td-train-section{
  margin-bottom:12px;
}

.td-train-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.td-train-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.td-train-row__meta{
  min-width:0;
  flex:1;
}

.td-train-row__meta a{
  text-decoration:none;
}

.td-train-row__meta a:hover{
  text-decoration:underline;
}

.td-train-row__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}

.td-train-recent__footer{
  margin-top:10px;
}

@media (max-width:480px){
  .td-train-row{
    flex-direction:column;
    align-items:stretch;
  }

  .td-train-row__actions{
    justify-content:flex-start;
  }
}

@media (min-width:769px){
  
}

/* 2.7.99.7 / 2162 – dashboardkort följer ett enda header/body-kontrakt; train har inte längre eget body-spår. */
/* 2.7.98.30 / 2162 – shared dashboard card header/body rhythm. */
.td-dash-card__content > * + *{margin-top:0 !important;}
.td-dash-card__content .td-dash-actions{margin-top:0 !important;}

/* 2.7.99.9 / 2162 – shared dashboard title/body contract lives with dashboard component, not compat overrides. */
.td-dash-card > 

.td-train-card__body{gap:8px !important;}

/* 2.7.99.16 / 2162 – QA/suggestions/settings etiketter ska följa samma Rainier-kontrakt som övriga formulärkort. */
body.td-view-qa .td-card-form__label,
body.td-view-suggestions .td-card-form__label,
body.td-view-settings .td-card-form__label{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* 2.7.99.30 / 2162 – QA/kalender använder en enda surfaced kortnivå; outer wrappers äger bara layout/gap. */
body.td-page .td-dash-card--qa,
body.td-page .td-calendar-list-card{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  overflow:visible !important;
}

body.td-page .td-dash-card--qa .td-dash-qa__block{
  overflow:visible !important;
  isolation:isolate;
  box-sizing:border-box !important;
}

body.td-page:not(.td-shell-route-unified) .td-dash-card--qa .td-dash-actions .button{min-width:0 !important;max-width:100% !important;}

body.td-page .td-calendar-list{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  margin:0 !important;
  padding:0 !important;
}

body.td-page .td-calendar-list__item{
  margin:0 !important;
}

@media (max-width: 767px){
  body.td-view-instructor .td-instructor-sent__list,
  body.td-view-instructor .td-instructor-student-list{
    display:flex !important;
    flex-direction:column !important;
    gap:var(--td-shell-stack-gap) !important;
    margin-top:16px !important;
  }
  body.td-view-instructor .td-instructor-sent__item,
  body.td-view-instructor .td-instructor-student-card{
    background:var(--td-bg) !important;
    box-shadow:none !important;
    border-radius:var(--td-radius-md) !important;
    border:1px solid var(--td-shell-border) !important;
    margin:0 !important;
    padding:12px 14px !important;
  }
  body.td-view-instructor .td-instructor-sent__item-head,
  body.td-view-instructor .td-instructor-student-card__head{
    display:block !important;
    margin:0 !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-edit-question-title,
  body.td-view-instructor .td-instructor-student-card .td-edit-question-title{
    margin:0 !important;
    font-size:1rem !important;
    line-height:1.35 !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-edit-question-title a,
  body.td-view-instructor .td-instructor-student-card .td-edit-question-title a{
    color:inherit !important;
    text-decoration:none !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-entries-mobile-meta,
  body.td-view-instructor .td-instructor-student-card .td-entries-mobile-meta{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    margin-top:8px !important;
    color:var(--td-muted,var(--td-shell-text-muted)) !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }
  body.td-view-instructor .td-instructor-sent__actions--mobile-card,
  body.td-view-instructor .td-instructor-student-card__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin-top:10px !important;
    padding-top:2px !important;
    border:0 !important;
  }
  body.td-view-instructor .td-instructor-sent__actions--mobile-card 
}

/* 2.7.99.27 / 2162 – dashboard-/train-ownern bär nu mobilradier för pass inom vecka och mållistor. */
.td-pass-within-week{padding-left:0 !important;padding-right:0 !important;box-shadow:none !important;margin-bottom:0 !important;}
.td-pass-within-week .td-grid-col{padding-left:0 !important;padding-right:0 !important;}
.td-pass-within-week .td-pass-list{margin-left:0;padding-left:0 !important;}
.td-goals-list,
.td-goals-list li{list-style:none !important;margin:0 !important;padding:0 !important;}
.td-goals-list a{font-weight:700;text-decoration:none;}

/* 2.7.99.29 / 2162 – dashboardfamiljen äger nu även desktoplayout för plan/evaluate i stället för compat. */
@media (min-width:1024px){
  body.td-view-plan .td-plan-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "hero hero"
      "columns columns"
      "inspiration-instructors inspiration-members" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body.td-view-plan .td-plan-v2__hero{grid-area:hero !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__columns{
    grid-area:columns !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    margin:0 !important;
    align-items:start !important;
  }
  body.td-view-plan .td-plan-v2__col--left,
  body.td-view-plan .td-plan-v2__col--right{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }
  body.td-view-plan .td-plan-v2__col--left > .td-plan-v2__reminder{order:1 !important;}
  body.td-view-plan .td-plan-v2__col--left > .td-plan-v2__create{order:2 !important;}
  body.td-view-plan .td-plan-v2__col--right > .td-plan-v2__upcoming{order:1 !important;}
  body.td-view-plan .td-plan-v2__col--right > .td-plan-v2__goals{order:2 !important;}
  body.td-view-plan .td-plan-v2__inspiration-instructors{grid-area:inspiration-instructors !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__inspiration-members{grid-area:inspiration-members !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__reminder > .td-plan-section,
  body.td-view-plan .td-plan-v2__create > .td-plan-section,
  body.td-view-plan .td-plan-v2__upcoming > .td-plan-section,
  body.td-view-plan .td-plan-v2__goals > .td-plan-section,
  body.td-view-plan .td-plan-v2__inspiration-instructors > .td-plan-section,
  body.td-view-plan .td-plan-v2__inspiration-members > .td-plan-section{margin:0 !important;}

  body.td-view-evaluate .td-eval-v2{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
  }
  body.td-view-evaluate .td-eval-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body.td-view-evaluate .td-eval-v2__col--left,
  body.td-view-evaluate .td-eval-v2__col--right{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }
  body.td-view-evaluate .td-eval-compare{grid-column:1 !important; margin:0 !important;}
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v2__reminder,
  body.td-view-plan .td-plan-v2__create,
  body.td-view-plan .td-plan-v2__upcoming,
  body.td-view-plan .td-plan-v2__goals,
  body.td-view-plan .td-plan-v2__inspiration-instructors,
  body.td-view-plan .td-plan-v2__inspiration-members{margin:0 !important;}
}

/* 2.7.99.33 / 2162 – dashboard geometri ägs centralt av td-page-frame.css; td-dashboard.css bär bara familjens interna layout. */

/* 2.7.99.35 / 2162 – dashboard-/kalenderpresentationsregler flyttade från td-mobile till dashboard-ownern. */
.td-dashboard-notice{margin:0 0 12px;}
.td-dashboard-notice__text,.td-calendar-empty{margin:0;}
.td-dash-welcome__text{margin:0 0 10px;}
.td-dash-actions--top{margin-top:10px;}
.td-calendar-list__date{font-weight:600;}
.td-calendar-list__title{text-decoration:none;}
.td-calendar-list__desc{margin-top:2px;}

/* 2.7.100.7 / 2162 – desktop/mobile parity follow-up after plan-gap sweep. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:var(--td-shell-stack-gap) !important;
    column-gap:0 !important;
  }
}

@media (min-width:1024px){
  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(0,1.12fr) minmax(320px,0.88fr) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-right .td-plan-section--upcoming,
  body.td-view-plan .td-plan-v4__secondary-right .td-plan-section--goals{
    min-width:0 !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 


  body.td-view-list .td-dashboard-home-layout--default,
  body.td-view-home .td-dashboard-home-layout--default,
  body.td-view-dashboard .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 296px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-list .td-dashboard-home-layout__main,
  body.td-view-home .td-dashboard-home-layout__main,
  body.td-view-dashboard .td-dashboard-home-layout__main{
    grid-area:main !important;
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__summary,
  body.td-view-home .td-dashboard-home-layout__summary,
  body.td-view-dashboard .td-dashboard-home-layout__summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__side,
  body.td-view-home .td-dashboard-home-layout__side,
  body.td-view-dashboard .td-dashboard-home-layout__side{
    grid-area:side !important;
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__entries,
  body.td-view-home .td-dashboard-home-layout__entries,
  body.td-view-dashboard .td-dashboard-home-layout__entries{
    grid-area:entries !important;
    min-width:0 !important;
  }
}

.td-podcast-card p{
  margin:0 0 12px;
}

.td-podcast-card label{
  display:block;
}

.td-podcast-card label strong{
  display:block;
  margin-bottom:6px;
}

.td-podcast-card input[type="text"],
.td-podcast-card input[type="url"]{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid var(--td-shell-border);
  border-radius:8px;
  background:var(--td-shell-surface-2, var(--td-shell-surface));
  color:var(--td-shell-text);
  font:inherit;
}

.td-podcast-android-steps{
  padding:10px 12px;
  margin:0 0 12px;
  background:var(--td-shell-surface-2, var(--td-shell-surface));
  border:1px solid var(--td-shell-border);
  border-radius:8px;
}

.td-podcast-android-steps ol{
  margin:0 0 8px;
  padding-left:20px;
}

.td-podcast-android-steps li{
  margin-bottom:4px;
}

.td-podcast-android-steps p:last-child{
  margin-bottom:0;
}

.td-podcast-notice{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  margin:0;
  color:var(--td-shell-text);
  background:var(--td-shell-surface-2, var(--td-shell-surface));
  border:1px solid var(--td-shell-border);
  border-radius:8px;
}

.td-podcast-notice__body{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
}

.td-podcast-notice__title{
  flex:0 0 auto;
  font-size:var(--td-font-sm);
  line-height:1.35;
}

.td-podcast-notice__text{
  min-width:0;
  color:var(--td-text-muted);
  font-size:var(--td-font-sm);
  line-height:1.35;
}

.td-podcast-notice__link{
  flex:0 0 auto;
  white-space:nowrap;
}

.td-podcast-notice__dismiss{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--td-text-muted);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.td-podcast-notice__dismiss:hover,
.td-podcast-notice__dismiss:focus{
  color:var(--td-shell-text);
  background:var(--td-shell-surface);
  outline:0;
}

@media (max-width: 640px){
  .td-podcast-notice{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .td-podcast-notice__body{
    flex:1 1 calc(100% - 44px);
    flex-direction:column;
    gap:2px;
  }

  .td-podcast-notice__link{
    order:3;
  }

  .td-podcast-notice__dismiss{
    margin-left:auto;
  }
}

.td-podcast-episodes__tabs{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  flex-wrap:wrap;
}

.td-podcast-episodes__tab{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--td-shell-border);
  text-decoration:none;
  font-size:.9em;
  color:var(--td-shell-text);
}

.td-podcast-episodes__tabs .td-podcast-episodes__tab.is-active,
.td-podcast-episodes__tabs .td-podcast-episodes__tab.is-active:visited,
.td-podcast-episodes__tabs .td-podcast-episodes__tab.is-active:hover,
.td-podcast-episodes__tabs .td-podcast-episodes__tab.is-active:focus,
.td-podcast-episodes__tabs .td-podcast-episodes__tab.is-active:active{
  background:var(--td-shell-primary);
  color:var(--td-color-white) !important;
  -webkit-text-fill-color:var(--td-color-white) !important;
  border-color:transparent;
  text-decoration:none;
}

.td-podcast-episodes__sort{
  margin-left:auto;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--td-shell-border);
  text-decoration:none;
  font-size:.9em;
  color:var(--td-shell-text);
  white-space:nowrap;
}

.td-podcast-episodes__filter-form{
  margin:0 0 12px;
}

.td-podcast-episodes__filter-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.9em;
  color:var(--td-shell-text-muted);
  cursor:pointer;
}

.td-podcast-episodes__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.td-podcast-episode-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px;
  border:1px solid var(--td-shell-border);
  border-radius:8px;
}

.td-podcast-episode-card__media{
  flex:0 0 auto;
}

.td-podcast-episode-card__thumbnail{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:6px;
  display:block;
}

.td-podcast-episode-card__body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.td-podcast-episode-card__actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
}

.td-podcast-episode-card__favorite,
.td-podcast-episode-card__played{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid var(--td-shell-border);
  background:var(--td-color-white);
  cursor:pointer;
  font-size:1em;
  line-height:1;
  padding:0;
}

.td-podcast-episode-card__favorite.is-active{
  color:#e8a300;
  border-color:#e8a300;
}

.td-podcast-episode-card__played.is-active{
  color:var(--td-shell-primary);
  border-color:var(--td-shell-primary);
}

.td-podcast-episode-card__title{
  font-size:1em;
  color:var(--td-shell-text);
}

.td-podcast-episode-card__date{
  font-size:.85em;
  color:var(--td-shell-text-muted);
}

.td-podcast-episode-card__audio{
  width:100%;
  margin-top:4px;
}

.td-podcast-episode-card__video-link{
  align-self:flex-start;
  margin-top:4px;
}

.td-podcast-episodes__empty{
  color:var(--td-shell-text-muted);
}

.td-podcast-episodes__pagination ul{
  display:flex;
  gap:6px;
  list-style:none;
  padding:0;
  margin:12px 0 0;
  flex-wrap:wrap;
}


/* 2.27.18 sub-manifest for td-dashboard-plan-train-evaluate.css. */
/* 2.27.19 sub-manifest for td-dashboard-plan-train-evaluate-a.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-a.css; keep import order. */
/* Plan/train/evaluate owner rules, part A.
 * Extracted from td-dashboard-plan-train-evaluate.css in 2.27.18. */
/* Plan/train/evaluate owners, post-it/list fixes and later dashboard regression rules.
 * Extracted from td-dashboard.css in 2.27.18. Keep import order via td-dashboard.css. */
/* 2.7.100.8 / 2162 – strukturellt desktop-/mobilpass för dashboard, plan och train. */
body.td-view-plan .td-plan-v4,
body.td-view-plan .td-plan-v4__lead,
body.td-view-plan .td-plan-v4__primary,
body.td-view-plan .td-plan-v4__secondary,
body.td-view-plan .td-plan-v4__secondary-left,
body.td-view-plan .td-plan-v4__secondary-right,
body.td-view-plan .td-plan-v4__inspiration{
  row-gap:var(--td-shell-stack-gap) !important;
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    column-gap:0 !important;
  }
}

@media (min-width:1024px){
  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(0,1fr) minmax(320px,0.74fr) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 


  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main{
    grid-area:main !important;
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary > *,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main > *,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side > *{
    margin:0 !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side{
    grid-area:side !important;
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries{
    grid-area:entries !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main .td-postits-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* 2.7.100.9 / 2162 – runtime-pass efter desktopdebug: träffa faktisk alt-layout, stärk plan/train och rensa bort sen-lagers missar. */
@media (min-width:1024px){

  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,0.72fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
    min-width:0 !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 

}

/* 2.7.100.10 / 2162 – mobilparitet för Planera: nolla planspecifika undergrid-gap så kortstacken följer övriga dashboardvyer. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:0 !important;
    column-gap:0 !important;
  }

  body.td-view-plan .td-plan-v4 > *,
  body.td-view-plan .td-plan-v4__lead > *,
  body.td-view-plan .td-plan-v4__primary > *,
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
  }
}

/* 2.7.100.11 / 2162 – strukturpass för Planera mobil: goals-action i header även på mobil. */
body.td-view-plan .td-plan-section--goals 

body.td-view-plan .td-plan-section--goals 

/* 2.7.100.12 / 2162 – desktop ownerpass för plan/list/train efter debug. */
@media (min-width:1024px){

  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__inspiration{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:var(--td-shell-stack-gap) !important;
    row-gap:var(--td-shell-stack-gap) !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration-instructors,
  body.td-view-plan .td-plan-v4__inspiration-members{
    width:100% !important;
    min-width:0 !important;
  }

  body.td-view-plan .td-create-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    column-gap:16px !important;
  }

  body.td-view-plan .td-create-item__text,
  body.td-view-plan .td-create-item__action{
    min-width:0 !important;
  }

  body.td-view-plan .td-create-item__action .button{
    justify-self:end !important;
  }

}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:0 !important;
  }
}

@media (min-width:1024px){


  body.td-view-calendar .td-calendar-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 320px !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-calendar .td-calendar-layout__main,
  body.td-view-calendar .td-calendar-layout__sidebar{
    min-width:0 !important;
  }

  body.td-view-calendar .td-calendar-layout__sidebar{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-calendar .td-calendar-layout__main .td-calendar-ical-link--card{
    display:none !important;
  }
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__inspiration > *,
  body.td-view-home .td-dash-qa__block + .td-dash-qa__block{
    margin-top:0 !important;
  }
}



/* 2.7.102.41 – train-ownern är åter samlad i dashboardfilen.
   td-train-v1 äger bara yttre desktopplacering; td-train-v2__grid äger toppkolumnerna. */
body.td-shell-route-unified.td-view-train .td-train-v1,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
  align-items:start !important;
  width:100% !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col{
  min-width:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  align-content:start !important;
  min-width:0 !important;
  width:100% !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col > .td-train-section,
body.td-shell-route-unified.td-view-train .td-train-v2__grid > .td-train-section{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  align-self:start !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--upcoming,
body.td-shell-route-unified.td-view-train .td-train-section--planned,
body.td-shell-route-unified.td-view-train .td-train-section--quickpass,
body.td-shell-route-unified.td-view-train .td-train-section--recent,
body.td-shell-route-unified.td-view-train .td-train-section--templates{
  margin:0 !important;
  position:relative !important;
  z-index:auto !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* #212: ge mallar-kortet samma 24px-luft även på mobil. Den grupperade regeln ovan nollställer
   marginalen för alla träningssektioner, och 24px-fixen i #250 låg bara i desktop-media-queryn
   (min-width:1024px). Här återställs toppluften för just mallar i basläget, så avståndet mellan
   övningsbibliotek och mallar matchar desktop även i mobilen. */
body.td-shell-route-unified.td-view-train .td-train-section--templates{
  margin-top:24px !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body{
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker__group,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > .td-create-picker__group,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > .td-grid.td-create-picker__group{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body h3.td-group-title.td-create-picker__group-title{
  margin:12px 0 4px 0 !important;
  padding:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > h3.td-group-title.td-create-picker__group-title:first-child{
  margin-top:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > h3.td-group-title.td-create-picker__group-title + .td-grid.td-create-picker__group{
  margin-top:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item,
body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-row,
body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-title{
  margin-left:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-title{
  margin:0 !important;
  padding:0 !important;
}

@media (min-width:1024px){
  body.td-shell-route-unified.td-view-train .td-train-v1,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:24px !important;
    row-gap:24px !important;
    align-items:start !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v2__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:24px !important;
    row-gap:24px !important;
    grid-column:1 / -1 !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
    gap:24px !important;
    flex-direction:column !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-section--templates{
    grid-column:1/-1 !important;
    width:100% !important;
    /* #212: matcha det 24px-gap som används mellan övriga kort på sidan i stället för
       det tajtare 12px-stacksteget, så mallar-kortet får samma luft som övningsbiblioteket. */
    margin-top:24px !important;
    align-self:start !important;
  }
}


/* 2.7.103.2 – plan-ownern: mobilstack utan dolda gridglapp, jämna skapa-knappar och post-it-typografi. */
body.td-view-plan .td-postit__title{
  margin:0 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
}
body.td-view-plan .td-postit__title-link{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-plan .td-postit__title-link:hover,
body.td-view-plan .td-postit__title-link:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}
body.td-view-plan .td-postit__meta{
  margin-top:2px !important;
  text-decoration:none !important;
}
@media (min-width:1024px){
  body.td-view-plan .td-create-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 172px !important;
    column-gap:16px !important;
    align-items:start !important;
  }
  body.td-view-plan .td-create-item__action{
    width:172px !important;
    justify-self:end !important;
  }
  body.td-view-plan .td-create-item__action .button{
    display:inline-flex !important;
    justify-content:center !important;
    width:100% !important;
  }
}
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    display:block !important;
    row-gap:0 !important;
    column-gap:0 !important;
  }
  body.td-view-plan .td-plan-v4 > *,
  body.td-view-plan .td-plan-v4__lead > *,
  body.td-view-plan .td-plan-v4__primary > *,
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
  }
}


/* 2.7.103.4 – plan-postit: hundnamn med Rainier och tydligare textblock. */
body.td-view-plan .td-postit__title,
body.td-view-plan .td-postit h3.td-postit__title,
body.td-view-plan .td-card .td-postit__title{
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body.td-view-plan .td-postit__title-link,
body.td-view-plan .td-postit h3.td-postit__title a{
  font-family:inherit !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body.td-view-plan .td-postit__title-link:hover,
body.td-view-plan .td-postit__title-link:focus,
body.td-view-plan .td-postit h3.td-postit__title a:hover,
body.td-view-plan .td-postit h3.td-postit__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}

body.td-view-plan .td-postit-item__text{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}


/* 2.7.103.5 – plan-mobil: sekundärstacken ska inte skapa eget mellanrum mellan Viktigast just nu och Skapa. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  body.td-view-plan .td-plan-v4__primary + .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left + .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__upcoming + .td-plan-v4__goals{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}


/* 2.7.103.6 – utvärdera/avstämningar följer samma create-mönster som Planera. */
body.td-view-evaluate .td-eval-featured-list{
  display:grid !important;
  gap:14px !important;
}

body.td-view-evaluate .td-eval-featured-list__item{
  margin:0 !important;
}

body.td-view-evaluate .td-eval-featured-list__title{
  font-weight:700 !important;
  margin-bottom:2px !important;
}

body.td-view-evaluate .td-eval-featured-list__desc{
  margin:0 !important;
}

@media (min-width:1024px){
  body.td-view-evaluate .td-eval-featured-list__item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 172px !important;
    column-gap:16px !important;
    align-items:start !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action{
    width:172px !important;
    justify-self:end !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action .button{
    display:inline-flex !important;
    justify-content:center !important;
    width:100% !important;
  }
}

@media (max-width:1023.98px){
  body.td-view-evaluate .td-eval-featured-list__item{
    display:block !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action{
    margin-top:8px !important;
  }
}


/* 2.7.103.9 – createknappar lugnare höjd och lättare tyngd i Planera/Utvärdera. */
body.td-view-plan .td-create-item__action .button,
body.td-view-evaluate .td-eval-featured-list__action .button{
  min-height:42px !important;
  padding:0 12px !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}


/* 2.7.103.11 – tighter CTA buttons där 103.10 inte slog igenom visuellt. */
body.td-shell-route-unified .td-create-item__action .button,
body.td-shell-route-unified .td-eval-featured-list__action .button,
body.td-shell-route-unified.td-view-exercises .td-shell-content > .button.td-small,
body.td-shell-route-unified.td-view-exercises .td-main__body .button.td-small{
  min-height:26px !important;
  height:26px !important;
  padding:0 10px !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.0 !important;
}

/* 2.7.103.28 – dashboard/home/list: QA-blocken ska inte skapa eget mobilglapp och post-it ska matcha plan-postit. */
@media (max-width:1023.98px){
  body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--qa{
    gap:0 !important;
  }

  body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-qa__block + .td-dash-qa__block{
    margin-top:0 !important;
  }
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-card .td-postit__title{
  margin:0 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a{
  font-family:inherit !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link:hover,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link:focus,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a:hover,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit-item__text{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}


/* 2.7.103.29 – QA/list parity + post-it parity on home/list/dashboard. */
body:is(.td-view-home,.td-view-list,.td-view-dashboard,.td-view-qa,.td-view-suggestions) .td-card-list,
body:is(.td-view-qa,.td-view-suggestions) .td-qa-sessions{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard,.td-view-qa,.td-view-suggestions) .td-card-list__item,
body:is(.td-view-qa,.td-view-suggestions) .td-qa-sessions > .td-card,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-qa__block{
  margin:0 !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postits-grid .td-postit{
  border-radius:0 !important;
}


/* 2.7.103.29.1 – QA/suggestions följer samma kortstack som övriga dashboardkort. */
body.td-view-qa .td-card,
body.td-view-suggestions .td-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.td-view-qa .td-view-stack,
body.td-view-suggestions .td-view-stack,
body.td-view-qa .td-content,
body.td-view-suggestions .td-content{
  gap:var(--td-shell-stack-gap) !important;
}

body.td-view-qa .td-card-list,
body.td-view-suggestions .td-card-list{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}


/* 2.7.103.32 – kalender listkort använder samma badge-rad som övriga datumkort. */
body.td-view-calendar .td-calendar-list__body{
  display:grid !important;
  grid-template-columns:88px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}
body.td-view-calendar .td-calendar-list__date-badge{
  width:88px !important;
  min-width:88px !important;
}
body.td-view-calendar .td-calendar-list__content{
  min-width:0;
  display:grid !important;
  gap:8px !important;
  align-content:start !important;
}
body.td-view-calendar .td-calendar-list__content > *{margin:0 !important;}
body.td-view-calendar .td-calendar-list__title,
body.td-view-calendar .td-calendar-list__title:hover,
body.td-view-calendar .td-calendar-list__title:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
@media (max-width:767px){
  body.td-view-calendar .td-calendar-list__body{
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:16px !important;
  }
  body.td-view-calendar .td-calendar-list__date-badge{
    width:72px !important;
    min-width:72px !important;
  }
}

/* 2.7.103.32 – QA/suggestions/stats följer samma kortstack som övriga vyer. */
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-view-stack,
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-shell-content,
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-content{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}
body.td-view-qa .td-qa-sessions,
body.td-view-suggestions .td-card-list,
body.td-view-stats .td-stats-overview-grid{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  margin:0 0 var(--td-shell-stack-gap) 0 !important;
}
body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-qa .td-card,
body.td-view-suggestions .td-card,
body.td-view-qa .td-card-list__item,
body.td-view-suggestions .td-card-list__item{
  margin:0 !important;
}

/* 2.7.103.32 – home inspiration länkar ska vara orange utan understrykning. */
.td-plan-inspiration-item__title a,
.td-plan-inspiration-item__title a strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
.td-plan-inspiration-item__title a:hover,
.td-plan-inspiration-item__title a:focus,
.td-plan-inspiration-item__title a:hover strong,
.td-plan-inspiration-item__title a:focus strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

/* 2.7.103.32 – mobil: dölj senaste instruktörspassen på skapa-tabben så formuläret får plats. */
@media (max-width:767px){
  body.td-view-instructor .td-instructor-sent{display:none !important;}
}

/* 2.7.103.33 – dashboard/mobile-stack ägs av dashboard-ownern; inga extra child-marginaler i stats/qa/suggestions. */
body.td-view-stats .td-stats-overview-grid,
body.td-view-qa .td-qa-sessions,
body.td-view-suggestions .td-card-list{
  margin:0 !important;
}
body.td-view-stats .td-stats-overview-grid > *,
body.td-view-qa .td-qa-sessions > *,
body.td-view-suggestions .td-card-list > *{
  margin:0 !important;
}
body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-qa .td-card,
body.td-view-suggestions .td-card,
body.td-view-qa .td-card-list__item,
body.td-view-suggestions .td-card-list__item{
  margin-block:0 !important;
}

/* 2.7.103.33 – hemkortens inspirationslänkar ska följa passlistelänken, utan underline i vila eller hover. */
body.td-view-home .td-plan-inspiration-item__link,
body.td-view-home .td-plan-inspiration-item__link:visited,
body.td-view-home .td-plan-inspiration-item__link:hover,
body.td-view-home .td-plan-inspiration-item__link:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-home .td-plan-inspiration-item__title{
  margin:0 0 4px !important;
}

/* 2.7.103.33 – listvyn använder samma länkuttryck som övriga passlistor och lugnare mobilrubriker. */
body.td-view-list .td-entries-mobile-card__title{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.32 !important;
}
body.td-view-list .td-entries-mobile-card__title a,
body.td-view-list .td-entries-mobile-card__title a:visited,
body.td-view-list .td-entries-mobile-card__title a:hover,
body.td-view-list .td-entries-mobile-card__title a:focus{
  display:inline-block !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-list .td-card-form__label.td-filter-form__label{
  margin:0 0 6px 0 !important;
  font-size:18px !important;
  line-height:1.15 !important;
}


/* 2.7.103.34 – dashboard owner cleanup: mobile card stack, inspiration links, list filter rhythm, instructor create width. */
@media (max-width:767px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-shell-content,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-content,
  body.td-view-stats .td-stats-overview-grid,
  body.td-view-qa .td-qa-sessions,
  body.td-view-suggestions .td-card-list{
    gap:0 !important;
  }
}

body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-stats .td-stats-overview-grid,
body.td-view-stats .td-stats-overview-grid > *{
  margin:0 !important;
}

body.td-view-stats .td-stats-summary > *:first-child,
body.td-view-stats .td-stats-history-card > *:first-child,
body.td-view-qa .td-card > *:first-child,
body.td-view-suggestions .td-card > *:first-child{
  margin-top:0 !important;
}

body.td-view-home .td-plan-inspiration-item__link,
body.td-view-home .td-plan-inspiration-item__link strong,
body.td-view-home .td-plan-inspiration-item__link:visited,
body.td-view-home .td-plan-inspiration-item__link:hover,
body.td-view-home .td-plan-inspiration-item__link:hover strong,
body.td-view-home .td-plan-inspiration-item__link:focus,
body.td-view-home .td-plan-inspiration-item__link:focus strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body.td-view-list .td-card-form__label.td-filter-form__label{
  margin:0 0 2px 0 !important;
}

body.td-view-instructor .td-instructor-page__grid--create{
  grid-template-columns:minmax(0,1fr) !important;
}


/* 2.7.104.9 – dashboard/list desktop parity + filter rhythm + list title contract. */
@media (min-width:1024px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    column-gap:var(--td-shell-stack-gap) !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary{
    min-width:0 !important;
  }
  body.td-view-list .td-entries-table .td-pass-list__title,
  body.td-view-list .td-entries-table .td-pass-list__title:visited{
    color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
    text-decoration:none !important;
    font-weight:400 !important;
  }
  body.td-view-list .td-entries-table .td-pass-list__title:hover,
  body.td-view-list .td-entries-table .td-pass-list__title:focus{
    text-decoration:underline !important;
  }
}
body.td-view-list .td-filter-field > .td-card-form__label.td-filter-form__label{
  margin:0 0 2px 0 !important;
}
body.td-view-list .td-filter-field > br{
  display:none !important;
}
body.td-view-list .td-filter-field select,
body.td-view-list .td-filter-field input{
  margin-top:0 !important;
}
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:visited,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:hover,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:focus{
  text-decoration:none !important;
}


/* 2.7.104.10 – stats/qa/suggestions ska använda wrapper-gap, inte nollade specialglapp. */
@media (max-width:767px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-shell-content,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-content,
  body.td-view-stats .td-stats-overview-grid,
  body.td-view-qa .td-qa-sessions,
  body.td-view-suggestions .td-card-list{
    display:flex !important;
    flex-direction:column !important;
    gap:var(--td-shell-stack-gap) !important;
  }
}
body.td-view-stats .td-stats-overview-grid > *,
body.td-view-qa .td-qa-sessions > *,
body.td-view-suggestions .td-card-list > *{margin:0 !important;}

/* 2.7.104.10 – planera-postitens snabbpassknapp ska följa samma ikonknapp som hem/list. */
body.td-view-plan .td-qp-btn--plus,
body.td-view-plan .td-qp-btn--plus:visited,
body.td-view-plan .td-qp-btn--plus:hover,
body.td-view-plan .td-qp-btn--plus:focus{
  text-decoration:none !important;
}

/* 2.7.104.10 – mobiltitlar i passlistor ska vara lugnare och inte fetare än nödvändigt. */
body.td-shell-route-unified .td-entries-mobile-card__title,
body.td-shell-route-unified .td-instructor-sent__item-title,
body.td-shell-route-unified .td-postit__title{
  font-weight:400 !important;
}
body.td-view-instructor .td-instructor-sent__item-title a,
body.td-view-list .td-entries-mobile-card__title a,
body.td-view-home .td-plan-inspiration-item__title a{
  font-weight:400 !important;
}

/* 2.7.104.10 – list/filteretiketter ska ligga tätare mot fälten. */
body.td-view-list .td-filter-field,
body.td-view-instructor .td-filter-field{gap:4px !important;}
body.td-view-list .td-card-form__label.td-filter-form__label,
body.td-view-instructor .td-card-form__label.td-filter-form__label{margin:0 0 4px 0 !important;}

@media (max-width:781.98px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack{display:grid !important;row-gap:16px !important;}
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack > *{margin:0 !important;}
  body.td-view-stats .td-card + .td-card,
  body.td-view-qa .td-card + .td-card,
  body.td-view-suggestions .td-card + .td-card{margin-top:0 !important;}
  body.td-view-instructor .td-instructor-pass-card,
  body.td-view-instructor .td-instructor-card{ text-align:left !important; align-items:flex-start !important; }
}
body.td-view-inspiration .td-inspiration-card__title a,
body.td-view-inspiration .td-pass-list__title{ text-decoration:none !important; font-weight:400 !important; }
body.td-view-inspiration .td-inspiration-card__title a:hover,
body.td-view-inspiration .td-pass-list__title:hover{ text-decoration:underline !important; }

/* 2.7.104.16 – passlänk-kontrakt återställt i home/list/plan/train/evaluate/inspiration/instruktör. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title),
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):visited{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):hover,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title) strong,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):hover strong,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):focus strong{
  color:inherit !important;
  font-weight:400 !important;
  text-decoration:inherit !important;
}

/* Home/list dashboard-inspiration ska få höjd efter innehåll. */
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dashboard-home-layout__summary > *{
  align-self:start !important;
  height:auto !important;
}
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--inspiration-members,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--inspiration-instructors{
  height:auto !important;
}

/* Inspiration/list filteretiketter: ingen extra <br>-luft och tätare mot fältet. */
body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field > br,
body.td-view-instructor #td-instructor-pass-filters .td-filter-field > br{
  display:none !important;
}
body.td-view-list_inspiration .td-card-form__label.td-filter-form__label,
body.td-view-instructor .td-card-form__label.td-filter-form__label{
  margin:0 0 4px 0 !important;
}

/* Instruktörspasslistans mobilkort ska vara vänsterställda. */
@media (max-width:781.98px){
  body.td-view-instructor .td-instructor-pass-card,
  body.td-view-instructor .td-instructor-card,
  body.td-view-instructor .td-instructor-pass-card *,
  body.td-view-instructor .td-instructor-card *{
    text-align:left !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }
}


/* 2.7.104.17 – dashboard/list/inspiration passnamn ska alltid följa samma orange länkstil. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-list__title:visited, .td-entries-table .td-pass-list__title, .td-entries-table .td-pass-list__title:visited, .td-entries-title){
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-entries-table .td-pass-list__title):hover,
body.td-shell-route-unified :is(.td-pass-list__title, .td-entries-table .td-pass-list__title):focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}
body.td-shell-route-unified .td-dashboard-home-layout__summary > .td-dash-card--inspiration-members,
body.td-shell-route-unified .td-dashboard-home-layout__summary > .td-dash-card--inspiration-instructors{
  height:auto !important;
  align-self:start !important;
}

/* 2.7.104.18 – list/instruktör/passlänk/no-access parity. */
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-pass-list__title:visited{
  font-size:16px !important;
  font-weight:400 !important;
}
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title),
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):visited{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
  font-size:16px !important;
}
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):hover,
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):focus{
  text-decoration:underline !important;
}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(odd){background:var(--td-color-surface-warm-alt) !important;}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(even){background:transparent !important;}
body.td-view-instructor .td-instructor-pass-table tbody td{background:transparent !important; vertical-align:top !important;}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell{justify-content:flex-end !important; align-items:flex-start !important;}
body.td-no-access .td-access-card__actions,
body.td-no-access .td-share-actions,
body.td-no-access .td-u-flex-row{gap:14px !important;}
body.td-no-access .td-access-card__actions .button + .button{margin-left:0 !important;}

/* 2.7.105.1 – dashboard/list owner: siluett ovanför entries och tydligare desktop-rubrikrader. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor{
  display:block;
  width:100%;
  height:60px;
  min-height:60px;
  margin:0 0 10px;
  background-image:var(--td-shell-silhouette-image, url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png'));
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:auto 60px;
  opacity:.52;
  pointer-events:none;
}




/* 2.7.105.3 – dashboard owner: entries-decor ska vara tydlig och synlig över all entries-kortet. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor{
  display:block !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 0 12px !important;
  background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center bottom / auto 72px no-repeat !important;
  opacity:1 !important;
}


/* 2.7.105.4 – list/dashboard entries-decor owner: egen dekorsiluett ovanför entries/listblocket. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
body.td-view-list .td-dashboard-home-layout__entries-decor--list{
  display:block !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 0 12px !important;
  background-image:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:auto 72px !important;
  opacity:1 !important;
  pointer-events:none !important;
}


/* 2.7.105.4 – diary links owner: ingen underline i vila i entry-view och post-it/list, endast vid interaktion där avsett. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-link, .td-postit__title-link),
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-link, .td-postit__title-link):visited{
  text-decoration:none !important;
}
body.td-view-view .td-entry-view__content :is(.td-pass-list__title, .td-pass-link),
body.td-view-list .td-postit :is(.td-postit__title-link, .td-pass-list__title, .td-pass-link),
body.td-view-home .td-postit :is(.td-postit__title-link, .td-pass-list__title, .td-pass-link){
  text-decoration:none !important;
}

/* 2.7.106.3 – inspiration/bloggpool/tombola på inspirationsytor och träna. */
body.td-view-list_inspiration .td-inspiration-blog-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:24px;
}
body.td-view-list_inspiration .td-inspiration-blog-card__media img,
body.td-view-list_inspiration .td-inspiration-blog-list__thumb img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}
body.td-view-list_inspiration .td-inspiration-blog-list{
  display:grid;
  gap:16px;
}
body.td-view-list_inspiration .td-inspiration-blog-list__item{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body.td-view-list_inspiration .td-inspiration-blog-list__thumb{
  overflow:hidden;
}
body.td-view-list_inspiration .td-inspiration-tombola-card,
body.td-view-train .td-train-section--tombola{
  margin-top:24px;
}

/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-a.css; keep import order. */
body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field--lg{
  flex:0 1 50%;
  max-width:50%;
}
@media (max-width: 960px){
  body.td-view-list_inspiration .td-inspiration-blog-grid{
    grid-template-columns:1fr;
  }
  body.td-view-list_inspiration .td-inspiration-blog-list__item{
    grid-template-columns:1fr;
  }
  body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field--lg{
    flex:1 1 100%;
    max-width:none;
  }
}

/* 2.7.106.3 – statistikgrafer */
.td-stats-chart-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
  margin:24px 0;
}
.td-stats-bars{display:grid;gap:12px}
.td-stats-bars__row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto;gap:12px;align-items:center}
.td-stats-bars__meter{height:12px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden}
.td-stats-bars__fill{display:block;height:100%;border-radius:999px;background:var(--e-global-color-primary, #c65a1e)}
.td-stats-bars__label{font-weight:700}
.td-stats-summary__meta{margin-top:10px}
@media (max-width: 960px){
  .td-stats-chart-grid{grid-template-columns:1fr}
  .td-stats-bars__row{grid-template-columns:1fr;gap:6px}
}


/* 2.7.106.5 – dashboard entries-decor ska bara synas på desktop. */
@media (max-width: 781px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
  body.td-view-list .td-dashboard-home-layout__entries-decor--list{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    background:none !important;
  }
}

/* 2.7.106.6 – dashboard/post-it länkar ska aldrig få underline i vila eller hover. */
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link),
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):visited,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):hover,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):focus{
  text-decoration:none !important;
}


/* 2.7.106.7 – dashboard owner ska inte återinföra underline på övningslänkar. */
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link),
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):visited,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):hover,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):focus{
  text-decoration:none !important;
}

/* 2.7.106.8 – listdekor och länkstandard i dashboard owner. */
@media (min-width: 782px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
  body.td-view-list .td-dashboard-home-layout__entries-decor--list{
    display:block !important;
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    margin:-6px 0 18px !important;
    background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center center / auto 72px no-repeat !important;
    opacity:1 !important;
    pointer-events:none !important;
  }
}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link){
  text-decoration:none !important;
  text-decoration-line:none !important;
}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):visited,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):hover,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):focus{
  text-decoration:none !important;
  text-decoration-line:none !important;
}

/* 2.7.106.9 – globalt spår för övningslänkar i dashboard/list/plan */
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a){text-decoration:none !important;text-decoration-line:none !important;}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):visited,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):hover,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):focus{text-decoration:none !important;text-decoration-line:none !important;}


/* 2.7.208.12 – mobil QA-form ska alltid visa skicka-knappen */
body.td-view-qa .td-card-form__actions,
body.td-view-qa .td-card__actions{display:flex !important;flex-wrap:wrap;gap:12px !important;}
body.td-view-qa .td-card-form__actions > *,
body.td-view-qa .td-card__actions > *{display:inline-flex !important;}


/* 2.7.208.16 – inspirationssidan: tvåkolumnslayout med listor till vänster och filter/blogg/tombola till höger. */
body.td-view-list_inspiration .td-inspiration-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);
  gap:24px;
  align-items:start;
}
body.td-view-list_inspiration .td-inspiration-layout__main,
body.td-view-list_inspiration .td-inspiration-layout__side{
  min-width:0;
}
body.td-view-list_inspiration .td-inspiration-layout__side > .td-card,
body.td-view-list_inspiration .td-inspiration-layout__side > .td-inspiration-blog-grid{
  margin:0;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-grid{
  grid-template-columns:1fr;
  gap:24px;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-card--featured,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-card--pool,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-tombola-card,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-intro{
  width:100%;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-filterbar .td-filter-field,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-filterbar .td-filter-field--lg{
  flex:1 1 100%;
  max-width:none;
}
body.td-view-list_inspiration .td-inspiration-blog-card__headline{
  margin:0;
}
@media (max-width: 960px){
  body.td-view-list_inspiration .td-inspiration-layout{
    grid-template-columns:1fr;
  }
}


/* 2.7.208.18 – kalenderpilar och månadsnamn på samma rad */
.td-calendar-month__header{display:grid !important;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center !important;gap:12px !important}
.td-calendar-month__title{grid-column:2;text-align:center !important;margin:0 !important}
.td-calendar-nav--prev{grid-column:1}
.td-calendar-nav--next{grid-column:3}
/* 2.7.208.18 – luft mellan arkivkort på mobil */
@media (max-width: 781.98px){
  body.td-help-archive .td-help-card-grid,
  body.td-offer-archive .td-help-card-grid,
  body.td-interview-archive .td-help-card-grid{gap:16px !important}
  body.td-help-archive .td-help-card,
  body.td-offer-archive .td-help-card,
  body.td-interview-archive .td-help-card{margin-bottom:0 !important}
}

/* 2.7.209.29 – Viktigast just nu: hundbild större på mobil och låst högre upp till höger. */
body.td-shell-route-unified .td-postit{
  position:relative;
}
body.td-shell-route-unified .td-postit__header{
  position:relative;
  display:block;
  padding-right:96px;
  min-height:74px;
}
body.td-shell-route-unified .td-postit__header-main{
  min-width:0;
}
body.td-shell-route-unified .td-postit__dog{
  position:absolute;
  top:-2px;
  right:-2px;
  display:block;
  margin:0;
}
body.td-shell-route-unified .td-postit__dog-image{
  width:64px;
  height:64px;
  min-width:64px;
  min-height:64px;
  border-radius:999px;
  object-fit:cover;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-postit__header{
    padding-right:108px;
    min-height:84px;
  }
  body.td-shell-route-unified .td-postit__dog{
    top:-4px;
    right:-4px;
  }
  body.td-shell-route-unified .td-postit__dog-image{
    width:72px;
    height:72px;
    min-width:72px;
    min-height:72px;
  }
}

/* 2.7.212.10 – Tränasidan: en enda mobilstack äger kortavståndet.
   Debug visade att 12px-regeln `.td-card + .td-card` bara träffade kort som var syskon i vänster kolumn.
   Kort som låg efter kolumn-/gridgränserna (Senaste träningspass, Mallar) fick därför 0px gap.
   På mobil/narrow viewport nollas individuella kortmarginaler och gap läggs på de faktiska stack-parentarna. */
@media (max-width:1023.98px){
  body.td-shell-route-unified.td-view-train .td-train-v1,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2,
  body.td-shell-route-unified.td-view-train .td-train-v2__grid,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap, 12px) !important;
    row-gap:var(--td-shell-stack-gap, 12px) !important;
    column-gap:0 !important;
    align-items:start !important;
    width:100% !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v1 .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-v2__grid .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-v2__col .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-section + .td-train-section{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}


/* 2.7.212.11 – Gemensamt mobilgap för dashboardkort i alla huvudvyer.
   Detta ersätter vy-för-vy-lagningar: wrappernivåerna som delar upp kort i kolumner/grids
   blir en enda 12px-stack på mobil, medan enskilda kort inte får egna extra marginaler. */
@media (max-width:1023.98px){
  body.td-shell-route-unified.td-content-family-dashboard :is(
    .td-shell-content,
    .td-content--view-dashboard,
    .td-content--view-plan,
    .td-content--view-train,
    .td-content--view-evaluate,
    .td-view-stack,
    .td-dashboard,
    .td-dashboard-home-layout,
    .td-dashboard-home-layout__main,
    .td-dashboard-home-layout__side,
    .td-dashboard-home-layout__mobile-side,
    .td-dashboard-home-layout__entries,
    .td-plan-v4,
    .td-plan-v4__lead,
    .td-plan-v4__primary,
    .td-plan-v4__secondary,
    .td-plan-v4__secondary-left,
    .td-plan-v4__secondary-right,
    .td-plan-v4__inspiration,
    .td-plan-v4__inspiration-instructors,
    .td-plan-v4__inspiration-members,
    .td-eval-v1,
    .td-eval-v2__grid,
    .td-eval-v2__col,
    .td-train-v1,
    .td-train-v2__grid,
    .td-train-v2__col
  ){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap, 12px) !important;
    row-gap:var(--td-shell-stack-gap, 12px) !important;
    column-gap:0 !important;
    align-items:start !important;
    width:100% !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard :is(
    .td-card,
    .td-dash-card,
    .td-plan-section,
    .td-train-section,
    .td-section,
    .td-eval-pending,
    .td-eval-featured,
    .td-eval-goals,
    .td-eval-recent,
    .td-eval-compare
  ){
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* 2449: Listor får radbryta passnamn men inte datum/ikoner. */
body.td-view-list .td-entries-table{
  table-layout:auto;
  width:100%;
}
body.td-view-list .td-entries-table th:first-child,
body.td-view-list .td-entries-table td:first-child{
  width:auto;
  min-width:0;
}
body.td-view-list .td-entries-table__date,
body.td-view-list .td-entries-table__dog{
  white-space:nowrap !important;
  width:1%;
}
body.td-view-list .td-entries-table .td-actions-cell{
  white-space:nowrap !important;
  width:1%;
}
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-entries-title{
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
}
body.td-view-list .td-entries-mobile-meta__item--date{
  white-space:nowrap !important;
}
body.td-view-list .td-entries-mobile-card__actions{
  flex:0 0 auto;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-mobile-card__title{
  min-width:0;
  overflow-wrap:anywhere;
}

/* 2453 korrigering: listvyn ska hålla datum och åtgärdsikoner horisontella,
   men låta passnamnet ta radbrytningen. */
body.td-view-list .td-entries-table{
  table-layout:fixed !important;
  width:100% !important;
}
body.td-view-list .td-entries-table th:nth-child(1),
body.td-view-list .td-entries-table td:nth-child(1){
  width:auto !important;
  min-width:0 !important;
}
body.td-view-list .td-entries-table th:nth-child(2),
body.td-view-list .td-entries-table td.td-entries-table__date{
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table th:nth-child(3),
body.td-view-list .td-entries-table td.td-entries-table__dog{
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table th:nth-child(4),
body.td-view-list .td-entries-table td.td-actions-cell{
  width:250px !important;
  min-width:250px !important;
  max-width:250px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table .td-entries-actions-row{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table .td-entries-actions-row > *{
  flex:0 0 auto !important;
}
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-entries-title{
  display:block !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
body.td-view-exercises .td-exercises-progress-help{
  margin:16px 0 8px !important;
}

/* 2.8.8.17: inspirationslistor – datum ska inte radbrytas, titel får radbrytas. */
.td-view-list_inspiration table td:nth-child(1),
.td-view-list_inspiration table th:nth-child(1){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.td-view-list_inspiration table td:nth-child(2),
.td-view-list_inspiration table th:nth-child(2){white-space:nowrap!important;word-break:keep-all!important;}
.td-view-list_inspiration .td-filter-field{margin-top:10px!important;}
.td-view-list_inspiration .td-filter-field + .td-filter-field{margin-left:12px!important;}

/* 2.9.17 – kalender: centrerad prenumerationsknapp och klickbar aktivitetsdetalj. */
.td-calendar-subscribe-card__body{
  display:flex;
  align-items:center;
  justify-content:center;
}
.td-calendar-subscribe-card .td-calendar-ical-link,
.td-calendar-mobile-subscribe .td-calendar-ical-link{
  margin-left:0;
  justify-content:center;
  align-self:center;
}
.td-calendar-event-trigger{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--td-shell-primary, #c65a1e);
  font:inherit;
  line-height:inherit;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
}
.td-calendar-event-trigger:hover,
.td-calendar-event-trigger:focus-visible{
  text-decoration:underline;
}
.td-calendar-month__event .td-calendar-event-trigger{
  font-size:12px;
}
.td-calendar-mobile__title-button,
.td-calendar-list__title-button{
  font-weight:700;
}
.td-calendar-event-modal__desc{
  white-space:pre-wrap;
  line-height:1.5;
}
.td-calendar-event-modal__actions{
  margin-top:16px;
}

/* 2.10.16: Month calendar should stay visually quiet until hover/focus. */
.td-calendar-month__event .td-calendar-event-trigger{
  opacity:0;
  transition:opacity .12s ease;
}
.td-calendar-month__cell:hover .td-calendar-event-trigger,
.td-calendar-month__cell:focus-within .td-calendar-event-trigger{
  opacity:1;
}
.td-calendar-month__badge{
  display:inline-block;
  font-size:11px;
  line-height:1.2;
  color:var(--td-shell-muted, #7a6b60);
}
.td-challenge-actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.td-challenge-actions__status{font-size:13px;}

/* 2.10.22: Calendar activity titles must be readable without hover; month view may still underline on hover/focus. */
.td-calendar-month__event .td-calendar-event-trigger{
  opacity:1 !important;
  color:var(--td-shell-primary, #c65a1e) !important;
}
.td-calendar-mobile__title-button,
.td-calendar-list__title-button,
body.td-view-calendar .td-calendar-mobile__title-button,
body.td-view-calendar .td-calendar-list__title-button{
  color:var(--td-shell-primary, #c65a1e) !important;
  opacity:1 !important;
  text-decoration:none !important;
}
.td-calendar-mobile__title-button:hover,
.td-calendar-mobile__title-button:focus-visible,
.td-calendar-list__title-button:hover,
.td-calendar-list__title-button:focus-visible{
  text-decoration:underline !important;
}
.td-dash-card--current-challenge .td-card-list__title--challenge{
  color:var(--td-shell-primary, #c65a1e);
  font-weight:700;
}

/* 2.10.23: Date badges for upcoming material rows. */
.td-card-list--date-badges .td-card-list__item--with-date{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.td-card-list--date-badges .td-card-list__date{
  min-width:76px;
}
.td-card-list--date-badges .td-card-list__content{
  min-width:0;
}
@media (max-width: 520px){
  .td-card-list--date-badges .td-card-list__item--with-date{
    gap:12px;
  }
  .td-card-list--date-badges .td-card-list__date{
    min-width:64px;
  }
}

/* 2.10.31: Activity CPT single/archive presentation. */
.td-activity-single__header{
  display:block;
}
.td-activity-single__date-badge .td-card-list__date-badge,
.td-activity-card .td-card-list__date-badge{
  margin:0;
}
.td-activity-single__heading{
  min-width:0;
  flex:1;
}
.td-activity-single__meta,
.td-activity-card__date{
  margin-top:4px;
}
.td-activity-single__external{
  margin-top:18px;
}
.td-activity-card .td-card-list__date{
  margin-bottom:8px;
}

/* 2.11.8.1 – Mallrader i mobil/app: titel vänster, ikonkolumn höger. */
body.td-shell-route-unified .td-create-picker .td-create-picker__group{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item,
body.td-shell-route-unified .td-create-picker .td-create-item-row{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 104px !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:12px !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-title{
  min-width:0 !important;
  width:auto !important;
  text-align:left !important;
  justify-self:start !important;
  margin:0 !important;
  padding:0 !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-actions{
  width:104px !important;
  min-width:104px !important;
  display:grid !important;
  grid-template-columns:44px 44px !important;
  grid-auto-flow:initial !important;
  justify-content:end !important;
  justify-self:end !important;
  align-items:center !important;
  gap:12px !important;
}
body.td-shell-route-unified .td-create-picker .td-icon-btn,
body.td-shell-route-unified .td-create-picker .td-create-picker__placeholder{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* 2.12.0: PWA/offline fallback view. */
.td-offline-card {
  max-width: 760px;
  margin-inline: auto;
}

.td-offline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.td-offline-card--hint {
  margin-top: 14px;
}

@media (max-width: 640px) {
  .td-offline-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .td-offline-actions .td-button {
    width: 100%;
    justify-content: center;
  }
}

/* 2.12.9.2: upcoming training passes on Train view use the same date badge contract as other dated cards. */
body.td-view-train .td-train-section--upcoming .td-card-list--date-badges .td-card-list__item--with-date{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
}
body.td-view-train .td-train-section--upcoming .td-pass-list__content{
  min-width:0;
}
body.td-view-train .td-train-section--upcoming .td-pass-list__date-text{
  margin-bottom:2px;
  font-size:.9rem;
}
@media (max-width:520px){
  body.td-view-train .td-train-section--upcoming .td-card-list--date-badges .td-card-list__item--with-date{
    gap:12px;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge{
    width:64px !important;
    min-height:72px !important;
    border-radius:16px !important;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge__day{
    font-size:1.8rem !important;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge__month{
    font-size:.82rem !important;
  }
}

/* 2.17.13 – Träningsguiden: compact profile warning/button and inline course actions. */
body.td-page .td-coach-profile-warning .td-dash-actions--compact,
body.td-shell-route-unified .td-coach-profile-warning .td-dash-actions--compact{
  margin-top:12px;
}
body.td-page .td-coach-profile-warning .td-dash-actions--compact .button,
body.td-shell-route-unified .td-coach-profile-warning .td-dash-actions--compact .button{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  display:inline-flex !important;
}
body.td-page .td-dash-actions--inline,
body.td-shell-route-unified .td-dash-actions--inline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
body.td-page .td-dash-actions--inline .button,
body.td-shell-route-unified .td-dash-actions--inline .button{
  width:auto !important;
  min-width:0 !important;
}

/* 2.18.3 – Träningsguiden på desktop: mindre CTA och klickbar hundbild. */
body.td-shell-route-unified .td-dash-card--coach-return .td-card__body--compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
body.td-shell-route-unified .td-dash-actions--coach-return{
  margin:0 !important;
  flex:0 0 auto;
}
body.td-shell-route-unified .td-dash-actions--coach-return .button{
  width:auto !important;
  min-width:0 !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
body.td-shell-route-unified .td-postit__dog-link{
  display:block;
  border-radius:999px;
  line-height:0;
}
body.td-shell-route-unified .td-postit__dog-link:focus-visible{
  outline:3px solid var(--td-shell-primary-focus);
  outline-offset:3px;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-dash-card--coach-return .td-card__body--compact{
    display:block;
  }
  body.td-shell-route-unified .td-dash-actions--coach-return{
    margin-top:10px !important;
  }
  body.td-shell-route-unified .td-dash-actions--coach-return .button{
    width:100% !important;
  }
}

.td-training-path-overview {
	margin-top: 12px;
}
.td-training-path-overview__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin-top: 8px;
}
.td-training-path-overview__item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 5px;
	text-decoration: none;
	background: rgba(255,255,255,.62);
}
.td-training-path-overview__item--active {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}
.td-training-path-steps {
	list-style: none;
	padding: 0;
	margin: 12px 0;
	display: grid;
	gap: 6px;
}
.td-training-path-steps__item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	background: rgba(255,255,255,.5);
}
.td-training-path-steps__item--in_progress {
	font-weight: 700;
}
.td-training-path-steps__item--done {
	opacity: .88;
}
.td-training-path-steps__icon {
	width: 1.5em;
	text-align: center;
	font-weight: 700;
}
.td-training-path-current,
.td-training-path-question {
	margin-top: 12px;
}

/* 2.19.9: Träningsguiden – lugnare fokusvy och tydligare progress. */
.td-training-path-question.td-is-saving {
	opacity: .68;
	pointer-events: none;
}
.td-training-path-overview summary {
	cursor: pointer;
}
.td-training-path-steps__item--done {
	background: #ecf8ef;
	border-color: rgba(29, 128, 57, .35);
	color: #174b25;
	opacity: 1;
}
.td-training-path-steps__item--done .td-training-path-steps__icon {
	color: #1d8039;
}
.td-training-path-node-help {
	margin: 10px 0;
}
.td-training-path-node-help summary {
	cursor: pointer;
	font-weight: 600;
}

/* 2.19.12: Tydligare val på Träningsguidens startsida. */
.td-coach-mode-choices{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
  margin:12px 0 18px;
}
.td-coach-mode-choice{
  text-decoration:none;
  color:inherit;
}
.td-coach-mode-choice strong,
.td-coach-mode-choice span{
  display:block;
}
.td-coach-mode-choice span{
  margin-top:4px;
  color:var(--td-color-muted,#6b625c);
  font-size:.95rem;
  line-height:1.35;
}
.td-training-path-exercise-context{
  margin:0 0 16px;
}

/* 2.19.20: Träningsresa/progressionsöversikt per hund. */
.td-training-journey-list {
	display: grid;
	gap: 8px;
}
.td-training-journey-item {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 5px;
	background: rgba(255,255,255,.58);
	padding: 0;
}
.td-training-journey-item > summary {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
}
.td-training-journey-item > :not(summary) {
	margin-left: 12px;
	margin-right: 12px;
}
.td-training-journey-item__status {
	white-space: nowrap;
	font-size: .9em;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
}
.td-training-journey-item--in_progress .td-training-journey-item__status,
.td-training-journey-item--needs_more_training .td-training-journey-item__status {
	background: #fff3df;
}
.td-training-journey-item--done .td-training-journey-item__status {
	background: #ecf8ef;
	color: #174b25;
}
.td-training-path-steps--compact {
	margin-top: 8px;
}
.td-training-path-steps--compact .td-training-path-steps__item {
	padding: 6px 8px;
}
@media (max-width: 520px) {
	.td-training-journey-item > summary {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* 2.19.21 – Dagens pass från veckofokus */
.td-train-section--today-pass .td-card__body {
  gap: 12px;
}
.td-today-pass-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(74, 55, 39, 0.12);
  border-radius: 14px;
  background: rgba(255, 251, 244, 0.85);
}
.td-today-pass-card__text {
  min-width: 0;
}
@media (max-width: 640px) {
  .td-today-pass-card {
    align-items: stretch;
    flex-direction: column;
  }
  .td-today-pass-card .td-card__actions,
  .td-today-pass-card .button {
    width: 100%;
  }
}

/* 2.19.22 – Guidad träningsvy v2 */
.td-guided-train {
  display: grid;
  gap: 16px;
}
.td-guided-train-hero {
  padding: 22px;
  border: 1px solid rgba(74, 55, 39, 0.12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,251,244,.98), rgba(241,232,216,.92));
  box-shadow: 0 10px 28px rgba(74,55,39,.08);
}
.td-guided-train-hero__eyebrow {
  margin: 0 0 6px;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(74,55,39,.72);
}
.td-guided-train-hero__intro {
  max-width: 46rem;
  margin: 8px 0 16px;
  color: rgba(74,55,39,.78);
}
.td-guided-primary-pass {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(74,55,39,.10);
}
.td-guided-primary-pass__dog {
  margin: 0 0 4px;
  font-weight: 800;
  color: rgba(74,55,39,.72);
}
.td-guided-primary-pass__hint {
  margin: 8px 0 0;
  font-weight: 700;
  color: rgba(74,55,39,.78);
}
.td-guided-primary-pass__cta {
  flex: 0 0 auto;
}
.td-guided-section .td-card__body {
  gap: 12px;
}
.td-guided-pass-list {
  display: grid;
  gap: 8px;
}
.td-guided-pass-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,251,244,.7);
}
.td-guided-dog-heading {
  margin: 0 0 8px;
}
.td-guided-focus-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.td-guided-focus-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 130px;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(255,251,244,.85);
  border: 1px solid rgba(74,55,39,.12);
  color: inherit;
}
.td-guided-focus-chip:hover {
  text-decoration: none;
  background: #fff;
}
.td-guided-focus-chip small {
  color: rgba(74,55,39,.62);
}
.td-guided-focus-chip--done {
  background: #ecf8ef;
}
.td-guided-full-view {
  border-radius: 16px;
  border: 1px solid rgba(74,55,39,.12);
  background: rgba(255,255,255,.62);
}
.td-guided-full-view > summary {
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 800;
}
.td-guided-full-view__grid {
  padding: 0 12px 12px;
}
@media (max-width: 640px) {
  .td-guided-train-hero {
    padding: 16px;
  }
  .td-guided-primary-pass,
  .td-guided-pass-list__item {
    align-items: stretch;
    flex-direction: column;
  }
  .td-guided-primary-pass .button,
  .td-guided-pass-list__item .button {
    width: 100%;
  }
  .td-guided-focus-chip {
    width: 100%;
  }
}

/* 2.19.25 – Träningsresan: senaste framsteg, nästa mål och enkel progression. */
.td-training-journey-summary {
	margin: 10px 0 12px;
	padding: 10px 12px;
	border: 1px solid rgba(74, 55, 39, 0.10);
	border-radius: 5px;
	background: rgba(255, 251, 244, 0.72);
}
.td-training-journey-summary p {
	margin: 0 0 7px;
}
.td-training-journey-summary p:last-child {
	margin-bottom: 0;
}
.td-training-journey-meter {
	position: relative;
	height: 8px;
	margin: 8px 0 6px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(74, 55, 39, 0.12);
}
.td-training-journey-meter > span {
	display: block;
	height: 100%;
	min-width: 3px;
	border-radius: 999px;
	background: rgba(71, 128, 74, 0.72);
}

/* 2.19.27 – guidat läge vs full vy */
.td-guided-mode-switch {
  margin: 16px 0 18px;
}
.td-guided-mode-switch__label {
  font-weight: 700;
  margin: 0 0 8px;
}
.td-guided-mode-switch__options {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.td-guided-mode-switch__option {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.td-guided-mode-switch__option:hover,
.td-guided-mode-switch__option:focus {
  border-color: rgba(0,0,0,.32);
  text-decoration: none;
}
.td-guided-mode-switch__option.is-active {
  border-color: rgba(56,122,86,.55);
  background: rgba(56,122,86,.08);
}
.td-guided-mode-switch__option span,
.td-coach-choice--mode small {
  color: #666;
  font-size: .9em;
  line-height: 1.35;
}
.td-coach-choice--mode span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.td-guided-train--mode-full .td-guided-train-hero {
  margin-bottom: 14px;
}
.td-guided-train--mode-full .td-guided-full-view {
  border: 0;
  padding: 0;
}
.td-guided-train--mode-full .td-guided-full-view > summary {
  font-weight: 700;
  margin-bottom: 12px;
}
@media (max-width: 680px) {
  .td-guided-mode-switch__options {
    grid-template-columns: 1fr;
  }
}

/* 2.20.5 – tydligare guidat/fullt läge och sortering i kursvyn. */
.td-guided-compact-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
  padding: 5px;
  border: 1px solid rgba(74,55,39,.14);
  border-radius: 999px;
  background: rgba(255,251,244,.86);
}
.td-guided-compact-toggle__label {
  padding: 0 8px;
  font-weight: 800;
  color: rgba(74,55,39,.74);
}
.td-guided-compact-toggle__option {
  padding: 7px 12px;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.td-guided-compact-toggle__option:hover,
.td-guided-compact-toggle__option:focus {
  text-decoration: none;
  background: rgba(74,55,39,.08);
}
.td-guided-compact-toggle__option.is-active {
  background: #fff;
  box-shadow: 0 1px 5px rgba(74,55,39,.12);
}
.td-guided-train {
  display: block;
}
.td-guided-train > * + * {
  margin-top: 16px;
}
.td-guided-full-view {
  margin-top: 18px;
}
.td-units-sort-field {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border: 0;
  padding: 0;
  margin: 0;
}
.td-units-sort-field legend {
  float: left;
  margin: 0 8px 0 0;
}
.td-units-sort-field label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
}
@media (max-width: 680px) {
  .td-guided-compact-toggle {
    width: 100%;
    justify-content: center;
  }
  .td-guided-compact-toggle__label {
    display: none;
  }
}

/* 2.20.6 – Guidat läge-toggle och träningsvy. */
.td-guided-header-toggle {
    align-items: center;
    border-radius: 999px;
    color: var(--td-color-primary, #c5541c);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    padding: 6px 8px 6px 12px;
    text-decoration: none;
    white-space: nowrap;
}
.td-guided-header-toggle:hover,
.td-guided-header-toggle:focus {
    color: var(--td-color-primary, #c5541c);
    text-decoration: none;
}
.td-guided-header-toggle__track {
    background: #d9d4ce;
    border-radius: 999px;
    display: inline-flex;
    height: 22px;
    padding: 2px;
    transition: background .15s ease;
    width: 40px;
}
.td-guided-header-toggle__knob {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.22);
    display: block;
    height: 18px;
    transform: translateX(0);
    transition: transform .15s ease;
    width: 18px;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__track {
    background: #38566a;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__knob {
    transform: translateX(18px);
}


/* 2.27.19 sub-manifest for td-dashboard-plan-train-evaluate-b.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-b.css; keep import order. */
/* Plan/train/evaluate owner rules, part B.
 * Extracted from td-dashboard-plan-train-evaluate.css in 2.27.18. */
    background: #d9d4ce;
    border-radius: 999px;
    display: inline-flex;
    height: 22px;
    padding: 2px;
    transition: background .15s ease;
    width: 40px;
}
.td-guided-header-toggle__knob {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.22);
    display: block;
    height: 18px;
    transform: translateX(0);
    transition: transform .15s ease;
    width: 18px;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__track {
    background: #38566a;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__knob {
    transform: translateX(18px);
}
.td-drawer__guided-toggle {
    border-bottom: 1px solid rgba(80,55,35,.12);
    margin: 0 0 10px;
    padding: 0 0 12px;
}
.td-drawer__guided-toggle .td-guided-header-toggle {
    justify-content: space-between;
    width: 100%;
}
.td-guided-compact-toggle {
    display: none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-guided-full-view__grid,
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid {
    align-items: start;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-v2__col {
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-section,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-card {
    width: 100% !important;
}
@media (max-width: 900px) {
    .td-topbar--desktop-app .td-guided-header-toggle { display: none; }
}

/* 2.20.6 – Egna val/kategorier. */
.td-settings-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0 auto 18px;
    max-width: 1080px;
}
.td-settings-tabs__link {
    display: inline-flex;
    line-height: 1.2;
    text-decoration: none;
}
.td-custom-choice-add__actions {
    margin-top: 12px !important;
}
.td-custom-choice-table {
    border-collapse: collapse;
    margin-top: 16px;
    width: 100%;
}
.td-custom-choice-table th,
.td-custom-choice-table td {
    border-bottom: 1px solid rgba(80,55,35,.12);
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}
.td-custom-choice-table__actions {
    text-align: right !important;
    width: 1%;
    white-space: nowrap;
}
.td-icon-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    font-size: 17px;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
}
.td-icon-button:hover,
.td-icon-button:focus {
    background: rgba(197, 84, 28, .10);
}
.td-custom-choice-delete {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: flex-end;
}
.td-custom-choice-delete__confirm {
    font-size: 14px;
}
.td-entry-category-checkboxes {
    display: grid;
    gap: 12px;
}
.td-entry-category-standard,
.td-entry-category-custom {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}
.td-entry-category-custom {
    border-top: 1px solid rgba(80,55,35,.10);
    padding-top: 12px;
}
.td-entry-category-custom .td-card-form__label--sm,
.td-entry-category-new .td-card-form__label--sm {
    flex: 0 0 100%;
}
.td-entry-category-new {
    display: grid;
    gap: 6px;
    justify-self: start;
    max-width: 320px;
    width: 100%;
}
.td-entry-category-new input {
    width: 100%;
}

/* 2.20.7 – Renare guidat toggle, sortering och guidat planera/utvärdera. */
.td-topbar .td-guided-header-toggle {
    border: 0 !important;
    padding-left: 0 !important;
}
.td-guided-action-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.td-guided-action-card {
    background: #fffdf9;
    border: 1px solid rgba(80,55,35,.14);
    border-radius: 14px;
    color: inherit;
    display: grid;
    gap: 6px;
    padding: 14px;
    text-decoration: none;
}
.td-guided-action-card strong { color: var(--td-color-primary, #c5541c); }
.td-guided-action-card span { color: var(--td-muted, #65584f); }
.td-guided-action-card:hover,
.td-guided-action-card:focus { text-decoration: none; }
.td-exercises-progress-sort-form,
.td-units-sort-field {
    border: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
}
.td-exercises-progress-sort-form fieldset,
.td-units-sort-field {
    border: 0 !important;
}
.td-exercises-progress-sort-form {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.td-exercises-progress-sort-form .td-filter-form__field {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}


/* 2.20.9 – guided toggle/header cleanup and full-width train full view. */
.td-guided-header-toggle{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:4px 0 !important;
}
.td-guided-header-toggle:hover,
.td-guided-header-toggle:focus{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__grid--fullwidth,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  width:100% !important;
  gap:16px !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__col--full{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:16px !important;
  width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-card,
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-dash-card,
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-train-section{
  width:100% !important;
  max-width:none !important;
}


/* 2.20.10 – guidad/full vy efter regressionsfix. */
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid,
body.td-shell-route-unified.td-view-train .td-train-v2__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
    gap: 24px !important;
    align-items: start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-v2__col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
}
.td-guided-choice-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}
.td-guided-choice-card {
    border: 1px solid rgba(74,55,39,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.78);
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px 16px;
    text-decoration: none;
}
.td-guided-choice-card:hover, .td-guided-choice-card:focus {
    border-color: rgba(197,84,28,.45);
    text-decoration: none;
}
.td-guided-choice-card strong { color: var(--td-color-primary, #c5541c); }
.td-guided-choice-card span { color: rgba(31,31,31,.72); line-height: 1.35; }
.td-guided-choice-card em { font-style: normal; font-weight: 800; margin-top: auto; }
@media (max-width: 900px) {
    body.td-shell-route-unified.td-view-train .td-guided-full-view__grid,
    body.td-shell-route-unified.td-view-train .td-train-v2__grid,
    .td-guided-choice-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 2.20.11 – guidat läge städning och tydligare snabbpassutvärdering. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(300px, .85fr) !important;
    gap:24px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress,
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--today-list{
    width:100% !important;
}
body.td-shell-route-unified .td-training-path-result__group{
    display:grid !important;
    gap:10px !important;
    max-width:720px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row{
    align-items:center !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(74,55,39,.14) !important;
    border-radius:12px !important;
    display:flex !important;
    gap:10px !important;
    justify-content:flex-start !important;
    max-width:420px !important;
    padding:10px 12px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row input{
    flex:0 0 auto !important;
    margin:0 !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row span{
    line-height:1.25 !important;
}
@media (max-width:900px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}

/* 2.20.12 – stabilisera guidat läge, träningsväg och snabbpass. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
}
@media (min-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) minmax(320px, .48fr) !important;
    }
    body.td-shell-route-unified.td-view-train .td-guided-train-hero{
        min-width:0 !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    grid-template-columns:repeat(2, minmax(220px, 1fr)) !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-card__body,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-list,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-group{
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-path,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-summary,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-path-steps__item{
    box-sizing:border-box !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--today-list .td-guided-pass-list__item strong a,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item a:not(.button){
    color:inherit;
}
body.td-shell-route-unified .td-training-path-result__group{
    display:grid !important;
    gap:10px !important;
    max-width:720px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row{
    align-items:center !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(74,55,39,.14) !important;
    border-radius:12px !important;
    display:grid !important;
    grid-template-columns:22px minmax(0, 1fr) !important;
    gap:10px !important;
    justify-content:start !important;
    max-width:520px !important;
    padding:11px 13px !important;
    width:100% !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row input{
    justify-self:center !important;
    margin:0 !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row span{
    display:block !important;
    line-height:1.3 !important;
    min-width:0 !important;
}
body.td-shell-route-unified .td-entry-form .td-dog-selector,
body.td-shell-route-unified .td-entry-form select[name="td_dog_id"],
body.td-shell-route-unified .td-card-form select[name="td_dog_id"]{
    margin-bottom:14px !important;
}
@media (max-width: 760px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}


/* 2.20.13 – guidat Träna, träningsvägsadmin och snabbpassuppföljning. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(520px, 1.08fr) minmax(360px, .92fr) !important;
    gap:28px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(220px, 1fr)) !important;
    gap:14px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress{
    grid-column:1 / -1 !important;
}
.td-guided-pass-list__dog + .td-guided-pass-list__dog{
    border-top:1px solid rgba(74,55,39,.12);
    margin-top:14px;
    padding-top:14px;
}
.td-guided-pass-list__dog-title{
    font-size:1.35rem;
    margin:0 0 8px;
}
.td-training-path-result__problem{
    display:grid;
    gap:10px;
    margin-top:12px;
}
.td-training-path-result__problem[hidden]{
    display:none !important;
}
@media (max-width: 1100px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}
@media (max-width: 760px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}

/* 2.20.14 – stabilisera Träna-layout och träningsvägsprogress efter 2.20.13. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
    gap:14px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__dog-title{
    font-size:1.55rem !important;
    margin:0 0 10px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:14px !important;
    align-items:center !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:inherit !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    color:var(--td-color-primary, #c5541c) !important;
    text-decoration:underline !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.18fr) minmax(320px, .82fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__col,
body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__col{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    min-width:0 !important;
}
body.td-shell-route-unified .td-training-path-steps__item--done{
    border-color:rgba(71,128,74,.36) !important;
    background:rgba(71,128,74,.10) !important;
}
body.td-shell-route-unified .td-training-path-steps__item--done .td-training-path-steps__icon{
    color:rgb(71,128,74) !important;
    font-weight:800 !important;
}
@media (max-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid,
    body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
    body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}


/* 2.20.15 – fixera Träna-layout utan att root-grid trycker ihop innehållet. */
body.td-shell-route-unified.td-view-train .td-train-v1.td-guided-train,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2.td-guided-train{
    display:block !important;
    grid-template-columns:none !important;
    gap:0 !important;
    column-gap:0 !important;
    row-gap:0 !important;
    width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
@media (min-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) minmax(320px, .72fr) !important;
    }
    body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress{
        grid-column:1 / -1 !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.22fr) minmax(320px, .78fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
@media (max-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
    body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:var(--td-color-primary, #c5541c) !important;
    font-weight:800 !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    text-decoration:underline !important;
}
body.td-shell-route-unified .td-training-path-result__recommendation{
    border-left:3px solid var(--td-color-primary, #c5541c);
    background:rgba(197,84,28,.08);
    border-radius:10px;
    padding:10px 12px;
}
body.td-shell-route-unified .td-training-path-result__recommendation[hidden]{
    display:none !important;
}

/* 2.20.17 – guidat/fullt Träna efter separat toggle/adaptivt läge. */
body.td-shell-route-unified.td-view-train .td-train-v1,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2,
body.td-shell-route-unified.td-view-train .td-train-v1.td-guided-train{
  width:100% !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:block !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:28px !important;
  align-items:start !important;
  width:100% !important;
}
@media (min-width: 1100px){
  body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    grid-template-columns:minmax(0, 1fr) minmax(360px, .78fr) !important;
  }
  body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress{
    grid-column:2 !important;
  }
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
}
@media (max-width: 760px){
  body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.15fr) minmax(340px, .85fr) !important;
  gap:24px !important;
  align-items:start !important;
  width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__col,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__col{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  min-width:0 !important;
}
@media (max-width: 980px){
  body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}
body.td-shell-route-unified .td-training-path-result__problem:not([hidden]){
  display:grid !important;
}

/* 2.20.22 – Träna/full vy, formulärutkast och avstämningspåminnelse. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--today-list{
    align-self:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:var(--td-color-primary, #c5541c) !important;
    font-weight:800 !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    text-decoration:underline !important;
}
body.td-shell-route-unified .td-entry-meta__row.td-assessment-reminder-view{
    margin:0.35rem 0 !important;
}
*
 * Dashboard widgets (mobile-first)
 */

.td-dashboard {
  margin: 0 !important;
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}

.td-dash-sub {
  margin-top: -2px;
  margin-bottom: 10px;
}

.td-dash-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Mobil: knappar ska kännas som "stora targets" */
@media (max-width: 768px) {
  .td-dash-actions .button {
    width: 100%;
    text-align: center;
  }
}

/* Viktigast just nu: hundbild i post-it-huvud */
.td-postit__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.td-postit__header-main{min-width:0;flex:1 1 auto}
.td-postit__dog{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end}
.td-postit__dog-image{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:999px;object-fit:cover;display:block;border:1px solid var(--td-shell-border-soft);background:var(--td-color-white)}
@media (max-width: 767px){
  .td-postit__dog-image{width:46px;height:46px;min-width:46px;min-height:46px}
}

/* 1080.1: Snabbpass per fokus i "Viktigast just nu" */
.td-postit-item{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:space-between}
.td-postit-item__text{flex:1;min-width:180px}
.td-postit-item__meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.td-qp-count{font-size:.9rem;white-space:nowrap}
.td-qp-count--nonzero{font-weight:700}
.td-tp-count{font-size:.85rem;white-space:nowrap;color:var(--td-color-muted,#666)}
.td-tp-count--nonzero{font-weight:600;color:inherit}
.td-qp-btn{border:1px solid var(--td-shell-border-soft);background:var(--td-color-white);border-radius:10px;padding:6px 10px;line-height:1;cursor:pointer}
.td-qp-btn--plus{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;transition:transform .08s ease, box-shadow .08s ease}
.td-qp-btn--plus:active{transform:scale(.96)}
.td-qp-btn--open{font-size:.9rem}
.td-qp-quick{margin:0}
.td-qp-form{margin-top:8px;flex-basis:100%;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;border:1px solid var(--td-shell-border-soft);background:var(--td-color-white);border-radius:12px;padding:10px}
.td-qp-field input[type="date"], .td-qp-field textarea{width:100%}
.td-qp-actions{display:flex;gap:8px;align-items:center}

/* 1080.5: Senast tränat */
.td-dash-card--latest{margin-top:0}
.td-dash-latest__kicker{font-size:12px;letter-spacing:.02em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
.td-dash-latest__link{text-decoration:none;font-weight:600}
.td-dash-latest__link:hover{text-decoration:underline}

@media (max-width: 768px){
  .td-postit-item__meta{justify-content:flex-end}
}

/* 1400: Kalender (månadsvy) */
.td-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.td-calendar-grid__head{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.02em}
.td-calendar-grid__cell{border:1px solid var(--td-shell-border-soft);border-radius:12px;padding:10px;min-height:88px;background:var(--td-color-white)}
.td-calendar-grid__cell--muted{opacity:.5;background:transparent}
.td-calendar-grid__day{font-weight:700;margin-bottom:6px}
.td-calendar-grid__event{font-size:12px;line-height:1.2;margin:0 0 6px}
.td-calendar-grid__event a{text-decoration:none}
.td-calendar-grid__event a:hover{text-decoration:underline}

/* 1400: Kalender (responsiv) */
.td-only-desktop{display:block}
.td-only-mobile{display:none}

.td-calendar-month{overflow:auto}
.td-calendar-month__table{width:100%;border-collapse:separate;border-spacing:8px;margin:0 -8px}
.td-calendar-month__table th{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.02em;text-align:left;padding:0 6px}
.td-calendar-month__cell{vertical-align:top;border:1px solid var(--td-shell-border-soft);border-radius:12px;padding:10px;min-width:140px;background:var(--td-color-white)}
.td-calendar-month__cell--muted{opacity:.45;background:transparent}
.td-calendar-month__cell--today{border-color:var(--td-shell-border-accent-strong);box-shadow:0 0 0 2px var(--td-shell-primary-focus) inset}
.td-calendar-month__day{font-weight:700;margin-bottom:6px}
.td-calendar-month__event{font-size:12px;line-height:1.2;margin:0 0 6px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.td-calendar-month__event--entry .td-calendar-month__link,.td-calendar-month__event--entry .td-calendar-month__title{opacity:.85}
.td-calendar-month__time{opacity:.7;white-space:nowrap}
.td-calendar-month__link{text-decoration:none}
.td-calendar-month__link:hover{text-decoration:underline}

.td-calendar-mobile__card{margin:0 0 10px}
.td-calendar-mobile__date{font-size:12px;margin-bottom:4px}
.td-calendar-mobile__title{font-weight:700;margin-bottom:6px}
.td-calendar-mobile__title--entry{font-weight:600}
.td-calendar-mobile__desc{margin-bottom:10px}
.td-calendar-mobile__cta{margin-top:8px}

/* 1400: Kalender (kontroller + prenumerations-URL) */
.td-calendar-controls{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.td-calendar-controls__left{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.td-calendar-controls__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.td-calendar-controls__buttons{display:flex;gap:8px;flex-wrap:wrap}
.td-calendar-controls__group{display:flex;flex-direction:column;gap:6px}
.td-calendar-form{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:nowrap}
.td-calendar-form__month{width:170px;max-width:220px}
.td-calendar-nav{width:34px;height:34px;border-radius:10px;font-size:20px;line-height:1;color:var(--td-shell-primary);border-color:var(--td-shell-border-accent-strong)}
.td-calendar-nav:hover{background:var(--td-shell-primary-ghost)}
.td-calendar-form__toggle{margin-left:auto;display:inline-flex;gap:8px;align-items:center;margin-top:0;font-size:12px;user-select:none}
.td-calendar-form__toggle input{transform:translateY(1px)}
.td-calendar-next{margin-top:0}
.td-calendar-next__countdown{margin-top:6px}
.td-calendar-content{margin-top:12px}

/* Ikonknapp + modal (kalender prenumeration) */

.td-icon{width:18px;height:18px;fill:currentColor}

/* Kalender: prenumerera-ikon ska vara tydlig men följa övriga ikoner */
.td-calendar-ical{display:none}
.td-calendar-ical:hover{background:var(--td-shell-primary-ghost)}
.td-calendar-ical .td-icon{width:20px;height:20px}

/* Tooltip (desktop) */
.td-calendar-ical[data-td-tooltip]{position:relative}
.td-calendar-ical[data-td-tooltip]:hover::after,
.td-calendar-ical[data-td-tooltip]:focus-visible::after{
  content:attr(data-td-tooltip);
  position:absolute;
  right:0;
  top:-10px;
  transform:translateY(-100%);
  background:var(--td-color-backdrop-strong);
  color:var(--td-color-white);
  font-size:12px;
  padding:6px 8px;
  border-radius:10px;
  white-space:nowrap;
  pointer-events:none;
}

.td-modal[hidden]{display:none}
.td-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.td-modal__backdrop{position:absolute;inset:0;background:var(--td-color-backdrop)}
.td-modal__dialog{position:relative;background:var(--td-color-white);border-radius:16px;max-width:520px;width:100%;box-shadow:var(--td-shell-shadow-modal);overflow:hidden}
.td-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--td-shell-border-soft)}
.td-modal__title{font-weight:700}
.td-modal__body{padding:16px}
.td-modal__input{width:100%;min-height:40px;border:1px solid var(--td-shell-border-soft);border-radius:10px;padding:8px 10px}

html.td-modal-open{overflow:hidden}

@media (max-width: 768px){
  .td-calendar-grid{gap:6px}
  .td-calendar-grid__cell{padding:8px;border-radius:10px;min-height:72px}
  .td-calendar-grid__event{font-size:11px}

  .td-only-desktop{display:none}
  .td-only-mobile{display:block}

  .td-calendar-controls{align-items:stretch}
  .td-calendar-form__month{width:190px;max-width:100%}

  }

/* Calendar tweaks (2.4.36) */
.td-calendar-form__month{max-width:100%}
@media (max-width:768px){.td-calendar-form__month{width:140px}}

/* Planera: Skapa-lista */
.td-create-list{display:flex;flex-direction:column;gap:14px}
.td-create-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.td-create-item__title{font-weight:700;margin-bottom:2px}
.td-create-item__action .button{white-space:nowrap}
@media (max-width:768px){
  .td-create-item{flex-direction:column;align-items:stretch}
  .td-create-item__action .button{width:100%;text-align:center}
}

/* 2.8.11.10 – Planera/Skapa: mobilraders text ska alltid vänsterlinjera med övriga create-block. */
@media (max-width:768px){
  body.td-view-plan .td-plan-section--create .td-create-item{
    align-items:flex-start !important;
    text-align:left !important;
    width:100% !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__text{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__title,
  body.td-view-plan .td-plan-section--create .td-create-item__text .td-muted{
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
  }
  body.td-view-plan .td-plan-section--create .td-create-item__action{
    align-self:center !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }
}

/* Kalender: månadsrubrik med nästa/föregående */
.td-calendar-month__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.td-calendar-month__title{
  margin:0;
  text-align:center;
  flex:1;
}
.td-calendar-nav{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
}

/* Kalender: tabell ska linjera med kortets padding */
.td-calendar-month__table{
  width:100%;
  margin:0;
  table-layout:fixed;
}
.td-calendar-month__table th,
.td-calendar-month__table td{
  overflow:hidden;
}

/* Desktop: ta bort extra rubrik ovanför filter */
@media (min-width: 900px){
  .td-calendar-controls label[for="td-cal-month"]{ display:none; }
}

/* TD_CALENDAR_DESKTOP_ROW: håll "Visa mina inlägg" till höger på desktop men låt det wrapa på små skärmar */
@media (max-width: 600px){
  .td-calendar-form{flex-wrap:wrap}
  .td-calendar-form__toggle{margin-left:0}
}

/* TD_CALENDAR_WIDTH: kalendern ska följa sidans innehållsbredd (inte bli smalare än övriga kort) */
.td-card.td-calendar{width:100%}
.td-calendar-content{width:100%}

/* TD_CALENDAR_ICAL_LINK */
.td-calendar-ical-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  text-decoration:underline;
}

/* TD_CALENDAR_TOGGLE_NOWRAP */
.td-calendar-form__toggle{white-space:nowrap;flex:0 0 auto}
.td-calendar-form__toggle label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* TD_CALENDAR_MOBILE_LAYOUT */
@media (max-width: 768px){
  .td-calendar-controls{flex-direction:column;align-items:stretch}
  .td-calendar-controls__left{width:100%}
  .td-calendar-controls__row{width:100%}
  .td-calendar-form{width:100%;flex-wrap:wrap}
  .td-calendar-form__toggle{margin-left:0}
  .td-calendar-ical-link{align-self:flex-end}
  .td-calendar-content{width:100%}
}

/* TD_CALENDAR_DESKTOP_FIX: desktop ska inte wrapa "Visa mina inlägg" och kalendern ska fylla innehållsbredd */
@media (min-width: 769px){
  .td-calendar-controls{width:100%;flex-wrap:nowrap;align-items:center}
  .td-calendar-controls__left{flex:1;min-width:0}
  .td-calendar-controls__row{width:100%;flex-wrap:nowrap}
  .td-calendar-controls__buttons{flex-wrap:nowrap}
  .td-calendar-form{min-width:0}
  .td-calendar-form__toggle{white-space:nowrap}
  .td-calendar-ical-link{margin-left:auto}
  .td-calendar-grid{width:100%}
}

/* TD_CALENDAR_FULLWIDTH_FORCE */
.td-calendar{max-width:none !important;width:100%}
.td-calendar .td-card,.td-calendar .td-card--flat{max-width:none !important;width:100%}

/* 2.6.5.8.1 – passlistor / q&a / kalenderpolish */
.td-pass-list{display:grid;gap:8px}
.td-pass-list__group-title{margin:0 0 8px;font-weight:700}
.td-pass-list__item{padding:0;border:0}
.td-pass-list__item + .td-pass-list__item{border-top:0}
.td-pass-list__title,.td-pass-list__title:visited{display:inline-block;color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d));text-decoration:none;line-height:1.35}
.td-pass-list__title:hover{text-decoration:underline}
.td-pass-list__empty{margin:0}
.td-train-list,.td-train-row,.td-train-row__actions{display:block}
.td-train-row__actions .button{display:none}
.td-dash-qa__block--latest-recording{margin-top:22px}
.td-dash-qa__title{font-weight:700;margin-bottom:4px}
.td-pass-within-week__title{margin:0 0 10px}
.td-pass-within-week .td-grid-col + .td-grid-col{margin-top:0}
.td-calendar-controls{box-sizing:border-box;max-width:100%;justify-content:flex-start;align-items:center}
.td-calendar-controls__left{flex:1 1 auto;min-width:0;width:100%}
.td-calendar-controls__row{display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;justify-content:start;width:100%}
.td-calendar-form{display:grid;grid-template-columns:minmax(160px,220px) auto;align-items:center;gap:10px;justify-content:start;flex:0 1 auto;min-width:0}
.td-calendar-form__month{width:100%;max-width:220px}
.td-calendar-ical-link{white-space:nowrap;justify-self:end;margin-left:12px}
.td-calendar-month__week-head,.td-calendar-month__week{width:42px;min-width:42px;text-align:center}
.td-calendar-month__week{font-size:12px;opacity:.7;font-weight:700;padding:10px 4px;vertical-align:top}
@media (max-width: 900px){
  .td-calendar-controls__row{grid-template-columns:1fr;align-items:stretch}
  .td-calendar-form{grid-template-columns:1fr}
}

@media (min-width: 901px){
  .td-calendar-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:12px;width:100%}
  .td-calendar-controls__left{width:100%}
  .td-calendar-controls__row{grid-template-columns:auto auto;column-gap:12px}
  .td-calendar-form{grid-template-columns:minmax(160px,220px) auto}
  .td-calendar-ical-link{align-self:center}
  .td-create-picker .td-create-item{width:100%}
  .td-create-picker .td-create-item-row{grid-template-columns:minmax(0,1fr) 96px !important;width:100% !important}
  .td-create-picker .td-create-item-actions{justify-self:end !important}
}

.td-plan-pass-within-week > 
.td-create-picker .td-create-item-row{display:grid !important;grid-template-columns:minmax(0,1fr) 96px !important;align-items:center !important;justify-content:initial !important;gap:var(--td-shell-stack-gap) !important;width:100% !important}
.td-create-picker .td-create-item-title{min-width:0 !important}
.td-create-picker .td-create-item-actions{display:grid !important;grid-template-columns:repeat(2,44px) !important;justify-content:end !important;align-items:center !important;justify-self:end !important;gap:8px !important;width:96px !important;min-width:96px !important;flex:0 0 96px !important}

/* 2.7.0.45 – separata kort för pass på startsidan */
.td-pass-within-week--split{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.td-pass-within-week--split .td-pass-within-week__card{
  margin:0 !important;
}
@media (min-width:769px){
  .td-pass-within-week--split{
    grid-template-columns:1fr 1fr;
  }
}

@media (min-width:769px){
  .td-pass-within-week--split .td-pass-within-week__card{align-self:stretch;}
}

.td-dash-card__head{margin-bottom:10px;}

.td-dash-latest__link{
  display:block;
  font-size:1rem;
  line-height:1.45;
  color:var(--td-shell-text-strong);
  text-decoration:none;
}

.td-dash-actions{margin-top:16px;}
.td-dash-actions .button,
.td-dash-actions .button.button-primary{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:16px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  text-decoration:none;
  box-shadow:none;
}

.td-dash-actions .button{
  background:var(--td-shell-surface-3);
  color:var(--td-shell-text-strong);
}

.td-dash-actions .button.button-primary{
  background:var(--td-shell-primary);
  color:var(--td-color-white);
}

.td-dash-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.td-dash-stat{
  background:var(--td-color-white);
  border:1px solid var(--td-shell-border-soft);
  border-radius:18px;
  padding:14px 16px;
}

.td-dash-stat--wide{grid-column:1 / -1;}
.td-dash-stat__label{display:block;font-size:.9rem;color:var(--td-shell-text-muted);margin-bottom:6px;}
.td-dash-stat__value{display:block;font-size:1.9rem;line-height:1;font-weight:700;color:var(--td-color-text);}
.td-dash-stat__value--small{font-size:1rem;line-height:1.35;}

.td-dash-progress{display:flex;align-items:center;gap:10px;margin-top:14px;}
.td-dash-progress__track{flex:1;height:12px;background:var(--td-shell-surface-3);border-radius:999px;overflow:hidden;}
.td-dash-progress__bar{display:block;height:100%;background:var(--td-shell-primary);border-radius:999px;}
.td-dash-progress__meta{font-size:.85rem;color:var(--td-shell-text-muted);white-space:nowrap;}

@media (max-width:768px){
}

/* 2.7.96.19 – Planera owner layout byggd i separata rader: lead, fullbredd primary, tvåkolumners secondary och inspiration. */
.td-plan-v4,
.td-plan-v4__lead,
.td-plan-v4__primary,
.td-plan-v4__secondary,
.td-plan-v4__secondary-left,
.td-plan-v4__secondary-right,
.td-plan-v4__inspiration{
  display:grid;
  row-gap:var(--td-shell-stack-gap);
  column-gap:16px;
  min-width:0;
}

.td-plan-v4__lead > *,
.td-plan-v4__primary > *,
.td-plan-v4__secondary > *,
.td-plan-v4__secondary-left > *,
.td-plan-v4__secondary-right > *,
.td-plan-v4__inspiration > *{
  min-width:0;
  margin:0 !important;
}

body.td-view-plan .td-plan-v4__lead > .td-plan-section,
body.td-view-plan .td-plan-v4__primary > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary-left > .td-plan-section,
body.td-view-plan .td-plan-v4__secondary-right > .td-plan-section,
body.td-view-plan .td-plan-v4__inspiration > .td-plan-section{
  margin:0 !important;
}

@media (min-width: 1024px){
  body.td-view-plan .td-plan-v4__lead{
    grid-template-columns:minmax(320px, 380px) minmax(0,1fr);
    align-items:start;
  }

  body.td-view-plan .td-plan-v4__reminder{
    grid-column:1 / 2;
  }

  body.td-view-plan .td-plan-v4__primary{
    grid-template-columns:minmax(0,1fr);
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(320px, 380px) minmax(0,1fr);
    align-items:start;
  }

  body.td-view-plan .td-plan-v4__secondary-right{
    grid-template-columns:minmax(0,1fr);
    align-content:start;
  }

  body.td-view-plan .td-plan-v4__inspiration{
    grid-template-columns:repeat(2, minmax(0,1fr));
    align-items:start;
  }
}

@media (max-width: 1023.98px){
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    grid-template-columns:minmax(0,1fr);
  }
}

/* 2.7.98.16 / 2148 – dashboard-/train-desktoplayout flyttad från `td-frontend.css`
   till dashboard-familjen så frontend-filen inte längre äger startside-/train-grid. */
@media (min-width: 769px){

  body.td-page:not(.td-shell-route-unified) .td-dashboard{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(340px,0.88fr) !important;gap:var(--td-shell-stack-gap) !important;align-items:start !important;margin:0 !important;}

/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-b.css; keep import order. */
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card{margin:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--most-important,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--next-entry,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--award,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--inspiration{grid-column:1 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--latest,
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--weekly-stats{grid-column:1 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard > .td-dash-card--qa{grid-column:2 !important;grid-row:span 2 !important;align-self:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__row,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__row,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__row{grid-template-columns:84px minmax(0,1fr) !important;gap:22px !important;align-items:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__date,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__date,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__date{padding-top:4px !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--latest .td-dash-card__content,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa-block .td-dash-card__content,
  body.td-page:not(.td-shell-route-unified) .td-dash-card--next-entry .td-dash-card__content{min-width:0 !important;padding-left:0 !important;margin-left:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-dash-card--qa .td-dash-actions .button{width:auto !important;min-width:0 !important;max-width:100% !important;}
  body.td-page:not(.td-shell-route-unified) .td-dashboard-silhouettes{display:block !important;height:118px !important;margin:10px auto 0 !important;background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center bottom / contain no-repeat !important;opacity:.16 !important;max-width:1080px !important;}

  body.td-page:not(.td-shell-route-unified) .td-train-v1{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"planned recent" "quickpass recent" "templates templates" !important;gap:var(--td-shell-stack-gap) !important;align-items:start !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section{margin:0 !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--planned{grid-area:planned !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--recent{grid-area:recent !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--quickpass{grid-area:quickpass !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-section--templates{grid-area:templates !important;}
  body.td-page:not(.td-shell-route-unified) .td-train-recent__footer{display:flex !important;justify-content:flex-start !important;margin-top:12px !important;}
}

/* 2.7.98.17 / 2149 – dashboard-/kalender-/train-komponenter ägs inte längre av td-frontend.css. */
.td-calendar #my-calendar,
.td-calendar .mc-main{
  font-size:14px;
}

.td-calendar .mc-main,
.td-calendar #mc-main{
  margin-top:10px;
}

.td-calendar table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.td-calendar table th,
.td-calendar table td{
  border:1px solid var(--td-color-divider);
  padding:10px;
  vertical-align:top;
}

.td-calendar table th{
  background:var(--td-color-divider-soft);
  font-weight:600;
}

.td-calendar table tbody tr:nth-child(even){
  background-color:var(--td-zebra);
}

.td-calendar .mc-main caption,
.td-calendar .mc-main h2,
.td-calendar .mc-main h3{
  margin:0 0 10px;
}

.td-calendar .mc-main .mc_date,
.td-calendar .mc-main .mc-date,
.td-calendar .mc-main .mc-time,
.td-calendar .mc-nav{
  color:var(--td-muted);
  font-size:.95em;
}

.td-calendar a,
.td-calendar .mc-main a{
  color:var(--td-primary);
  text-decoration:none;
}

.td-calendar .mc-main a:hover,
.td-calendar a:hover{
  text-decoration:underline;
}

.td-calendar .mc-main .mc-event{
  margin:6px 0;
  padding:8px 10px;
  border-radius:12px;
  background:var(--td-color-divider-soft);
  border:1px solid var(--td-color-divider);
}

.td-train-v1 .td-train-section{
  margin-bottom:12px;
}

.td-train-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.td-train-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.td-train-row__meta{
  min-width:0;
  flex:1;
}

.td-train-row__meta a{
  text-decoration:none;
}

.td-train-row__meta a:hover{
  text-decoration:underline;
}

.td-train-row__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}

.td-train-recent__footer{
  margin-top:10px;
}

@media (max-width:480px){
  .td-train-row{
    flex-direction:column;
    align-items:stretch;
  }

  .td-train-row__actions{
    justify-content:flex-start;
  }
}

@media (min-width:769px){
  
}

/* 2.7.99.7 / 2162 – dashboardkort följer ett enda header/body-kontrakt; train har inte längre eget body-spår. */
/* 2.7.98.30 / 2162 – shared dashboard card header/body rhythm. */
.td-dash-card__content > * + *{margin-top:0 !important;}
.td-dash-card__content .td-dash-actions{margin-top:0 !important;}

/* 2.7.99.9 / 2162 – shared dashboard title/body contract lives with dashboard component, not compat overrides. */
.td-dash-card > 

.td-train-card__body{gap:8px !important;}

/* 2.7.99.16 / 2162 – QA/suggestions/settings etiketter ska följa samma Rainier-kontrakt som övriga formulärkort. */
body.td-view-qa .td-card-form__label,
body.td-view-suggestions .td-card-form__label,
body.td-view-settings .td-card-form__label{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* 2.7.99.30 / 2162 – QA/kalender använder en enda surfaced kortnivå; outer wrappers äger bara layout/gap. */
body.td-page .td-dash-card--qa,
body.td-page .td-calendar-list-card{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  overflow:visible !important;
}

body.td-page .td-dash-card--qa .td-dash-qa__block{
  overflow:visible !important;
  isolation:isolate;
  box-sizing:border-box !important;
}

body.td-page:not(.td-shell-route-unified) .td-dash-card--qa .td-dash-actions .button{min-width:0 !important;max-width:100% !important;}

body.td-page .td-calendar-list{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  margin:0 !important;
  padding:0 !important;
}

body.td-page .td-calendar-list__item{
  margin:0 !important;
}

@media (max-width: 767px){
  body.td-view-instructor .td-instructor-sent__list,
  body.td-view-instructor .td-instructor-student-list{
    display:flex !important;
    flex-direction:column !important;
    gap:var(--td-shell-stack-gap) !important;
    margin-top:16px !important;
  }
  body.td-view-instructor .td-instructor-sent__item,
  body.td-view-instructor .td-instructor-student-card{
    background:var(--td-bg) !important;
    box-shadow:none !important;
    border-radius:var(--td-radius-md) !important;
    border:1px solid var(--td-shell-border) !important;
    margin:0 !important;
    padding:12px 14px !important;
  }
  body.td-view-instructor .td-instructor-sent__item-head,
  body.td-view-instructor .td-instructor-student-card__head{
    display:block !important;
    margin:0 !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-edit-question-title,
  body.td-view-instructor .td-instructor-student-card .td-edit-question-title{
    margin:0 !important;
    font-size:1rem !important;
    line-height:1.35 !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-edit-question-title a,
  body.td-view-instructor .td-instructor-student-card .td-edit-question-title a{
    color:inherit !important;
    text-decoration:none !important;
  }
  body.td-view-instructor .td-instructor-sent__item .td-entries-mobile-meta,
  body.td-view-instructor .td-instructor-student-card .td-entries-mobile-meta{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    margin-top:8px !important;
    color:var(--td-muted,var(--td-shell-text-muted)) !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }
  body.td-view-instructor .td-instructor-sent__actions--mobile-card,
  body.td-view-instructor .td-instructor-student-card__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin-top:10px !important;
    padding-top:2px !important;
    border:0 !important;
  }
  body.td-view-instructor .td-instructor-sent__actions--mobile-card 
}

/* 2.7.99.27 / 2162 – dashboard-/train-ownern bär nu mobilradier för pass inom vecka och mållistor. */
.td-pass-within-week{padding-left:0 !important;padding-right:0 !important;box-shadow:none !important;margin-bottom:0 !important;}
.td-pass-within-week .td-grid-col{padding-left:0 !important;padding-right:0 !important;}
.td-pass-within-week .td-pass-list{margin-left:0;padding-left:0 !important;}
.td-goals-list,
.td-goals-list li{list-style:none !important;margin:0 !important;padding:0 !important;}
.td-goals-list a{font-weight:700;text-decoration:none;}

/* 2.7.99.29 / 2162 – dashboardfamiljen äger nu även desktoplayout för plan/evaluate i stället för compat. */
@media (min-width:1024px){
  body.td-view-plan .td-plan-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "hero hero"
      "columns columns"
      "inspiration-instructors inspiration-members" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body.td-view-plan .td-plan-v2__hero{grid-area:hero !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__columns{
    grid-area:columns !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    margin:0 !important;
    align-items:start !important;
  }
  body.td-view-plan .td-plan-v2__col--left,
  body.td-view-plan .td-plan-v2__col--right{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }
  body.td-view-plan .td-plan-v2__col--left > .td-plan-v2__reminder{order:1 !important;}
  body.td-view-plan .td-plan-v2__col--left > .td-plan-v2__create{order:2 !important;}
  body.td-view-plan .td-plan-v2__col--right > .td-plan-v2__upcoming{order:1 !important;}
  body.td-view-plan .td-plan-v2__col--right > .td-plan-v2__goals{order:2 !important;}
  body.td-view-plan .td-plan-v2__inspiration-instructors{grid-area:inspiration-instructors !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__inspiration-members{grid-area:inspiration-members !important; margin:0 !important;}
  body.td-view-plan .td-plan-v2__reminder > .td-plan-section,
  body.td-view-plan .td-plan-v2__create > .td-plan-section,
  body.td-view-plan .td-plan-v2__upcoming > .td-plan-section,
  body.td-view-plan .td-plan-v2__goals > .td-plan-section,
  body.td-view-plan .td-plan-v2__inspiration-instructors > .td-plan-section,
  body.td-view-plan .td-plan-v2__inspiration-members > .td-plan-section{margin:0 !important;}

  body.td-view-evaluate .td-eval-v2{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
  }
  body.td-view-evaluate .td-eval-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body.td-view-evaluate .td-eval-v2__col--left,
  body.td-view-evaluate .td-eval-v2__col--right{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }
  body.td-view-evaluate .td-eval-compare{grid-column:1 !important; margin:0 !important;}
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v2__reminder,
  body.td-view-plan .td-plan-v2__create,
  body.td-view-plan .td-plan-v2__upcoming,
  body.td-view-plan .td-plan-v2__goals,
  body.td-view-plan .td-plan-v2__inspiration-instructors,
  body.td-view-plan .td-plan-v2__inspiration-members{margin:0 !important;}
}

/* 2.7.99.33 / 2162 – dashboard geometri ägs centralt av td-page-frame.css; td-dashboard.css bär bara familjens interna layout. */

/* 2.7.99.35 / 2162 – dashboard-/kalenderpresentationsregler flyttade från td-mobile till dashboard-ownern. */
.td-dashboard-notice{margin:0 0 12px;}
.td-dashboard-notice__text,.td-calendar-empty{margin:0;}
.td-dash-welcome__text{margin:0 0 10px;}
.td-dash-actions--top{margin-top:10px;}
.td-calendar-list__date{font-weight:600;}
.td-calendar-list__title{text-decoration:none;}
.td-calendar-list__desc{margin-top:2px;}

/* 2.7.100.7 / 2162 – desktop/mobile parity follow-up after plan-gap sweep. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:var(--td-shell-stack-gap) !important;
    column-gap:0 !important;
  }
}

@media (min-width:1024px){
  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(0,1.12fr) minmax(320px,0.88fr) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-right .td-plan-section--upcoming,
  body.td-view-plan .td-plan-v4__secondary-right .td-plan-section--goals{
    min-width:0 !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 


  body.td-view-list .td-dashboard-home-layout--default,
  body.td-view-home .td-dashboard-home-layout--default,
  body.td-view-dashboard .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 296px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-list .td-dashboard-home-layout__main,
  body.td-view-home .td-dashboard-home-layout__main,
  body.td-view-dashboard .td-dashboard-home-layout__main{
    grid-area:main !important;
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__summary,
  body.td-view-home .td-dashboard-home-layout__summary,
  body.td-view-dashboard .td-dashboard-home-layout__summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__side,
  body.td-view-home .td-dashboard-home-layout__side,
  body.td-view-dashboard .td-dashboard-home-layout__side{
    grid-area:side !important;
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }

  body.td-view-list .td-dashboard-home-layout__entries,
  body.td-view-home .td-dashboard-home-layout__entries,
  body.td-view-dashboard .td-dashboard-home-layout__entries{
    grid-area:entries !important;
    min-width:0 !important;
  }
}

/* 2.7.100.8 / 2162 – strukturellt desktop-/mobilpass för dashboard, plan och train. */
body.td-view-plan .td-plan-v4,
body.td-view-plan .td-plan-v4__lead,
body.td-view-plan .td-plan-v4__primary,
body.td-view-plan .td-plan-v4__secondary,
body.td-view-plan .td-plan-v4__secondary-left,
body.td-view-plan .td-plan-v4__secondary-right,
body.td-view-plan .td-plan-v4__inspiration{
  row-gap:var(--td-shell-stack-gap) !important;
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    column-gap:0 !important;
  }
}

@media (min-width:1024px){
  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    grid-template-columns:minmax(0,1fr) minmax(320px,0.74fr) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 


  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main{
    grid-area:main !important;
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:var(--td-shell-stack-gap) !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary > *,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main > *,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side > *{
    margin:0 !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side{
    grid-area:side !important;
    display:grid !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries{
    grid-area:entries !important;
    min-width:0 !important;
  }

  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main .td-postits-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* 2.7.100.9 / 2162 – runtime-pass efter desktopdebug: träffa faktisk alt-layout, stärk plan/train och rensa bort sen-lagers missar. */
@media (min-width:1024px){

  body.td-view-plan .td-plan-v4__primary .td-postits-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.td-view-plan .td-plan-v4__secondary{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,0.72fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
    min-width:0 !important;
  }

  body.td-view-plan .td-plan-section--goals 

  body.td-view-plan .td-plan-section--goals 

}

/* 2.7.100.10 / 2162 – mobilparitet för Planera: nolla planspecifika undergrid-gap så kortstacken följer övriga dashboardvyer. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:0 !important;
    column-gap:0 !important;
  }

  body.td-view-plan .td-plan-v4 > *,
  body.td-view-plan .td-plan-v4__lead > *,
  body.td-view-plan .td-plan-v4__primary > *,
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
  }
}

/* 2.7.100.11 / 2162 – strukturpass för Planera mobil: goals-action i header även på mobil. */
body.td-view-plan .td-plan-section--goals 

body.td-view-plan .td-plan-section--goals 

/* 2.7.100.12 / 2162 – desktop ownerpass för plan/list/train efter debug. */
@media (min-width:1024px){

  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__inspiration{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:var(--td-shell-stack-gap) !important;
    row-gap:var(--td-shell-stack-gap) !important;
  }

  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration-instructors,
  body.td-view-plan .td-plan-v4__inspiration-members{
    width:100% !important;
    min-width:0 !important;
  }

  body.td-view-plan .td-create-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:start !important;
    column-gap:16px !important;
  }

  body.td-view-plan .td-create-item__text,
  body.td-view-plan .td-create-item__action{
    min-width:0 !important;
  }

  body.td-view-plan .td-create-item__action .button{
    justify-self:end !important;
  }

}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    row-gap:0 !important;
  }
}

@media (min-width:1024px){


  body.td-view-calendar .td-calendar-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 320px !important;
    gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }

  body.td-view-calendar .td-calendar-layout__main,
  body.td-view-calendar .td-calendar-layout__sidebar{
    min-width:0 !important;
  }

  body.td-view-calendar .td-calendar-layout__sidebar{
    display:grid !important;
    gap:var(--td-shell-stack-gap) !important;
    align-content:start !important;
  }

  body.td-view-calendar .td-calendar-layout__main .td-calendar-ical-link--card{
    display:none !important;
  }
}

@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__inspiration > *,
  body.td-view-home .td-dash-qa__block + .td-dash-qa__block{
    margin-top:0 !important;
  }
}



/* 2.7.102.41 – train-ownern är åter samlad i dashboardfilen.
   td-train-v1 äger bara yttre desktopplacering; td-train-v2__grid äger toppkolumnerna. */
body.td-shell-route-unified.td-view-train .td-train-v1,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
  align-items:start !important;
  width:100% !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col{
  min-width:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  align-content:start !important;
  min-width:0 !important;
  width:100% !important;
}

body.td-shell-route-unified.td-view-train .td-train-v2__col > .td-train-section,
body.td-shell-route-unified.td-view-train .td-train-v2__grid > .td-train-section{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  align-self:start !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--upcoming,
body.td-shell-route-unified.td-view-train .td-train-section--planned,
body.td-shell-route-unified.td-view-train .td-train-section--quickpass,
body.td-shell-route-unified.td-view-train .td-train-section--recent,
body.td-shell-route-unified.td-view-train .td-train-section--templates{
  margin:0 !important;
  position:relative !important;
  z-index:auto !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body{
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker__group,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > .td-create-picker__group,
body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > .td-grid.td-create-picker__group{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body h3.td-group-title.td-create-picker__group-title{
  margin:12px 0 4px 0 !important;
  padding:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > h3.td-group-title.td-create-picker__group-title:first-child{
  margin-top:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates > .td-card__body > .td-create-picker > h3.td-group-title.td-create-picker__group-title + .td-grid.td-create-picker__group{
  margin-top:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item,
body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-row,
body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-title{
  margin-left:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;
}

body.td-shell-route-unified.td-view-train .td-train-section--templates .td-create-item-title{
  margin:0 !important;
  padding:0 !important;
}

@media (min-width:1024px){
  body.td-shell-route-unified.td-view-train .td-train-v1,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:24px !important;
    row-gap:24px !important;
    align-items:start !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v2__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:24px !important;
    row-gap:24px !important;
    grid-column:1 / -1 !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
    gap:24px !important;
    flex-direction:column !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-section--templates{
    grid-column:1 !important;
    width:100% !important;
    margin-top:0 !important;
    align-self:start !important;
  }
}


/* 2.7.103.2 – plan-ownern: mobilstack utan dolda gridglapp, jämna skapa-knappar och post-it-typografi. */
body.td-view-plan .td-postit__title{
  margin:0 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
}
body.td-view-plan .td-postit__title-link{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-plan .td-postit__title-link:hover,
body.td-view-plan .td-postit__title-link:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}
body.td-view-plan .td-postit__meta{
  margin-top:2px !important;
  text-decoration:none !important;
}
@media (min-width:1024px){
  body.td-view-plan .td-create-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 172px !important;
    column-gap:16px !important;
    align-items:start !important;
  }
  body.td-view-plan .td-create-item__action{
    width:172px !important;
    justify-self:end !important;
  }
  body.td-view-plan .td-create-item__action .button{
    display:inline-flex !important;
    justify-content:center !important;
    width:100% !important;
  }
}
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4,
  body.td-view-plan .td-plan-v4__lead,
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__inspiration{
    display:block !important;
    row-gap:0 !important;
    column-gap:0 !important;
  }
  body.td-view-plan .td-plan-v4 > *,
  body.td-view-plan .td-plan-v4__lead > *,
  body.td-view-plan .td-plan-v4__primary > *,
  body.td-view-plan .td-plan-v4__secondary > *,
  body.td-view-plan .td-plan-v4__secondary-left > *,
  body.td-view-plan .td-plan-v4__secondary-right > *,
  body.td-view-plan .td-plan-v4__inspiration > *{
    margin:0 !important;
  }
}


/* 2.7.103.4 – plan-postit: hundnamn med Rainier och tydligare textblock. */
body.td-view-plan .td-postit__title,
body.td-view-plan .td-postit h3.td-postit__title,
body.td-view-plan .td-card .td-postit__title{
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body.td-view-plan .td-postit__title-link,
body.td-view-plan .td-postit h3.td-postit__title a{
  font-family:inherit !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body.td-view-plan .td-postit__title-link:hover,
body.td-view-plan .td-postit__title-link:focus,
body.td-view-plan .td-postit h3.td-postit__title a:hover,
body.td-view-plan .td-postit h3.td-postit__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}

body.td-view-plan .td-postit-item__text{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}


/* 2.7.103.5 – plan-mobil: sekundärstacken ska inte skapa eget mellanrum mellan Viktigast just nu och Skapa. */
@media (max-width:1023.98px){
  body.td-view-plan .td-plan-v4__primary,
  body.td-view-plan .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left,
  body.td-view-plan .td-plan-v4__secondary-right{
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  body.td-view-plan .td-plan-v4__primary + .td-plan-v4__secondary,
  body.td-view-plan .td-plan-v4__secondary-left + .td-plan-v4__secondary-right,
  body.td-view-plan .td-plan-v4__upcoming + .td-plan-v4__goals{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}


/* 2.7.103.6 – utvärdera/avstämningar följer samma create-mönster som Planera. */
body.td-view-evaluate .td-eval-featured-list{
  display:grid !important;
  gap:14px !important;
}

body.td-view-evaluate .td-eval-featured-list__item{
  margin:0 !important;
}

body.td-view-evaluate .td-eval-featured-list__title{
  font-weight:700 !important;
  margin-bottom:2px !important;
}

body.td-view-evaluate .td-eval-featured-list__desc{
  margin:0 !important;
}

@media (min-width:1024px){
  body.td-view-evaluate .td-eval-featured-list__item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 172px !important;
    column-gap:16px !important;
    align-items:start !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action{
    width:172px !important;
    justify-self:end !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action .button{
    display:inline-flex !important;
    justify-content:center !important;
    width:100% !important;
  }
}

@media (max-width:1023.98px){
  body.td-view-evaluate .td-eval-featured-list__item{
    display:block !important;
  }

  body.td-view-evaluate .td-eval-featured-list__action{
    margin-top:8px !important;
  }
}


/* 2.7.103.9 – createknappar lugnare höjd och lättare tyngd i Planera/Utvärdera. */
body.td-view-plan .td-create-item__action .button,
body.td-view-evaluate .td-eval-featured-list__action .button{
  min-height:42px !important;
  padding:0 12px !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
}


/* 2.7.103.11 – tighter CTA buttons där 103.10 inte slog igenom visuellt. */
body.td-shell-route-unified .td-create-item__action .button,
body.td-shell-route-unified .td-eval-featured-list__action .button,
body.td-shell-route-unified.td-view-exercises .td-shell-content > .button.td-small,
body.td-shell-route-unified.td-view-exercises .td-main__body .button.td-small{
  min-height:26px !important;
  height:26px !important;
  padding:0 10px !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.0 !important;
}

/* 2.7.103.28 – dashboard/home/list: QA-blocken ska inte skapa eget mobilglapp och post-it ska matcha plan-postit. */
@media (max-width:1023.98px){
  body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--qa{
    gap:0 !important;
  }

  body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-qa__block + .td-dash-qa__block{
    margin-top:0 !important;
  }
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-card .td-postit__title{
  margin:0 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-size:32px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a{
  font-family:inherit !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link:hover,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit__title-link:focus,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a:hover,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit h3.td-postit__title a:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit-item__text{
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}


/* 2.7.103.29 – QA/list parity + post-it parity on home/list/dashboard. */
body:is(.td-view-home,.td-view-list,.td-view-dashboard,.td-view-qa,.td-view-suggestions) .td-card-list,
body:is(.td-view-qa,.td-view-suggestions) .td-qa-sessions{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard,.td-view-qa,.td-view-suggestions) .td-card-list__item,
body:is(.td-view-qa,.td-view-suggestions) .td-qa-sessions > .td-card,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-qa__block{
  margin:0 !important;
}

body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postit,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-postits-grid .td-postit{
  border-radius:0 !important;
}


/* 2.7.103.29.1 – QA/suggestions följer samma kortstack som övriga dashboardkort. */
body.td-view-qa .td-card,
body.td-view-suggestions .td-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.td-view-qa .td-view-stack,
body.td-view-suggestions .td-view-stack,
body.td-view-qa .td-content,
body.td-view-suggestions .td-content{
  gap:var(--td-shell-stack-gap) !important;
}

body.td-view-qa .td-card-list,
body.td-view-suggestions .td-card-list{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}


/* 2.7.103.32 – kalender listkort använder samma badge-rad som övriga datumkort. */
body.td-view-calendar .td-calendar-list__body{
  display:grid !important;
  grid-template-columns:88px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}
body.td-view-calendar .td-calendar-list__date-badge{
  width:88px !important;
  min-width:88px !important;
}
body.td-view-calendar .td-calendar-list__content{
  min-width:0;
  display:grid !important;
  gap:8px !important;
  align-content:start !important;
}
body.td-view-calendar .td-calendar-list__content > *{margin:0 !important;}
body.td-view-calendar .td-calendar-list__title,
body.td-view-calendar .td-calendar-list__title:hover,
body.td-view-calendar .td-calendar-list__title:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
@media (max-width:767px){
  body.td-view-calendar .td-calendar-list__body{
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:16px !important;
  }
  body.td-view-calendar .td-calendar-list__date-badge{
    width:72px !important;
    min-width:72px !important;
  }
}

/* 2.7.103.32 – QA/suggestions/stats följer samma kortstack som övriga vyer. */
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-view-stack,
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-shell-content,
body:is(.td-view-qa,.td-view-suggestions,.td-view-stats) .td-content{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
}
body.td-view-qa .td-qa-sessions,
body.td-view-suggestions .td-card-list,
body.td-view-stats .td-stats-overview-grid{
  display:grid !important;
  gap:var(--td-shell-stack-gap) !important;
  margin:0 0 var(--td-shell-stack-gap) 0 !important;
}
body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-qa .td-card,
body.td-view-suggestions .td-card,
body.td-view-qa .td-card-list__item,
body.td-view-suggestions .td-card-list__item{
  margin:0 !important;
}

/* 2.7.103.32 – home inspiration länkar ska vara orange utan understrykning. */
.td-plan-inspiration-item__title a,
.td-plan-inspiration-item__title a strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
.td-plan-inspiration-item__title a:hover,
.td-plan-inspiration-item__title a:focus,
.td-plan-inspiration-item__title a:hover strong,
.td-plan-inspiration-item__title a:focus strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

/* 2.7.103.32 – mobil: dölj senaste instruktörspassen på skapa-tabben så formuläret får plats. */
@media (max-width:767px){
  body.td-view-instructor .td-instructor-sent{display:none !important;}
}

/* 2.7.103.33 – dashboard/mobile-stack ägs av dashboard-ownern; inga extra child-marginaler i stats/qa/suggestions. */
body.td-view-stats .td-stats-overview-grid,
body.td-view-qa .td-qa-sessions,
body.td-view-suggestions .td-card-list{
  margin:0 !important;
}
body.td-view-stats .td-stats-overview-grid > *,
body.td-view-qa .td-qa-sessions > *,
body.td-view-suggestions .td-card-list > *{
  margin:0 !important;
}


/* 2.27.19 sub-manifest for td-dashboard-plan-train-evaluate-c.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-c.css; keep import order. */
/* Plan/train/evaluate owner rules, part C.
 * Extracted from td-dashboard-plan-train-evaluate.css in 2.27.18. */
body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-qa .td-card,
body.td-view-suggestions .td-card,
body.td-view-qa .td-card-list__item,
body.td-view-suggestions .td-card-list__item{
  margin-block:0 !important;
}

/* 2.7.103.33 – hemkortens inspirationslänkar ska följa passlistelänken, utan underline i vila eller hover. */
body.td-view-home .td-plan-inspiration-item__link,
body.td-view-home .td-plan-inspiration-item__link:visited,
body.td-view-home .td-plan-inspiration-item__link:hover,
body.td-view-home .td-plan-inspiration-item__link:focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-home .td-plan-inspiration-item__title{
  margin:0 0 4px !important;
}

/* 2.7.103.33 – listvyn använder samma länkuttryck som övriga passlistor och lugnare mobilrubriker. */
body.td-view-list .td-entries-mobile-card__title{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.32 !important;
}
body.td-view-list .td-entries-mobile-card__title a,
body.td-view-list .td-entries-mobile-card__title a:visited,
body.td-view-list .td-entries-mobile-card__title a:hover,
body.td-view-list .td-entries-mobile-card__title a:focus{
  display:inline-block !important;
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}
body.td-view-list .td-card-form__label.td-filter-form__label{
  margin:0 0 6px 0 !important;
  font-size:18px !important;
  line-height:1.15 !important;
}


/* 2.7.103.34 – dashboard owner cleanup: mobile card stack, inspiration links, list filter rhythm, instructor create width. */
@media (max-width:767px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-shell-content,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-content,
  body.td-view-stats .td-stats-overview-grid,
  body.td-view-qa .td-qa-sessions,
  body.td-view-suggestions .td-card-list{
    gap:0 !important;
  }
}

body.td-view-stats .td-stats-summary,
body.td-view-stats .td-stats-history-card,
body.td-view-stats .td-stats-overview-grid,
body.td-view-stats .td-stats-overview-grid > *{
  margin:0 !important;
}

body.td-view-stats .td-stats-summary > *:first-child,
body.td-view-stats .td-stats-history-card > *:first-child,
body.td-view-qa .td-card > *:first-child,
body.td-view-suggestions .td-card > *:first-child{
  margin-top:0 !important;
}

body.td-view-home .td-plan-inspiration-item__link,
body.td-view-home .td-plan-inspiration-item__link strong,
body.td-view-home .td-plan-inspiration-item__link:visited,
body.td-view-home .td-plan-inspiration-item__link:hover,
body.td-view-home .td-plan-inspiration-item__link:hover strong,
body.td-view-home .td-plan-inspiration-item__link:focus,
body.td-view-home .td-plan-inspiration-item__link:focus strong{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
}

body.td-view-list .td-card-form__label.td-filter-form__label{
  margin:0 0 2px 0 !important;
}

body.td-view-instructor .td-instructor-page__grid--create{
  grid-template-columns:minmax(0,1fr) !important;
}


/* 2.7.104.9 – dashboard/list desktop parity + filter rhythm + list title contract. */
@media (min-width:1024px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout--default{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    grid-template-areas:
      "main side"
      "entries side" !important;
    column-gap:var(--td-shell-stack-gap) !important;
    row-gap:var(--td-shell-stack-gap) !important;
    align-items:start !important;
  }
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__main,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__side,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries,
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__summary{
    min-width:0 !important;
  }
  body.td-view-list .td-entries-table .td-pass-list__title,
  body.td-view-list .td-entries-table .td-pass-list__title:visited{
    color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
    text-decoration:none !important;
    font-weight:400 !important;
  }
  body.td-view-list .td-entries-table .td-pass-list__title:hover,
  body.td-view-list .td-entries-table .td-pass-list__title:focus{
    text-decoration:underline !important;
  }
}
body.td-view-list .td-filter-field > .td-card-form__label.td-filter-form__label{
  margin:0 0 2px 0 !important;
}
body.td-view-list .td-filter-field > br{
  display:none !important;
}
body.td-view-list .td-filter-field select,
body.td-view-list .td-filter-field input{
  margin-top:0 !important;
}
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:visited,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:hover,
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-qp-btn--plus:focus{
  text-decoration:none !important;
}


/* 2.7.104.10 – stats/qa/suggestions ska använda wrapper-gap, inte nollade specialglapp. */
@media (max-width:767px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-shell-content,
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-content,
  body.td-view-stats .td-stats-overview-grid,
  body.td-view-qa .td-qa-sessions,
  body.td-view-suggestions .td-card-list{
    display:flex !important;
    flex-direction:column !important;
    gap:var(--td-shell-stack-gap) !important;
  }
}
body.td-view-stats .td-stats-overview-grid > *,
body.td-view-qa .td-qa-sessions > *,
body.td-view-suggestions .td-card-list > *{margin:0 !important;}

/* 2.7.104.10 – planera-postitens snabbpassknapp ska följa samma ikonknapp som hem/list. */
body.td-view-plan .td-qp-btn--plus,
body.td-view-plan .td-qp-btn--plus:visited,
body.td-view-plan .td-qp-btn--plus:hover,
body.td-view-plan .td-qp-btn--plus:focus{
  text-decoration:none !important;
}

/* 2.7.104.10 – mobiltitlar i passlistor ska vara lugnare och inte fetare än nödvändigt. */
body.td-shell-route-unified .td-entries-mobile-card__title,
body.td-shell-route-unified .td-instructor-sent__item-title,
body.td-shell-route-unified .td-postit__title{
  font-weight:400 !important;
}
body.td-view-instructor .td-instructor-sent__item-title a,
body.td-view-list .td-entries-mobile-card__title a,
body.td-view-home .td-plan-inspiration-item__title a{
  font-weight:400 !important;
}

/* 2.7.104.10 – list/filteretiketter ska ligga tätare mot fälten. */
body.td-view-list .td-filter-field,
body.td-view-instructor .td-filter-field{gap:4px !important;}
body.td-view-list .td-card-form__label.td-filter-form__label,
body.td-view-instructor .td-card-form__label.td-filter-form__label{margin:0 0 4px 0 !important;}

@media (max-width:781.98px){
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack{display:grid !important;row-gap:16px !important;}
  body:is(.td-view-stats,.td-view-qa,.td-view-suggestions) .td-view-stack > *{margin:0 !important;}
  body.td-view-stats .td-card + .td-card,
  body.td-view-qa .td-card + .td-card,
  body.td-view-suggestions .td-card + .td-card{margin-top:0 !important;}
  body.td-view-instructor .td-instructor-pass-card,
  body.td-view-instructor .td-instructor-card{ text-align:left !important; align-items:flex-start !important; }
}
body.td-view-inspiration .td-inspiration-card__title a,
body.td-view-inspiration .td-pass-list__title{ text-decoration:none !important; font-weight:400 !important; }
body.td-view-inspiration .td-inspiration-card__title a:hover,
body.td-view-inspiration .td-pass-list__title:hover{ text-decoration:underline !important; }

/* 2.7.104.16 – passlänk-kontrakt återställt i home/list/plan/train/evaluate/inspiration/instruktör. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title),
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):visited{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):hover,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title) strong,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):hover strong,
body.td-shell-route-unified :is(.td-pass-list__title, .td-plan-inspiration-item__link, .td-dash-latest__link, .td-card-list__title.td-pass-list__title):focus strong{
  color:inherit !important;
  font-weight:400 !important;
  text-decoration:inherit !important;
}

/* Home/list dashboard-inspiration ska få höjd efter innehåll. */
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dashboard-home-layout__summary > *{
  align-self:start !important;
  height:auto !important;
}
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--inspiration-members,
body:is(.td-view-home,.td-view-list,.td-view-dashboard) .td-dash-card--inspiration-instructors{
  height:auto !important;
}

/* Inspiration/list filteretiketter: ingen extra <br>-luft och tätare mot fältet. */
body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field > br,
body.td-view-instructor #td-instructor-pass-filters .td-filter-field > br{
  display:none !important;
}
body.td-view-list_inspiration .td-card-form__label.td-filter-form__label,
body.td-view-instructor .td-card-form__label.td-filter-form__label{
  margin:0 0 4px 0 !important;
}

/* Instruktörspasslistans mobilkort ska vara vänsterställda. */
@media (max-width:781.98px){
  body.td-view-instructor .td-instructor-pass-card,
  body.td-view-instructor .td-instructor-card,
  body.td-view-instructor .td-instructor-pass-card *,
  body.td-view-instructor .td-instructor-card *{
    text-align:left !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }
}


/* 2.7.104.17 – dashboard/list/inspiration passnamn ska alltid följa samma orange länkstil. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-list__title:visited, .td-entries-table .td-pass-list__title, .td-entries-table .td-pass-list__title:visited, .td-entries-title){
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
}
body.td-shell-route-unified :is(.td-pass-list__title, .td-entries-table .td-pass-list__title):hover,
body.td-shell-route-unified :is(.td-pass-list__title, .td-entries-table .td-pass-list__title):focus{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:underline !important;
}
body.td-shell-route-unified .td-dashboard-home-layout__summary > .td-dash-card--inspiration-members,
body.td-shell-route-unified .td-dashboard-home-layout__summary > .td-dash-card--inspiration-instructors{
  height:auto !important;
  align-self:start !important;
}

/* 2.7.104.18 – list/instruktör/passlänk/no-access parity. */
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-pass-list__title:visited{
  font-size:16px !important;
  font-weight:400 !important;
}
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title),
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):visited{
  color:var(--td-shell-accent, var(--e-global-color-primary, #cc6b1d)) !important;
  text-decoration:none !important;
  font-weight:400 !important;
  font-size:16px !important;
}
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):hover,
body.td-view-instructor .td-instructor-pass-table td:first-child :is(a.td-pass-list__title, span.td-pass-list__title):focus{
  text-decoration:underline !important;
}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(odd){background:var(--td-color-surface-warm-alt) !important;}
body.td-view-instructor .td-instructor-pass-table tbody tr:nth-child(even){background:transparent !important;}
body.td-view-instructor .td-instructor-pass-table tbody td{background:transparent !important; vertical-align:top !important;}
body.td-view-instructor .td-instructor-pass-table .td-actions-cell{justify-content:flex-end !important; align-items:flex-start !important;}
body.td-no-access .td-access-card__actions,
body.td-no-access .td-share-actions,
body.td-no-access .td-u-flex-row{gap:14px !important;}
body.td-no-access .td-access-card__actions .button + .button{margin-left:0 !important;}

/* 2.7.105.1 – dashboard/list owner: siluett ovanför entries och tydligare desktop-rubrikrader. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor{
  display:block;
  width:100%;
  height:60px;
  min-height:60px;
  margin:0 0 10px;
  background-image:var(--td-shell-silhouette-image, url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png'));
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:auto 60px;
  opacity:.52;
  pointer-events:none;
}




/* 2.7.105.3 – dashboard owner: entries-decor ska vara tydlig och synlig över all entries-kortet. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor{
  display:block !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 0 12px !important;
  background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center bottom / auto 72px no-repeat !important;
  opacity:1 !important;
}


/* 2.7.105.4 – list/dashboard entries-decor owner: egen dekorsiluett ovanför entries/listblocket. */
body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
body.td-view-list .td-dashboard-home-layout__entries-decor--list{
  display:block !important;
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 0 12px !important;
  background-image:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:auto 72px !important;
  opacity:1 !important;
  pointer-events:none !important;
}


/* 2.7.105.4 – diary links owner: ingen underline i vila i entry-view och post-it/list, endast vid interaktion där avsett. */
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-link, .td-postit__title-link),
body.td-shell-route-unified :is(.td-pass-list__title, .td-pass-link, .td-postit__title-link):visited{
  text-decoration:none !important;
}
body.td-view-view .td-entry-view__content :is(.td-pass-list__title, .td-pass-link),
body.td-view-list .td-postit :is(.td-postit__title-link, .td-pass-list__title, .td-pass-link),
body.td-view-home .td-postit :is(.td-postit__title-link, .td-pass-list__title, .td-pass-link){
  text-decoration:none !important;
}

/* 2.7.106.3 – inspiration/bloggpool/tombola på inspirationsytor och träna. */
body.td-view-list_inspiration .td-inspiration-blog-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:24px;
}
body.td-view-list_inspiration .td-inspiration-blog-card__media img,
body.td-view-list_inspiration .td-inspiration-blog-list__thumb img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}
body.td-view-list_inspiration .td-inspiration-blog-list{
  display:grid;
  gap:16px;
}
body.td-view-list_inspiration .td-inspiration-blog-list__item{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body.td-view-list_inspiration .td-inspiration-blog-list__thumb{
  overflow:hidden;
}
body.td-view-list_inspiration .td-inspiration-tombola-card,
body.td-view-train .td-train-section--tombola{
  margin-top:24px;
}
body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field--lg{
  flex:0 1 50%;
  max-width:50%;
}
@media (max-width: 960px){
  body.td-view-list_inspiration .td-inspiration-blog-grid{
    grid-template-columns:1fr;
  }
  body.td-view-list_inspiration .td-inspiration-blog-list__item{
    grid-template-columns:1fr;
  }
  body.td-view-list_inspiration .td-inspiration-filterbar .td-filter-field--lg{
    flex:1 1 100%;
    max-width:none;
  }
}

/* 2.7.106.3 – statistikgrafer */
.td-stats-chart-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
  margin:24px 0;
}
.td-stats-bars{display:grid;gap:12px}
.td-stats-bars__row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto;gap:12px;align-items:center}
.td-stats-bars__meter{height:12px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden}
.td-stats-bars__fill{display:block;height:100%;border-radius:999px;background:var(--e-global-color-primary, #c65a1e)}
.td-stats-bars__label{font-weight:700}
.td-stats-summary__meta{margin-top:10px}
@media (max-width: 960px){
  .td-stats-chart-grid{grid-template-columns:1fr}
  .td-stats-bars__row{grid-template-columns:1fr;gap:6px}
}


/* 2.7.106.5 – dashboard entries-decor ska bara synas på desktop. */
@media (max-width: 781px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
  body.td-view-list .td-dashboard-home-layout__entries-decor--list{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    background:none !important;
  }
}

/* 2.7.106.6 – dashboard/post-it länkar ska aldrig få underline i vila eller hover. */
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link),
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):visited,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):hover,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link):focus{
  text-decoration:none !important;
}


/* 2.7.106.7 – dashboard owner ska inte återinföra underline på övningslänkar. */
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link),
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):visited,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):hover,
body.td-shell-route-unified :is(.td-postit__title-link,.td-pass-list__title,.td-pass-link,.td-plan-inspiration-item__link,.td-exercise-link):focus{
  text-decoration:none !important;
}

/* 2.7.106.8 – listdekor och länkstandard i dashboard owner. */
@media (min-width: 782px){
  body:is(.td-view-list,.td-view-home,.td-view-dashboard) .td-dashboard-home-layout__entries-decor,
  body.td-view-list .td-dashboard-home-layout__entries-decor--list{
    display:block !important;
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    margin:-6px 0 18px !important;
    background:url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png') center center / auto 72px no-repeat !important;
    opacity:1 !important;
    pointer-events:none !important;
  }
}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link){
  text-decoration:none !important;
  text-decoration-line:none !important;
}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):visited,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):hover,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-postit__title-link,.td-pass-list__title,.td-plan-inspiration-item__link):focus{
  text-decoration:none !important;
  text-decoration-line:none !important;
}

/* 2.7.106.9 – globalt spår för övningslänkar i dashboard/list/plan */
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a){text-decoration:none !important;text-decoration-line:none !important;}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):visited,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):hover,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,a.td-postit__title-link,a.td-pass-list__title,.td-weekplan-unit-link,.td-ac-item__link,.td-weekplan-results a,.td-entry-view__content a.td-pass-link,.td-postit a):focus{text-decoration:none !important;text-decoration-line:none !important;}


/* 2.7.208.12 – mobil QA-form ska alltid visa skicka-knappen */
body.td-view-qa .td-card-form__actions,
body.td-view-qa .td-card__actions{display:flex !important;flex-wrap:wrap;gap:12px !important;}
body.td-view-qa .td-card-form__actions > *,
body.td-view-qa .td-card__actions > *{display:inline-flex !important;}


/* 2.7.208.16 – inspirationssidan: tvåkolumnslayout med listor till vänster och filter/blogg/tombola till höger. */
body.td-view-list_inspiration .td-inspiration-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);
  gap:24px;
  align-items:start;
}
body.td-view-list_inspiration .td-inspiration-layout__main,
body.td-view-list_inspiration .td-inspiration-layout__side{
  min-width:0;
}
body.td-view-list_inspiration .td-inspiration-layout__side > .td-card,
body.td-view-list_inspiration .td-inspiration-layout__side > .td-inspiration-blog-grid{
  margin:0;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-grid{
  grid-template-columns:1fr;
  gap:24px;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-card--featured,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-blog-card--pool,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-tombola-card,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-intro{
  width:100%;
}
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-filterbar .td-filter-field,
body.td-view-list_inspiration .td-inspiration-layout__side .td-inspiration-filterbar .td-filter-field--lg{
  flex:1 1 100%;
  max-width:none;
}
body.td-view-list_inspiration .td-inspiration-blog-card__headline{
  margin:0;
}
@media (max-width: 960px){
  body.td-view-list_inspiration .td-inspiration-layout{
    grid-template-columns:1fr;
  }
}


/* 2.7.208.18 – kalenderpilar och månadsnamn på samma rad */
.td-calendar-month__header{display:grid !important;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center !important;gap:12px !important}
.td-calendar-month__title{grid-column:2;text-align:center !important;margin:0 !important}
.td-calendar-nav--prev{grid-column:1}
.td-calendar-nav--next{grid-column:3}
/* 2.7.208.18 – luft mellan arkivkort på mobil */
@media (max-width: 781.98px){
  body.td-help-archive .td-help-card-grid,
  body.td-offer-archive .td-help-card-grid,
  body.td-interview-archive .td-help-card-grid{gap:16px !important}
  body.td-help-archive .td-help-card,
  body.td-offer-archive .td-help-card,
  body.td-interview-archive .td-help-card{margin-bottom:0 !important}
}

/* 2.7.209.29 – Viktigast just nu: hundbild större på mobil och låst högre upp till höger. */
body.td-shell-route-unified .td-postit{
  position:relative;
}
body.td-shell-route-unified .td-postit__header{
  position:relative;
  display:block;
  padding-right:96px;
  min-height:74px;
}
body.td-shell-route-unified .td-postit__header-main{
  min-width:0;
}
body.td-shell-route-unified .td-postit__dog{
  position:absolute;
  top:-2px;
  right:-2px;
  display:block;
  margin:0;
}
body.td-shell-route-unified .td-postit__dog-image{
  width:64px;
  height:64px;
  min-width:64px;
  min-height:64px;
  border-radius:999px;
  object-fit:cover;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-postit__header{
    padding-right:108px;
    min-height:84px;
  }
  body.td-shell-route-unified .td-postit__dog{
    top:-4px;
    right:-4px;
  }
  body.td-shell-route-unified .td-postit__dog-image{
    width:72px;
    height:72px;
    min-width:72px;
    min-height:72px;
  }
}

/* 2.7.212.10 – Tränasidan: en enda mobilstack äger kortavståndet.
   Debug visade att 12px-regeln `.td-card + .td-card` bara träffade kort som var syskon i vänster kolumn.
   Kort som låg efter kolumn-/gridgränserna (Senaste träningspass, Mallar) fick därför 0px gap.
   På mobil/narrow viewport nollas individuella kortmarginaler och gap läggs på de faktiska stack-parentarna. */
@media (max-width:1023.98px){
  body.td-shell-route-unified.td-view-train .td-train-v1,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2,
  body.td-shell-route-unified.td-view-train .td-train-v2__grid,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--left,
  body.td-shell-route-unified.td-view-train .td-train-v2__col--right{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap, 12px) !important;
    row-gap:var(--td-shell-stack-gap, 12px) !important;
    column-gap:0 !important;
    align-items:start !important;
    width:100% !important;
  }

  body.td-shell-route-unified.td-view-train .td-train-v1 .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-v2__grid .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-v2__col .td-train-section,
  body.td-shell-route-unified.td-view-train .td-train-section + .td-train-section{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}


/* 2.7.212.11 – Gemensamt mobilgap för dashboardkort i alla huvudvyer.
   Detta ersätter vy-för-vy-lagningar: wrappernivåerna som delar upp kort i kolumner/grids
   blir en enda 12px-stack på mobil, medan enskilda kort inte får egna extra marginaler. */
@media (max-width:1023.98px){
  body.td-shell-route-unified.td-content-family-dashboard :is(
    .td-shell-content,
    .td-content--view-dashboard,
    .td-content--view-plan,
    .td-content--view-train,
    .td-content--view-evaluate,
    .td-view-stack,
    .td-dashboard,
    .td-dashboard-home-layout,
    .td-dashboard-home-layout__main,
    .td-dashboard-home-layout__side,
    .td-dashboard-home-layout__mobile-side,
    .td-dashboard-home-layout__entries,
    .td-plan-v4,
    .td-plan-v4__lead,
    .td-plan-v4__primary,
    .td-plan-v4__secondary,
    .td-plan-v4__secondary-left,
    .td-plan-v4__secondary-right,
    .td-plan-v4__inspiration,
    .td-plan-v4__inspiration-instructors,
    .td-plan-v4__inspiration-members,
    .td-eval-v1,
    .td-eval-v2__grid,
    .td-eval-v2__col,
    .td-train-v1,
    .td-train-v2__grid,
    .td-train-v2__col
  ){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap, 12px) !important;
    row-gap:var(--td-shell-stack-gap, 12px) !important;
    column-gap:0 !important;
    align-items:start !important;
    width:100% !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard :is(
    .td-card,
    .td-dash-card,
    .td-plan-section,
    .td-train-section,
    .td-section,
    .td-eval-pending,
    .td-eval-featured,
    .td-eval-goals,
    .td-eval-recent,
    .td-eval-compare
  ){
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* 2449: Listor får radbryta passnamn men inte datum/ikoner. */
body.td-view-list .td-entries-table{
  table-layout:auto;
  width:100%;
}
body.td-view-list .td-entries-table th:first-child,
body.td-view-list .td-entries-table td:first-child{
  width:auto;
  min-width:0;
}
body.td-view-list .td-entries-table__date,
body.td-view-list .td-entries-table__dog{
  white-space:nowrap !important;
  width:1%;
}
body.td-view-list .td-entries-table .td-actions-cell{
  white-space:nowrap !important;
  width:1%;
}
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-entries-title{
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
}
body.td-view-list .td-entries-mobile-meta__item--date{
  white-space:nowrap !important;
}
body.td-view-list .td-entries-mobile-card__actions{
  flex:0 0 auto;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-mobile-card__title{
  min-width:0;
  overflow-wrap:anywhere;
}

/* 2453 korrigering: listvyn ska hålla datum och åtgärdsikoner horisontella,
   men låta passnamnet ta radbrytningen. */
body.td-view-list .td-entries-table{
  table-layout:fixed !important;
  width:100% !important;
}
body.td-view-list .td-entries-table th:nth-child(1),
body.td-view-list .td-entries-table td:nth-child(1){
  width:auto !important;
  min-width:0 !important;
}
body.td-view-list .td-entries-table th:nth-child(2),
body.td-view-list .td-entries-table td.td-entries-table__date{
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table th:nth-child(3),
body.td-view-list .td-entries-table td.td-entries-table__dog{
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table th:nth-child(4),
body.td-view-list .td-entries-table td.td-actions-cell{
  width:250px !important;
  min-width:250px !important;
  max-width:250px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table .td-entries-actions-row{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table .td-entries-actions-row > *{
  flex:0 0 auto !important;
}
body.td-view-list .td-entries-table .td-pass-list__title,
body.td-view-list .td-entries-table .td-entries-title{
  display:block !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
body.td-view-exercises .td-exercises-progress-help{
  margin:16px 0 8px !important;
}

/* 2.8.8.17: inspirationslistor – datum ska inte radbrytas, titel får radbrytas. */
.td-view-list_inspiration table td:nth-child(1),
.td-view-list_inspiration table th:nth-child(1){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.td-view-list_inspiration table td:nth-child(2),
.td-view-list_inspiration table th:nth-child(2){white-space:nowrap!important;word-break:keep-all!important;}
.td-view-list_inspiration .td-filter-field{margin-top:10px!important;}
.td-view-list_inspiration .td-filter-field + .td-filter-field{margin-left:12px!important;}

/* 2.9.17 – kalender: centrerad prenumerationsknapp och klickbar aktivitetsdetalj. */
.td-calendar-subscribe-card__body{
  display:flex;
  align-items:center;
  justify-content:center;
}
.td-calendar-subscribe-card .td-calendar-ical-link,
.td-calendar-mobile-subscribe .td-calendar-ical-link{
  margin-left:0;
  justify-content:center;
  align-self:center;
}
.td-calendar-event-trigger{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--td-shell-primary, #c65a1e);
  font:inherit;
  line-height:inherit;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
}
.td-calendar-event-trigger:hover,
.td-calendar-event-trigger:focus-visible{
  text-decoration:underline;
}
.td-calendar-month__event .td-calendar-event-trigger{
  font-size:12px;
}
.td-calendar-mobile__title-button,
.td-calendar-list__title-button{
  font-weight:700;
}
.td-calendar-event-modal__desc{
  white-space:pre-wrap;
  line-height:1.5;
}
.td-calendar-event-modal__actions{
  margin-top:16px;
}

/* 2.10.16: Month calendar should stay visually quiet until hover/focus. */
.td-calendar-month__event .td-calendar-event-trigger{
  opacity:0;
  transition:opacity .12s ease;
}
.td-calendar-month__cell:hover .td-calendar-event-trigger,
.td-calendar-month__cell:focus-within .td-calendar-event-trigger{
  opacity:1;
}
.td-calendar-month__badge{
  display:inline-block;
  font-size:11px;
  line-height:1.2;
  color:var(--td-shell-muted, #7a6b60);
}
.td-challenge-actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.td-challenge-actions__status{font-size:13px;}

/* 2.10.22: Calendar activity titles must be readable without hover; month view may still underline on hover/focus. */
.td-calendar-month__event .td-calendar-event-trigger{
  opacity:1 !important;
  color:var(--td-shell-primary, #c65a1e) !important;
}
.td-calendar-mobile__title-button,
.td-calendar-list__title-button,
body.td-view-calendar .td-calendar-mobile__title-button,
body.td-view-calendar .td-calendar-list__title-button{
  color:var(--td-shell-primary, #c65a1e) !important;
  opacity:1 !important;
  text-decoration:none !important;
}
.td-calendar-mobile__title-button:hover,
.td-calendar-mobile__title-button:focus-visible,
.td-calendar-list__title-button:hover,
.td-calendar-list__title-button:focus-visible{
  text-decoration:underline !important;
}
.td-dash-card--current-challenge .td-card-list__title--challenge{
  color:var(--td-shell-primary, #c65a1e);
  font-weight:700;
}

/* 2.10.23: Date badges for upcoming material rows. */
.td-card-list--date-badges .td-card-list__item--with-date{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.td-card-list--date-badges .td-card-list__date{
  min-width:76px;
}
.td-card-list--date-badges .td-card-list__content{
  min-width:0;
}
@media (max-width: 520px){
  .td-card-list--date-badges .td-card-list__item--with-date{
    gap:12px;
  }
  .td-card-list--date-badges .td-card-list__date{
    min-width:64px;
  }
}

/* 2.10.31: Activity CPT single/archive presentation. */
.td-activity-single__header{
  display:block;
}
.td-activity-single__date-badge .td-card-list__date-badge,
.td-activity-card .td-card-list__date-badge{
  margin:0;
}
.td-activity-single__heading{
  min-width:0;
  flex:1;
}
.td-activity-single__meta,
.td-activity-card__date{
  margin-top:4px;
}
.td-activity-single__external{
  margin-top:18px;
}
.td-activity-card .td-card-list__date{
  margin-bottom:8px;
}

/* 2.11.8.1 – Mallrader i mobil/app: titel vänster, ikonkolumn höger. */
body.td-shell-route-unified .td-create-picker .td-create-picker__group{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item,
body.td-shell-route-unified .td-create-picker .td-create-item-row{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 104px !important;
  align-items:center !important;
  justify-items:stretch !important;
  gap:12px !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-title{
  min-width:0 !important;
  width:auto !important;
  text-align:left !important;
  justify-self:start !important;
  margin:0 !important;
  padding:0 !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-actions{
  width:104px !important;
  min-width:104px !important;
  display:grid !important;
  grid-template-columns:44px 44px !important;
  grid-auto-flow:initial !important;
  justify-content:end !important;
  justify-self:end !important;
  align-items:center !important;
  gap:12px !important;
}
body.td-shell-route-unified .td-create-picker .td-icon-btn,
body.td-shell-route-unified .td-create-picker .td-create-picker__placeholder{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* 2.12.0: PWA/offline fallback view. */
.td-offline-card {
  max-width: 760px;
  margin-inline: auto;
}

.td-offline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.td-offline-card--hint {
  margin-top: 14px;
}

@media (max-width: 640px) {
  .td-offline-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .td-offline-actions .td-button {
    width: 100%;
    justify-content: center;
  }
}

/* 2.12.9.2: upcoming training passes on Train view use the same date badge contract as other dated cards. */
body.td-view-train .td-train-section--upcoming .td-card-list--date-badges .td-card-list__item--with-date{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
}
body.td-view-train .td-train-section--upcoming .td-pass-list__content{
  min-width:0;
}
body.td-view-train .td-train-section--upcoming .td-pass-list__date-text{
  margin-bottom:2px;
  font-size:.9rem;
}
@media (max-width:520px){
  body.td-view-train .td-train-section--upcoming .td-card-list--date-badges .td-card-list__item--with-date{
    gap:12px;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge{
    width:64px !important;
    min-height:72px !important;
    border-radius:16px !important;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge__day{
    font-size:1.8rem !important;
  }
  body.td-view-train .td-train-section--upcoming .td-date-badge__month{
    font-size:.82rem !important;
  }
}

/* 2.17.13 – Träningsguiden: compact profile warning/button and inline course actions. */
body.td-page .td-coach-profile-warning .td-dash-actions--compact,
body.td-shell-route-unified .td-coach-profile-warning .td-dash-actions--compact{
  margin-top:12px;
}
body.td-page .td-coach-profile-warning .td-dash-actions--compact .button,
body.td-shell-route-unified .td-coach-profile-warning .td-dash-actions--compact .button{
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  display:inline-flex !important;
}
body.td-page .td-dash-actions--inline,
body.td-shell-route-unified .td-dash-actions--inline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
body.td-page .td-dash-actions--inline .button,
body.td-shell-route-unified .td-dash-actions--inline .button{
  width:auto !important;
  min-width:0 !important;
}

/* 2.18.3 – Träningsguiden på desktop: mindre CTA och klickbar hundbild. */
body.td-shell-route-unified .td-dash-card--coach-return .td-card__body--compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
body.td-shell-route-unified .td-dash-actions--coach-return{
  margin:0 !important;
  flex:0 0 auto;
}
body.td-shell-route-unified .td-dash-actions--coach-return .button{
  width:auto !important;
  min-width:0 !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
body.td-shell-route-unified .td-postit__dog-link{
  display:block;
  border-radius:999px;
  line-height:0;
}
body.td-shell-route-unified .td-postit__dog-link:focus-visible{
  outline:3px solid var(--td-shell-primary-focus);
  outline-offset:3px;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-dash-card--coach-return .td-card__body--compact{
    display:block;
  }
  body.td-shell-route-unified .td-dash-actions--coach-return{
    margin-top:10px !important;
  }
  body.td-shell-route-unified .td-dash-actions--coach-return .button{
    width:100% !important;
  }
}

.td-training-path-overview {
	margin-top: 12px;
}
.td-training-path-overview__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin-top: 8px;
}
.td-training-path-overview__item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 5px;
	text-decoration: none;
	background: rgba(255,255,255,.62);
}
.td-training-path-overview__item--active {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}
.td-training-path-steps {
	list-style: none;
	padding: 0;
	margin: 12px 0;
	display: grid;
	gap: 6px;
}

/* 2.27.19 extracted from td-dashboard-plan-train-evaluate-c.css; keep import order. */
.td-training-path-steps__item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 5px;
	background: rgba(255,255,255,.5);
}
.td-training-path-steps__item--in_progress {
	font-weight: 700;
}
.td-training-path-steps__item--done {
	opacity: .88;
}
.td-training-path-steps__icon {
	width: 1.5em;
	text-align: center;
	font-weight: 700;
}
.td-training-path-current,
.td-training-path-question {
	margin-top: 12px;
}

/* 2.19.9: Träningsguiden – lugnare fokusvy och tydligare progress. */
.td-training-path-question.td-is-saving {
	opacity: .68;
	pointer-events: none;
}
.td-training-path-overview summary {
	cursor: pointer;
}
.td-training-path-steps__item--done {
	background: #ecf8ef;
	border-color: rgba(29, 128, 57, .35);
	color: #174b25;
	opacity: 1;
}
.td-training-path-steps__item--done .td-training-path-steps__icon {
	color: #1d8039;
}
.td-training-path-node-help {
	margin: 10px 0;
}
.td-training-path-node-help summary {
	cursor: pointer;
	font-weight: 600;
}

/* 2.19.12: Tydligare val på Träningsguidens startsida. */
.td-coach-mode-choices{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px;
  margin:12px 0 18px;
}
.td-coach-mode-choice{
  text-decoration:none;
  color:inherit;
}
.td-coach-mode-choice strong,
.td-coach-mode-choice span{
  display:block;
}
.td-coach-mode-choice span{
  margin-top:4px;
  color:var(--td-color-muted,#6b625c);
  font-size:.95rem;
  line-height:1.35;
}
.td-training-path-exercise-context{
  margin:0 0 16px;
}

/* 2.19.20: Träningsresa/progressionsöversikt per hund. */
.td-training-journey-list {
	display: grid;
	gap: 8px;
}
.td-training-journey-item {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 5px;
	background: rgba(255,255,255,.58);
	padding: 0;
}
.td-training-journey-item > summary {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
}
.td-training-journey-item > :not(summary) {
	margin-left: 12px;
	margin-right: 12px;
}
.td-training-journey-item__status {
	white-space: nowrap;
	font-size: .9em;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(0,0,0,.06);
}
.td-training-journey-item--in_progress .td-training-journey-item__status,
.td-training-journey-item--needs_more_training .td-training-journey-item__status {
	background: #fff3df;
}
.td-training-journey-item--done .td-training-journey-item__status {
	background: #ecf8ef;
	color: #174b25;
}
.td-training-path-steps--compact {
	margin-top: 8px;
}
.td-training-path-steps--compact .td-training-path-steps__item {
	padding: 6px 8px;
}
@media (max-width: 520px) {
	.td-training-journey-item > summary {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* 2.19.21 – Dagens pass från veckofokus */
.td-train-section--today-pass .td-card__body {
  gap: 12px;
}
.td-today-pass-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(74, 55, 39, 0.12);
  border-radius: 14px;
  background: rgba(255, 251, 244, 0.85);
}
.td-today-pass-card__text {
  min-width: 0;
}
@media (max-width: 640px) {
  .td-today-pass-card {
    align-items: stretch;
    flex-direction: column;
  }
  .td-today-pass-card .td-card__actions,
  .td-today-pass-card .button {
    width: 100%;
  }
}

/* 2.19.22 – Guidad träningsvy v2 */
.td-guided-train {
  display: grid;
  gap: 16px;
}
.td-guided-train-hero {
  padding: 22px;
  border: 1px solid rgba(74, 55, 39, 0.12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,251,244,.98), rgba(241,232,216,.92));
  box-shadow: 0 10px 28px rgba(74,55,39,.08);
}
.td-guided-train-hero__eyebrow {
  margin: 0 0 6px;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(74,55,39,.72);
}
.td-guided-train-hero__intro {
  max-width: 46rem;
  margin: 8px 0 16px;
  color: rgba(74,55,39,.78);
}
.td-guided-primary-pass {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(74,55,39,.10);
}
.td-guided-primary-pass__dog {
  margin: 0 0 4px;
  font-weight: 800;
  color: rgba(74,55,39,.72);
}
.td-guided-primary-pass__hint {
  margin: 8px 0 0;
  font-weight: 700;
  color: rgba(74,55,39,.78);
}
.td-guided-primary-pass__cta {
  flex: 0 0 auto;
}
.td-guided-section .td-card__body {
  gap: 12px;
}
.td-guided-pass-list {
  display: grid;
  gap: 8px;
}
.td-guided-pass-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,251,244,.7);
}
.td-guided-dog-heading {
  margin: 0 0 8px;
}
.td-guided-focus-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.td-guided-focus-chip {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 130px;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(255,251,244,.85);
  border: 1px solid rgba(74,55,39,.12);
  color: inherit;
}
.td-guided-focus-chip:hover {
  text-decoration: none;
  background: #fff;
}
.td-guided-focus-chip small {
  color: rgba(74,55,39,.62);
}
.td-guided-focus-chip--done {
  background: #ecf8ef;
}
.td-guided-full-view {
  border-radius: 16px;
  border: 1px solid rgba(74,55,39,.12);
  background: rgba(255,255,255,.62);
}
.td-guided-full-view > summary {
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 800;
}
.td-guided-full-view__grid {
  padding: 0 12px 12px;
}
@media (max-width: 640px) {
  .td-guided-train-hero {
    padding: 16px;
  }
  .td-guided-primary-pass,
  .td-guided-pass-list__item {
    align-items: stretch;
    flex-direction: column;
  }
  .td-guided-primary-pass .button,
  .td-guided-pass-list__item .button {
    width: 100%;
  }
  .td-guided-focus-chip {
    width: 100%;
  }
}

/* 2.19.25 – Träningsresan: senaste framsteg, nästa mål och enkel progression. */
.td-training-journey-summary {
	margin: 10px 0 12px;
	padding: 10px 12px;
	border: 1px solid rgba(74, 55, 39, 0.10);
	border-radius: 5px;
	background: rgba(255, 251, 244, 0.72);
}
.td-training-journey-summary p {
	margin: 0 0 7px;
}
.td-training-journey-summary p:last-child {
	margin-bottom: 0;
}
.td-training-journey-meter {
	position: relative;
	height: 8px;
	margin: 8px 0 6px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(74, 55, 39, 0.12);
}
.td-training-journey-meter > span {
	display: block;
	height: 100%;
	min-width: 3px;
	border-radius: 999px;
	background: rgba(71, 128, 74, 0.72);
}

/* 2.19.27 – guidat läge vs full vy */
.td-guided-mode-switch {
  margin: 16px 0 18px;
}
.td-guided-mode-switch__label {
  font-weight: 700;
  margin: 0 0 8px;
}
.td-guided-mode-switch__options {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.td-guided-mode-switch__option {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.td-guided-mode-switch__option:hover,
.td-guided-mode-switch__option:focus {
  border-color: rgba(0,0,0,.32);
  text-decoration: none;
}
.td-guided-mode-switch__option.is-active {
  border-color: rgba(56,122,86,.55);
  background: rgba(56,122,86,.08);
}
.td-guided-mode-switch__option span,
.td-coach-choice--mode small {
  color: #666;
  font-size: .9em;
  line-height: 1.35;
}
.td-coach-choice--mode span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.td-guided-train--mode-full .td-guided-train-hero {
  margin-bottom: 14px;
}
.td-guided-train--mode-full .td-guided-full-view {
  border: 0;
  padding: 0;
}
.td-guided-train--mode-full .td-guided-full-view > summary {
  font-weight: 700;
  margin-bottom: 12px;
}
@media (max-width: 680px) {
  .td-guided-mode-switch__options {
    grid-template-columns: 1fr;
  }
}

/* 2.20.5 – tydligare guidat/fullt läge och sortering i kursvyn. */
.td-guided-compact-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 14px;
  padding: 5px;
  border: 1px solid rgba(74,55,39,.14);
  border-radius: 999px;
  background: rgba(255,251,244,.86);
}
.td-guided-compact-toggle__label {
  padding: 0 8px;
  font-weight: 800;
  color: rgba(74,55,39,.74);
}
.td-guided-compact-toggle__option {
  padding: 7px 12px;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.td-guided-compact-toggle__option:hover,
.td-guided-compact-toggle__option:focus {
  text-decoration: none;
  background: rgba(74,55,39,.08);
}
.td-guided-compact-toggle__option.is-active {
  background: #fff;
  box-shadow: 0 1px 5px rgba(74,55,39,.12);
}
.td-guided-train {
  display: block;
}
.td-guided-train > * + * {
  margin-top: 16px;
}
.td-guided-full-view {
  margin-top: 18px;
}
.td-units-sort-field {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border: 0;
  padding: 0;
  margin: 0;
}
.td-units-sort-field legend {
  float: left;
  margin: 0 8px 0 0;
}
.td-units-sort-field label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
}
@media (max-width: 680px) {
  .td-guided-compact-toggle {
    width: 100%;
    justify-content: center;
  }
  .td-guided-compact-toggle__label {
    display: none;
  }
}

/* 2.20.6 – Guidat läge-toggle och träningsvy. */
.td-guided-header-toggle {
    align-items: center;
    border-radius: 999px;
    color: var(--td-color-primary, #c5541c);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    padding: 6px 8px 6px 12px;
    text-decoration: none;
    white-space: nowrap;
}
.td-guided-header-toggle:hover,
.td-guided-header-toggle:focus {
    color: var(--td-color-primary, #c5541c);
    text-decoration: none;
}
.td-guided-header-toggle__track {
    background: #d9d4ce;
    border-radius: 999px;
    display: inline-flex;
    height: 22px;
    padding: 2px;
    transition: background .15s ease;
    width: 40px;
}
.td-guided-header-toggle__knob {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.22);
    display: block;
    height: 18px;
    transform: translateX(0);
    transition: transform .15s ease;
    width: 18px;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__track {
    background: #38566a;
}
.td-guided-header-toggle.is-guided .td-guided-header-toggle__knob {
    transform: translateX(18px);
}
.td-drawer__guided-toggle {
    border-bottom: 1px solid rgba(80,55,35,.12);
    margin: 0 0 10px;
    padding: 0 0 12px;
}
.td-drawer__guided-toggle .td-guided-header-toggle {
    justify-content: space-between;
    width: 100%;
}
.td-guided-compact-toggle {
    display: none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-guided-full-view__grid,
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid {
    align-items: start;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-v2__col {
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-section,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-card {
    width: 100% !important;
}
@media (max-width: 900px) {
    .td-topbar--desktop-app .td-guided-header-toggle { display: none; }
}

/* 2.20.6 – Egna val/kategorier. */
.td-settings-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0 auto 18px;
    max-width: 1080px;
}
.td-settings-tabs__link {
    display: inline-flex;
    line-height: 1.2;
    text-decoration: none;
}
.td-custom-choice-add__actions {
    margin-top: 12px !important;
}
.td-custom-choice-table {
    border-collapse: collapse;
    margin-top: 16px;
    width: 100%;
}
.td-custom-choice-table th,
.td-custom-choice-table td {
    border-bottom: 1px solid rgba(80,55,35,.12);
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}
.td-custom-choice-table__actions {
    text-align: right !important;
    width: 1%;
    white-space: nowrap;
}
.td-icon-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    font-size: 17px;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
}
.td-icon-button:hover,
.td-icon-button:focus {
    background: rgba(197, 84, 28, .10);
}
.td-custom-choice-delete {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: flex-end;
}
.td-custom-choice-delete__confirm {
    font-size: 14px;
}
.td-entry-category-checkboxes {
    display: grid;
    gap: 12px;
}
.td-entry-category-standard,
.td-entry-category-custom {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}
.td-entry-category-custom {
    border-top: 1px solid rgba(80,55,35,.10);
    padding-top: 12px;
}
.td-entry-category-custom .td-card-form__label--sm,
.td-entry-category-new .td-card-form__label--sm {
    flex: 0 0 100%;
}
.td-entry-category-new {
    display: grid;
    gap: 6px;
    justify-self: start;
    max-width: 320px;
    width: 100%;
}
.td-entry-category-new input {
    width: 100%;
}

/* 2.20.7 – Renare guidat toggle, sortering och guidat planera/utvärdera. */
.td-topbar .td-guided-header-toggle {
    border: 0 !important;
    padding-left: 0 !important;
}
.td-guided-action-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.td-guided-action-card {
    background: #fffdf9;
    border: 1px solid rgba(80,55,35,.14);
    border-radius: 14px;
    color: inherit;
    display: grid;
    gap: 6px;
    padding: 14px;
    text-decoration: none;
}
.td-guided-action-card strong { color: var(--td-color-primary, #c5541c); }
.td-guided-action-card span { color: var(--td-muted, #65584f); }
.td-guided-action-card:hover,
.td-guided-action-card:focus { text-decoration: none; }
.td-exercises-progress-sort-form,
.td-units-sort-field {
    border: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
}
.td-exercises-progress-sort-form fieldset,
.td-units-sort-field {
    border: 0 !important;
}
.td-exercises-progress-sort-form {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.td-exercises-progress-sort-form .td-filter-form__field {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}


/* 2.20.9 – guided toggle/header cleanup and full-width train full view. */
.td-guided-header-toggle{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:4px 0 !important;
}
.td-guided-header-toggle:hover,
.td-guided-header-toggle:focus{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__grid--fullwidth,
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  width:100% !important;
  gap:16px !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__col--full{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:16px !important;
  width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-card,
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-dash-card,
body.td-shell-route-unified.td-view-train .td-train-v2__col--full > .td-train-section{
  width:100% !important;
  max-width:none !important;
}


/* 2.20.10 – guidad/full vy efter regressionsfix. */
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid,
body.td-shell-route-unified.td-view-train .td-train-v2__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
    gap: 24px !important;
    align-items: start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-full-view__grid .td-train-v2__col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
}
.td-guided-choice-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}
.td-guided-choice-card {
    border: 1px solid rgba(74,55,39,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.78);
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px 16px;
    text-decoration: none;
}
.td-guided-choice-card:hover, .td-guided-choice-card:focus {
    border-color: rgba(197,84,28,.45);
    text-decoration: none;
}
.td-guided-choice-card strong { color: var(--td-color-primary, #c5541c); }
.td-guided-choice-card span { color: rgba(31,31,31,.72); line-height: 1.35; }
.td-guided-choice-card em { font-style: normal; font-weight: 800; margin-top: auto; }
@media (max-width: 900px) {
    body.td-shell-route-unified.td-view-train .td-guided-full-view__grid,
    body.td-shell-route-unified.td-view-train .td-train-v2__grid,
    .td-guided-choice-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* 2.20.11 – guidat läge städning och tydligare snabbpassutvärdering. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(300px, .85fr) !important;
    gap:24px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress,
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--today-list{
    width:100% !important;
}
body.td-shell-route-unified .td-training-path-result__group{
    display:grid !important;
    gap:10px !important;
    max-width:720px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row{
    align-items:center !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(74,55,39,.14) !important;
    border-radius:12px !important;
    display:flex !important;
    gap:10px !important;
    justify-content:flex-start !important;
    max-width:420px !important;
    padding:10px 12px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row input{
    flex:0 0 auto !important;
    margin:0 !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row span{
    line-height:1.25 !important;
}
@media (max-width:900px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}

/* 2.20.12 – stabilisera guidat läge, träningsväg och snabbpass. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
}
@media (min-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) minmax(320px, .48fr) !important;
    }
    body.td-shell-route-unified.td-view-train .td-guided-train-hero{
        min-width:0 !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    grid-template-columns:repeat(2, minmax(220px, 1fr)) !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-card__body,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-list,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-group{
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-path,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-journey-summary,
body.td-shell-route-unified.td-view-train .td-guided-section--progress .td-training-path-steps__item{
    box-sizing:border-box !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--today-list .td-guided-pass-list__item strong a,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item a:not(.button){
    color:inherit;
}
body.td-shell-route-unified .td-training-path-result__group{
    display:grid !important;
    gap:10px !important;
    max-width:720px !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row{
    align-items:center !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(74,55,39,.14) !important;
    border-radius:12px !important;
    display:grid !important;
    grid-template-columns:22px minmax(0, 1fr) !important;
    gap:10px !important;
    justify-content:start !important;
    max-width:520px !important;
    padding:11px 13px !important;
    width:100% !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row input{
    justify-self:center !important;
    margin:0 !important;
}
body.td-shell-route-unified .td-training-path-result .td-radio-row span{
    display:block !important;
    line-height:1.3 !important;
    min-width:0 !important;
}
body.td-shell-route-unified .td-entry-form .td-dog-selector,
body.td-shell-route-unified .td-entry-form select[name="td_dog_id"],
body.td-shell-route-unified .td-card-form select[name="td_dog_id"]{
    margin-bottom:14px !important;
}
@media (max-width: 760px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}


/* 2.20.13 – guidat Träna, träningsvägsadmin och snabbpassuppföljning. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(520px, 1.08fr) minmax(360px, .92fr) !important;
    gap:28px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(220px, 1fr)) !important;
    gap:14px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-section--progress{
    grid-column:1 / -1 !important;
}
.td-guided-pass-list__dog + .td-guided-pass-list__dog{
    border-top:1px solid rgba(74,55,39,.12);
    margin-top:14px;
    padding-top:14px;
}
.td-guided-pass-list__dog-title{
    font-size:1.35rem;
    margin:0 0 8px;
}
.td-training-path-result__problem{
    display:grid;
    gap:10px;
    margin-top:12px;
}
.td-training-path-result__problem[hidden]{
    display:none !important;
}
@media (max-width: 1100px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}
@media (max-width: 760px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}

/* 2.20.14 – stabilisera Träna-layout och träningsvägsprogress efter 2.20.13. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
    gap:14px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__dog-title{
    font-size:1.55rem !important;
    margin:0 0 10px !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:14px !important;
    align-items:center !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:inherit !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    color:var(--td-color-primary, #c5541c) !important;
    text-decoration:underline !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.18fr) minmax(320px, .82fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__col,
body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__col{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    min-width:0 !important;
}
body.td-shell-route-unified .td-training-path-steps__item--done{
    border-color:rgba(71,128,74,.36) !important;
    background:rgba(71,128,74,.10) !important;
}
body.td-shell-route-unified .td-training-path-steps__item--done .td-training-path-steps__icon{
    color:rgb(71,128,74) !important;
    font-weight:800 !important;
}
@media (max-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-choice-grid,
    body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
    body.td-shell-route-unified.td-view-train .td-train-v2:not(.td-guided-train) .td-train-v2__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}


/* 2.20.15 – fixera Träna-layout utan att root-grid trycker ihop innehållet. */
body.td-shell-route-unified.td-view-train .td-train-v1.td-guided-train,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2.td-guided-train{
    display:block !important;
    grid-template-columns:none !important;
    gap:0 !important;
    column-gap:0 !important;
    row-gap:0 !important;
    width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
@media (min-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train__grid{
        grid-template-columns:minmax(0, 1fr) minmax(320px, .72fr) !important;
    }
    body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress{
        grid-column:1 / -1 !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1.22fr) minmax(320px, .78fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
}
@media (max-width: 980px){
    body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
    body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
        grid-template-columns:minmax(0, 1fr) !important;
    }
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:var(--td-color-primary, #c5541c) !important;
    font-weight:800 !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    text-decoration:underline !important;
}
body.td-shell-route-unified .td-training-path-result__recommendation{
    border-left:3px solid var(--td-color-primary, #c5541c);
    background:rgba(197,84,28,.08);
    border-radius:10px;
    padding:10px 12px;
}
body.td-shell-route-unified .td-training-path-result__recommendation[hidden]{
    display:none !important;
}

/* 2.20.17 – guidat/fullt Träna efter separat toggle/adaptivt läge. */
body.td-shell-route-unified.td-view-train .td-train-v1,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2,
body.td-shell-route-unified.td-view-train .td-train-v1.td-guided-train{
  width:100% !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:block !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  gap:28px !important;
  align-items:start !important;
  width:100% !important;
}
@media (min-width: 1100px){
  body.td-shell-route-unified.td-view-train .td-guided-train__grid{
    grid-template-columns:minmax(0, 1fr) minmax(360px, .78fr) !important;
  }
  body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--progress{
    grid-column:2 !important;
  }
}
body.td-shell-route-unified.td-view-train .td-guided-train-hero,
body.td-shell-route-unified.td-view-train .td-guided-section{
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
}
@media (max-width: 760px){
  body.td-shell-route-unified.td-view-train .td-guided-choice-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.15fr) minmax(340px, .85fr) !important;
  gap:24px !important;
  align-items:start !important;
  width:100% !important;
}
body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__col,
body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__col{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  min-width:0 !important;
}
@media (max-width: 980px){
  body.td-shell-route-unified.td-view-train .td-guided-train--mode-full .td-train-v2__grid,
  body.td-shell-route-unified.td-view-train .td-train-v1.td-train-v2:not(.td-guided-train) .td-train-v2__grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}
body.td-shell-route-unified .td-training-path-result__problem:not([hidden]){
  display:grid !important;
}

/* 2.20.22 – Träna/full vy, formulärutkast och avstämningspåminnelse. */
body.td-shell-route-unified.td-view-train .td-guided-train__grid > .td-guided-section--today-list{
    align-self:start !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a{
    color:var(--td-color-primary, #c5541c) !important;
    font-weight:800 !important;
    text-decoration:none !important;
}
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:hover,
body.td-shell-route-unified.td-view-train .td-guided-pass-list__item strong a:focus{
    text-decoration:underline !important;
}
body.td-shell-route-unified .td-assessment-reminder-view{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0.35rem 0.55rem !important;
    align-items:baseline !important;
    margin:0.65rem 0 !important;
    line-height:1.35 !important;
}
body.td-shell-route-unified .td-assessment-reminder-view__label{
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:700 !important;
    line-height:inherit !important;
    white-space:nowrap !important;
}
body.td-shell-route-unified .td-assessment-reminder-view__value{
    font-family:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    min-width:0 !important;
}

/* 2.20.27 – träningspassstatus */
.td-training-status {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  border-radius: 999px;
  padding: .15rem .55rem;
  font-size: .82rem;
  line-height: 1.2;
  font-weight: 600;
  background: rgba(43, 63, 46, .08);
  color: #2b2b2b;
  white-space: nowrap;
}
.td-training-status::before {
  content: '';
  width: .45rem;
  height: .45rem;
  border-radius: 999px;
  background: currentColor;
  opacity: .75;
}
.td-training-status--planned { color: #81551f; background: rgba(129,85,31,.12); }
.td-training-status--completed { color: #315d75; background: rgba(49,93,117,.12); }
.td-training-status--evaluated { color: #3d6b34; background: rgba(61,107,52,.13); }
.td-pass-list__status,
.td-pass-list__after { margin-top: .35rem; }
.td-eval-mark-done { margin-top: .25rem; }
.td-entries-table__status { white-space: nowrap; }
.td-entries-mobile-meta__item--status { display: inline-flex; }

/* 2.24.13 – listvyn ska rymma actionkolumnerna på desktop. */
body.td-view-list .td-entries-table{
  font-size:13px !important;
  line-height:1.35 !important;
  table-layout:fixed !important;
  width:100% !important;
}
body.td-view-list .td-entries-table th,
body.td-view-list .td-entries-table td{
  font-size:13px !important;
  line-height:1.35 !important;
}
body.td-view-list .td-entries-table th:nth-child(1),
body.td-view-list .td-entries-table td:nth-child(1){
  width:auto !important;
  min-width:0 !important;
}
body.td-view-list .td-entries-table th:nth-child(2),
body.td-view-list .td-entries-table td.td-entries-table__date{
  width:108px !important;
  min-width:108px !important;
  max-width:108px !important;
}
body.td-view-list .td-entries-table th:nth-child(3),
body.td-view-list .td-entries-table td.td-entries-table__dog{
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
}
body.td-view-list .td-entries-table th:nth-child(4),
body.td-view-list .td-entries-table td.td-entries-table__category{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
}
body.td-view-list .td-entries-table th:nth-child(5),
body.td-view-list .td-entries-table td.td-entries-table__status{
  width:112px !important;
  min-width:112px !important;
  max-width:112px !important;
}
body.td-view-list .td-entries-table th:nth-child(6),
body.td-view-list .td-entries-table td.td-actions-cell{
  width:198px !important;
  min-width:198px !important;
  max-width:198px !important;
  padding-left:4px !important;
  padding-right:4px !important;
}
body.td-view-list .td-entries-table .td-entries-actions-row{
  gap:2px !important;
  justify-content:flex-end !important;
}

/* 2.27.9 – listvyn: sex kolumner kräver separata bredder för kategori/status/actions.
   Tidigare override träffade nth-child(4) som kategori och kunde ge status/action-krock. */
body.td-view-list .td-entries-table th:nth-child(4),
body.td-view-list .td-entries-table td.td-entries-table__category{
  width:110px !important;
  min-width:110px !important;
  max-width:110px !important;
  overflow-wrap:anywhere !important;
}
body.td-view-list .td-entries-table th:nth-child(5),
body.td-view-list .td-entries-table td.td-entries-table__status{
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table th:nth-child(6),
body.td-view-list .td-entries-table td.td-actions-cell{
  width:306px !important;
  min-width:306px !important;
  max-width:306px !important;
  white-space:nowrap !important;
}
body.td-view-list .td-entries-table td.td-actions-cell{
  text-align:right !important;
}
body.td-view-list .td-entries-table td.td-actions-cell .td-entries-actions-row{
  justify-content:flex-end !important;
  gap:6px !important;
}




/* 2.27.18 CSS owner manifest. The original handle/file is kept for backwards-compatible enqueue order.
 * Edit owner files under assets/css/layout/ instead of adding new rules here. */
/* Header contract base, utility/mobile/desktop setup and early header geometry.
 * Extracted from td-header-contracts.css in 2.27.18. Keep import order via td-header-contracts.css. */
/* 2.7.85.72 – ren headerkontraktfil
   Laddas sist och ersätter äldre headerkedjor.
   Styr bara utility / hero_image / dark_wave via headermatris + komponenter. */
:root{
  --td-header-warm-bg:var(--td-color-header-warm-bg);
  --td-header-warm-solid:var(--td-color-surface);
  --td-header-text:var(--td-color-text-cpt);
  --td-header-dark-top:var(--td-color-header-dark-top);
  --td-header-dark-bottom:var(--td-color-text-cpt-deep);
  --td-header-dark-join:var(--td-color-header-dark-join);
  --td-header-dark-text:var(--td-color-surface-chip);
  --td-header-mobile-topbar:60px;
  --td-header-mobile-hero-topbar:72px;
  --td-header-mobile-wave:32px;
  --td-header-desktop-topbar:70px;
  --td-header-desktop-wave:40px;
}

body.td-header-owner-td_shell.td-header-title-light .td-app-view-header__title,
body.td-header-owner-td_shell.td-header-title-light .td-app-view-header__subtitle,
body.td-header-owner-td_shell.td-header-title-light .td-app-view-header__eyebrow,
body.td-header-owner-td_shell.td-header-title-light .td-app-view-header__copy,
body.td-header-owner-td_shell.td-header-title-light .td-app-view-header__body{
  color:var(--td-header-dark-text) !important;
}

body.td-header-owner-td_shell.td-header-title-dark .td-app-view-header__title,
body.td-header-owner-td_shell.td-header-title-dark .td-app-view-header__subtitle,
body.td-header-owner-td_shell.td-header-title-dark .td-app-view-header__eyebrow,
body.td-header-owner-td_shell.td-header-title-dark .td-app-view-header__copy,
body.td-header-owner-td_shell.td-header-title-dark .td-app-view-header__body{
  color:var(--td-header-text) !important;
}


body.td-header-owner-td_shell .td-app-view-header__subtitle,
body.td-header-owner-td_shell .td-app-view-header__subtitle p,
body.td-header-owner-td_shell .td-app-view-header__subtitle a{
  color:inherit !important;
}


@media (max-width:781.98px){
  body.td-header-owner-td_shell.td-mobile-topbar-brand{
    --td-mobile-header-height:72px;
    --td-mobile-header-offset:72px;
    --td-header-mobile-topbar:72px;
    --td-header-mobile-hero-topbar:72px;
    --td-matrix-mobile-topbar-height:72px;
    --td-matrix-mobile-hero-topbar-height:72px;
    --td-shell-mobile-topbar:72px;
  }

  body.td-header-owner-td_shell.td-mobile-topbar-app-title{
    --td-mobile-header-height:60px;
    --td-mobile-header-offset:60px;
    --td-header-mobile-topbar:60px;
    --td-matrix-mobile-topbar-height:60px;
    --td-shell-mobile-topbar:60px;
  }

  /* #682 – iOS-skalets WKWebView respekterar inte contentInsetAdjustmentBehavior
     för position:fixed-element (känt WebKit-beteende: den insatsen styr bara
     scrollViewens content-offset, inte layout-viewportens origin), så den fasta
     topbaren hamnar under statusfältet/noten och scrollat innehåll syns ovanför
     den. Lägg till safe-area-inset-top i höjdkontraktet enbart för native-skalet
     (body-klassen sätts av class-td-standalone-document-renderer.php när
     User-Agent innehåller ATVOFNativeShell) - påverkar aldrig vanlig
     webbläsare/PWA, och kräver viewport-fit=cover (samma villkor) för att
     env(safe-area-inset-top) inte ska vara 0. */
  body.td-native-shell-ios.td-header-owner-td_shell.td-mobile-topbar-brand{
    --td-mobile-header-height:calc(72px + env(safe-area-inset-top, 0px));
    --td-mobile-header-offset:calc(72px + env(safe-area-inset-top, 0px));
    --td-header-mobile-topbar:calc(72px + env(safe-area-inset-top, 0px));
    --td-header-mobile-hero-topbar:calc(72px + env(safe-area-inset-top, 0px));
    --td-matrix-mobile-topbar-height:calc(72px + env(safe-area-inset-top, 0px));
    --td-matrix-mobile-hero-topbar-height:calc(72px + env(safe-area-inset-top, 0px));
    --td-shell-mobile-topbar:calc(72px + env(safe-area-inset-top, 0px));
  }

  body.td-native-shell-ios.td-header-owner-td_shell.td-mobile-topbar-app-title{
    --td-mobile-header-height:calc(60px + env(safe-area-inset-top, 0px));
    --td-mobile-header-offset:calc(60px + env(safe-area-inset-top, 0px));
    --td-header-mobile-topbar:calc(60px + env(safe-area-inset-top, 0px));
    --td-matrix-mobile-topbar-height:calc(60px + env(safe-area-inset-top, 0px));
    --td-shell-mobile-topbar:calc(60px + env(safe-area-inset-top, 0px));
  }

  /* Specificitet (0,4,1): .td-native-shell-ios upprepas med avsikt så regeln
     vinner över padding:0 16px-varianterna nedan/i andra header-filer, som
     annars matchar med samma specificitet (0,3,1) och kan komma senare i den
     bundlade CSS-filen. Begränsad till :not(.td-shell-route-unified) - precis
     som geometrireglerna den kompenserar (rad ~225) - eftersom unified-route-
     varianten (td-header-unified-shell-part-02.css) hårdkodar 60/72px utan att
     använda den insats-höjda variabeln; att lägga padding-top där skulle bara
     klämma ihop en fast höjd i stället för att kompensera den. */
  body:not(.td-shell-route-unified).td-native-shell-ios.td-native-shell-ios.td-header-owner-td_shell .td-topbar[data-td-topbar-component]{
    padding-top:env(safe-area-inset-top, 0px) !important;
    box-sizing:border-box !important;
  }

  /* #682 P1 (Codex-review) – .td-topbar[data-td-topbar-component="app-title"]
     (rad ~238) sätter grid-template-rows till SAMMA insats-höjda variabel som
     height/min-height. box-sizing:border-box + padding-top ovan krymper redan
     content-boxen till bashöjden (72/60px) - om grid-raden ändå begär
     bashöjd+insats svämmar den över content-boxen och trycker ned
     nav/titel/knappar så de kan hamna under nästa innehåll. Håll radhöjden på
     bashöjden här; det är bara ytterhöjden (height/min-height, satt ovan) som
     ska inkludera insatsen. */
  body:not(.td-shell-route-unified).td-native-shell-ios.td-header-owner-td_shell.td-mobile-topbar-app-title .td-topbar[data-td-topbar-component]{
    grid-template-rows:60px !important;
  }

  /* #682 uppföljning – app-sidorna körs via unified-routen, vars topbar
     (td-header-unified-shell-part-02.css) hårdkodar 60/72px på top:0 och
     aldrig träffades av variabelhöjningen ovan; i native-skalet hamnade
     loggan/ikonerna därför bakom statusfältet. Innehålls-offseten under
     topbaren använder redan var(--td-header-mobile-topbar) (fallbacken för
     --td-unified-mobile-top-offset) och är alltså redan insats-höjd - det är
     bara själva topbar-elementet som behöver växa. Grid-raden hålls på
     bashöjden så nav/logga/ikoner centreras i bandet under statusfältet
     (samma dubbelräkningsresonemang som ovan). .td-native-shell-ios tripplas
     med avsikt: specificitet (0,6,1) slår unified-grundreglernas (0,3,1),
     dark_wave-variantens (0,4,1) och td-header-overrides-part-02.css
     dark_wave-regel med .td-device-mobile (0,5,1) som laddas senare och
     annars nollar padding-top via padding:0 14px. */
  body.td-native-shell-ios.td-native-shell-ios.td-native-shell-ios.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"]{
    height:calc(60px + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(60px + env(safe-area-inset-top, 0px)) !important;
    grid-template-rows:60px !important;
    padding-top:env(safe-area-inset-top, 0px) !important;
    box-sizing:border-box !important;
  }

  body.td-native-shell-ios.td-native-shell-ios.td-native-shell-ios.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"]{
    height:calc(72px + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(72px + env(safe-area-inset-top, 0px)) !important;
    grid-template-rows:72px !important;
    padding-top:env(safe-area-inset-top, 0px) !important;
    box-sizing:border-box !important;
  }
}

body.td-header-owner-td_shell .td-shell__header,
body.td-header-owner-td_shell .td-page-frame__header,
body.td-header-owner-td_shell .td-shell__masthead,
body.td-header-owner-td_shell .td-app-shell__masthead,
body.td-header-owner-td_shell .td-app-shell__chrome{
  overflow:visible !important;
  contain:none !important;
  transform:none !important;
  filter:none !important;
}

body.td-header-owner-td_shell .td-shell__header,
body.td-header-owner-td_shell .td-page-frame__header,
body.td-header-owner-td_shell .td-shell__masthead,
body.td-header-owner-td_shell .td-app-shell__masthead{
  margin:0 !important;
  padding-top:0 !important;
  min-height:0 !important;
}

body.td-header-owner-td_shell .td-topbar,
body.td-header-owner-td_shell .td-topbar__slot,
body.td-header-owner-td_shell .td-topbar__slot--actions,
body.td-header-owner-td_shell .td-topbar__slot--right,
body.td-header-owner-td_shell .td-topbar__slot--nav,
body.td-header-owner-td_shell .td-topbar__slot--title{
  box-sizing:border-box !important;
}

body.td-header-owner-td_shell .td-topbar,
body.td-header-owner-td_shell .td-topbar .td-topbar__title,
body.td-header-owner-td_shell .td-topbar .td-topbar__icon,
body.td-header-owner-td_shell .td-topbar .td-topbar__icon svg,
body.td-header-owner-td_shell .td-topbar a,
body.td-header-owner-td_shell .td-topbar button{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.td-header-owner-td_shell .td-topbar__btn,
body.td-header-owner-td_shell .td-topbar__icon-link{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:5px !important;
  color:inherit !important;
}

body.td-header-owner-td_shell .td-topbar__icon,
body.td-header-owner-td_shell .td-topbar__icon svg{
  width:24px !important;
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.td-header-owner-td_shell .td-topbar__title--sr{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body.td-header-owner-td_shell .td-app-view-header__copy,
body.td-header-owner-td_shell .td-app-view-header__silhouette,
body.td-header-owner-td_shell .td-app-view-header__inner{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.td-header-owner-td_shell .td-app-view-header__copy{
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
}

body.td-header-owner-td_shell .td-wave-divider,
body.td-header-owner-td_shell .td-wave-divider__svg,
body.td-header-owner-td_shell .td-wave-divider__fill{
  background:transparent !important;
  box-shadow:none !important;
}
body.td-header-owner-td_shell .td-wave-divider__fill{fill:var(--td-page-bg-app, var(--td-color-page-bg)) !important;}

/* Utility ska inte reservera egen tom yta */
body.td-header-variant-utility .td-app-view-header[data-td-surface-component="utility"],
body.td-header-variant-utility .td-app-view-header--surface-utility,
body.td-header-variant-utility .td-shell__header--surface-utility{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:none !important;
}

body.td-header-variant-utility .td-shell__header,
body.td-header-variant-utility .td-page-frame__header,
body.td-header-variant-utility .td-shell__masthead,
body.td-header-variant-utility .td-app-shell__masthead{
  min-height:0 !important;
  padding-top:0 !important;
  margin-top:0 !important;
  background:transparent !important;
}

/* Mobil */
@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component]{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2000 !important;
    margin:0 !important;
  }
  body.admin-bar:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component]{top:46px !important;}

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"]{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) 112px !important;
    grid-template-rows:var(--td-header-mobile-topbar) !important;
    row-gap:0 !important;
    column-gap:10px !important;
    align-items:center !important;
    height:var(--td-header-mobile-topbar) !important;
    min-height:var(--td-header-mobile-topbar) !important;
    padding:0 16px !important;
    background:var(--td-header-warm-bg) !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:72px !important;
    min-width:72px !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    width:100% !important;
    text-align:center !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
    display:block !important;
    margin:0 !important;
    font-size:clamp(1.35rem,7vw,1.9rem) !important;
    line-height:1 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--actions,
  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:112px !important;
    min-width:112px !important;
    height:100% !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"]{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    height:var(--td-header-mobile-hero-topbar) !important;
    min-height:var(--td-header-mobile-hero-topbar) !important;
    padding:0 16px !important;
    background:var(--td-header-warm-bg) !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--nav,
  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--title{
    display:none !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__brand-logo{
    height:38px !important;
    width:auto !important;
    max-width:180px !important;
  }

  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--actions,
  body:not(.td-shell-route-unified).td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  body:not(.td-shell-route-unified).td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"]{
    color:var(--td-header-text) !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
  body:not(.td-shell-route-unified).td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon,
  body:not(.td-shell-route-unified).td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"] a,
  body:not(.td-shell-route-unified).td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"] button{
    color:var(--td-header-text) !important;
  }

  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"]{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] a,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] button{
    color:var(--td-header-dark-text) !important;
  }

  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header--surface-hero{
    display:block !important;
    position:relative !important;
    top:auto !important;
    margin:0 !important;
    margin-top:var(--td-mobile-header-offset, var(--td-header-mobile-topbar)) !important;
    min-height:190px !important;
    background-color:transparent !important;
    background-image:var(--td-shell-header-image) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::before,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header--surface-hero::before,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::after,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header--surface-hero::after{
    display:none !important;
    content:none !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    display:flex !important;
    align-items:flex-end !important;
    min-height:190px !important;
    padding:20px 18px calc(var(--td-header-mobile-wave) + 14px) !important;
    background:none !important;
    box-shadow:none !important;
    border:0 !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-wave-divider__svg,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-app-view-header--surface-hero .td-wave-divider__svg{
    height:var(--td-header-mobile-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }

  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave{
    display:block !important;
    top:var(--td-header-mobile-topbar) !important;
    z-index:1900 !important;
    margin:0 !important;
    min-height:var(--td-header-mobile-wave) !important;
    height:var(--td-header-mobile-wave) !important;
    padding:0 !important;
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    overflow:visible !important;
  }
  body.admin-bar:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.admin-bar:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.admin-bar:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave{top:calc(var(--td-header-mobile-topbar) + 46px) !important;}
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__inner,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__copy,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__silhouette,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__inner,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__copy,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__silhouette,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__inner,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__copy,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__silhouette{
    display:none !important;
  }
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-wave-divider__svg,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-wave-divider__svg,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-app-view-header--dark_wave .td-wave-divider__svg{
    height:var(--td-header-mobile-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }

}


/* 2.7.85.72 – mobilkontrakt steg 2: fast toppnav + stabil bottomnav */

/* removed legacy block: body:not(.td-shell-route-unified).td-hea */


/* Desktop */
@media (min-width:782px){
  body.td-header-owner-td_shell .td-topbar--mobile{display:none !important;}
  body.td-header-owner-td_shell .td-topbar--desktop-app{
    top:0 !important;
    z-index:2000 !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:24px !important;
    min-height:var(--td-header-desktop-topbar) !important;
    height:var(--td-header-desktop-topbar) !important;
    padding:0 24px !important;
    margin:0 !important;
    width:100% !important;
    max-width:none !important;
    background:var(--td-header-warm-bg) !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }
  body.admin-bar.td-header-owner-td_shell .td-topbar--desktop-app{top:32px !important;}

  /* #682 (iPad-landskap) – iPad targetas i både portrait och landscape, och
     landscape (t.ex. 1024px bred) hamnar över 782px-brytpunkten och använder
     alltså den här fasta desktop-topbaren i stället för mobiltopbaren ovan.
     Samma WKWebView-begränsning gäller där: fast positionerade element
     kompenseras inte för notch/rundade hörn. Samma mönster som mobilblocket:
     höj kontraktshöjden OCH lägg padding-top på själva elementet. */
  body.td-native-shell-ios.td-header-owner-td_shell{
    --td-header-desktop-topbar:calc(70px + env(safe-area-inset-top, 0px));
  }
  body.td-native-shell-ios.td-native-shell-ios.td-header-owner-td_shell .td-topbar--desktop-app{
    padding-top:env(safe-area-inset-top, 0px) !important;
    box-sizing:border-box !important;
  }

  body.td-header-owner-td_shell .td-topbar__desktop-brand,
  body.td-header-owner-td_shell .td-topbar__desktop-nav,
  body.td-header-owner-td_shell .td-topbar__slot--desktop-right{
    display:flex !important;
    align-items:center !important;
  }
  body.td-header-owner-td_shell .td-topbar__desktop-nav{justify-content:center !important; gap:18px !important;}
  body.td-header-owner-td_shell .td-topbar__slot--desktop-right{justify-content:flex-end !important; gap:10px !important;}
  body.td-header-owner-td_shell .td-topbar__desktop-brand-logo{height:50px !important; width:auto !important;}
  body.td-header-owner-td_shell .td-topbar__desktop-brand-text,
  body.td-header-owner-td_shell .td-topbar__desktop-link,
  body.td-header-owner-td_shell .td-topbar__icon,
  body.td-header-owner-td_shell .td-topbar__icon svg{
    color:inherit !important;
  }

  body.td-header-variant-dark_wave .td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
  }
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__icon-link:hover,
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__btn:hover{
    background:var(--td-color-header-chip-hover) !important;
  }

  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1500 !important;
    min-height:320px !important;
    margin:0 !important;
    background-color:transparent !important;
    background-image:var(--td-shell-header-image) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
  }
  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::before,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero::before,
  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::after,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero::after{display:none !important;content:none !important;}
  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    max-width:1240px !important;
    min-height:320px !important;
    margin:0 auto !important;
    padding:40px 24px calc(var(--td-header-desktop-wave) + 26px) !important;
    display:flex !important;
    align-items:flex-end !important;
    background:none !important;
    box-shadow:none !important;
    border:0 !important;
  }
  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-wave-divider__svg,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero .td-wave-divider__svg{
    height:var(--td-header-desktop-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }

  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1500 !important;
    min-height:170px !important;
    margin:0 !important;
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
  }
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__inner,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__inner,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__inner{
    max-width:1240px !important;
    margin:0 auto !important;
    min-height:170px !important;
    padding:28px 24px calc(var(--td-header-desktop-wave) + 24px) !important;
    display:flex !important;
    align-items:flex-end !important;
  }
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__title,
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__subtitle,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__title,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__subtitle,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__title,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__subtitle{
    color:var(--td-header-dark-text) !important;
  }
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="hero"] .td-wave-divider,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero .td-wave-divider,
  body.td-header-variant-hero_image .td-app-view-header--hero .td-wave-divider,
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-wave-divider,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-wave-divider,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-wave-divider{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    z-index:3 !important;
    display:block !important;
    width:100% !important;
    line-height:0 !important;
    margin:0 !important;
    pointer-events:none !important;
  }
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-wave-divider__svg{
    height:var(--td-header-desktop-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }
  body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-wave-divider__svg,
  body.td-header-variant-hero_image .td-app-view-header--surface-hero .td-wave-divider__svg,
  body.td-header-variant-hero_image .td-app-view-header--hero .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-wave-divider__svg{
    display:block !important;
    width:100% !important;
  }

}


/* 2.7.85.73 – mobil rescue: CPT hjälp utility + mörk våg-offset */
@media (max-width:781.98px){
  body.single-td_help.td-header-variant-utility .td-shell__masthead,
  body.single-td_help.td-header-variant-utility .td-shell__header,
  body.single-td_help.td-header-variant-utility .td-shell__masthead--utility,
  body.single-td_help.td-header-variant-utility .td-shell__header--utility,
  body.single-td_help.td-header-variant-utility .td-shell__masthead--surface-utility,
  body.single-td_help.td-header-variant-utility .td-shell__header--surface-utility,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__masthead,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__header,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__masthead--utility,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__header--utility,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__masthead--surface-utility,
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-shell__header--surface-utility{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

  body.single-td_help.td-header-variant-utility .td-shell__chrome,
  body.single-td_help.td-header-variant-utility .td-app-shell__chrome,
  body.td-help-single.td-header-variant-utility .td-shell__chrome,
  body.td-help-single.td-header-variant-utility .td-app-shell__chrome{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
  }

  body.single-td_help.td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"],
  body:not(.td-shell-route-unified).td-help-single.td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"]{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* 2.7.95.27: content-start för utility/dark wave ägs av td-content-compat.css. */
}

/* 2.7.85.74 – hjälparkiv hero ska följa varm brand-topbar, inte äldre mörk gradient */
@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-view-help.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"],
  body.td-pagetype-td_view_help_index.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"]{
    background:var(--td-header-warm-bg) !important;
    background-image:none !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }

  body:not(.td-shell-route-unified).td-view-help.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__icon,
  body:not(.td-shell-route-unified).td-view-help.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__icon svg,
  body:not(.td-shell-route-unified).td-view-help.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] a,
  body:not(.td-shell-route-unified).td-view-help.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] button,
  body.td-pagetype-td_view_help_index.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__icon,
  body.td-pagetype-td_view_help_index.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__icon svg,
  body.td-pagetype-td_view_help_index.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] a,
  body.td-pagetype-td_view_help_index.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] button{
    color:var(--td-header-text) !important;
  }
}


/* 2.7.85.78 – hem mobil: hero-kontrakt endast för mobil och fullbredd i theme-template */
@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-page-frame__header{
    overflow:visible !important;
  }
  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-app-view-header[data-td-surface-component="hero"],
  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-app-view-header--surface-hero{
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    width:auto !important;
    max-width:none !important;
    border-radius:0 !important;
  }
  body.td-page.td-view-home.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body.td-page.td-view-home.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    min-height:190px !important;
    padding-top:24px !important;
    padding-right:18px !important;
    padding-bottom:calc(var(--td-header-mobile-wave) + 16px) !important;
    padding-left:18px !important;
  }
}


/* 2.7.85.82 – rikta utility-offset utan att slå sönder hero/dark-wave på desktop */
@media (min-width:782px){

  body.td-header-variant-utility .td-page-frame__header,
  body.td-header-variant-utility .td-shell__header,
  body.td-header-variant-utility .td-shell__masthead,
  body.td-header-variant-utility .td-app-shell__masthead{
    display:block !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }
}

@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-page-frame__header{
    padding-top:61px !important;
    overflow:visible !important;
  }

  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-app-view-header[data-td-surface-component="hero"],
  body:not(.td-shell-route-unified).td-page.td-view-home.td-header-variant-hero_image:not(.td-shell-standalone) .td-app-view-header--surface-hero{
    margin-top:0 !important;
  }


}


/* 2.7.85.83 – desktop parity: hero/dark-wave under topbar, utility tighter offset, courseware topbar synlig */
@media (min-width:782px){
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-top:var(--td-header-desktop-topbar) !important;
    overflow:visible !important;
    background:transparent !important;
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-app-view-header--dark_wave{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    z-index:1 !important;
  }

  body.td-page.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-variant-dark_wave .td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
    z-index:2100 !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-variant-hero_image .td-topbar--desktop-app{
    background:var(--td-header-warm-bg) !important;
    background-image:none !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
    z-index:2100 !important;
  }

}



@media (min-width:782px){
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-topbar--desktop-app{
    background:transparent !important;
    background-image:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }


  /* 2.7.99.24 / 2162 – utility desktop lägger inte längre extra 18px på td-main__body/td-view-stack här. */

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__header,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__header,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-top:var(--td-header-desktop-topbar) !important;
    overflow:visible !important;
    background:transparent !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    z-index:1 !important;
  }
}


@media (min-width:782px){
  body.td-header-owner-td_shell .td-topbar__desktop-brand-text{
    font-family:"Rainier", serif !important;
    font-style:normal !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
    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;
    line-height:1 !important;
  }

  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).single-course.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).single-course_unit.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-brand-logo{
    filter:brightness(0) invert(1) saturate(0) brightness(1.9) !important;
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    border-radius:0 !important;
    
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-topbar--desktop-app{
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar--desktop-app{
    background:var(--td-header-warm-bg) !important;
    background-image:none !important;
    color:var(--td-header-text) !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead{
    padding-top:0 !important;
  }

  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-courseware-app.td-header-owner-td_shell .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-course.td-header-owner-td_shell .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead--dark_wave{
    top:0 !important;
    margin-top:0 !important;
  }
}



@media (min-width:782px){
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    margin-bottom:-2px !important;
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    margin-top:-2px !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    border-radius:0 !important;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
    box-shadow:none !important;
    margin-bottom:0 !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
    color:var(--td-header-dark-text) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-logo,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-logo{
    filter:brightness(0) invert(1) saturate(0) brightness(1.9) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-page-frame__header,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-shell__header,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-page-frame__header,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-page-frame__header,
  body.single-wpcw_course.td-header-owner-td_shell .td-page-frame__header,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-page-frame__header{
    padding-top:0 !important;
    background:transparent !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead,
  body.single-wpcw_course.td-header-owner-td_shell .td-shell__masthead,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-shell__masthead{
    padding-top:var(--td-header-desktop-topbar) !important;
    margin-top:0 !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-bottom) 100%) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    margin-top:0 !important;
    top:auto !important;
  }
}



/* 2.27.19 sub-manifest for td-header-unified-shell.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-header-unified-shell.css; keep import order. */
/* Unified shell header rules and route-specific header contracts.
 * Extracted from td-header-contracts.css in 2.27.18. Keep import order via td-header-contracts.css. */
/* 2.7.85.88 – desktop topbar/surface cleanup for dark-wave and courseware */

/* removed legacy block: /* 2.7.85.89 – mobil bottomnav anti-glap */




/* removed legacy block: 2.7.85.89 mobil bottomnav anti-glapp */



/* 2.7.85.90 – desktop header cleanup: align standalone courseware with TD variants */
@media (min-width:782px){
  body.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-join) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-top) 0%, var(--td-header-dark-join) 100%) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).td-page.td-header-owner-td_shell:not(.td-courseware-app):not(.td-shell-standalone).td-header-variant-dark_wave .td-page-frame__header .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-join) 0%, var(--td-header-dark-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-join) 0%, var(--td-header-dark-bottom) 100%) !important;
    margin-top:0 !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:0 !important;
    z-index:2000 !important;
    padding:12px 24px !important;
    min-height:var(--td-header-desktop-topbar) !important;
    height:var(--td-header-desktop-topbar) !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell .td-topbar__desktop-link.is-active,
  body.single-wpcw_course.td-header-owner-td_shell .td-topbar__desktop-link.is-active,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar__desktop-link.is-active{
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
    color:inherit !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell .td-topbar__desktop-link.is-active::after,
  body.single-wpcw_course.td-header-owner-td_shell .td-topbar__desktop-link.is-active::after,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar__desktop-link.is-active::after{
    background:var(--td-shell-primary) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-brand-text,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-link,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon svg,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-brand-text,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-link,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon svg,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-brand-text,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__desktop-link,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar__icon svg{
    color:var(--td-header-dark-text) !important;
    fill:currentColor !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app{
    top:0 !important;
    z-index:2000 !important;
    padding:12px 24px !important;
    border-radius:0 !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }
}


/* 2.7.85.91 – standalone/share/entry/courseware header parity + global focuspoint */
:root{
  --td-header-dark-topbar-top:var(--td-color-header-dark-topbar-top);
  --td-header-dark-topbar-bottom:var(--td-color-text-cpt-deep);
  --td-header-dark-surface-top:var(--td-color-text-cpt-deep);
  --td-header-dark-surface-bottom:var(--td-color-header-dark-join);
}

body.td-header-owner-td_shell .td-app-view-header[data-td-surface-component="hero"],
body.td-header-owner-td_shell .td-app-view-header--surface-hero,
body.td-header-owner-td_shell .td-shell__masthead--surface-hero{
  background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
}

@media (min-width:782px){
  body.td-header-variant-dark_wave .td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
  }

  body.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
  }

  body.td-header-variant-dark_wave .td-topbar--desktop-app,
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-link,
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__icon,
  body.td-header-variant-dark_wave .td-topbar--desktop-app .td-topbar__icon svg,
  body.td-header-variant-dark_wave .td-topbar--desktop-app a,
  body.td-header-variant-dark_wave .td-topbar--desktop-app button{
    color:var(--td-header-dark-text) !important;
  }

  body.td-header-owner-td_shell .td-topbar__desktop-brand-logo{
    height:46px !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2400 !important;
    border-radius:0 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.single-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead,
  body.single-wpcw_course.td-header-owner-td_shell .td-shell__masthead,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-shell__masthead{
    padding-top:var(--td-header-desktop-topbar) !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-shell__masthead{
    padding-top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1400 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1400 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.admin-bar.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.admin-bar.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave{
    top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button{
    color:var(--td-header-dark-text) !important;
  }
}


@media (min-width:782px){
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
    
  }

  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button{
    color:var(--td-header-dark-text) !important;
    fill:currentColor !important;
  }

  body.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2600 !important;
  }

  body.admin-bar.single-wpcw_course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.single-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }

  body.single-wpcw_course.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-topbar__desktop-brand-logo,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-topbar__desktop-brand-logo{
    height:42px !important;
    width:auto !important;
  }

  body.single-wpcw_course.td-header-owner-td_shell .td-shell__masthead,
  body.single-wpcw_course_unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-shell__masthead{
    padding-top:var(--td-header-desktop-topbar) !important;
  }

  body.admin-bar.single-wpcw_course.td-header-owner-td_shell .td-shell__masthead,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.single-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell .td-shell__masthead,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell .td-shell__masthead{
    padding-top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }

  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1400 !important;
  }

  body.admin-bar.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.admin-bar.single-wpcw_course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.single-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-courseware-app.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-course.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-wpcw-unit.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-entry-app.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-share-single.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.admin-bar.single-wpcw_course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.single-course_unit.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }
}


@media (min-width:782px){
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:1500 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell .td-shell__masthead{
    padding-top:var(--td-header-desktop-topbar) !important;
    margin-top:0 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell .td-shell__masthead{
    padding-top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }

  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:var(--td-header-desktop-topbar) !important;
    z-index:1400 !important;
    margin-top:0 !important;
  }

  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body:not(.td-shell-route-unified).admin-bar.traningsdagbok.td-shell-standalone.td-dash-shell-host.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:calc(var(--td-header-desktop-topbar) + 32px) !important;
  }
}


/* 2.7.94 – unified shell header owns geometry regardless of former route family. */

@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    position:fixed !important;
    top:calc(var(--td-header-desktop-topbar) + 12px) !important;
    right:18px !important;
    left:auto !important;
    bottom:auto !important;
    display:none !important;
    pointer-events:none !important;
    z-index:9100 !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    top:calc(32px + var(--td-header-desktop-topbar) + 12px) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center.is-open,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal.is-open{
    display:block !important;
    pointer-events:auto !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    width:360px !important;
    max-width:calc(100vw - 36px) !important;
    margin:0 !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none){
    --td-shell-desktop-fixed-offset:var(--td-header-desktop-topbar);
  }

  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none){
    --td-shell-desktop-fixed-offset:calc(var(--td-header-desktop-topbar) + 32px);
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:2600 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell .td-page-frame__header{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button{
    color:var(--td-header-dark-text) !important;
    fill:currentColor !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    top:0 !important;
    z-index:1400 !important;
    
    background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:auto !important;
    z-index:1400 !important;
    margin-top:var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar)) !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    top:auto !important;
  }
}

/* 2.27.19 extracted from td-header-unified-shell.css; keep import order. */

body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app .td-topbar__desktop-nav,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app .td-topbar__slot--desktop-right,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app .td-topbar__slot--desktop-left{
  display:flex !important;
}


/* 2.7.94.2 – unified utility ska visa chrome/nav; dölj bara själva utility-surface. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-variant-utility .td-shell__masthead,
  body.td-shell-route-unified.td-header-variant-utility .td-shell__masthead--surface-utility,
  body.td-shell-route-unified.td-header-variant-utility .td-shell__chrome,
  body.td-shell-route-unified.td-header-variant-utility .td-app-shell__chrome{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-header-variant-utility .td-topbar.td-topbar--mobile-app-title,
  body.td-shell-route-unified.td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"]{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
  }

/* removed legacy rule: body.td-shell-route-unified.td-header-va */

}


/* 2.7.94.6 – unified shell CSS-pass: mobil dark_wave/help/courseware ska följa samma headergeometri. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"]{
    grid-template-columns:72px minmax(0,1fr) 112px !important;
    grid-template-rows:var(--td-header-mobile-topbar) !important;
    column-gap:10px !important;
    padding:0 16px !important;
    height:var(--td-header-mobile-topbar) !important;
    min-height:var(--td-header-mobile-topbar) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--nav{
    width:72px !important;
    min-width:72px !important;
    justify-content:flex-start !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title{
    justify-content:center !important;
    text-align:center !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--actions,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--right{
    gap:8px !important;
    width:112px !important;
    min-width:112px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__inner{
    max-width:none !important;
    min-height:156px !important;
    padding:24px 20px calc(var(--td-header-mobile-wave) + 20px) !important;
    display:flex !important;
    align-items:flex-end !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__copy{
    width:100% !important;
    text-align:left !important;
    align-items:flex-start !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__title,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__eyebrow{
    text-align:left !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-shell__masthead{
    margin-top:0 !important;
    overflow:visible !important;
  }

  /* 2.7.101.1.12: guest share/no-chrome får dölja topbar, men masthead/hero får inte kollapsa. */


  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-topbar.td-topbar--desktop-app{
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
    background-color:var(--td-header-warm-solid) !important;
    color:var(--td-header-text) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-topbar-bottom) 100%) !important;
    background-color:var(--td-header-dark-top) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-link,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__desktop-brand-text,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app .td-topbar__icon svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app a,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app button{
    color:var(--td-header-dark-text) !important;
    fill:currentColor !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-app-shell__masthead{
    padding-top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    margin-top:0 !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-page-frame__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-page-frame__masthead{
    height:auto !important;
    min-height:var(--td-contract-surface-height, 190px) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image:not(.td-mobile-topbar-none):not(.td-shell-chrome-none) .td-app-view-header--hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image:not(.td-mobile-topbar-none):not(.td-shell-chrome-none) .td-app-view-header--surface-hero .td-app-view-header__inner{
    padding-top:calc(var(--td-header-desktop-topbar) + 38px) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-mobile-topbar-none .td-app-view-header--hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-mobile-topbar-none .td-app-view-header--surface-hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-shell-chrome-none .td-app-view-header--hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-shell-chrome-none .td-app-view-header--surface-hero .td-app-view-header__inner{
    padding-top:38px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    min-height:176px !important;
    height:176px !important;
    margin-top:0 !important;
    background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave:not(.td-mobile-topbar-none):not(.td-shell-chrome-none) .td-app-view-header__inner{
    min-height:176px !important;
    height:176px !important;
    padding-top:calc(var(--td-header-desktop-topbar) + 22px) !important;
    padding-bottom:24px !important;
    align-items:flex-end !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave.td-mobile-topbar-none .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave.td-shell-chrome-none .td-app-view-header__inner{
    min-height:176px !important;
    height:176px !important;
    padding-top:22px !important;
    padding-bottom:24px !important;
    align-items:flex-end !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header .td-wave-divider__svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead .td-wave-divider__svg{
    height:30px !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header[data-td-surface-component="utility"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header--surface-utility,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-shell__masthead{
    display:block !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:transparent !important;
    background-image:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__body{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-shell__masthead--guest,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-shell__masthead--guest{
    top:0 !important;
    margin-top:0 !important;
  }

}


@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar--desktop-app{
    display:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__header,
  body.td-shell-route-unified.td-header-owner-td_shell .td-page-frame__header,
  body.td-shell-route-unified.td-header-owner-td_shell .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-shell__masthead{
    padding-top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"]{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:7200 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:60px !important;
    column-gap:12px !important;
    align-items:center !important;
    width:100% !important;
    min-height:60px !important;
    height:60px !important;
    padding:0 16px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"]{
    top:46px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:44px !important;
    min-width:44px !important;
    height:100% !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    text-align:left !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 0 0 !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--actions,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    min-width:max-content !important;
    height:100% !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"]{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:7200 !important;
    display:grid !important;
    grid-template-columns:44px auto minmax(0,1fr) auto !important;
    grid-template-rows:72px !important;
    column-gap:10px !important;
    align-items:center !important;
    width:100% !important;
    min-height:72px !important;
    height:72px !important;
    padding:0 16px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"]{
    top:46px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--nav{
    width:44px !important;
    min-width:44px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--brand,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__brand-logo{
    width:auto !important;
    height:48px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--title{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    text-align:left !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__title{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--actions,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    min-width:max-content !important;
    height:100% !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn:hover,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn:focus-visible,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link:hover,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link:focus-visible,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn[aria-expanded="true"],
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link[aria-expanded="true"],
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn.is-active,
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__icon-link.is-active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    border-radius:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none .td-topbar,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none .td-topbar{
    display:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-topbar[data-td-topbar-component="app-title"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"]{
    background:var(--td-header-warm-bg) !important;
    color:var(--td-header-text) !important;
    box-shadow:0 10px 24px var(--td-color-shadow-strong) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"]{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    column-gap:12px !important;
    padding:0 18px !important;
    box-shadow:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--nav,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--title,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__title{
    display:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__slot--brand,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__brand{
    justify-content:flex-start !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar[data-td-topbar-component="brand"] .td-topbar__brand-logo{
    height:44px !important;
    margin-left:2px !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-shell__masthead,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-app-shell__masthead,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-page-frame__masthead{
    min-height:calc(190px + var(--td-unified-mobile-top-offset, var(--td-header-mobile-topbar))) !important;
    height:auto !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none).td-header-variant-hero_image .td-app-view-header--hero{
    margin-top:var(--td-unified-mobile-top-offset, var(--td-header-mobile-topbar)) !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"]{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
    color:var(--td-header-dark-text) !important;
    box-shadow:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] a,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] button{
    color:var(--td-header-dark-text) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__btn:hover,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__btn:focus-visible,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon-link:hover,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon-link:focus-visible,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__btn[aria-expanded="true"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon-link[aria-expanded="true"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__btn.is-active,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__icon-link.is-active{
    background:transparent !important;
    box-shadow:none !important;
    border-color:transparent !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__title,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__eyebrow,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__body{
    text-align:left !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header__body{
    align-items:flex-start !important;
    justify-content:flex-end !important;
  }
    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;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header[data-td-surface-component="utility"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header--surface-utility{
    display:block !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-page-frame__masthead{
    display:block !important;
    min-height:var(--td-header-mobile-topbar) !important;
    height:var(--td-header-mobile-topbar) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

  /* 2.7.95.34: utility-vyns content-start reserveras nu av masthead/header-kontraktet. */

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
    display:block !important;
    position:relative !important;
    top:auto !important;
    margin:0 !important;
    min-height:190px !important;
    background-color:transparent !important;
    background-image:var(--td-shell-header-image) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::before,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero::before,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"]::after,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero::after{
    display:none !important;
    content:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    display:flex !important;
    align-items:flex-end !important;
    min-height:190px !important;
    padding:20px 18px calc(var(--td-header-mobile-wave) + 14px) !important;
    background:none !important;
    box-shadow:none !important;
    border:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-wave-divider__svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero .td-wave-divider__svg{
    height:var(--td-header-mobile-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--surface-hero{
    margin-top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"] .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    margin-top:0 !important;
    padding-top:20px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__masthead{
    display:block !important;
    min-height:calc(var(--td-header-mobile-topbar) + var(--td-header-mobile-wave)) !important;
    height:calc(var(--td-header-mobile-topbar) + var(--td-header-mobile-wave)) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
  }

@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    display:block !important;
    position:fixed !important;
    top:var(--td-unified-mobile-top-offset) !important;
    left:0 !important;
    right:0 !important;
    z-index:7100 !important;
    min-height:var(--td-header-mobile-wave) !important;
    height:var(--td-header-mobile-wave) !important;
    margin:0 !important;
    padding:0 !important;
    background:linear-gradient(180deg, var(--td-header-dark-bottom) 0%, var(--td-header-dark-top) 100%) !important;
    overflow:visible !important;
  }

  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.admin-bar.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    top:calc(var(--td-unified-mobile-top-offset) + 46px) !important;
  }
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-app-view-header__silhouette,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-app-view-header__silhouette,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-app-view-header__silhouette{
    display:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"] .td-wave-divider__svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave .td-wave-divider__svg,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave .td-wave-divider__svg{
    height:var(--td-header-mobile-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }

  /* 2.7.95.34: dark-wave-vyns content-start reserveras nu av masthead/header-kontraktet. */

  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    top:0 !important;
  }

}



@media (max-width:781.98px){
  /* 2.7.99.24 / 2162 – mobil header-kontrakt äger inte längre td-main__body/td-shell-content; content-start ligger i content-ownern. */
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-hero_image .td-shell__masthead--guest,
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-hero_image .td-app-shell__masthead--guest{
    margin-top:0 !important;
    padding-top:0 !important;
    top:0 !important;
    min-height:190px !important;
    height:auto !important;
    background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
    background-size:cover !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--guest-shell .td-app-view-header__inner,
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    padding-top:18px !important;
    padding-bottom:calc(var(--td-header-mobile-wave) + 18px) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-dark_wave .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-dark_wave .td-shell__masthead--guest,
  body.td-shell-route-unified.td-device-mobile.td-mobile-topbar-none.td-shell-chrome-none.td-header-variant-dark_wave .td-app-shell__masthead--guest{
    top:0 !important;
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

body.td-shell-route-unified,
html.td-shell-standalone.td-drawer-open,
body.td-shell-route-unified.td-drawer-open{
  overscroll-behavior:contain !important;
}

body.td-shell-route-unified.td-drawer-open{
  overflow:hidden !important;
}

body.td-shell-route-unified .td-drawer,
body.td-shell-route-unified .td-drawer--portal{
  position:fixed !important;
  inset:0 !important;
  z-index:7600 !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .2s ease, visibility 0s linear .2s !important;
}

body.td-shell-route-unified.td-drawer-open .td-drawer,

/* 2.27.19 extracted from td-header-unified-shell.css; keep import order. */
body.td-shell-route-unified.td-drawer-open .td-drawer--portal{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transition-delay:0s !important;
}

body.td-shell-route-unified .td-drawer__overlay{
  position:absolute !important;
  inset:0 !important;
  background:var(--td-color-surface-dark-overlay) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}

body.td-shell-route-unified .td-drawer__panel{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  z-index:7601 !important;
  display:flex !important;
  flex-direction:column !important;
  width:min(360px, 92vw) !important;
  max-width:100vw !important;
  height:100% !important;
  max-height:100vh !important;
  background:var(--td-header-warm-solid) !important;
  color:var(--td-header-text) !important;
  box-shadow:-24px 0 48px var(--td-color-shadow-header-strong) !important;
  transform:translateX(100%) !important;
  transition:transform .22s ease !important;
  overflow:hidden !important;
}

body.td-shell-route-unified.td-drawer-open .td-drawer__panel{
  transform:translateX(0) !important;
}

body.td-shell-route-unified .td-drawer__header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:12px 16px 10px !important;
  border-bottom:1px solid var(--td-color-overlay-border-soft) !important;
  background:var(--td-header-warm-solid) !important;
}

body.td-shell-route-unified .td-drawer__title{
  font-size:1.6rem !important;
  line-height:.92 !important;
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  color:var(--td-header-text) !important;
}

body.td-shell-route-unified .td-drawer__close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:5px !important;
  background:transparent !important;
  background-image:none !important;
  color:var(--td-header-text) !important;
  font-size:1.9rem !important;
  line-height:1 !important;
  box-shadow:none !important;
}


body.td-shell-route-unified .td-drawer__close:hover,
body.td-shell-route-unified .td-drawer__close:focus-visible,
body.td-shell-route-unified .td-drawer__close[aria-expanded="true"]{
  background:transparent !important;
  background-image:none !important;
  color:var(--td-header-text) !important;
}

body.td-shell-route-unified .td-drawer__nav{
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
  padding:8px 10px 12px !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body.td-shell-route-unified .td-drawer__body{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  flex:1 1 auto !important;
}

body.td-shell-route-unified .td-drawer__footer{
  margin-top:auto !important;
  padding:0 10px 12px !important;
  background:var(--td-header-surface, #f7f0e8) !important;
}

body.td-shell-route-unified .td-drawer__link{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  color:var(--td-header-text) !important;
  text-decoration:none !important;
  background:transparent !important;
  line-height:1.2 !important;
}

body.td-shell-route-unified .td-drawer__linkText{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}

body.td-shell-route-unified .td-drawer__label{
  display:block !important;
  font-weight:400 !important;
  color:inherit !important;
}

body.td-shell-route-unified .td-drawer__sub{
  display:block !important;
  font-size:.88rem !important;
  color:var(--td-color-text-brown-panel-soft) !important;
}

body.td-shell-route-unified .td-drawer__ext{
  flex:0 0 auto !important;
  color:var(--td-color-text-brown-panel-soft) !important;
}

body.td-shell-route-unified .td-drawer__link--active,
body.td-shell-route-unified .td-drawer__link[aria-current="page"],
body.td-shell-route-unified .td-drawer__link:hover,
body.td-shell-route-unified .td-drawer__link:focus-visible{
  background:var(--td-color-accent-chip-soft) !important;
  color:var(--td-header-text) !important;
}

body.td-shell-route-unified .td-drawer__sep{
  height:1px !important;
  margin:6px 12px !important;
  background:var(--td-color-overlay-border-soft) !important;
}

@media (max-width:781.98px){
  body.td-shell-route-unified .td-drawer__panel{
    width:min(320px, 90vw) !important;
  }

  body.td-shell-route-unified.td-drawer-open .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-drawer-open .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-drawer-open .td-app-view-header--hero,
  body.td-shell-route-unified.td-drawer-open .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-drawer-open .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-drawer-open .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-drawer-open .td-wave-divider,
  body.td-shell-route-unified.td-drawer-open .td-wave-divider__svg{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}






/* 2.27.19 sub-manifest for td-header-overrides.css. Original rules split by owner/size; keep this file enqueued/imported for compatibility. */
/* 2.27.19 extracted from td-header-overrides.css; keep import order. */
/* Later header parity, dark-wave/hero fixes and remaining targeted header overrides.
 * Extracted from td-header-contracts.css in 2.27.18. Keep import order via td-header-contracts.css. */
/* 2.7.99.25 / 2162 – sista dark-wave-view-stack-reseten borttagen; header-ownern rör inte längre contentstackar här. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    position:fixed !important;
    top:calc(var(--td-contract-fixed-offset) + 8px) !important;
    right:12px !important;
    left:12px !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    display:none !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:7500 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center.is-open,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal.is-open{
    display:block !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    background:var(--td-color-surface-panel) !important;
    background-image:none !important;
    border:1px solid var(--td-color-overlay-border-soft) !important;
    border-radius:24px !important;
    box-shadow:0 20px 44px var(--td-color-shadow-header-strong) !important;
    overflow:hidden !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:12px 16px 10px !important;
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
    border-bottom:1px solid var(--td-color-overlay-border-soft) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-notification-center__header{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
    color:var(--td-header-dark-text) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__title{
    margin:0 !important;
    font-family:"Rainier", serif !important;
    font-style:normal !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
    font-size:1.6rem !important;
    line-height:.92 !important;
    color:inherit !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
    padding:18px !important;
    background:var(--td-color-surface-panel) !important;
    background-image:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__empty,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__item-title,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__item-text,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__link{
    color:var(--td-header-text) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__empty{
    margin:0 !important;
    font-size:1.1rem !important;
    line-height:1.55 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:5px !important;
    background:transparent !important;
    background-image:none !important;
    color:inherit !important;
    box-shadow:none !important;
    font-size:1.9rem !important;
    line-height:1 !important;
  }


  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__close:hover,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__close:focus-visible,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__close[aria-expanded="true"]{
    background:transparent !important;
    background-image:none !important;
    color:inherit !important;
  }

  /* 2.7.95.26: route-unified bottomnav-interaktion/geometri ägs av td-mobile.css. */

  body.td-shell-route-unified.td-header-owner-td_shell .td-bottom-nav__item{
    position:relative !important;
    z-index:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-bottom-nav__icon,
  body.td-shell-route-unified.td-header-owner-td_shell .td-bottom-nav__label{
    pointer-events:none !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none){
    --td-shell-desktop-fixed-offset:var(--td-header-desktop-topbar);
  }

  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none){
    --td-shell-desktop-fixed-offset:calc(var(--td-header-desktop-topbar) + 32px);
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
    background-color:var(--td-header-warm-solid) !important;
    box-shadow:0 1px 0 var(--td-color-shadow-strong), 0 8px 18px var(--td-color-shadow-soft-2) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-topbar.td-topbar--desktop-app::before{
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
    background-color:var(--td-header-warm-solid) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-topbar.td-topbar--desktop-app::before{
    background:var(--td-header-warm-solid) !important;
    background-image:none !important;
    background-color:var(--td-header-warm-solid) !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app::before{
    background:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
    background-color:var(--td-header-dark-top) !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-topbar-top) 0%, var(--td-header-dark-surface-top) 100%) !important;
    box-shadow:none !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-2px !important;
    height:3px !important;
    background:var(--td-header-dark-surface-top) !important;
    background-image:none !important;
    pointer-events:none !important;
    z-index:-1 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__inner,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__copy,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-app-view-header__body{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }


  /* 2.7.99.24 / 2162 – utility-header nollar inte längre contentkedjans padding/marginal här. */

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-page-frame__header,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-shell__masthead,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-app-shell__masthead{
    padding-top:var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar)) !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-page-frame__header,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-shell__masthead,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-app-shell__masthead{
    padding-top:var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar)) !important;
    min-height:calc(220px + var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar))) !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-page-frame__header,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-shell__masthead,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-app-shell__masthead{
    min-height:calc(176px + var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar))) !important;
    height:auto !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-shell__header{
    padding-top:0 !important;
    min-height:220px !important;
    height:auto !important;
    box-sizing:border-box !important;
  }


  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-shell__masthead--guest,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-app-shell__masthead--guest{
    position:relative !important;
    top:auto !important;
    display:block !important;
    min-height:320px !important;
    height:auto !important;
    margin-top:0 !important;
    padding-top:0 !important;
    background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
    background-size:cover !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-app-view-header--guest-shell,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-shell__masthead--guest,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave .td-app-shell__masthead--guest{
    position:relative !important;
    top:auto !important;
    display:block !important;
    min-height:176px !important;
    height:auto !important;
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-dark_wave .td-shell__header{
    padding-top:0 !important;
    min-height:176px !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    min-height:176px !important;
    height:176px !important;
    margin-top:0 !important;
    background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 88%) !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-app-view-header--hero .td-app-view-header__inner,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-app-view-header--surface-hero .td-app-view-header__inner{
    padding-top:38px !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__inner{
    min-height:176px !important;
    height:176px !important;
    padding-top:96px !important;
    padding-bottom:18px !important;
  }
}

/* 2.7.95.21 – route-unified mobil header cleanup: offset bara en gång på main-nivå */
@media (max-width:781.98px){
  /* 2.7.99.24 / 2162 – mobil utility/dark-wave nollar inte längre td-main__body/td-view-stack; content-ownern bär kedjan. */
}

@media (min-width:782px){
}




/* 2.7.96.25 / 2110 – unified header owner repair
   Säkrar wave-geometri för route-unified dark wave på mobil och hero på desktop utan view-specifika nödlösningar. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__masthead{
    min-height:calc(var(--td-header-mobile-topbar) + var(--td-header-mobile-wave)) !important;
    height:calc(var(--td-header-mobile-topbar) + var(--td-header-mobile-wave)) !important;
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider__svg{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider{
    bottom:-1px !important;
    z-index:2 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider__svg{
    height:var(--td-header-mobile-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero{
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider__svg{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider{
    bottom:-1px !important;
    z-index:3 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider__svg{
    height:var(--td-header-desktop-wave) !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }
}

/* 2.7.96.29 / 2110 – hero edit wave: samma våg, säkrare visuell integration utan fallback-wave */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-view-edit .td-app-view-header,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-view-edit .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-view-edit .td-shell__masthead,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-view-edit .td-shell__masthead--surface-hero{
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image.td-view-edit .td-wave-divider{
    z-index:4 !important;
    bottom:-1px !important;
  }

  /* 2.7.99.24 / 2162 – hero edit nollar inte längre td-shell__content/td-main__body; entry/content-ownern bär detta. */
}


/* 2.7.96.32 / 2110 – vågen ska faktiskt synas i både dark wave och hero */
body.td-header-owner-td_shell .td-wave-divider,
body.td-header-owner-td_shell .td-wave-divider__svg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.td-header-owner-td_shell .td-wave-divider__fill,
body.td-header-owner-td_shell .td-wave-divider svg path{
  fill:var(--td-page-bg-app, var(--td-color-page-bg)) !important;
}


/* 2.7.96.33 / 2110 – gör vågkanten tydligare utan ny variant */
body.td-header-owner-td_shell .td-wave-divider{
  overflow:visible !important;
}

body.td-header-owner-td_shell .td-wave-divider__svg{
  overflow:visible !important;
}

body.td-header-owner-td_shell .td-wave-divider__fill,
body.td-header-owner-td_shell .td-wave-divider svg path{
  fill:var(--td-page-bg-app, var(--td-color-page-bg)) !important;
}


/* 2.7.96.35 / 2110 – central dark-wave surface ska faktiskt ha bakgrund i route-unified */
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-shell__masthead,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__masthead,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave{
  background:none !important;
  background-image:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
}


/* 2.7.96.41 / 2110 – mobil hero-våg: samma höjd på divider och svg så bild inte syns under vågen */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider{
    height:var(--td-header-mobile-wave, 32px) !important;
    bottom:0 !important;
    z-index:3 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider__svg{
    height:var(--td-header-mobile-wave, 32px) !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


/* 2.7.96.42 / 2110 – desktop dark-wave: samma höjd på divider och svg så ingen brun linje syns under vågen */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider{
    height:var(--td-header-desktop-wave, 30px) !important;
    bottom:0 !important;
    z-index:3 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider__svg{
    height:var(--td-header-desktop-wave, 30px) !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


/* 2.7.97.5 / 2115 – mobil dark-wave kompakt yta när topbar finns.
   Logged-in shellrutter med topbar ska bara bära själva vågen i surface-lagret.
   Den högre 92px-surface behålls bara för guest/no-access där inline-rubriken faktiskt ligger i dark-wave-ytan. */
/* 2.7.97.2 / 2112 – header contract v2
   Route-unified header använder nu separata mobil/desktop-tokens per variant.
   Mobil dark-wave/utility får dessutom inline-rubrik i själva surface när ingen topbar faktiskt renderas. */
:root{
  --td-contract-mobile-hero-surface:190px;
  --td-contract-mobile-dark-wave-surface:32px;
  --td-contract-mobile-dark-wave-inline-surface:92px;
  --td-contract-desktop-hero-surface:320px;
  --td-contract-desktop-dark-wave-surface:176px;
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell{
    --td-contract-topbar-height:0px;
    --td-contract-surface-height:0px;
    --td-contract-wave-height:var(--td-header-mobile-wave, 32px);
    --td-contract-fixed-offset:0px;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-brand:not(.td-shell-chrome-none){
    --td-contract-topbar-height:var(--td-header-mobile-hero-topbar, 72px);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-app-title:not(.td-shell-chrome-none){
    --td-contract-topbar-height:var(--td-header-mobile-topbar, 60px);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-app-title.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-app-title.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave{
    top:var(--td-contract-topbar-height) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-app-title.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-app-title.td-header-variant-dark_wave .td-shell__masthead{
    padding-top:var(--td-contract-topbar-height) !important;
    min-height:calc(var(--td-contract-topbar-height) + var(--td-contract-wave-height)) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none){
    --td-contract-fixed-offset:var(--td-contract-topbar-height);
  }

  body.admin-bar.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none){
    --td-contract-fixed-offset:calc(var(--td-contract-topbar-height) + 46px);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-hero_image{
    --td-contract-surface-height:var(--td-contract-mobile-hero-surface);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave{
    --td-contract-surface-height:var(--td-contract-mobile-dark-wave-surface);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-mobile-topbar-none.td-header-variant-dark_wave,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-dark_wave{
    --td-contract-surface-height:var(--td-contract-mobile-dark-wave-inline-surface);
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component],
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:var(--td-contract-topbar-height) !important;
    height:var(--td-contract-topbar-height) !important;
    z-index:2200 !important;
  }

  body.admin-bar.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar,
  body.admin-bar.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component],
  body.admin-bar.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile{
    top:46px !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-shell__masthead,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-shell__masthead,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-page-frame__masthead{
    min-height:calc(var(--td-contract-fixed-offset) + var(--td-contract-surface-height)) !important;
    height:auto !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero{
    min-height:var(--td-contract-surface-height) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave{
    min-height:var(--td-contract-surface-height) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider__svg{
    height:var(--td-contract-wave-height) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--mobile-inline-heading .td-app-view-header__inner{
    min-height:var(--td-contract-surface-height) !important;
    height:auto !important;
    align-items:flex-end !important;
    padding:20px 18px calc(var(--td-contract-wave-height) + 14px) !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--mobile-inline-heading .td-app-view-header__copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    gap:6px !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--mobile-inline-heading .td-page-title{
    display:block !important;
    margin:0 !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--mobile-inline-heading .td-app-view-header__subtitle{
    display:block !important;
    margin:0 !important;
    font-size:1rem !important;
    line-height:1.25 !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell{
    --td-contract-topbar-height:var(--td-header-desktop-topbar, 70px);
    --td-contract-surface-height:0px;
    --td-contract-wave-height:var(--td-header-desktop-wave, 40px);
    --td-contract-fixed-offset:var(--td-contract-topbar-height);
  }

  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell{
    --td-contract-fixed-offset:calc(var(--td-contract-topbar-height) + 32px);
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image{
    --td-contract-surface-height:var(--td-contract-desktop-hero-surface);
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave{
    --td-contract-surface-height:var(--td-contract-desktop-dark-wave-surface);
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-app-view-header--hero,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-shell__masthead--surface-hero,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-app-view-header--dark_wave,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-shell__masthead--surface-dark_wave{
    min-height:var(--td-contract-surface-height) !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-wave-divider,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-wave-divider__svg{
    height:var(--td-contract-wave-height) !important;
  }
}


@media (min-width:782px){
  /* 2.7.98.4 / 2134 – desktop dark-wave ska inte få extra streck under vågen */
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    margin-bottom:0 !important;
  }

  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    margin-top:0 !important;
  }

  body.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider__svg{
    filter:none !important;
  }
}

@media (min-width:1024px){
  body.td-header-variant-dark_wave .td-wave-divider,
  body.td-header-variant-dark_wave .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-wave-divider__fill{
    background:none !important;
    box-shadow:none !important;
  }
}

@media (min-width:1024px){
  body.td-header-variant-dark_wave .td-wave-divider,
  body.td-header-variant-dark_wave .td-wave-divider__svg,
  body.td-header-variant-dark_wave .td-wave-divider__fill{
    box-shadow:none !important;
    background:none !important;
    border:0 !important;
  }
}


@media (min-width:1024px){
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave,
  body.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-header-variant-dark_wave .td-shell__masthead--dark_wave{
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  body.td-header-variant-dark_wave .td-wave-divider,
  body.td-header-variant-dark_wave .td-wave-divider__svg{
    display:block !important;
    
  }

  body.td-header-variant-dark_wave .td-wave-divider__fill,
  body.td-header-variant-dark_wave .td-wave-divider svg path{
    stroke:none !important;
    filter:none !important;
  }
}


@media (min-width:1024px){
  body.td-header-variant-dark_wave .td-topbar.td-topbar--desktop-app{
    margin-bottom:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  body.td-header-variant-dark_wave .td-shell__masthead--surface-dark_wave,
  body.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    border-bottom:0 !important;
    box-shadow:none !important;
  }
}


@media (min-width:1024px){
  body.td-header-variant-dark_wave .td-wave-divider{
    bottom:-2px !important;
    overflow:hidden !important;
  }
  body.td-header-variant-dark_wave .td-wave-divider__svg{
    display:block !important;
  }
}


/* 2.7.101.1.16 – desktop ska svara på mushjul/touchpad och dark-wave ska inte få brun joinsöm under vågen. */



@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider__svg{
    filter:none !important;
    box-shadow:none !important;
  }
}

/* 2.7.101.4.16 – backa felspåret från 2.7.101.4.15.
@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
  }

  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }
}

/* 2.7.101.4.12 – header repair efter 101.4.11.
   1) desktop dark-wave får tillbaka synlig rubrik/copy
   2) topbarikoner bär inte egna vita knappramar
   3) hero/dark-wave-vågen går kant till kant utan mörk joinsöm */
@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__btn,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__icon-link,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__btn:hover,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__btn:focus-visible,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__icon-link:hover,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__icon-link:focus-visible,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__btn[aria-expanded="true"],
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__icon-link[aria-expanded="true"],
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__btn.is-active,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__icon-link.is-active{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    border-radius:5px !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__inner,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__copy{
    display:flex !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__copy{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__silhouette{
    display:none !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    margin:0 !important;
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-wave-divider__svg,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-wave-divider__svg{
    display:block !important;
    width:100% !important;
    height:var(--td-header-desktop-wave) !important;
    min-height:var(--td-header-desktop-wave) !important;
    filter:none !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header[data-td-surface-component="dark_wave"],
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--surface-dark_wave,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header--dark_wave{
    margin-top:0 !important;
    box-shadow:none !important;
    border:0 !important;
  }
}


/* 2.7.101.4.13 – aggressiv mobilrensning av wave-spåret.
   Vågen frikopplas från äldre svg-bredd/desktoparv och tvingas till viewportbredd på mobil. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--hero .td-wave-divider,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--surface-hero .td-wave-divider,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--dark_wave .td-wave-divider,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--surface-dark_wave .td-wave-divider{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    overflow:visible !important;
  }

  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--hero .td-wave-divider__svg,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--surface-hero .td-wave-divider__svg,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--dark_wave .td-wave-divider__svg,
  body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-app-view-header--surface-dark_wave .td-wave-divider__svg{
    display:block !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    height:var(--td-header-mobile-wave) !important;
    min-height:var(--td-header-mobile-wave) !important;
    max-height:var(--td-header-mobile-wave) !important;
    margin:0 !important;
    overflow:visible !important;
    transform:scaleY(-1) !important;
    transform-origin:center center !important;
  }
}

/* 2.7.101.4.17 – hård backning av desktop-topbar efter 2.7.101.4.15/16.
@media (min-width:782px){
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:2600 !important;
  }

  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar,
  body.admin-bar.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar.td-topbar--desktop-app{
    top:32px !important;
  }
}

@media (min-width:783px){
  body.admin-bar.td-shell-route-unified #wpadminbar{display:block !important;}
  html.admin-bar, body.admin-bar{margin-top:0 !important;}
}

/* 2.27.19 extracted from td-header-overrides.css; keep import order. */



/* 2.7.102.2 – korrigerad dark-wave owner. */
body.td-shell-route-unified.td-header-owner-td_shell .td-app-view-header,
body.td-shell-route-unified.td-header-owner-td_shell .td-shell__masthead,
body.td-shell-route-unified.td-header-owner-td_shell .td-app-shell__masthead{
  position:relative !important;
}

body.td-shell-route-unified.td-header-owner-td_shell .td-wave-divider{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  overflow:hidden !important;
  z-index:3 !important;
}

body.td-shell-route-unified.td-header-owner-td_shell .td-wave-divider__svg{
  display:block !important;
  width:100% !important;
}

body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-wave-divider,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-wave-divider__svg{
  height:var(--td-contract-wave-height) !important;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-wave-divider__svg{
  height:var(--td-contract-wave-height) !important;
}

body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-app-view-header__title{
  font-family:"Rainier", serif !important;
  text-transform:uppercase !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
  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;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
  font-family:"Rainier", serif !important;
  text-transform:uppercase !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
  font-size:24px !important;
  line-height:1 !important;
  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;
}


/* 2.7.102.3 – dark-wave kedjan får en enda tydlig mobil surface-kedja. */
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header{
  position:fixed !important;
  top:var(--td-contract-topbar-height, 60px) !important;
  left:0 !important;
  right:0 !important;
  height:var(--td-contract-wave-height, 32px) !important;
  min-height:var(--td-contract-wave-height, 32px) !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
  background-color:var(--td-header-dark-surface-top) !important;
  z-index:2100 !important;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__masthead{
  padding-top:var(--td-contract-topbar-height, 60px) !important;
  min-height:calc(var(--td-contract-topbar-height, 60px) + var(--td-contract-wave-height, 32px)) !important;
  background:linear-gradient(180deg, var(--td-header-dark-surface-top) 0%, var(--td-header-dark-surface-bottom) 100%) !important;
  background-color:var(--td-header-dark-surface-top) !important;
}


/* 2.7.102.16 – desktop topbarlänkar i dark wave ska inte få tema-/browser-understrykning. */
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link:hover,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link:focus,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link:visited{
  text-decoration:none !important;
}


/* 2.7.102.23 – topbar-app-title ska följa Rainier-kontraktet explicit på mobil dark-wave/utility. */
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar .td-topbar__title,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__title{
  font-family: var(--font-display, "Rainier", serif) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  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;
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
    font-size: clamp(1.7rem, 6.4vw, 2.25rem) !important;
  }
}


/* 2.7.102.30 – brandlänk i desktop-topbar ska inte vara understruken och behöver mer luft från loggan. */
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand,
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-text{
  text-decoration:none !important;
}
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-text{
  margin-left:12px !important;
}


/* 2.7.102.31 – dark-wave header text upp och brand spacing. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-header-variant-dark_wave .td-app-view-header__inner{
    padding-top:84px !important;
    padding-bottom:30px !important;
  }
  body.td-shell-route-unified.td-header-variant-dark_wave .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-variant-dark_wave .td-app-view-header__lead{
    margin-top:8px !important;
  }
}
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-link,
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-text,
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-text:hover,
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand-text:focus{
  text-decoration:none !important;
}
body.td-shell-route-unified .td-topbar--desktop-app .td-topbar__desktop-brand{
  column-gap:14px !important;
}


/* 2.7.102.36 – dark-wave hero subtitle högre och lite mer luft till första kortet. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-header-variant-dark_wave .td-app-view-header__inner{
    padding-bottom:42px !important;
  }
}


/* 2.7.102.38 – dark-wave header tydligare upplyft. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-header-variant-dark_wave .td-app-view-header__inner{
    padding-top:88px !important;
    padding-bottom:56px !important;
  }
}


/* 2.7.102.39 – exact dark-wave inner placement. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__inner{
    align-items:flex-start !important;
    padding-top:40px !important;
    padding-bottom:48px !important;
  }
}


/* 2.7.102.40 – header title/subtitle margin reset. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__title{
    margin-top:0 !important;
    margin-bottom:6px !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__subtitle,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-app-view-header__lead{
    margin-top:0 !important;
  }
}


/* 2.7.103.4 – desktop hero-image ska ha riktig ythöjd under topbar, inte bara offset. */
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--hero,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero{
  min-height:320px !important;
}

body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-page-frame__header,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-shell__masthead,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none):not(.td-mobile-topbar-none).td-header-variant-hero_image .td-app-shell__masthead{
  min-height:calc(320px + var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar))) !important;
}


/* 2.7.103.5 – hero-image ska följa sparat fokus i headerinställningarna på alla shell-varianter. */
body.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
body.td-header-variant-hero_image .td-app-view-header--surface-hero,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header[data-td-surface-component="hero"],
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-app-view-header--surface-hero,
body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-hero_image .td-shell__masthead--surface-hero{
  background-position:var(--td-shell-header-position-x, 50%) var(--td-shell-header-position-y, 50%) !important;
}

/* 2.7.104.16 – desktop topnav hover + aktiv markering med orange understrykning. */
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link{
  position:relative !important;
}
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-10px !important;
  height:3px !important;
  width:100% !important;
  background:var(--td-shell-primary, var(--e-global-color-primary, #cc6b1d)) !important;
  opacity:0 !important;
  transition:opacity .18s ease !important;
}
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link:hover::after,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link:focus::after,
body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell .td-topbar--desktop-app .td-topbar__desktop-link.is-active::after{
  opacity:1 !important;
}

/* 2.7.105.1 – desktop notifications: lite högre placering och säkert innerpadding. */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    top:calc(var(--td-header-desktop-topbar) + 6px) !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    margin:8px 0 0 !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
    padding:22px 24px !important;
  }
}


/* 2.7.105.2 – desktop aviseringar: högre upp och med tydlig innerpadding. */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    top:calc(var(--td-header-desktop-topbar) + 2px) !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    margin:0 !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
    padding:24px !important;
  }
}


/* 2.7.105.4 – desktop notifications owner: geometry and padding final authority. */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center,
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center--portal{
    top:calc(var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar)) + 4px) !important;
    right:18px !important;
    left:auto !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__card{
    width:360px !important;
    max-width:calc(100vw - 36px) !important;
    margin:0 !important;
  }
  body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
    padding:24px 24px 26px !important;
  }
}


/* 2.7.106.5 – notification center owner: kompakt popup med riktig scroll. */
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__body{
  padding:12px 14px 14px !important;
  max-height:min(70vh, 560px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__list{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__list--popup .td-notification-center__item{
  margin:0 !important;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(59,47,40,.10) !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__list--popup .td-notification-center__item:last-child{
  border-bottom:0 !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__item-title{
  font-size:14px !important;
  line-height:1.3 !important;
  margin:0 0 2px !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__item-text{
  font-size:13px !important;
  line-height:1.35 !important;
  margin:0 !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-notification-center__footer{
  margin-top:8px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(59,47,40,.10) !important;
}


/* 2.7.208.1 – help-shell-CPT singlar ska använda samma topbar/masthead-kontrakt som övriga shell-dokument. */
body.td-help-single.td-header-owner-td_shell .td-topbar--desktop-app,
body.td-interview-single.td-header-owner-td_shell .td-topbar--desktop-app,
body.td-offer-single.td-header-owner-td_shell .td-topbar--desktop-app{display:grid !important;position:fixed !important;z-index:2600 !important;min-height:70px !important;background:var(--td-color-surface-panel) !important;top:var(--td-adminbar-offset, 0px) !important;}
body.td-help-single.td-header-owner-td_shell .td-shell__masthead,
body.td-interview-single.td-header-owner-td_shell .td-shell__masthead,
body.td-offer-single.td-header-owner-td_shell .td-shell__masthead{padding-top:calc(var(--td-adminbar-offset, 0px) + 70px) !important;}
body.td-help-single.td-header-owner-td_shell .td-main__body,
body.td-interview-single.td-header-owner-td_shell .td-main__body,
body.td-offer-single.td-header-owner-td_shell .td-main__body{max-width:min(960px, calc(100vw - 48px)) !important;margin-inline:auto !important;}


/* 2.7.208.2 – mobil app-title/hero-help fallback: vänsterställd titel och robust help-shell-topbar även om data-attribut tappas. */
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-app-title .td-topbar__title{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:none !important;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"],
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--mobile-app-title{
  grid-template-columns:44px minmax(0,1fr) auto !important;
  column-gap:8px !important;
  padding:0 14px !important;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--mobile-app-title .td-topbar__slot--title{
  min-width:0 !important;
  padding-right:4px !important;
  justify-content:flex-start !important;
}

body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--mobile-app-title .td-topbar__title{
  text-align:left !important;
  font-size:clamp(1.45rem, 5.8vw, 1.95rem) !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:7200 !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-rows:72px !important;
  column-gap:12px !important;
  align-items:center !important;
  width:100% !important;
  min-height:72px !important;
  height:72px !important;
  padding:0 18px !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:var(--td-header-warm-bg) !important;
  color:var(--td-header-text) !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__slot--nav,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__slot--title,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__title{
  display:none !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__slot--brand,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__brand-logo{
  width:auto !important;
  height:44px !important;
  margin-left:2px !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__slot--actions,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell .td-topbar--mobile-brand .td-topbar__slot--right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  width:auto !important;
  min-width:max-content !important;
  height:100% !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-shell__masthead,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-app-shell__masthead,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-page-frame__masthead{
  position:relative !important;
  min-height:calc(190px + var(--td-unified-mobile-top-offset, var(--td-header-mobile-topbar))) !important;
  height:auto !important;
}
/* Filmens klubbsida: utility-huvud utan hero – reservera bara topbar-höjden (mobil). */
body.td-shell-view-video.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-shell__masthead,
body.td-shell-view-video.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-app-shell__masthead,
body.td-shell-view-video.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-page-frame__masthead{
  min-height:calc(var(--td-unified-mobile-top-offset, var(--td-header-mobile-topbar)) + 12px) !important;
}

/* 4.1.34 – Filmens klubbsida: långa videorubriker ska trunkeras i mobil topbar
   i stället för att trycka undan eller lägga sig över högerikonerna. */
body.td-shell-view-video.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"]{
  grid-template-columns:44px minmax(0,1fr) auto !important;
}
body.td-shell-view-video.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title{
  min-width:0 !important;
  overflow:hidden !important;
}
body.td-shell-view-video.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:18px !important;
  line-height:1.15 !important;
  text-align:left !important;
}

body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-app-view-header[data-td-surface-component="hero"],
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-app-view-header--surface-hero,
body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile.td-header-owner-td_shell:not(.td-shell-chrome-none) .td-app-view-header--hero{
  position:relative !important;
  margin-top:var(--td-unified-mobile-top-offset, var(--td-header-mobile-topbar)) !important;
}


/* 2.7.208.3 – mobil topbar/title/interview-offer parity + notification close */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title{justify-content:flex-start !important;text-align:left !important;position:relative !important;}
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{position:absolute !important;left:88px !important;right:112px !important;top:50% !important;transform:translateY(-50%) !important;width:auto !important;max-width:none !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;text-align:left !important;display:block !important;}

  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-topbar--mobile-brand,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-topbar[data-td-topbar-component="brand"]{
    display:grid !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:2200 !important;
    grid-template-columns:139px minmax(0,1fr) 0 !important;grid-template-rows:72px !important;align-items:center !important;
    min-height:72px !important;height:72px !important;padding:0 18px !important;background:rgba(255,249,243,.96) !important;color:var(--td-header-text) !important;overflow:hidden !important;
  }
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-topbar--mobile-brand .td-topbar__title,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-topbar[data-td-topbar-component="brand"] .td-topbar__title{
    position:absolute !important;left:127px !important;right:18px !important;top:50% !important;transform:translateY(-50%) !important;display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:36px !important;line-height:1.08 !important;
  }
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-shell__masthead--hero,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-app-shell__masthead--hero{position:relative !important;margin-top:0 !important;padding-top:0 !important;min-height:262px !important;}
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-app-view-header--hero{position:relative !important;display:block !important;margin-top:72px !important;z-index:1 !important;}
  body.td-shell-route-unified.td-route-family-help_shell.td-device-mobile .td-app-view-header--hero .td-app-view-header__inner{display:flex !important;padding:108px 18px 46px !important;min-height:190px !important;align-items:flex-end !important;}
}

body.td-shell-route-unified .td-notification-center__close,
body.td-shell-route-unified .td-share-modal__close,
body.td-shell-route-unified .td-help-modal__close{opacity:1 !important;visibility:visible !important;color:#1f1f1f !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body.td-shell-route-unified .td-notification-center__close:hover,
body.td-shell-route-unified .td-share-modal__close:hover,
body.td-shell-route-unified .td-help-modal__close:hover,
body.td-shell-route-unified .td-notification-center__close:focus,
body.td-shell-route-unified .td-share-modal__close:focus,
body.td-shell-route-unified .td-help-modal__close:focus{color:#1f1f1f !important;background:transparent !important;}


/* Filmens klubbsida: centrera spelaren i innehållskolumnen och låt den fylla
   bredden utan att klippas (gäller alla skärmstorlekar). */
body.td-shell-view-video .td-video{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.td-shell-view-video .td-video__media{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 2.7.208.4 – help-shell fallback desktop: intervju/erbjudande ska få samma topbar/hero-kontrakt som hjälp. */
@media (min-width:783px){
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-topbar--desktop-app,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-topbar[data-td-topbar-component="brand"]{
    display:grid !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:2600 !important;
    grid-template-columns:264px minmax(0,1fr) 206px !important;
    grid-template-rows:70px !important;
    align-items:center !important;
    min-height:70px !important;
    height:70px !important;
    padding:0 24px !important;
    background:rgb(255, 249, 243) !important;
    color:var(--td-header-text) !important;
    overflow:hidden !important;
  }
  body.admin-bar.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-topbar--desktop-app,
  body.admin-bar.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-topbar[data-td-topbar-component="brand"]{top:32px !important;}
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-shell__masthead,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-shell__masthead{
    position:relative !important;
    padding-top:102px !important;
    margin-top:0 !important;
    min-height:422px !important;
  }
  /* Filmens klubbsida använder help_shell-familjen men har utility-huvud (ingen hero).
     Reservera därför inte hero-höjden – annars blir det ett stort tomrum mellan
     toppmenyn och rubriken. (#video-klubbsida) */
  body.td-shell-view-video.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-shell__masthead,
  body.td-shell-view-video.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-shell__masthead{
    min-height:102px !important;
    padding-bottom:0 !important;
  }
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-view-header--hero{
    display:block !important;
    position:relative !important;
    margin-top:0 !important;
    z-index:1400 !important;
    background-image:var(--td-header-bg-image, none) !important;
  }
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-view-header--hero .td-app-view-header__inner{
    display:flex !important;
    margin:0 168px !important;
    max-width:1240px !important;
    padding:38px 18px 46px !important;
    min-height:190px !important;
    align-items:flex-end !important;
  }
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-view-header--hero .td-wave-divider,
  body.td-shell-route-unified.td-route-family-help_shell.td-device-desktop .td-app-view-header--hero .td-wave-divider__svg{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    display:block !important;
  }
}


/* 2.7.208.14 – dark wave mobil ska alltid visa rubriken tydligt. */
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__slot--title,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--mobile-app-title .td-topbar__slot--title{
  min-width:0 !important;
  flex:1 1 auto !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
body.td-shell-route-unified.td-device-mobile.td-header-owner-td_shell.td-header-variant-dark_wave .td-topbar--mobile-app-title .td-topbar__title{
  position:static !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#fff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  width:auto !important;
  max-width:100% !important;
}


/* 2.7.209.29 – röd prick på aviseringsikonen vid olästa aviseringar. */
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--notifications{
  position:relative !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--notifications .td-topbar__badge{
  display:none;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--notifications.has-unread .td-topbar__badge{
  display:block;
  position:absolute;
  top:4px;
  right:4px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#d63638;
  box-shadow:0 0 0 2px rgba(255,249,243,.98);
}

/* #914 – online/offline- och synkstatusknapp i topbaren. */
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection{
  position:relative !important;
}
/* #1393 – göm knappen helt när allt är synkat online, så den inte tränger
   undan titeln i en redan trång topbar (t.ex. sidor med kontexthjälp). */
body.td-header-owner-td_shell .td-topbar__btn--connection.is-idle,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar[data-td-topbar-component] .td-topbar__btn--connection.is-idle{
  display:none !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection .td-topbar__icon{
  color:var(--td-color-success) !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection.is-offline .td-topbar__icon{
  color:var(--td-color-danger) !important;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection .td-topbar__badge--connection{
  display:none;
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection.has-pending .td-topbar__badge--connection,
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection.has-conflict .td-topbar__badge--connection{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  right:0;
  min-width:16px;
  height:16px;
  padding:0 3px;
  border-radius:999px;
  background:var(--td-color-primary);
  color:#fff;
  font-size:10px;
  line-height:16px;
  box-shadow:0 0 0 2px rgba(255,249,243,.98);
}
body.td-shell-route-unified.td-header-owner-td_shell .td-topbar__btn--connection.has-conflict .td-topbar__badge--connection{
  background:var(--td-color-danger);
}

/* 2.10.13 – PWA/app-läge: backknappen är endast fristående app-overlay och ändrar inte topbar-layouten. */
body.td-header-owner-td_shell .td-topbar__btn--back{
  display:none !important;
}

.td-app-standalone-back{
  display:none !important;
}
html.td-pwa-standalone .td-app-standalone-back,
body.td-pwa-standalone .td-app-standalone-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:fixed !important;
  left:max(10px, env(safe-area-inset-left, 0px)) !important;
  top:calc(env(safe-area-inset-top, 0px) + 54px) !important;
  z-index:2147483000 !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  text-decoration:none !important;
  background:rgba(47,42,38,.72) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  -webkit-tap-highlight-color:transparent !important;
}
html.td-pwa-standalone .td-app-standalone-back__icon,
body.td-pwa-standalone .td-app-standalone-back__icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
}
html.td-pwa-standalone .td-app-standalone-back svg,
body.td-pwa-standalone .td-app-standalone-back svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
@media (min-width:782px){
  /* Duplicerad regel, se även assets/css/td-shell-family.css (samma @media-block,
     runt rad 246) - synka vid ändring av selektor/specificitet.
     Scope:a under standalone-klassen så desktop-döljningen vinner specificiteten (0,2,0)
     mot inline-flex-regeln ovan, annars syns bakåtknappen på iPad/desktop i PWA-läge (#314).
     #1392: undanta det riktiga native-appskalet (td-app-native-shell, satt av
     isNativeShell() i td-menu.js) från döljningen - iOS WKWebView/Android TWA saknar
     OS-chrome att navigera tillbaka med oavsett skärmbredd, t.ex. iPadens surfplattevy
     i landskap som annars passerar 782px-brytpunkten och tappar enda vägen tillbaka. */
  .td-app-standalone-back,
  html.td-pwa-standalone:not(.td-app-native-shell) .td-app-standalone-back,
  body.td-pwa-standalone:not(.td-app-native-shell) .td-app-standalone-back{
    display:none !important;
  }
}




@media (max-width: 782px){
  #wpadminbar{display:none !important;}
  html{margin-top:0 !important;}
  body.admin-bar{margin-top:0 !important;}
}

.td-template-row{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  align-items:center;
  gap:8px;
  padding:4px 0;
}
.td-template-actions{
  display:flex !important;
  justify-content:flex-end !important;
  min-width:84px;
  gap:10px;
}
.td-template-actions a,
.td-template-actions button{
  background:none !important;
  border:0 !important;
  padding:2px !important;
}
.td-template-actions .label{display:none !important;}


body.td-page{
  --td-text:var(--td-shell-text-strong);
  --td-muted:var(--td-shell-text-muted);
  --td-page-bg:var(--td-page-bg-app);
  --td-bg:var(--td-card-bg-app);
  --td-surface:var(--td-shell-surface);
  --td-surface-soft:var(--td-shell-surface-2);
  --td-border:var(--td-color-border-ui);
  --td-primary:var(--td-shell-primary);
  --td-primary-hover:var(--td-shell-primary-hover);
  --td-zebra:var(--td-color-zebra);
  --td-radius-cta:5px;
  --td-radius-action:5px;
}

body.td-page{color:var(--td-text);background:var(--td-page-bg);}

body.td-login-page .woocommerce .password-input .show-password-input{display:none !important;}

.traningsdagbok.td-page{width:100%;}
.traningsdagbok.td-page .td-container{width:100%;max-width:900px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
@media (max-width:768px){
  .traningsdagbok.td-page .td-container{padding:0 16px;}
}

.traningsdagbok.td-page .td-wrap{width:100%;box-sizing:border-box;}


.td-wrap h1,.td-wrap h2,.td-wrap h3,.td-wrap h4{color:var(--td-text);margin-top:0;}
.td-wrap h2,.td-wrap h3{margin-bottom:12px;}
.td-wrap p{margin:0 0 1.2em 0;}

.traningsdagbok.td-page .td-wrap button,
.traningsdagbok.td-page .td-wrap .button,
.traningsdagbok.td-page .td-wrap a.button{
  border-radius:5px !important;
}

.traningsdagbok.td-page .td-wrap button.button-primary,
.traningsdagbok.td-page .td-wrap .button.button-primary,
.traningsdagbok.td-page .td-wrap a.button.button-primary,
.traningsdagbok.td-page .td-wrap button.wp-element-button,
.traningsdagbok.td-page .td-wrap a.wp-element-button{
  border-radius:5px !important;
}


.td-wrap table{border-collapse:separate;border-spacing:0;width:100%;}
.td-wrap table th,.td-wrap table td{padding:12px 14px;vertical-align:middle;}
.td-wrap table,.td-wrap table th,.td-wrap table td{border:0 !important;}
.td-wrap table tbody tr:nth-child(even){background-color:var(--td-zebra);}
.td-wrap table tbody tr{box-shadow:inset 0 -1px 0 var(--td-color-divider-soft);}


.td-wrap a{color:var(--td-primary);text-decoration:none;}
.td-wrap a:hover{color:var(--td-primary-hover);text-decoration:underline;text-underline-offset:2px;}


.td-wrap *{box-sizing:border-box;}
body.td-page{overflow-x:hidden;}
.td-wrap img,.td-wrap table{max-width:100%;}


.td-share-modal{position:fixed;inset:0;z-index:99999;display:none;}
.td-share-modal[aria-hidden="false"]{display:block;}
.td-share-modal__backdrop{position:absolute;inset:0;background:var(--td-color-backdrop);}
.td-share-modal__dialog{position:relative;max-width:560px;margin:8vh auto 0;}
@media (max-width:768px){.td-share-modal__dialog{margin:6vh 16px 0;}}
.td-share-modal__panel{background:var(--td-color-white);border-radius:16px;padding:16px;box-shadow:var(--td-shell-shadow-modal);}
.td-share-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.td-share-modal__title{font-weight:700;}
.td-share-modal__close{border:0;background:transparent;cursor:pointer;padding:6px;border-radius:12px;}
.td-share-modal__close:hover{background:var(--td-color-backdrop-soft);}
.td-share-modal__body .td-share-actions{margin:0;}

.td-share-status{display:flex;align-items:center;gap:8px;margin-top:6px;}
.td-share-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--td-color-backdrop-soft);}

.td-share__copy.button{
  background:var(--td-shell-primary-ghost);
  border:1px solid var(--td-shell-primary-focus);
  box-shadow:none;
  color:var(--td-primary);
}
.td-share__copy.button:hover{background:var(--td-shell-primary-ghost-hover);}
.td-share__remove.button{background:var(--td-color-backdrop-soft);border:0;box-shadow:none;color:var(--td-shell-primary);}
.td-share__remove.button:hover{background:var(--td-color-divider);}


.td-week-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.td-week-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid var(--td-color-divider);
  border-radius:16px;
  text-decoration:none;
  font-size:13px;
  line-height:1.2;
}
.td-week-chip.is-active{
  border-color: var(--td-shell-border-accent-strong);
  font-weight:600;
}
.td-compare-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
@media (max-width: 480px){
  .td-compare-grid{ grid-template-columns: 1fr; }
}
.td-compare-result__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.td-compare-num{
  font-size:28px;
  font-weight:700;
  line-height:1.1;
}
.td-compact-list{
  list-style:none;
  padding:0;
  margin:0;
}
.td-compact-list__item{
  padding:10px 0;
  border-top:1px solid var(--td-color-divider);
}
.td-compact-list__item:first-child{ border-top:0; padding-top:0; }





.td-u-m0{margin:0 !important;}
.td-u-mt4{margin-top:4px !important;}
.td-u-mt6{margin-top:6px !important;}
.td-u-mt8{margin-top:8px !important;}
.td-u-mt10{margin-top:10px !important;}
.td-u-mt12{margin-top:12px !important;}
.td-u-mt14{margin-top:14px !important;}
.td-u-mt18{margin-top:18px !important;}
.td-u-mt0{margin-top:0 !important;}
.td-u-m8-0-0{margin:8px 0 0 !important;}
.td-u-m6-0-0{margin:6px 0 0 !important;}
.td-u-m10-0{margin:10px 0 !important;}
.td-u-m12-0{margin:12px 0 !important;}
.td-u-m16-0{margin:16px 0 !important;}
.td-u-flex-row{display:flex;gap:10px;flex-wrap:wrap;}
.td-u-flex-row-end{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.td-u-flex-row-center{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.td-u-flex-row-mt10{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px !important;}
.td-u-row-mt14{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0 !important;}
.td-u-grid-mt0{margin-top:0 !important;}
.td-u-grid-mt10{margin-top:10px !important;}
.td-u-grid-span-full{grid-column:1 / -1 !important;}
.td-u-grid-span-full-mt-neg6{grid-column:1 / -1 !important;margin-top:-6px !important;}
.td-u-text-center{text-align:center !important;}
.td-u-w1{width:1% !important;}
.td-u-input-fill{width:100% !important;max-width:none !important;box-sizing:border-box;}
.td-u-input-min260{min-width:260px !important;flex:1 1 260px;}
.td-u-note-card{margin-top:12px !important;border-radius:10px !important;}
.td-u-label-block{display:block !important;margin:4px 0 !important;}
.td-u-label-stack{display:flex;flex-direction:column;gap:4px;}
.td-u-label-stack-mt10{display:flex;flex-direction:column;gap:4px;margin-top:10px !important;}
.td-u-text-xs{font-size:12px !important;}
.td-u-file-offset{margin-left:8px !important;}
.td-u-minw180{min-width:180px !important;}
.td-u-dogs-meta{margin-top:6px !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.td-u-dogs-form{margin-top:6px !important;}
.td-u-hr-12{margin:12px 0 !important;}
.td-u-hr-16{margin:16px 0 !important;}
.td-u-strong{font-weight:600;}
.td-u-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;margin-right:8px;vertical-align:middle;}



html.td-is-submitting body > *:not(#wpadminbar){opacity:.02 !important;transition:none !important;}
html.td-is-submitting body{background:var(--td-bg) !important;}

.td-card--radius-md{
  border-radius:5px !important;
}
.td-template-attachment-link{
  text-align:right;
  margin:0 0 8px 0;
}


/* 2.7.104.9 – share modal parity + toast visibility. */
.td-share-modal__body .td-share-actions-row--scope{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 12px;
}
.td-share-modal__body .td-share-create.button,
.td-share-modal__body .td-share-create.button:visited{
  background:var(--e-global-color-primary, #cc6b1d) !important;
  border:1px solid var(--e-global-color-primary, #cc6b1d) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.td-share-modal__body .td-share-create.button:hover,
.td-share-modal__body .td-share-create.button:focus{
  background:var(--td-shell-accent-hover, #b85f18) !important;
  border-color:var(--td-shell-accent-hover, #b85f18) !important;
  color:#fff !important;
}
.td-share-modal__body .td-share-actions-box{display:block !important;}
#td-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  z-index:100000;
  background:rgba(59,47,40,.94);
  color:#fff;
  padding:10px 14px;
  border-radius:14px;
  box-shadow:var(--td-shell-shadow-modal);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}
#td-toast.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* 2.7.105.1 – share modal owner: action buttons ska vara synliga och inline-UI i entry får inte gömma modalinnehåll. */
.td-share-modal__body .td-share-copy.button,
.td-share-modal__body .td-share-copy.button:visited,
.td-share-modal__body .td-share-update.button,
.td-share-modal__body .td-share-update.button:visited{
  background:var(--e-global-color-primary, #cc6b1d) !important;
  border:1px solid var(--e-global-color-primary, #cc6b1d) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.td-share-modal__body .td-share-copy.button:hover,
.td-share-modal__body .td-share-copy.button:focus,
.td-share-modal__body .td-share-update.button:hover,
.td-share-modal__body .td-share-update.button:focus{
  background:var(--td-shell-accent-hover, #b85f18) !important;
  border-color:var(--td-shell-accent-hover, #b85f18) !important;
  color:#fff !important;
}
.td-share-modal__body .td-share-delete.button,
.td-share-modal__body .td-share-delete.button:visited{
  background:var(--td-color-surface-panel, #f3ece3) !important;
  border:1px solid rgba(59,47,40,.16) !important;
  color:var(--td-color-text, #1f1f1f) !important;
  box-shadow:none !important;
}
.td-share-modal__body .td-share-delete.button:hover,
.td-share-modal__body .td-share-delete.button:focus{
  background:var(--td-color-surface-muted, #ece4d8) !important;
  color:var(--td-color-text, #1f1f1f) !important;
}
body.td-view-view .td-entry-view__content > .td-share-actions-box,
body.td-view-edit .td-entry-view__content > .td-share-actions-box,
body.td-view-form .td-entry-view__content > .td-share-actions-box,
body.td-view-quickpass .td-entry-view__content > .td-share-actions-box{display:none !important;}


/* 2.7.105.2 – delningsmodal: säkerställ synliga actions och riktig kroppsyta. */
.td-share-modal__body{
  min-height:120px;
  padding:16px 18px 20px !important;
}
.td-share-modal__body .td-share-actions-box{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:1px !important;
}
.td-share-modal__body .td-share-actions-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  align-items:center !important;
}
.td-share-modal__body .td-share-actions-row input[type="text"]{
  flex:1 1 260px !important;
}
.td-share-modal__body :is(.td-share-create.button,.td-share-copy.button,.td-share-update.button),
.td-share-modal__body :is(.td-share-create.button,.td-share-copy.button,.td-share-update.button):visited{
  background:var(--e-global-color-primary, #cc6b1d) !important;
  border:1px solid var(--e-global-color-primary, #cc6b1d) !important;
  color:#fff !important;
  opacity:1 !important;
}
.td-share-modal__body .td-share-delete.button,
.td-share-modal__body .td-share-delete.button:visited{
  background:var(--td-color-surface-panel, #f3ece3) !important;
  border:1px solid rgba(59,47,40,.16) !important;
  color:var(--td-color-text, #1f1f1f) !important;
  opacity:1 !important;
}

/* 2.7.105.4 – share modal owner: modalinnehåll får inte gömmas av inline-regler och actions ska vara synliga. */
body.td-shell-route-unified .td-share-modal__body .td-share-actions-box{display:block !important;visibility:visible !important;opacity:1 !important;}
body.td-shell-route-unified .td-share-modal__body :is(button.td-share-create.button,button.td-share-copy.button,button.td-share-update.button,button.td-share__copy.button,button.td-share__remove.button,button.td-share-delete.button),
body.td-shell-route-unified .td-share-modal__body :is(button.td-share-create.button,button.td-share-copy.button,button.td-share-update.button,button.td-share__copy.button,button.td-share__remove.button,button.td-share-delete.button):visited{opacity:1 !important;visibility:visible !important;}
body.td-shell-route-unified .td-share-modal__body button.td-share__copy.button,
body.td-shell-route-unified .td-share-modal__body button.td-share-copy.button,
body.td-shell-route-unified .td-share-modal__body button.td-share-update.button{background:var(--e-global-color-primary, #cc6b1d) !important;border:1px solid var(--e-global-color-primary, #cc6b1d) !important;color:#fff !important;}
body.td-shell-route-unified .td-share-modal__body button.td-share__remove.button,
body.td-shell-route-unified .td-share-modal__body button.td-share-delete.button{background:var(--td-color-surface-panel, #f3ece3) !important;border:1px solid rgba(59,47,40,.16) !important;color:var(--td-color-text, #1f1f1f) !important;}


/* 2.7.106.5 – share owner: inline owner-actions ska vara dolda tills modal/explicit area visar dem. */
body.td-shell-route-unified .td-entry-view__content .td-share-actions-box,
body.td-shell-route-unified .td-entry-form .td-share-actions-box,
body.td-shell-route-unified .td-entry-edit-form .td-share-actions-box{
  display:none !important;
}
body.td-shell-route-unified .td-share-modal__body .td-share-actions-box,
body.td-shell-route-unified .td-share-inline-surface .td-share-actions-box{
  display:block !important;
}

/* 2.7.106.16 – share modal unified radios + equal buttons */
.td-share-choice-group{display:grid;gap:10px;margin:0 0 12px;}
.td-share-choice{display:flex;align-items:center;gap:8px;font-weight:700;}
.td-share-actions-row--buttons{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px !important;}
.td-share-modal__body .td-share-modal__action.button,
.td-share-modal__body .td-share-modal__action.button:visited{min-height:44px !important;display:inline-flex !important;align-items:center;justify-content:center;white-space:nowrap;}
.td-share-modal__body .td-share-delete.button,
.td-share-modal__body .td-share-delete.button:visited{background:var(--e-global-color-primary, #cc6b1d) !important;border:1px solid var(--e-global-color-primary, #cc6b1d) !important;color:#fff !important;}
.td-share-modal__body .td-share-actions-row--url input[type="text"]{width:100%;}
.td-share-modal__body .td-share-actions-row--buttons .button[disabled]{opacity:.55;cursor:not-allowed;}

/* #768 – gruppdelning som dropdown med kryssrutor i delningsmodalen */
.td-share-modal__body .td-share-actions-row--groups{display:block !important;}
.td-share-groups-dropdown{width:100%;}
.td-share-groups-dropdown summary{cursor:pointer;}
.td-share-groups-dropdown__body{display:grid;gap:8px;margin-top:10px;}
.td-share-groups-dropdown .td-checkbox-row{display:flex;align-items:center;gap:8px;font-weight:400;}


/* 2.7.208.3 – dela/hjälp/aviseringar close icons ska alltid synas */
.td-share-modal__close,
.td-help-modal__close,
.td-notification-center__close{color:#1f1f1f !important;opacity:1 !important;visibility:visible !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}
.td-share-modal__close:hover,
.td-help-modal__close:hover,
.td-notification-center__close:hover{background:transparent !important;color:#1f1f1f !important;}


/* CookieYes – matcha ATVOF CTA */
.cky-consent-container .cky-btn {
  border-radius: 5px !important;
  font-weight: 500;
  transition: all 0.2s ease;
  opacity: 1 !important;
  text-decoration: none !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.cky-consent-container .cky-btn-customize,
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-preferences,
.cky-consent-container .cky-btn-customize:focus,
.cky-consent-container .cky-btn-reject:focus,
.cky-consent-container .cky-btn-preferences:focus,
.cky-consent-container .cky-btn-customize:active,
.cky-consent-container .cky-btn-reject:active,
.cky-consent-container .cky-btn-preferences:active {
  color: var(--e-global-color-primary) !important;
  background: #ffffff !important;
  border: 1px solid var(--e-global-color-primary) !important;
}

.cky-consent-container .cky-btn-customize:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-preferences:hover {
  color: #ffffff !important;
  background: var(--e-global-color-primary) !important;
  border: 1px solid var(--e-global-color-primary) !important;
}

.cky-consent-container .cky-btn-accept,
.cky-consent-container .cky-btn-accept:focus,
.cky-consent-container .cky-btn-accept:active {
  color: #ffffff !important;
  background: var(--e-global-color-primary) !important;
  border: 1px solid var(--e-global-color-primary) !important;
}

.cky-consent-container .cky-btn-accept:hover {
  color: #ffffff !important;
  background: color-mix(in srgb, var(--e-global-color-primary) 88%, #000 12%) !important;
  border: 1px solid color-mix(in srgb, var(--e-global-color-primary) 88%, #000 12%) !important;
}

/* 2.8.9.11 – delningsmodalen får aldrig läcka ut som inline-innehåll i entry view. */
body.td-shell-route-unified .td-share-modal[aria-hidden="true"],
body.td-shell-route-unified .td-share-modal:not([aria-hidden="false"]){
  display:none !important;
}
body.td-shell-route-unified .td-share-modal[aria-hidden="false"]{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:block !important;
}


/* 2.17.15 – Träningsguiden save status + activity text overflow */
.td-coach-onboarding__ajax-status {
  display: none;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  font-weight: 700;
}
.td-coach-onboarding__ajax-status--pending,
.td-coach-onboarding__ajax-status--success,
.td-coach-onboarding__ajax-status--error {
  display: block;
}
.td-coach-onboarding__ajax-status--pending {
  background: #fff3df;
}
.td-coach-onboarding__ajax-status--success {
  background: #eaf7ea;
}
.td-coach-onboarding__ajax-status--error {
  background: #fdecec;
}
.single-td_activity .td-content,
.single-td_activity .td-card,
.single-td_activity .td-card * {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
.single-td_activity .td-card img,
.single-td_activity .td-card iframe,
.single-td_activity .td-card video,
.single-td_activity .td-card table {
  max-width: 100%;
}
.single-td_activity .td-card table {
  display: block;
  overflow-x: auto;
}


/* ── App-splash (initial laddning) ── */
#td-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  background: #fff9f3;
  transition: opacity 0.4s ease;
}
#td-splash.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.td-splash__top {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px 20px;
  flex-shrink: 0;
}
.td-splash__logo {
  width: 100px;
  height: auto;
}
.td-splash__photo {
  flex: 1;
  min-height: 0;
  background-color: #e8d8c4;
  background-size: cover;
  background-position: center top;
}
.td-splash__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 24px 40px;
  flex-shrink: 0;
  background: #fff9f3;
}
.td-splash__paws {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.td-splash__wave-wrapper {
  flex-shrink: 0;
  height: 40px;
  margin-top: -1px;
}
.td-splash__wave-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}
.td-splash__paw {
  display: block;
  width: 28px;
  height: 28px;
  color: var(--td-color-primary, #c65a1e);
  opacity: 0;
  animation: td-splash-paw-appear 2s ease-in-out infinite;
}
/* Negativa delays: paw 1–3 är redan synliga när splashen visas */
.td-splash__paw--1 { animation-delay: -1.2s; }
.td-splash__paw--2 { animation-delay: -0.9s; }
.td-splash__paw--3 { animation-delay: -0.6s; }
.td-splash__paw--4 { animation-delay:  0.3s; }
.td-splash__paw--5 { animation-delay:  0.9s; }
@keyframes td-splash-paw-appear {
  0%   { opacity: 0;   transform: scale(0.7); }
  30%  { opacity: 1;   transform: scale(1); }
  70%  { opacity: 1;   transform: scale(1); }
  100% { opacity: 0;   transform: scale(0.7); }
}
.td-splash__loading {
  font-size: 16px;
  font-weight: 700;
  color: var(--td-color-brown, #5c3d1e);
  margin: 0 0 6px;
}
.td-splash__tagline {
  font-size: 13px;
  color: var(--td-color-brown-muted, #9b7a5c);
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

/* ── Navigerings-täckskärm (visas direkt vid länkklick på utgående sida) ── */
html.td-nav-out::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 5999; /* under navbaren (6000) – nav-items förblir synliga ovanpå */
  background: #fff9f3;
  pointer-events: none;
}
/* ── Nav-tassavtryck (injekteras via JS vid navigering) ── */
.td-nav-paws {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 10px;
  z-index: 6000;
  pointer-events: none;
}
.td-nav-paws__paw {
  display: block;
  width: 26px;
  height: 26px;
  color: var(--td-color-primary, #c65a1e);
  opacity: 0;
  animation: td-nav-paw-appear 1.8s ease-in-out infinite;
}
/* Paw 1–3 med negativa delays: synliga direkt vid navigering */
.td-nav-paws__paw--1 { animation-delay: -0.9s; --td-paw-rot: -12deg; }
.td-nav-paws__paw--2 { animation-delay: -0.5s; --td-paw-rot:   8deg; }
.td-nav-paws__paw--3 { animation-delay: -0.2s; --td-paw-rot: -10deg; }
.td-nav-paws__paw--4 { animation-delay:  0.2s; --td-paw-rot:   6deg; }
.td-nav-paws__paw--5 { animation-delay:  0.5s; --td-paw-rot:  -8deg; }
@keyframes td-nav-paw-appear {
  0%   { opacity: 0;   transform: scale(0.5) rotate(var(--td-paw-rot, 0deg)); }
  20%  { opacity: 1;   transform: scale(1)   rotate(var(--td-paw-rot, 0deg)); }
  70%  { opacity: 0.9; transform: scale(1)   rotate(var(--td-paw-rot, 0deg)); }
  100% { opacity: 0;   transform: scale(0.6) rotate(var(--td-paw-rot, 0deg)); }
}

 :root{
  --td-shell-content-max:1120px;
  --td-shell-content-pad:16px;
  --td-shell-stack-gap:28px;
  --td-shell-stack-gap-lg:32px;
  --td-shell-card-pad:20px;
  --td-shell-card-pad-mobile:16px;
  --td-shell-card-title-size:1.125rem;
  --td-shell-mobile-topbar:72px;
  --td-shell-desktop-topbar-height:88px;
  --td-shell-adminbar-mobile:46px;
  --td-shell-adminbar-desktop:32px;
}

/* 2.7.99.31 / 2162 – td-layout-system är inte längre owner för wrappergeometri i app-spåret.
   Page-frame + card + respektive vyowner bär nu bredd/gap. Här får bara generiska tokens
   och explicita desktop-utilities ligga kvar. */

@media (min-width: 1024px){
  body.td-page .td-app-shell{padding-bottom:48px !important;}

  body.td-page .td-grid--desktop-2,
  body.td-page .td-dashboard.td-grid--desktop-2{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 340px !important;
    gap:var(--td-shell-stack-gap-lg) !important;
    align-items:start !important;
  }
}

@media (max-width: 767px){
  :root{
    --td-shell-content-pad:14px;
    --td-shell-card-pad:var(--td-shell-card-pad-mobile);
    --td-shell-card-title-size:1rem;
  }
}



/* Bas: riktig footeryta i page-frame/shell. */
body.td-page .td-page-frame > .td-decoration--footer-silhouette,
body.td-page .td-page-frame > .td-app-shell__footer-silhouette,
body.td-shell .td-page-frame > .td-decoration--footer-silhouette,
body.td-shell .td-page-frame > .td-app-shell__footer-silhouette,
body.td-help-single .td-page-frame > .td-decoration--footer-silhouette,
body.td-help-single .td-page-frame > .td-app-shell__footer-silhouette,
body.td-help-archive .td-page-frame > .td-decoration--footer-silhouette,
body.td-help-archive .td-page-frame > .td-app-shell__footer-silhouette,
body.td-courseware-app .td-page-frame > .td-decoration--footer-silhouette,
body.td-courseware-app .td-page-frame > .td-app-shell__footer-silhouette,
body.td-wpcw-course .td-page-frame > .td-decoration--footer-silhouette,
body.td-wpcw-course .td-page-frame > .td-app-shell__footer-silhouette,
body.td-wpcw-unit .td-page-frame > .td-decoration--footer-silhouette,
body.td-wpcw-unit .td-page-frame > .td-app-shell__footer-silhouette,
body.single-course .td-page-frame > .td-decoration--footer-silhouette,
body.single-course .td-page-frame > .td-app-shell__footer-silhouette,
body.single-course_unit .td-page-frame > .td-decoration--footer-silhouette,
body.single-course_unit .td-page-frame > .td-app-shell__footer-silhouette,
body.td-page .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-page .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-shell .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-shell .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-help-single .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-help-single .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-help-archive .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-help-archive .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-courseware-app .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-courseware-app .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-wpcw-course .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-wpcw-course .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-wpcw-unit .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-wpcw-unit .td-page-frame__footer .td-app-shell__footer-silhouette,
body.single-course .td-page-frame__footer .td-decoration--footer-silhouette,
body.single-course .td-page-frame__footer .td-app-shell__footer-silhouette,
body.single-course_unit .td-page-frame__footer .td-decoration--footer-silhouette,
body.single-course_unit .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-page .td-shell__footer .td-decoration--footer-silhouette,
body.td-page .td-shell__footer .td-app-shell__footer-silhouette,
body.td-shell .td-shell__footer .td-decoration--footer-silhouette,
body.td-shell .td-shell__footer .td-app-shell__footer-silhouette,
body.td-help-single .td-shell__footer .td-decoration--footer-silhouette,
body.td-help-single .td-shell__footer .td-app-shell__footer-silhouette,
body.td-help-archive .td-shell__footer .td-decoration--footer-silhouette,
body.td-help-archive .td-shell__footer .td-app-shell__footer-silhouette,
body.td-courseware-app .td-shell__footer .td-decoration--footer-silhouette,
body.td-courseware-app .td-shell__footer .td-app-shell__footer-silhouette,
body.td-wpcw-course .td-shell__footer .td-decoration--footer-silhouette,
body.td-wpcw-course .td-shell__footer .td-app-shell__footer-silhouette,
body.td-wpcw-unit .td-shell__footer .td-decoration--footer-silhouette,
body.td-wpcw-unit .td-shell__footer .td-app-shell__footer-silhouette,
body.single-course .td-shell__footer .td-decoration--footer-silhouette,
body.single-course .td-shell__footer .td-app-shell__footer-silhouette,
body.single-course_unit .td-shell__footer .td-decoration--footer-silhouette,
body.single-course_unit .td-shell__footer .td-app-shell__footer-silhouette,
body.single-td_entry .td-page-frame__footer .td-decoration--footer-silhouette,
body.single-td_entry .td-page-frame__footer .td-app-shell__footer-silhouette,
body.single-td_entry .td-shell__footer .td-decoration--footer-silhouette,
body.single-td_entry .td-shell__footer .td-app-shell__footer-silhouette,
body.td-entry-single .td-page-frame__footer .td-decoration--footer-silhouette,
body.td-entry-single .td-page-frame__footer .td-app-shell__footer-silhouette,
body.td-entry-single .td-shell__footer .td-decoration--footer-silhouette,
body.td-entry-single .td-shell__footer .td-app-shell__footer-silhouette{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:72px !important;
  min-height:72px !important;
  margin:8px 0 0 !important;
  background-image:var(--td-shell-silhouette-image) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:contain !important;
  opacity:.52 !important;
  filter:saturate(1.06) brightness(.62) contrast(1.04) !important;
  mix-blend-mode:normal !important;
  pointer-events:none !important;
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
}

@media (min-width: 782px){
  body.td-page .td-page-frame > .td-decoration--footer-silhouette,
  body.td-page .td-page-frame > .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame > .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame > .td-app-shell__footer-silhouette,
  body.td-page .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-page .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-page .td-shell__footer .td-decoration--footer-silhouette,
  body.td-page .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-shell__footer .td-decoration--footer-silhouette,
  body.td-shell .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-single .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-help-single .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-help-archive .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-help-archive .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-courseware-app .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-courseware-app .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-course .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-wpcw-course .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-unit .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-wpcw-unit .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.single-course .td-page-frame__footer .td-decoration--footer-silhouette,
  body.single-course .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.single-course_unit .td-page-frame__footer .td-decoration--footer-silhouette,
  body.single-course_unit .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-help-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-archive .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-archive .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-decoration--footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-course .td-shell__footer .td-decoration--footer-silhouette,
  body.td-wpcw-course .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-unit .td-shell__footer .td-decoration--footer-silhouette,
  body.td-wpcw-unit .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-course .td-shell__footer .td-decoration--footer-silhouette,
  body.single-course .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-course_unit .td-shell__footer .td-decoration--footer-silhouette,
  body.single-course_unit .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-td_entry .td-shell__footer .td-decoration--footer-silhouette,
  body.single-td_entry .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-entry-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-entry-single .td-shell__footer .td-app-shell__footer-silhouette{
    height:88px !important;
    min-height:88px !important;
    margin-top:10px !important;
    opacity:.42 !important;
    filter:saturate(1.06) brightness(.68) contrast(1.04) !important;
  }
}

@media (max-width: 781px){
  body.td-page .td-page-frame > .td-decoration--footer-silhouette,
  body.td-page .td-page-frame > .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame > .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame > .td-app-shell__footer-silhouette,
  body.td-page .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-page .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-page .td-shell__footer .td-decoration--footer-silhouette,
  body.td-page .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-shell__footer .td-decoration--footer-silhouette,
  body.td-shell .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-archive .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-archive .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-decoration--footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-course .td-shell__footer .td-decoration--footer-silhouette,
  body.td-wpcw-course .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-wpcw-unit .td-shell__footer .td-decoration--footer-silhouette,
  body.td-wpcw-unit .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-course .td-shell__footer .td-decoration--footer-silhouette,
  body.single-course .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-course_unit .td-shell__footer .td-decoration--footer-silhouette,
  body.single-course_unit .td-shell__footer .td-app-shell__footer-silhouette,
  body.single-td_entry .td-shell__footer .td-decoration--footer-silhouette,
  body.single-td_entry .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-entry-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-entry-single .td-shell__footer .td-app-shell__footer-silhouette{
    height:60px !important;
    min-height:60px !important;
    margin:8px 0 4px !important;
    background-size:auto 60px !important;
    opacity:.60 !important;
    filter:saturate(1.08) brightness(.52) contrast(1.08) !important;
    mix-blend-mode:normal !important;
  }
}


@media (max-width:781.98px){
  /* 2.7.95.30 / 2109 – footersiluetten ska vara synlig på mobil men ligga ovanför fixed bottomnav.
     td-decorations äger endast dekorens egen slutyta, inte navet. */
  body.td-page .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-page .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-page .td-shell__footer .td-decoration--footer-silhouette,
  body.td-page .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-shell__footer .td-decoration--footer-silhouette,
  body.td-shell .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-decoration--footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-entry-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-entry-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-share-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-share-single .td-shell__footer .td-app-shell__footer-silhouette{
    display:block !important;
    margin:8px 0 0 !important;
  }
}


@media (max-width:781.98px){
  /* 2.7.95.31 / 2109 – footersiluetten ska vara synlig på mobil men ligga ovanför fixed bottomnav.
     td-decorations äger endast dekorens egen slutyta, inte navet. */
  body.td-page .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-page .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-shell .td-page-frame__footer .td-app-shell__footer-silhouette,
  body.td-page .td-shell__footer .td-decoration--footer-silhouette,
  body.td-page .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-shell .td-shell__footer .td-decoration--footer-silhouette,
  body.td-shell .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-help-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-help-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-decoration--footer-silhouette,
  body.td-courseware-app .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-entry-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-entry-single .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-share-single .td-shell__footer .td-decoration--footer-silhouette,
  body.td-share-single .td-shell__footer .td-app-shell__footer-silhouette{
    display:block !important;
    margin:8px 0 0 !important;
  }
}



@media (max-width:781.98px){
  body.td-mobile-bottomnav-present .td-page-frame__footer,
  body.td-mobile-bottomnav-present .td-shell__footer{
    margin:0 !important;
    padding:0 !important;
  }

  body.td-mobile-bottomnav-present .td-decoration--footer-silhouette,
  body.td-mobile-bottomnav-present .td-app-shell__footer-silhouette{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    margin:20px 0 84px !important;
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    background-size:auto 60px !important;
  }
}



/* 2.7.102.2 – korrigerad footer-silhuett owner. */
body .td-decoration--footer-silhouette,
body .td-app-shell__footer-silhouette{
  display:block !important;
  width:100% !important;
  height:84px !important;
  min-height:84px !important;
  margin:8px 0 0 !important;
  background-image:var(--td-shell-silhouette-image) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:contain !important;
  opacity:.52 !important;
  pointer-events:none !important;
  flex:0 0 auto !important;
}

@media (max-width:781.98px){
  body .td-decoration--footer-silhouette,
  body .td-app-shell__footer-silhouette{
    height:60px !important;
    min-height:60px !important;
    background-size:auto 60px !important;
  }
}


/* 2.7.102.4 – silhuetten ska ligga ovanför mobil bottomnav. */
@media (max-width:781.98px){
  body .td-decoration--footer-silhouette,
  body .td-app-shell__footer-silhouette{
    margin-bottom:calc(var(--td-mobile-bottom-nav-total, 60px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
  }
}


/* 2.7.102.17 – footerdekorens luft ägs av dekorationslagret. */
body.td-shell-route-unified .td-shell__footer,
body.td-shell-route-unified .td-page-frame__footer{
  padding-top:32px !important;
}

@media (max-width:781.98px){
  body.td-mobile-bottomnav-present .td-shell__footer,
  body.td-mobile-bottomnav-present .td-page-frame__footer{
    padding-top:20px !important;
    padding-bottom:84px !important;
  }

  body.td-mobile-bottomnav-present .td-decoration--footer-silhouette,
  body.td-mobile-bottomnav-present .td-app-shell__footer-silhouette{
    margin:0 !important;
  }
}


/* 2.7.102.21 – footerdekoren ska ha riktig luft och inte nollas av sena exact-selector-block. */
footer.td-shell__footer{
  padding-top:32px !important;
}

footer.td-shell__footer > .td-decoration.td-decoration--footer-silhouette.td-app-shell__footer-silhouette{
  margin:16px 0 0 !important;
}

@media (max-width:781.98px){
  body.td-mobile-bottomnav-present footer.td-shell__footer{
    padding-top:20px !important;
    padding-bottom:96px !important;
  }

  body.td-mobile-bottomnav-present footer.td-shell__footer > .td-decoration.td-decoration--footer-silhouette.td-app-shell__footer-silhouette{
    margin:16px 0 24px !important;
  }
}


/* 2.7.104.9 – courseware/unit ska alltid visa footersiluetten. */
body.td-courseware-app .td-shell__footer,
body.td-wpcw-unit .td-shell__footer,
body.single-course_unit .td-shell__footer{
  display:block !important;
  min-height:88px !important;
  overflow:visible !important;
}
@media (max-width:781.98px){
  body.td-courseware-app .td-shell__footer,
  body.td-wpcw-unit .td-shell__footer,
  body.single-course_unit .td-shell__footer{
    min-height:60px !important;
  }
}


/* 2.9.6 / 1992.22 – i edit- och instruktörsflöden på mobil ska shell-footern inte bli en fast synlig yta ovanför bottomnav. */
@media (max-width:781.98px){
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) footer.td-shell__footer,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-shell__footer,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-page-frame__footer{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-shell__footer .td-decoration--footer-silhouette,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-shell__footer .td-app-shell__footer-silhouette,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-page-frame__footer .td-decoration--footer-silhouette,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-page-frame__footer .td-app-shell__footer-silhouette{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background-image:none !important;
  }
}

/* 2.9.7 / 1992.24 – samma siluett visas i slutet av den scrollande innehållsytan, inte som sticky footer. */
@media (max-width:781.98px){
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) main.td-shell__main::after,
  body.td-is-mobile:is(.td-view-edit,.td-view-form,.td-view-instructor) .td-main.td-shell__main::after{
    content:"";
    display:block;
    width:100%;
    height:60px;
    min-height:60px;
    margin:24px 0 calc(var(--td-mobile-bottom-nav-total, 60px) + env(safe-area-inset-bottom, 0px) + 20px);
    background-image:var(--td-shell-silhouette-image, url('https://apporteringtillvardagochfest.se/wp-content/plugins/traningsdagbok/assets/images/td-dog-silhouettes-brown.png'));
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:auto 60px;
    opacity:.60;
    filter:saturate(1.08) brightness(.52) contrast(1.08);
    pointer-events:none;
    flex:0 0 auto;
  }
}

:root{
  --td-weekplan-item-gap:12px;
  --td-weekplan-check-size:24px;
}



/* 2.7.98.15 / 2147 – weekplan-editorns klick-/lagerkontrakt ägs av weekplan-filen, inte av td-frontend.css. */
body.td-page .td-weekplan-editor__item--selected .td-weekplan-editor__check,
body.td-page .td-weekplan-editor__item--suggested .td-weekplan-editor__check{
  position:relative;
  z-index:2;
}
body.td-page .td-weekplan-editor__item--selected .td-weekplan-editor__label,
body.td-page .td-weekplan-editor__item--suggested .td-weekplan-editor__label{
  position:relative;
  z-index:1;
}
body.td-page .td-weekplan-editor__item--selected .td-weekplan-unit-label--linked,
body.td-page .td-weekplan-editor__item--suggested .td-weekplan-unit-link{
  pointer-events:auto !important;
  cursor:pointer !important;
}



/* 2.7.99.13 / 2162 – unified weekplan list uses inline alignment without legacy left indent. */
body.td-shell-route-unified.td-content-family-entry .td-weekplan-editor__list--passes{
  margin:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}
body.td-shell-route-unified.td-content-family-entry .td-weekplan-editor__list--passes li{
  margin:0 !important;
}

/* 2.8.8.10 / 2524-2535 – canonical weekplan picker layout. */
body.td-page .td-weekplan-editor__item--selected,
body.td-page .td-weekplan-editor__item--suggested,
body.td-shell-route-unified .td-weekplan-editor__item--selected,
body.td-shell-route-unified .td-weekplan-editor__item--suggested{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:start !important;
  justify-content:start !important;
  gap:2px 8px !important;
  width:100% !important;
}
body.td-page .td-weekplan-editor__check,
body.td-shell-route-unified .td-weekplan-editor__check{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  padding-top:.22em !important;
  margin:0 !important;
}
body.td-page .td-weekplan-editor__label,
body.td-shell-route-unified .td-weekplan-editor__label{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  flex:none !important;
}
body.td-page .td-weekplan-editor__titleline,
body.td-shell-route-unified .td-weekplan-editor__titleline{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:7px !important;
  max-width:100% !important;
}
body.td-page .td-weekplan-editor__titletext,
body.td-shell-route-unified .td-weekplan-editor__titletext{
  min-width:0 !important;
}
body.td-page .td-weekplan-editor__meta,
body.td-shell-route-unified .td-weekplan-editor__meta{
  display:block !important;
  margin-top:2px !important;
  text-align:left !important;
  white-space:normal !important;
}
body.td-page .td-weekplan-editor__item .td-unit-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__item .td-unit-favorite-static,
body.td-page .td-weekplan-editor__item .td-user-exercise-favorite-static,
body.td-shell-route-unified .td-weekplan-editor__item .td-user-exercise-favorite-static{
  display:inline-flex !important;
  position:static !important;
  grid-column:auto !important;
  justify-self:start !important;
  align-self:baseline !important;
  margin:0 !important;
  line-height:1 !important;
  vertical-align:baseline !important;
}
body.td-page .td-weekplan-editor__block,
body.td-shell-route-unified .td-weekplan-editor__block,
body.td-page .td-weekplan-add-wrap,
body.td-shell-route-unified .td-weekplan-add-wrap{
  margin-top:18px !important;
}
body.td-page .td-weekplan-add-title,
body.td-shell-route-unified .td-weekplan-add-title{
  margin-top:20px !important;
  margin-bottom:8px !important;
}
body.td-page .td-weekplan-editor__filter-label,
body.td-shell-route-unified .td-weekplan-editor__filter-label{
  margin-bottom:6px !important;
}

/* 2.8.9.28 – mobilfix för övningsväljarens sökresultat. */
body.td-shell-route-unified .td-weekplan-results .td-ac-item--selectable{
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  align-items:center;
  gap:8px;
}
body.td-shell-route-unified .td-weekplan-results .td-ac-item__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.td-shell-route-unified .td-weekplan-results .td-ac-item__info{
  font-size:13px;
  line-height:1;
  padding:7px 9px;
  border-radius:999px;
  text-decoration:none !important;
  background:rgba(59,47,40,.08);
  color:var(--td-color-text, #3b2f28);
  white-space:nowrap;
}
@media (max-width: 767px){
  body.td-shell-route-unified .td-weekplan-add-wrap{
    position:relative;
  }
  body.td-shell-route-unified .td-weekplan-results{
    margin-top:4px !important;
  }
}

body.td-courseware-app .td-course-layout{
  display:grid !important;
  gap:var(--td-shell-card-gap) !important;
}

body.td-courseware-app .td-course-layout__surface{
  display:grid !important;
  gap:16px !important;
  min-width:0 !important;
}

body.td-courseware-app .td-card--courseware .td-course-layout__surface > *{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.td-courseware-app .td-card--courseware .td-course-layout__surface > :empty,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .elementor:empty,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .elementor-section:empty,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .elementor-widget-wrap:empty,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_progress_box_markers:empty{
  display:none !important;
}

body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_navigation_box,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_progress_box,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_btn,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_quiz_box,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_unit_meta,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_module,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_units{
  margin:0 !important;
}

body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_navigation_box,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_progress_box,
body.td-courseware-app .td-card--courseware .td-course-layout__surface .wpcw_fe_quiz_box{
  border-radius:var(--td-shell-radius-soft) !important;
}

html.td-shell-standalone{
  margin-top:0 !important;
}

html.td-shell-standalone body,
body.td-shell-standalone{
  margin-top:0 !important;
  padding-top:0 !important;
}

body.td-shell-standalone.admin-bar #wpadminbar{
  position:fixed !important;
  top:0 !important;
}

body.td-shell-standalone.td-page .td-app-shell__masthead--section,
body.td-shell-standalone.td-page .td-app-shell__masthead--hero{
  position:relative !important;
  top:auto !important;
}

body.td-shell-standalone .td-app-shell,
body.td-shell-standalone .td-shell-frame{
  min-height:100vh;
}

body.td-shell-standalone .td-shell-frame{
  display:flex;
  flex-direction:column;
  background:var(--td-color-sand, var(--td-color-cream));
}

body.td-shell-standalone .td-shell-frame__header{
  background:var(--td-color-brown, var(--td-color-brown));
  color:var(--td-color-white);
  padding:32px 16px 24px;
}

body.td-shell-standalone.admin-bar .td-shell-frame__header{
  padding-top:64px;
}

body.td-shell-standalone .td-shell-frame__header-inner,
body.td-shell-standalone .td-no-access-shell__inner{
  width:min(100%, calc(var(--td-shell-content-max, 1120px) + (var(--td-shell-content-pad, 16px) * 2)));
  margin:0 auto;
  padding-left:var(--td-shell-content-pad, 16px);
  padding-right:var(--td-shell-content-pad, 16px);
  box-sizing:border-box;
}

body.td-shell-standalone .td-shell-frame__eyebrow{
  font-size:12px;
  line-height:1.3;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.84;
}

body.td-shell-standalone .td-shell-frame__title{
  margin:8px 0 0;
  color:inherit;
}

body.td-shell-standalone .td-shell-frame__main{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}

body.td-shell-standalone .td-shell-family__content,
body.td-shell-standalone .td-no-access-shell{
  width:min(100%, calc(var(--td-shell-content-max, 1120px) + (var(--td-shell-content-pad, 16px) * 2)));
  margin:0 auto;
  padding:24px var(--td-shell-content-pad, 16px) 40px;
  box-sizing:border-box;
}

body.td-shell-standalone .td-share-card__meta{
  font-size:14px;
  line-height:1.5;
  color:var(--td-color-text-opacity-70);
  margin-bottom:12px;
}

body.td-shell-standalone .td-share-actions-box{
  width:100%;
}

body.td-shell-standalone .td-share-actions-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

body.td-shell-standalone .td-share-actions-row + .td-share-actions-row{
  margin-top:12px;
}

@media (min-width: 783px){
  body.td-shell-standalone.admin-bar .td-shell-frame__header{
    padding-top:48px;
  }
}

body.td-no-access-preview-active .td-shell-test-preview{
  width:min(100%, calc(var(--td-shell-content-max, 1120px) + (var(--td-shell-content-pad, 16px) * 2)));
  margin:24px auto 40px;
  padding:0 var(--td-shell-content-pad, 16px);
  box-sizing:border-box;
}

body.td-no-access-preview-active .td-shell-test-preview__intro{
  margin:0 0 20px;
}

body.td-no-access-preview-active .td-shell-test-preview__title{
  margin:0 0 8px;
}

body.td-no-access-preview-active .td-shell-test-preview__text,
body.td-no-access-preview-active .td-shell-test-preview__meta{
  margin:0 0 12px;
}

body.td-no-access-preview-active .td-shell-test-preview__meta code{
  word-break:break-all;
}

body.td-no-access-preview-active .td-shell-test-preview__shell{
  border:1px dashed var(--td-color-brown-dash-border);
  border-radius:12px;
  overflow:hidden;
  background:var(--td-color-sand, var(--td-color-cream));
}

body.td-no-access-preview-active .td-shell-test-preview__shell .td-app-shell,
body.td-no-access-preview-active .td-shell-test-preview__shell .td-shell-frame{
  min-height:0;
}


/* 2.7.99.22 / 2162 – standalone/share/access-card-kontrakt ägs av shell-family i stället för compat. */
html.td-shell-standalone,
body.traningsdagbok.td-shell-standalone{
  margin:0 !important;
  padding:0 !important;
  background:var(--td-shell-bg, var(--td-color-page-bg)) !important;
}
body.traningsdagbok.td-shell-standalone .td-access-card__text,
body.traningsdagbok.td-shell-standalone .td-access-card__actions{
  margin-left:0 !important;
  padding-left:0 !important;
}
body.traningsdagbok.td-shell-standalone .td-access-card__text{
  margin:0 !important;
  max-width:34ch !important;
}
body.td-shell-standalone .td-share-error .button,
body.td-shell-standalone .td-share-actions .button,
body.td-shell-standalone .td-access-card__actions .button,
body.td-shell-standalone .td-access-card__btn{
  border-radius:5px !important;
}
body.td-shell-standalone .td-share-error .button.button-primary,
body.td-shell-standalone .td-share-actions .button.button-primary,
body.td-shell-standalone .td-access-card__actions .button,
body.td-shell-standalone .td-access-card__btn--login,
body.td-shell-standalone .td-access-card__btn--join{
  background:var(--td-color-primary) !important;
  color:var(--td-color-white) !important;
  border-color:var(--td-color-primary) !important;
}
body.td-shell-standalone .td-share-error .button:not(.button-primary),
body.td-shell-standalone .td-share-actions .button:not(.button-primary),
body.td-shell-standalone .td-access-card__btn--switch{
  background:var(--td-color-white) !important;
  color:var(--td-color-text-strong) !important;
  border:1px solid var(--td-color-border-mid) !important;
}
@media (max-width:767px){
  body.traningsdagbok.td-shell-standalone .td-access-card,
  body.traningsdagbok.td-shell-standalone .td-card.td-error{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:20px !important;
  }
  body.traningsdagbok.td-shell-standalone .td-access-card__actions,
  body.traningsdagbok.td-shell-standalone .td-share-actions,
  body.traningsdagbok.td-shell-standalone .td-u-flex-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    justify-content:flex-start !important;
  }
  body.traningsdagbok.td-shell-standalone .td-access-card__actions .button,
  body.traningsdagbok.td-shell-standalone .td-share-actions .button,
  body.traningsdagbok.td-shell-standalone .td-u-flex-row .button{
    min-width:0 !important;
    width:auto !important;
    flex:0 0 auto !important;
  }
}

/* standalone-back: bakåtknapp i PWA/app-standalone-läge. Källa: td-header-overrides-part-02.css */
.td-app-standalone-back{
  display:none !important;
}
html.td-pwa-standalone .td-app-standalone-back,
body.td-pwa-standalone .td-app-standalone-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:fixed !important;
  left:max(10px, env(safe-area-inset-left, 0px)) !important;
  top:calc(env(safe-area-inset-top, 0px) + 54px) !important;
  z-index:2147483000 !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  text-decoration:none !important;
  background:rgba(47,42,38,.72) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  -webkit-tap-highlight-color:transparent !important;
}
html.td-pwa-standalone .td-app-standalone-back__icon,
body.td-pwa-standalone .td-app-standalone-back__icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
}
html.td-pwa-standalone .td-app-standalone-back svg,
body.td-pwa-standalone .td-app-standalone-back svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
@media (min-width:782px){
  /* Duplicerad regel, se även assets/css/layout/td-header-overrides-parts/td-header-overrides-part-02.css
     (samma @media-block, runt rad 699) - synka vid ändring av selektor/specificitet.
     Scope:a under standalone-klassen så desktop-döljningen vinner specificiteten (0,2,0)
     mot inline-flex-regeln ovan, annars syns bakåtknappen på iPad/desktop i PWA-läge (#314).
     #1392: undanta det riktiga native-appskalet (td-app-native-shell, satt av
     isNativeShell() i td-menu.js) från döljningen - iOS WKWebView/Android TWA saknar
     OS-chrome att navigera tillbaka med oavsett skärmbredd, t.ex. iPadens surfplattevy
     i landskap som annars passerar 782px-brytpunkten och tappar enda vägen tillbaka. */
  .td-app-standalone-back,
  html.td-pwa-standalone:not(.td-app-native-shell) .td-app-standalone-back,
  body.td-pwa-standalone:not(.td-app-native-shell) .td-app-standalone-back{
    display:none !important;
  }
}

body.td-page .td-main,
body.td-shell .td-main,
body.td-help-single .td-main,
body.single-td_help .td-main,
body.td-courseware-app .td-main,
body.td-entry-single .td-main,
body.td-share-single .td-main,
body.td-no-access .td-main,
body.td-shell-standalone .td-main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 var(--td-shell-content-pad);
  box-sizing:border-box;
}

body.td-page .td-main__body,
body.td-page .td-page-frame__content,
body.td-shell .td-main__body,
body.td-shell .td-page-frame__content,
body.td-help-single .td-main__body,
body.single-td_help .td-main__body,
body.td-courseware-app .td-main__body,
body.td-entry-single .td-main__body,
body.td-share-single .td-main__body,
body.td-no-access .td-main__body,
body.td-shell-standalone .td-main__body{
  width:100%;
  max-width:var(--td-shell-content-max);
  margin:0 auto;
  padding:0 0 18px;
  box-sizing:border-box;
}

body.td-page .td-main__body > .td-content,
body.td-page .td-content > .td-view-stack,
body.td-page .td-page-frame__stack,
body.td-page .td-shell-content,
body.td-page .td-view-stack,
body.td-page .td-stack,
body.td-shell .td-main__body > .td-content,
body.td-shell .td-content > .td-view-stack,
body.td-shell .td-page-frame__stack,
body.td-shell .td-shell-content,
body.td-shell .td-view-stack,
body.td-shell .td-stack,
body.td-help-single .td-main__body > .td-content,
body.td-help-single .td-content > .td-view-stack,
body.td-help-single .td-page-frame__stack,
body.td-help-single .td-shell-content,
body.td-help-single .td-view-stack,
body.td-help-single .td-stack,
body.single-td_help .td-main__body > .td-content,
body.single-td_help .td-content > .td-view-stack,
body.single-td_help .td-page-frame__stack,
body.single-td_help .td-shell-content,
body.single-td_help .td-view-stack,
body.single-td_help .td-stack,
body.td-courseware-app .td-main__body > .td-content,
body.td-courseware-app .td-content > .td-view-stack,
body.td-courseware-app .td-page-frame__stack,
body.td-courseware-app .td-shell-content,
body.td-courseware-app .td-view-stack,
body.td-courseware-app .td-stack,
body.td-entry-single .td-main__body > .td-content,
body.td-entry-single .td-content > .td-view-stack,
body.td-entry-single .td-page-frame__stack,
body.td-entry-single .td-shell-content,
body.td-entry-single .td-view-stack,
body.td-entry-single .td-stack,
body.td-share-single .td-main__body > .td-content,
body.td-share-single .td-content > .td-view-stack,
body.td-share-single .td-page-frame__stack,
body.td-share-single .td-shell-content,
body.td-share-single .td-view-stack,
body.td-share-single .td-stack,
body.td-no-access .td-main__body > .td-content,
body.td-no-access .td-content > .td-view-stack,
body.td-no-access .td-page-frame__stack,
body.td-no-access .td-shell-content,
body.td-no-access .td-view-stack,
body.td-no-access .td-stack,
body.td-shell-standalone .td-main__body > .td-content,
body.td-shell-standalone .td-content > .td-view-stack,
body.td-shell-standalone .td-page-frame__stack,
body.td-shell-standalone .td-shell-content,
body.td-shell-standalone .td-view-stack,
body.td-shell-standalone .td-stack{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--td-shell-stack-gap);
  align-items:start;
  align-content:start;
  min-width:0;
}

body.td-page .td-main__body > .td-content > *,
body.td-page .td-content > .td-view-stack > *,
body.td-page .td-page-frame__stack > *,
body.td-page .td-shell-content > *,
body.td-page .td-view-stack > *,
body.td-page .td-stack > *,
body.td-shell .td-main__body > .td-content > *,
body.td-shell .td-content > .td-view-stack > *,
body.td-shell .td-page-frame__stack > *,
body.td-shell .td-shell-content > *,
body.td-shell .td-view-stack > *,
body.td-shell .td-stack > *,
body.td-help-single .td-main__body > .td-content > *,
body.td-help-single .td-content > .td-view-stack > *,
body.td-help-single .td-page-frame__stack > *,
body.td-help-single .td-shell-content > *,
body.td-help-single .td-view-stack > *,
body.td-help-single .td-stack > *,
body.single-td_help .td-main__body > .td-content > *,
body.single-td_help .td-content > .td-view-stack > *,
body.single-td_help .td-page-frame__stack > *,
body.single-td_help .td-shell-content > *,
body.single-td_help .td-view-stack > *,
body.single-td_help .td-stack > *,
body.td-courseware-app .td-main__body > .td-content > *,
body.td-courseware-app .td-content > .td-view-stack > *,
body.td-courseware-app .td-page-frame__stack > *,
body.td-courseware-app .td-shell-content > *,
body.td-courseware-app .td-view-stack > *,
body.td-courseware-app .td-stack > *,
body.td-entry-single .td-main__body > .td-content > *,
body.td-entry-single .td-content > .td-view-stack > *,
body.td-entry-single .td-page-frame__stack > *,
body.td-entry-single .td-shell-content > *,
body.td-entry-single .td-view-stack > *,
body.td-entry-single .td-stack > *,
body.td-share-single .td-main__body > .td-content > *,
body.td-share-single .td-content > .td-view-stack > *,
body.td-share-single .td-page-frame__stack > *,
body.td-share-single .td-shell-content > *,
body.td-share-single .td-view-stack > *,
body.td-share-single .td-stack > *,
body.td-no-access .td-main__body > .td-content > *,
body.td-no-access .td-content > .td-view-stack > *,
body.td-no-access .td-page-frame__stack > *,
body.td-no-access .td-shell-content > *,
body.td-no-access .td-view-stack > *,
body.td-no-access .td-stack > *,
body.td-shell-standalone .td-main__body > .td-content > *,
body.td-shell-standalone .td-content > .td-view-stack > *,
body.td-shell-standalone .td-page-frame__stack > *,
body.td-shell-standalone .td-shell-content > *,
body.td-shell-standalone .td-view-stack > *,
body.td-shell-standalone .td-stack > *{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  box-sizing:border-box;
}

body.td-page .td-page-frame{display:block;min-width:0;}
body.td-page .td-page-frame__header,
body.td-page .td-page-frame__main,
body.td-page .td-page-frame__footer,
body.td-page .td-page-frame__content,
body.td-page .td-page-frame__stack{display:block;min-width:0;}
body.td-page .td-page-frame__header{position:relative;z-index:2;}
body.td-page .td-page-frame__main{position:relative;z-index:1;}
body.td-page .td-page-frame__footer{position:relative;z-index:1;}
body.td-page .td-page-frame__content{margin-top:0;}
body.td-page .td-page-frame__stack{margin-top:0;}
body.td-page .td-page-frame__header .td-chrome{margin-bottom:0;}
body.td-page .td-page-intro{display:block;min-width:0;}

body.td-page .td-page-intro__card{
  display:grid;
  gap:14px;
}

body.td-page .td-page-intro__media{
  overflow:hidden;
  border-radius:16px;
}

body.td-page .td-page-intro__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

@media (min-width:1024px){
  body.td-page .td-page-intro--desktop .td-page-intro__card{
    grid-template-columns:220px minmax(0,1fr);
    align-items:center;
  }

  body.td-page .td-page-intro--desktop .td-page-intro__media{
    min-height:140px;
  }

  body.td-page .td-page-intro--desktop .td-page-intro__media img{
    height:100%;
    min-height:140px;
  }

}


@media (min-width:1024px){
  /* 2.7.83.2 – edit-shellen har redan page-frame-footer med dekor. Stäng av äldre pseudon. */
  body.td-page.td-view-edit .td-main::after,
  body.td-page.td-view-edit .td-main__body::after{
    content:none !important;
    display:none !important;
  }
}


@media (max-width:781.98px){
  body.td-page .td-main,
  body.td-shell .td-main,
  body.td-help-single .td-main,
  body.single-td_help .td-main,
  body.td-courseware-app .td-main,
  body.td-entry-single .td-main,
  body.td-share-single .td-main,
  body.td-no-access .td-main,
  body.td-shell-standalone .td-main{
    padding-left:var(--td-shell-gutter) !important;
    padding-right:var(--td-shell-gutter) !important;
    padding-bottom:var(--td-mobile-bottom-nav-reserve-sm, calc(var(--td-mobile-bottom-nav-height, 60px) + env(safe-area-inset-bottom, 0px))) !important;
  }

  body.td-page .td-main__body,
  body.td-shell .td-main__body,
  body.td-help-single .td-main__body,
  body.single-td_help .td-main__body,
  body.td-courseware-app .td-main__body,
  body.td-entry-single .td-main__body,
  body.td-share-single .td-main__body,
  body.td-no-access .td-main__body,
  body.td-shell-standalone .td-main__body{
    max-width:none !important;
    padding:0 !important;
  }
}


@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-page,
  body:not(.td-shell-route-unified).td-shell,
  body:not(.td-shell-route-unified).td-help-single,
  body:not(.td-shell-route-unified).single-td_help,
  body:not(.td-shell-route-unified).td-courseware-app,
  body:not(.td-shell-route-unified).td-entry-single,
  body:not(.td-shell-route-unified).td-share-single,
  body:not(.td-shell-route-unified).td-no-access,
  body:not(.td-shell-route-unified).td-shell-standalone{
    --td-mobile-content-gutter:var(--td-shell-gutter, 6px);
    --td-mobile-content-gap:var(--td-shell-stack-gap, 20px);
    --td-mobile-card-pad:var(--td-shell-card-pad-mobile, 16px);
    --td-mobile-content-start:8px;
  }

  body:not(.td-shell-route-unified).td-header-variant-utility:not(.td-mobile-topbar-none):not(.td-shell-chrome-none){
    --td-mobile-content-start:calc(var(--td-mobile-header-offset, var(--td-header-mobile-topbar, 60px)) + 8px);
  }

  body:not(.td-shell-route-unified).td-header-variant-dark_wave:not(.td-mobile-topbar-none):not(.td-shell-chrome-none){
    --td-mobile-content-start:calc(var(--td-header-mobile-dark-wave-height, 176px) + 8px);
  }

  body:not(.td-shell-route-unified).td-header-variant-hero_image{
    --td-mobile-content-start:8px;
  }

  body:not(.td-shell-route-unified).td-page .td-main,
  body:not(.td-shell-route-unified).td-shell .td-main,
  body:not(.td-shell-route-unified).td-help-single .td-main,
  body:not(.td-shell-route-unified).single-td_help .td-main,
  body:not(.td-shell-route-unified).td-courseware-app .td-main,
  body:not(.td-shell-route-unified).td-entry-single .td-main,
  body:not(.td-shell-route-unified).td-share-single .td-main,
  body:not(.td-shell-route-unified).td-no-access .td-main,
  body:not(.td-shell-route-unified).td-shell-standalone .td-main,
  body:not(.td-shell-route-unified).td-page .td-shell__main,
  body:not(.td-shell-route-unified).td-shell .td-shell__main,
  body:not(.td-shell-route-unified).td-help-single .td-shell__main,
  body:not(.td-shell-route-unified).single-td_help .td-shell__main,
  body:not(.td-shell-route-unified).td-courseware-app .td-shell__main,
  body:not(.td-shell-route-unified).td-entry-single .td-shell__main,
  body:not(.td-shell-route-unified).td-share-single .td-shell__main,
  body:not(.td-shell-route-unified).td-no-access .td-shell__main,
  body:not(.td-shell-route-unified).td-shell-standalone .td-shell__main,
  body:not(.td-shell-route-unified).td-page .td-page-frame__main,
  body:not(.td-shell-route-unified).td-shell .td-page-frame__main,
  body:not(.td-shell-route-unified).td-help-single .td-page-frame__main,
  body:not(.td-shell-route-unified).single-td_help .td-page-frame__main,
  body:not(.td-shell-route-unified).td-courseware-app .td-page-frame__main,
  body:not(.td-shell-route-unified).td-entry-single .td-page-frame__main,
  body:not(.td-shell-route-unified).td-share-single .td-page-frame__main,
  body:not(.td-shell-route-unified).td-no-access .td-page-frame__main,
  body:not(.td-shell-route-unified).td-shell-standalone .td-page-frame__main{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:var(--td-mobile-content-start) 0 var(--td-mobile-bottom-nav-reserve-lg, calc(var(--td-mobile-bottom-nav-footer-end, var(--td-mobile-bottom-nav-total, calc(var(--td-mobile-bottom-nav-height, 60px) + env(safe-area-inset-bottom, 0px))))) ) !important;
    box-sizing:border-box !important;
  }
}


@media (max-width:781.98px){
  body.td-shell-route-unified,
  body.td-page,
  body.td-shell,
  body.td-help-single,
  body.single-td_help,
  body.td-courseware-app,
  body.td-entry-single,
  body.td-share-single,
  body.td-no-access,
  body.td-shell-standalone{
    --td-shell-stack-gap:12px !important;
  }

  body.td-shell-route-unified .td-card + .td-card,
  body.td-page .td-card + .td-card,
  body.td-shell .td-card + .td-card{
    margin-top:12px !important;
  }
}

@media (max-width:781.98px){
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile{
    --td-shell-gutter:var(--td-dashboard-shell-gutter-mobile, 10px);
    --td-shell-stack-gap:var(--td-dashboard-stack-gap, 24px);
  }

  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-main,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-shell__main,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-page-frame__main{
    padding-left:var(--td-shell-gutter) !important;
    padding-right:var(--td-shell-gutter) !important;
    padding-bottom:var(--td-mobile-bottom-nav-reserve-sm, calc(var(--td-mobile-bottom-nav-height, 60px) + env(safe-area-inset-bottom, 0px))) !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-main__body,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-page-frame__content{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 0 18px !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-content{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-shell-content,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-view-stack,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-page-frame__stack{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:var(--td-shell-stack-gap) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-main__body > .td-content > *,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-shell-content > *,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-view-stack > *,
  body.td-shell-route-unified.td-content-family-dashboard.td-is-mobile .td-page-frame__stack > *{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-content-family-dashboard{
    --td-shell-stack-gap:var(--td-dashboard-stack-gap, 24px);
  }

  body.td-shell-route-unified.td-content-family-dashboard .td-main,
  body.td-shell-route-unified.td-content-family-dashboard .td-shell__main,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__main{
    padding-left:var(--td-dashboard-shell-gutter-desktop, 18px) !important;
    padding-right:var(--td-dashboard-shell-gutter-desktop, 18px) !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard .td-main__body,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__content{
    width:100% !important;
    max-width:var(--td-dashboard-frame-max, 1480px) !important;
    margin:0 auto !important;
    padding:0 0 24px !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard .td-content{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-dashboard .td-shell-content,
  body.td-shell-route-unified.td-content-family-dashboard .td-view-stack,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__stack{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
}


/* 2.7.99.35 / 2162 – unified dashboard/page-frame final owner lock. */
body.td-shell-route-unified .td-main__body,
body.td-shell-route-unified .td-page-frame__content,
body.td-shell-route-unified .td-shell-content,
body.td-shell-route-unified .td-view-stack,
body.td-shell-route-unified .td-page-frame__stack{
  min-width:0 !important;
  box-sizing:border-box !important;
}

@media (max-width:781.98px){
  body.td-shell-route-unified .td-main__body,
  body.td-shell-route-unified .td-page-frame__content{
    width:100% !important;
    max-width:none !important;
  }

  body.td-shell-route-unified .td-shell-content,
  body.td-shell-route-unified .td-view-stack,
  body.td-shell-route-unified .td-page-frame__stack{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
}


/* 2.7.100.1 / 2162 – page-frame äger nu även standalone-/page-main-reset som tidigare låg i compat. */
@media (min-width:1024px){
  body.traningsdagbok.td-shell-standalone .td-main.td-shell__main--help,
  body.traningsdagbok.td-shell-standalone .td-main,
  body.traningsdagbok.td-shell-standalone .td-shell__main,
  body.traningsdagbok.td-shell-standalone .td-page-frame__main{
    padding-top:18px !important;
  }
}

@media (min-width:769px){
  body.td-page main.td-main,
  body.td-page .td-main__body{
    padding-top:0 !important;
    margin-top:0 !important;
  }
}


/* 2.7.100.2 / 2162 – page-frame äger nu headervariantens page-main-reset; headerfilen ska inte styra td-main. */
@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-header-variant-utility .td-main,
  body:not(.td-shell-route-unified).td-header-variant-utility .td-page-frame__main,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-main,
  body:not(.td-shell-route-unified).td-header-variant-hero_image .td-page-frame__main,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-main,
  body:not(.td-shell-route-unified).td-header-variant-dark_wave .td-page-frame__main{
    padding-top:0 !important;
  }
}

@media (min-width:782px){
  body.td-header-variant-utility .td-main,
  body.td-header-variant-utility .td-page-frame__main,
  body.td-header-variant-hero_image .td-main,
  body.td-header-variant-hero_image .td-page-frame__main,
  body.td-header-variant-dark_wave .td-main,
  body.td-header-variant-dark_wave .td-page-frame__main{
    padding-top:0 !important;
  }
}


/* 2.7.100.2 / 2162 – unified page-main-offset flyttad från header-ownern till page-frame. */
@media (min-width:782px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-main,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__main{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-main,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-utility .td-page-frame__main{
    padding-top:var(--td-header-desktop-topbar) !important;
    margin-top:0 !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-utility .td-main,
  body.td-shell-route-unified.td-device-desktop.td-header-owner-td_shell:not(.td-shell-chrome-none).td-header-variant-utility .td-page-frame__main{
    padding-top:calc(var(--td-shell-desktop-fixed-offset, var(--td-header-desktop-topbar)) + 12px) !important;
    margin-top:0 !important;
  }

  body.td-shell-route-unified.td-device-desktop.td-pagetype-td_share_template.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-main,
  body.td-shell-route-unified.td-device-desktop.td-pagetype-td_share_template.td-header-owner-td_shell.td-shell-chrome-none.td-header-variant-hero_image .td-page-frame__main{
    padding-top:24px !important;
    margin-top:0 !important;
  }
}


/* 2.7.100.2 / 2162 – resterande utility-main-offset flyttad från headerownern till page-frame. */
@media (min-width:782px){
  body.td-header-variant-utility .td-page-frame__main,
  body.td-header-variant-utility .td-main{
    padding-top:calc(var(--td-header-desktop-topbar) + 16px) !important;
  }

  body.td-page.td-header-owner-td_shell.td-header-variant-utility .td-page-frame__main,
  body.td-page.td-header-owner-td_shell.td-header-variant-utility .td-main{
    padding-top:var(--td-header-desktop-topbar) !important;
  }
}

@media (min-width:1024px){
  html:not(.td-modal-open),
  html:not(.td-modal-open) body.td-page,
  html:not(.td-modal-open) body.td-shell{
    overflow-y:auto !important;
  }

  html:not(.td-modal-open) body.td-page .td-page-frame,
  html:not(.td-modal-open) body.td-page .td-shell,
  html:not(.td-modal-open) body.td-page .td-app-shell,
  html:not(.td-modal-open) body.td-shell .td-page-frame,
  html:not(.td-modal-open) body.td-shell .td-shell,
  html:not(.td-modal-open) body.td-shell .td-app-shell{
    overflow:visible !important;
  }
}


@media (min-width:1024px){
  html:not(.td-modal-open){
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    height:auto !important;
  }

  html:not(.td-modal-open) body.td-page,
  html:not(.td-modal-open) body.td-shell{
    overflow-y:visible !important;
    overflow-x:hidden !important;
    min-height:100% !important;
    height:auto !important;
  }
}


@media (min-width:1024px){
  html:not(.td-modal-open){
    overflow-y:auto !important;
    overflow-x:hidden !important;
    height:auto !important;
  }

  body.td-page,
  body.td-shell,
  body.td-page .td-main,
  body.td-shell .td-main{
    overflow:visible !important;
    height:auto !important;
  }
}


@media (min-width:782px){
  body.td-shell-route-unified.td-content-family-entry .td-main__body,
  body.td-shell-route-unified.td-content-family-entry .td-page-frame__content,
  body.td-shell-route-unified.td-courseware-app .td-main__body,
  body.td-shell-route-unified.td-courseware-app .td-page-frame__content,
  body.td-shell-route-unified.td-view-units .td-main__body,
  body.td-shell-route-unified.td-view-calendar .td-main__body{
    width:100% !important;
    max-width:var(--td-dashboard-frame-max, 1480px) !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-entry .td-content,
  body.td-shell-route-unified.td-content-family-entry .td-shell-content,
  body.td-shell-route-unified.td-content-family-entry .td-view-stack,
  body.td-shell-route-unified.td-courseware-app .td-content,
  body.td-shell-route-unified.td-courseware-app .td-shell-content,
  body.td-shell-route-unified.td-courseware-app .td-view-stack,
  body.td-shell-route-unified.td-view-units .td-content,
  body.td-shell-route-unified.td-view-units .td-shell-content,
  body.td-shell-route-unified.td-view-units .td-view-stack,
  body.td-shell-route-unified.td-view-calendar .td-content,
  body.td-shell-route-unified.td-view-calendar .td-shell-content,
  body.td-shell-route-unified.td-view-calendar .td-view-stack{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}


/* 2.7.100.14 / 2162 – entry/courseware maxbredd och desktopscroll åter till enkel kedja. */
@media (min-width:782px){
  body.td-shell-route-unified.td-content-family-entry .td-main,
  body.td-shell-route-unified.td-content-family-entry .td-shell__main,
  body.td-shell-route-unified.td-content-family-entry .td-page-frame__main,
  body.td-shell-route-unified.td-view-units .td-main,
  body.td-shell-route-unified.td-view-exercises .td-main,
  body.td-shell-route-unified.td-view-calendar .td-main{
    padding-left:var(--td-dashboard-shell-gutter-desktop, 18px) !important;
    padding-right:var(--td-dashboard-shell-gutter-desktop, 18px) !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-content-family-entry .td-main__body,
  body.td-shell-route-unified.td-content-family-entry .td-page-frame__content,
  body.td-shell-route-unified.td-view-units .td-main__body,
  body.td-shell-route-unified.td-view-exercises .td-main__body,
  body.td-shell-route-unified.td-view-calendar .td-main__body{
    width:100% !important;
    max-width:var(--td-dashboard-frame-max, 1480px) !important;
    margin:0 auto !important;
    padding:0 0 24px !important;
    box-sizing:border-box !important;
  }
}

@media (min-width:1024px){
  html.td-shell-standalone{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    height:auto !important;
    min-height:100% !important;
  }

  html.td-shell-standalone body,
  html.td-shell-standalone body.td-page,
  html.td-shell-standalone body.td-shell{
    overflow:visible !important;
    height:auto !important;
    min-height:100% !important;
  }
}


/* 2.7.100.17 / 2162 – unified mobile dark-wave pages must reserve header height before content starts. */
@media (max-width:781.98px){
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-main,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-shell__main,
  body.td-shell-route-unified.td-header-owner-td_shell.td-header-variant-dark_wave .td-page-frame__main{
    padding-top:28px !important;
  }
}


/* 2.7.101.1.6 – standalone share/help/courseware ska alltid kunna scrolla.
   Tidigare regler för html/body/page-frame blev för sköra i standalone-shell och kunde låsa sidscroll. */
html.td-shell-standalone{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  height:auto !important;
  min-height:100% !important;
}

html.td-shell-standalone body.td-page,
html.td-shell-standalone body.td-shell,
body.td-page.td-shell-standalone,
body.td-shell.td-shell-standalone{
  overflow:visible !important;
  height:auto !important;
  min-height:100% !important;
}

html.td-shell-standalone body.td-page .td-page-frame,
html.td-shell-standalone body.td-page .td-shell,
html.td-shell-standalone body.td-page .td-app-shell,
html.td-shell-standalone body.td-shell .td-page-frame,
html.td-shell-standalone body.td-shell .td-shell,
html.td-shell-standalone body.td-shell .td-app-shell{
  overflow:visible !important;
  height:auto !important;
  min-height:0 !important;
}


/* 2.7.101.4.18 – desktop hero-offset ägs av page-frame, inte headern.
   Contentstart reserveras på td-main/page-frame__main medan hero-ytan hålls ren från extra offset. */


/* 2.7.102.30 – train desktop frame ska vara smalare än övriga dashboard-ytor. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-view-train .td-main__body,
  body.td-shell-route-unified.td-view-train .td-page-frame__content{
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* 2.7.102.35 – gemensam dashboard-frame. Train ska inte ha egen ytterbredd, bara egen kolumnlayout. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-dashboard .td-main__body,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__content{
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* 2.7.102.41 – page-frame äger desktopgapet efter dashboard-headern. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-dashboard .td-shell-content,
  body.td-shell-route-unified.td-content-family-dashboard .td-view-stack,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__stack{
    padding-top:16px !important;
  }
}

@media (min-width:782px){
  body.td-shell-route-unified.td-view-exercises .td-main__body,
  body.td-shell-route-unified.td-view-exercises .td-page-frame__content{
    width:100% !important;
    max-width:940px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }

  body.td-shell-route-unified.td-view-exercises .td-content,
  body.td-shell-route-unified.td-view-exercises .td-shell-content,
  body.td-shell-route-unified.td-view-exercises .td-view-stack{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}


/* 2.7.103.34 – frame owner: courseware (kurs, kursdel, units) följer samma lugnare contentbredd som övriga sidor. */
@media (min-width:782px){
  body.td-shell-route-unified.td-courseware-app .td-main__body,
  body.td-shell-route-unified.td-courseware-app .td-page-frame__content,
  body.td-shell-route-unified.td-view-units .td-main__body,
  body.td-shell-route-unified.td-view-units .td-page-frame__content{
    width:100% !important;
    max-width:1080px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
  }
}
@media (max-width:781.98px){
  body.td-shell-route-unified.td-courseware-app .td-main,
  body.td-shell-route-unified.td-view-units .td-main{
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
}

/* 2.7.104.7 – page-frame owner: enhetlig desktopbredd för dashboard/entry/courseware/exercises/units. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-dashboard .td-main__body,
  body.td-shell-route-unified.td-content-family-dashboard .td-page-frame__content,
  body.td-shell-route-unified.td-content-family-entry .td-main__body,
  body.td-shell-route-unified.td-content-family-entry .td-page-frame__content,
  body.td-shell-route-unified.td-courseware-app .td-main__body,
  body.td-shell-route-unified.td-courseware-app .td-page-frame__content,
  body.td-shell-route-unified.td-view-units .td-main__body,
  body.td-shell-route-unified.td-view-units .td-page-frame__content,
  body.td-shell-route-unified.td-view-exercises .td-main__body,
  body.td-shell-route-unified.td-view-exercises .td-page-frame__content{
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

.td-entry-view {
    display: block;
}

.td-entry-view__header {
    margin-bottom: 0;
}

.td-entry-view__title {
    margin: 0 0 16px;
}



.td-entry-view__content > :first-child {
    margin-top: 0;
}

.td-entry-view__content > .td-card:first-child,
.td-entry-view__content > .td-share-actions:first-child {
    margin-top: 0;
}

.td-entry-view--form-shell,
.td-entry-view--edit-shell,
.td-entry-view--page-route,
.td-entry-view--single-cpt,
.td-entry-view--shared {
    width: 100%;
}




body.td-pagetype-td_entry_single .td-entry-view--single-cpt > .td-entry-view__header,
body.td-view-entry .td-entry-view--page-route > .td-entry-view__header{
    display: none;
}

body.td-pagetype-td_entry_single .td-entry-view-card .td-entry-answer-block > strong,
body.td-view-entry .td-entry-view-card .td-entry-answer-block > strong{
    display:block;
    margin:0;
}

body.td-pagetype-td_entry_single .td-weekplan-view-card .td-entry-group-title,
body.td-view-entry .td-weekplan-view-card .td-entry-group-title{
    margin:18px 0 0 !important;
}

body.td-pagetype-td_entry_single .td-weekplan-view-card .td-entry-answer-block + .td-entry-group-title,
body.td-pagetype-td_entry_single .td-weekplan-view-card .td-entry-list + .td-entry-group-title,
body.td-view-entry .td-weekplan-view-card .td-entry-answer-block + .td-entry-group-title,
body.td-view-entry .td-weekplan-view-card .td-entry-list + .td-entry-group-title{
    padding-top:14px;
    border-top:1px solid var(--td-color-divider-black-08);
}

@media (min-width:1024px){

    
}

@media (min-width:1024px){
}


/* 2.7.84.4 – cpt-entry footer parity + menu button on-screen */
@media (max-width:781px){
    
}

/* 2.7.85.2 – cpt-entry footer silhouette parity */
    border:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width:767.98px){
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-weekplan-editor__block,
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-weekplan-editor__list,
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-weekplan-editor__item,
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-weekplan-editor__item--selected,
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-weekplan-editor__item--suggested,
  body.td-shell-route-unified.td-content-family-entry.td-is-mobile .td-pass-within-week{
    margin-left:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}


/* 2.7.99.27 / 2162 – entry-ownern bär nu även de kvarvarande generiska mobilregler som tidigare låg i td-mobile.css. */
@media (max-width:767.98px){
  body.td-page .td-entry-inline-header{
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
  }

  body.td-page .td-entry-inline-header__main,
  body.td-page .td-entry-inline-header__actions,
  body.td-page .td-entry-inline-header__actions .td-entry-actions-bar,
  body.td-page .td-entry-inline-header__actions .td-actions--context{
    width:100% !important;
  }

  body.td-page .td-entry-inline-header__actions .td-entry-actions-bar,
  body.td-page .td-entry-inline-header__actions .td-actions--context{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  body.td-page .td-entry-inline-header__actions .td-actions--context{
    justify-content:flex-start !important;
    gap:10px !important;
  }

  .td-weekplan-editor__item--selected,
  .td-weekplan-editor__item--suggested{
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    column-gap:12px !important;
    align-items:start !important;
  }

  .td-weekplan-editor__item--selected .td-weekplan-editor__label,
  .td-weekplan-editor__item--suggested .td-weekplan-editor__label{min-width:0 !important;}

  .td-weekplan-editor__item--selected .td-weekplan-unit-label--linked,
  .td-weekplan-editor__item--suggested .td-weekplan-unit-link{
    display:block !important;
    padding:4px 0 !important;
    pointer-events:auto !important;
  }
}

.td-weekplan-results{
  display:none;
  position:absolute;
  inset:auto 0 auto 0;
  z-index:1200;
  background:var(--td-color-white);
  color:var(--td-color-black);
  border:1px solid var(--td-color-border-ui);
  border-radius:8px;
  margin-top:6px;
  max-width:none;
  max-height:240px;
  overflow:auto;
}

.td-ac-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid var(--td-color-border-ui);
  cursor:pointer;
}

.td-ac-item__label{min-width:0;}
.td-ac-item__open{text-decoration:none;font-weight:700;flex:0 0 auto;}


/* 2.7.99.27 / 2162 – entry-ownern bär nu även entry-shellens maxbredd för view/edit/form/quickpass. */
body.td-page.td-view-view,
body.td-page.td-view-edit,
body.td-page.td-view-form,
body.td-page.td-view-quickpass{
  --td-entry-frame-max:960px;
}



/* 2.7.99.35 / 2162 – entry-specific mobilpresentationsregler flyttade från td-mobile till entry-ownern. */
.td-entry-actions-card{padding:10px 14px !important;min-height:auto !important;}
.td-entry-actions-card .td-actions--context{min-height:auto !important;}
.td-entry-view-card .td-entry-answer-block,
.td-entry-view-card .td-entry-answer-block--criteria,
.td-entry-view-card .td-entry-answer-block--tombola{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.td-entry-actions--hidden{display:none;margin-top:10px;}
.td-entry-goal-title{margin:0 0 10px;}
.td-entry-meta{margin:0 0 14px;display:grid;gap:6px;}
.td-entry-meta__row{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;}
.td-entry-meta__icon{margin-right:0;line-height:1.25;}
.td-entry-meta__label{font-weight:600;}
.td-entry-group-title{margin-top:18px !important;}
.td-entry-group-title--compact{margin-top:10px !important;}
.td-entry-list{margin:0;padding-left:18px;}
.td-entry-answer-block__answer{margin-top:6px;}
.td-entry-table-section{margin-top:10px;}
.td-entry-table-scroll,.td-stats-table-scroll{margin-top:10px;}
.td-entry-table{margin:0;}
.td-entry-table__date,.td-stats-table__date{width:140px;}
.td-entry-table__round{width:90px;}




/* 2.7.100.13 / 2162 – entrytypografi enligt typography_preview. */
.td-entry-meta__label{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}



.td-field-title--input,
.td-field-subtitle--input{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
}

body.td-view-form .td-save-fallback,
body.td-view-edit .td-save-fallback{
  display:block !important;
}


/* 2.7.100.14 / 2162 – entryshell fullbredd samt post-it utan rundning på desktop. */
@media (min-width:782px){
  body.td-view-form .td-entry-view--form-shell,
  body.td-view-edit .td-entry-view--edit-shell,
  body.td-view-view .td-entry-view-card,
  body.td-view-form .td-entry-view--form-shell form,
  body.td-view-edit .td-entry-view--edit-shell form{
    width:100% !important;
    max-width:none !important;
  }
}

@media (min-width:1024px){
  
}









/* 2.7.103.32 – entry-meta använder stabil tvåkolumnsrad så etikett/värde linjerar på mobil. */
.td-entry-meta__row{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  column-gap:8px !important;
  row-gap:2px !important;
  align-items:baseline !important;
}
.td-entry-meta__row strong{
  display:block;
  min-width:0;
}

/* 2.7.104.7 – entry owner: meta-rader och rubrik följer entry-kontraktet. */
body.td-shell-route-unified .td-entry-meta{
  gap:10px !important;
}

body.td-shell-route-unified .td-entry-meta__row{
  display:grid !important;
  grid-template-columns:20px max-content minmax(0,1fr) !important;
  column-gap:8px !important;
  row-gap:0 !important;
  align-items:baseline !important;
}

body.td-shell-route-unified .td-entry-meta__icon{
  width:20px !important;
  text-align:center !important;
  align-self:start !important;
}

body.td-shell-route-unified .td-entry-meta__label{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.25 !important;
}

body.td-shell-route-unified .td-entry-meta__row strong{
  margin:0 !important;
  min-width:0 !important;
}

body.td-shell-route-unified .td-page-title.td-entry-page-title{
  text-transform:uppercase !important;
  font-family:"Rainier", serif !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}


/* 2.7.104.10 – entry-meta på mobil ska inte trycka ihop etikett och värde. */
@media (max-width:767px){
  body.td-shell-route-unified .td-entry-meta__row{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    column-gap:8px !important;
    row-gap:0 !important;
    align-items:baseline !important;
  }
  body.td-shell-route-unified .td-entry-meta__icon{display:none !important;}
  body.td-shell-route-unified .td-entry-meta__label::after{content:''; margin-left:0;}
  body.td-shell-route-unified .td-entry-meta__label{margin-right:0 !important;}
  body.td-shell-route-unified .td-entry-meta__value{display:block !important; font-weight:400 !important; min-width:0 !important;}
  body.td-shell-route-unified .td-entry-meta__row strong{font-weight:400 !important;}
}

/* 2.7.104.10 – snabbpassformens datumfält ska följa övriga fält. */
body.td-view-quickpass .td-quickpass-form__field--date input[type="date"]{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
  border:1px solid var(--td-color-border-ui) !important;
  background:var(--td-color-white) !important;
  color:var(--td-color-text) !important;
  box-shadow:none !important;
}
body.td-view-quickpass .td-quickpass__actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

body.td-shell-route-unified .td-pass-list__title,
body.td-shell-route-unified .td-card-list__title.td-pass-list__title{color:var(--e-global-color-primary) !important;font-weight:400 !important;text-decoration:none !important;}
body.td-shell-route-unified .td-pass-list__title:hover,
body.td-shell-route-unified .td-card-list__title.td-pass-list__title:hover{text-decoration:underline !important;}

/* 2.7.104.16 – entry/snabbpass metadata utan felaktiga separatorpunkter. */
body.td-shell-route-unified .td-entry-meta__label::after,
body.td-shell-route-unified .td-entry-meta__value::before{
  content:none !important;
}
body.td-shell-route-unified .td-entry-meta__label,
body.td-shell-route-unified .td-entry-meta__value{
  display:inline !important;
}

/* Dekorativ/versal titel återställd för entry view. */
body.td-shell-route-unified .td-page-title,
body.td-shell-route-unified .td-page-title.td-entry-page-title,
body.single-wpcw_course .td-page-title,
body.single-wpcw_course_unit .td-page-title{
  font-family:var(--font-display, "Rainier", serif) !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}


/* 2.7.104.17 – entry rubriker och fråga/svar ska följa samma kontrakt i view/courseware. */
body.td-shell-route-unified .td-page-title.td-entry-page-title,
body.td-shell-route-unified .td-page-title.td-entry-page-title--course-surface,
body.single-wpcw_course .td-page-title.td-entry-page-title--course-surface,
body.single-wpcw_course_unit .td-page-title.td-entry-page-title--course-surface{
  font-family:"Rainier", serif !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  line-height:.96 !important;
}

body.td-view-view .td-entry-view-card .td-entry-question-title,
body.td-pagetype-td_entry_single .td-entry-view-card .td-entry-question-title{
  margin:16px 0 0 !important;
}
body.td-view-view .td-entry-view-card .td-entry-answer-block__answer,
body.td-pagetype-td_entry_single .td-entry-view-card .td-entry-answer-block__answer{
  margin-top:0 !important;
}

body:is(.td-view-edit,.td-view-form,.td-view-quickpass) .td-grid > label,
body:is(.td-view-edit,.td-view-form,.td-view-quickpass) .td-edit-section .td-grid > label{
  display:block;
  margin-top:12px;
}
body:is(.td-view-edit,.td-view-form,.td-view-quickpass) .td-grid > label:first-child,
body:is(.td-view-edit,.td-view-form,.td-view-quickpass) .td-edit-section .td-grid > label:first-child{
  margin-top:0;
}
body:is(.td-view-edit,.td-view-form,.td-view-quickpass) label > .td-card-form__label{
  display:block;
  margin:0 0 6px !important;
}

/* 2.7.104.18 – quickpass-meta och view-spacing. */
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta,
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta{
  display:grid !important;
  gap:10px !important;
}
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__row,
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__row{
  display:grid !important;
  grid-template-columns:max-content 1fr !important;
  column-gap:8px !important;
  align-items:start !important;
}
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__label,
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__label{
  margin:0 !important;
}
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__value,
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__value{
  display:block !important;
  margin:0 !important;
}
body.td-view-edit .td-card-form__label{
  display:block;
  margin:14px 0 4px 0 !important;
}
body.td-view-edit .td-entry-group-title.td-entry-group-title--group,
body.td-view-view .td-entry-group-title.td-entry-group-title--group{
  margin:20px 0 4px !important;
}
body.td-view-view .td-entry-answer-block__answer{
  margin-top:0 !important;
}

body.td-view-edit .td-weekplan-editor__list,
body.td-view-edit .td-weekplan-editor__list--selected,
body.td-view-edit .td-weekplan-editor__list--suggested{
  list-style:none !important;
  padding-left:0 !important;
  margin-left:0 !important;
}
body.td-view-edit .td-weekplan-editor__item--selected,
body.td-view-edit .td-weekplan-editor__item--suggested{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  column-gap:10px !important;
  align-items:start !important;
}
body.td-view-edit .td-weekplan-editor__check{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:2px !important;
}


/* 2.7.104.20 – entry/edit spacing parity for labels and action rows. */
body.td-view-edit .td-card-form__label,
body.td-view-form .td-card-form__label,
body.td-view-quickpass .td-card-form__label{
  display:block !important;
  margin:14px 0 4px !important;
}
body.td-view-edit .td-edit-group-title.td-edit-group-title--group,
body.td-view-form .td-edit-group-title.td-edit-group-title--group{
  margin:22px 0 6px !important;
}
body.td-view-edit h2.td-group-title.td-edit-group-title.td-edit-group-title--group,
body.td-view-form h2.td-group-title.td-edit-group-title.td-edit-group-title--group{
  font-size:clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem) !important;
  line-height:1.14 !important;
  font-weight:500 !important;
}
body.td-view-edit .td-weekplan-editor__actions,
body.td-view-form .td-weekplan-editor__actions{margin:16px 0 0 !important;}
body.td-view-edit .td-weekplan-editor__actions .button + .button,
body.td-view-form .td-weekplan-editor__actions .button + .button{margin-left:10px !important;}
body.td-view-edit .td-card__actions,
body.td-view-form .td-card__actions,
body.td-view-quickpass .td-card__actions{margin-top:16px !important; gap:12px !important;}


/* 2.7.104.21 – entry/edit/list/mobile follow-up fixes. */
body.td-view-list .td-entries-mobile-meta,
body.td-view-view .td-entries-mobile-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
}
body.td-view-list .td-entries-mobile-meta__item--dog::before,
body.td-view-view .td-entries-mobile-meta__item--dog::before{
  content:"•";
  display:inline-block;
  margin:0 8px;
}

body.td-view-edit .td-card__actions,
body.td-view-form .td-card__actions,
body.td-view-quickpass .td-card__actions{
  margin-top:20px !important;
}
body.td-view-edit .td-weekplan-editor__actions .button + .button,
body.td-view-form .td-weekplan-editor__actions .button + .button,
body.td-view-edit .td-card__actions .button + .button,
body.td-view-form .td-card__actions .button + .button,
body.td-view-quickpass .td-card__actions .button + .button{
  margin-left:12px !important;
}
body.td-view-edit .td-card-form__label,
body.td-view-form .td-card-form__label,
body.td-view-quickpass .td-card-form__label{
  margin:16px 0 4px !important;
}

body.td-view-view .td-entry-view-card--quickpass .td-entry-meta,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta{
  display:block !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__row,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__row{
  display:block !important;
  margin:0 0 12px !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__icon,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__icon{
  display:inline-block !important;
  width:20px !important;
  margin-right:8px !important;
  vertical-align:top !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__label,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__label{
  display:inline !important;
  margin:0 !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta__value,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta__value{
  display:block !important;
  margin:2px 0 0 28px !important;
}

/* 2.7.105.1 – weekplan-listor i edit ska följa passlänk-kontrakt utan underline i vila. */
body.td-view-edit .td-weekplan-editor__list--passes a,
body.td-view-form .td-weekplan-editor__list--passes a{
  text-decoration:none !important;
}
body.td-view-edit .td-weekplan-editor__list--passes a:hover,
body.td-view-edit .td-weekplan-editor__list--passes a:focus,
body.td-view-form .td-weekplan-editor__list--passes a:hover,
body.td-view-form .td-weekplan-editor__list--passes a:focus{
  text-decoration:underline !important;
}

/* 2.7.105.3 – stabil meta-layout för quickpass/share. */
body.td-shell-route-unified .td-entry-meta{
  display:grid !important;
  gap:10px !important;
}
body.td-shell-route-unified .td-entry-meta__row{
  display:grid !important;
  grid-template-columns:20px max-content minmax(0,1fr) !important;
  column-gap:8px !important;
  row-gap:0 !important;
  align-items:baseline !important;
  margin:0 !important;
}
body.td-shell-route-unified .td-entry-meta__icon{
  display:inline-flex !important;
  width:20px !important;
  min-width:20px !important;
  justify-content:center !important;
  align-self:start !important;
  margin:0 !important;
}
body.td-shell-route-unified .td-entry-meta__label,
body.td-shell-route-unified .td-entry-meta__value{
  display:block !important;
  margin:0 !important;
  min-width:0 !important;
}


/* 2.7.106.8 – entry/share/quickpass parity och övningslänkar. */
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-pass-list__title,.td-postit__title-link,.td-plan-inspiration-item__link,.td-dash-latest__link,.td-entry-list a){
  text-decoration:none !important;
  text-decoration-line:none !important;
}
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-pass-list__title,.td-postit__title-link,.td-plan-inspiration-item__link,.td-dash-latest__link,.td-entry-list a):visited,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-pass-list__title,.td-postit__title-link,.td-plan-inspiration-item__link,.td-dash-latest__link,.td-entry-list a):hover,
body.td-shell-route-unified :is(a.td-exercise-link,a.td-pass-link,.td-pass-list__title,.td-postit__title-link,.td-plan-inspiration-item__link,.td-dash-latest__link,.td-entry-list a):focus{
  text-decoration:none !important;
  text-decoration-line:none !important;
}
body.td-shell-route-unified :is(.td-entry-group-title,.td-edit-group-title){
  font-size:clamp(1.45rem, 1.2rem + 1vw, 1.8rem) !important;
  line-height:1.08 !important;
  font-weight:500 !important;
  margin:18px 0 8px !important;
}
body.td-shell-route-unified .td-share-shell .td-card-form__label{
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
}
body.td-shell-route-unified .td-share-shell .td-entry-question-title{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}
body.td-shell-route-unified .td-share-shell :is(.td-entry-group-title,.td-group-title){
  font-size:clamp(1.45rem, 1.2rem + 1vw, 1.8rem) !important;
  line-height:1.08 !important;
  font-weight:500 !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta{
  margin-bottom:12px !important;
}
body.td-view-view .td-entry-view-card--quickpass .td-entry-answer-block,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-answer-block{
  margin-top:14px !important;
}

/* 2.7.106.9 – quickpass/view/share cleanup */
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta.td-entry-meta--quickpass,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta.td-entry-meta--quickpass{display:flex !important;flex-wrap:wrap !important;gap:10px 18px !important;align-items:center !important;}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta--quickpass .td-entry-meta__row,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta--quickpass .td-entry-meta__row{display:inline-flex !important;align-items:center !important;gap:8px !important;margin:0 !important;white-space:nowrap !important;}
body.td-view-view .td-entry-view-card--quickpass .td-entry-meta--quickpass .td-entry-meta__value,
body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-meta--quickpass .td-entry-meta__value{display:inline !important;}
body.td-view-view .td-entry-view-card--quickpass .td-entry-answer-block + .td-entry-answer-block,body.td-view-quickpass .td-entry-view-card--quickpass .td-entry-answer-block + .td-entry-answer-block{margin-top:16px !important;}
body.td-view-view .td-entry-view-card--quickpass .td-entry-answer-block .td-entry-question-title{margin-top:0 !important;}
body.td-shell-route-unified .td-share-shell :is(.td-entry-group-title,.td-group-title,.td-edit-group-title){font-size:clamp(1.45rem, 1.2rem + 1vw, 1.8rem) !important;line-height:1.08 !important;font-weight:500 !important;margin:18px 0 8px !important;}
body.td-shell-route-unified .td-share-shell .td-entry-question-title{font-size:16px !important;line-height:1.18 !important;font-weight:500 !important;}
body.td-shell-route-unified .td-share-shell .td-card-form__label{font-size:14px !important;line-height:1.25 !important;font-weight:600 !important;}


/* 2.7.208.1 – weekplan-resultat ska alltid vara lokal dropdown i edit/form, även på mobil. */
body.td-view-edit #td-weekplan-add-wrap,
body.td-view-form #td-weekplan-add-wrap{position:relative !important;}
body.td-view-edit .td-weekplan-results,
body.td-view-form .td-weekplan-results{position:absolute !important;inset:auto 0 auto 0 !important;left:0 !important;right:0 !important;top:calc(100% + 6px) !important;bottom:auto !important;width:auto !important;max-height:min(260px, 42vh) !important;margin:0 !important;z-index:1800 !important;border-radius:12px !important;box-shadow:0 12px 24px rgba(59,47,40,.14) !important;}
#td-weekplan-overlay-root{display:none !important;position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;pointer-events:none !important;}
body.td-shell-route-unified .td-tombola-entry-list a,
body.td-shell-route-unified .td-typography-preview__inline-list a,
body.td-shell-route-unified .td-card-list__title,
body.td-shell-route-unified .td-card-list__title:hover,
body.td-shell-route-unified .td-card-list__title:focus{text-decoration:none !important;text-decoration-line:none !important;}
body.td-shell-route-unified .td-card-list__title{font-weight:700 !important;}

/* 2369 – träningspassbilder */
body.td-entry-single .td-entry-image-gallery,
.td-entry-image-gallery {
  margin: 14px 0 18px;
}

.td-entry-image-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.td-entry-image-gallery__item {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

.td-entry-image-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.td-entry-images-fieldset .td-grid {
  gap: 12px;
}

.td-entry-image-picker {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.td-entry-image-picker__item {
  display: grid;
  gap: 8px;
  align-content: start;
}

.td-entry-image-picker__preview {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f1e7;
}

.td-entry-image-picker__preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.td-entry-image-picker__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #6d655b;
  font-size: 14px;
}

.td-entry-image-picker__meta {
  display: grid;
  gap: 6px;
}

.td-entry-image-picker__meta a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.td-entry-image-picker__remove {
  font-size: 14px;
}

.td-entry-image-upload input[type="file"] {
  display: block;
  width: 100%;
}


/* 2.7.211.1 – single td_entry ska ha samma mindre fråga/svar-rubrik som dashboard-viewn. */
body.td-pagetype-td_entry_single .td-entry-answer-block .td-entry-question-title{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* 2.7.211.2 – CPT-single entry ska matcha dashboard view för frågerubriker och etiketter. */
body.td-pagetype-td_entry_single .td-entry-view-card .td-entry-question-title,
body.td-pagetype-td_entry_single .td-entry-answer-block .td-entry-question-title{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
body.td-pagetype-td_entry_single .td-entry-meta__label{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* 2.8.9.24 – dolda delningsactions får aldrig visas av bredare action-CSS. */
body.td-shell-route-unified .td-entry-actions.td-entry-actions--hidden,
body.td-page .td-entry-actions.td-entry-actions--hidden,
.td-entry-actions.td-entry-actions--hidden{
  display:none !important;
  visibility:hidden !important;
}

/* 2.11.8.3 – kriterieplan i visningsläge ska inte spräcka mobilkortet. */
@media (max-width: 767.98px){
  body.td-view-entry .td-entry-view-card--criteria,
  body.td-view-view .td-entry-view-card--criteria,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria{
    overflow:hidden !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table-scroll,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table-scroll,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table-scroll{
    overflow:visible !important;
    margin-top:10px !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria,
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria tbody,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria tbody,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria tbody,
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria tr,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria tr,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria tr,
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria td,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria td,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria thead,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria thead,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria thead{
    display:none !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria tr,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria tr,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria tr{
    padding:12px 0 !important;
    border-top:1px solid var(--td-color-divider-black-08) !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria tr:first-child,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria tr:first-child,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria tr:first-child{
    border-top:0 !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria td,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria td,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria td{
    padding:4px 0 !important;
    border:0 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  body.td-view-entry .td-entry-view-card--criteria .td-entry-table--criteria td::before,
  body.td-view-view .td-entry-view-card--criteria .td-entry-table--criteria td::before,
  body.td-pagetype-td_entry_single .td-entry-view-card--criteria .td-entry-table--criteria td::before{
    content:attr(data-label);
    display:block;
    font-family:var(--font-display, "Rainier", serif);
    font-size:16px;
    line-height:1.15;
    font-weight:500;
    margin:0 0 2px;
  }
}

/* 2.12.1: offline draft status for entry forms. */
.td-offline-draft-status{
  margin-top:10px;
  font-size:.95rem;
  line-height:1.35;
  color:var(--td-color-muted,#6b625c);
}
.td-offline-draft-status--offline{
  color:#8a4b10;
  font-weight:600;
}
.td-offline-draft-status--saved,
.td-offline-draft-status--cleared{
  color:#31683f;
}
.td-offline-draft-status--error{
  color:#9f1d1d;
  font-weight:600;
}

/* 2.12.8: conflict state for offline sync. */
.td-offline-draft-status--conflict{
  color:#9f1d1d;
  font-weight:600;
}

/* 2.12.9.2: AJAX save status should sit with form actions, while offline status is hidden after successful save. */
.td-entry-ajax-status{
  margin-top:10px;
  font-size:.98rem;
  line-height:1.35;
  font-weight:700;
  color:var(--td-color-muted,#6b625c);
}
.td-entry-ajax-status--success{
  color:#31683f;
}
.td-entry-ajax-status--saving{
  color:#8a4b10;
}
.td-entry-ajax-status--error{
  color:#9f1d1d;
}
.td-offline-draft-status[hidden]{
  display:none !important;
}

/* #914 PR4: krockbanner - "flagga och behåll lokalt" i stället för tyst
   sammanslagning. Rendereras direkt i formuläret (inte bara topbar-badgen). */
.td-offline-conflict-banner{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid #e3b3ab;
  border-radius:10px;
  background:#fbeceb;
  color:#7a1414;
}
.td-offline-conflict-banner__text{
  margin:0;
  font-size:.95rem;
  line-height:1.4;
  font-weight:600;
}
.td-offline-conflict-banner__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* 2.19.12: Träningsvägsfrågor i snabbpass ska vara kompakta och linjera snyggt. */
.td-training-path-result--compact{
  margin-top:10px;
}
.td-training-path-result--compact .td-training-path-result__group{
  border:0;
  padding:0;
  margin:0;
}
.td-training-path-result--compact .td-training-path-result__label{
  margin:0 0 8px;
  font-weight:700;
}
.td-training-path-result--compact .td-radio-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0;
  line-height:1.3;
}
.td-training-path-result--compact .td-radio-row input{
  margin:0;
  flex:0 0 auto;
}

/* 2.23.8 – flyttat mobilregler för övningsväljaren till td-components.css.
   td-entry.css ska inte längre bära route-specifika försök för create/form. */

/* 2.23.5 – rensning: borttagna misslyckade z-index/scroll-regler för create/form.
   Nästa ändring ska baseras på utökad debug som jämför weekplan-create med edit. */
.td-save-fallback--conflict .button[disabled] {
  opacity: .65;
  cursor: not-allowed;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-inline-section{
  width:100%;
  max-width:none;
  margin:0 !important;
  padding:var(--td-shell-card-pad, 16px) !important;
  border-radius:var(--td-shell-card-radius, 16px) !important;
  box-sizing:border-box;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-inline-section > * + *{
  margin-top:12px !important;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__title{
  font-size:var(--td-shell-card-title-size, clamp(1.05rem, 0.98rem + 0.35vw, 1.2rem)) !important;
  line-height:1.25 !important;
  margin:0 !important;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__list,
body:not(.td-shell-route-unified).td-page .td-weekplan-results{
  margin:0;
  padding:0;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__item,
body:not(.td-shell-route-unified).td-page .td-ac-item{
  display:flex !important;
  align-items:flex-start;
  gap:10px;
  width:100%;
  min-width:0;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__check{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  margin:0;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__label,
body:not(.td-shell-route-unified).td-page .td-ac-item__label,
body:not(.td-shell-route-unified).td-page .td-weekplan-unit-link,
body:not(.td-shell-route-unified).td-page .td-weekplan-unit-label--linked{
  flex:1 1 auto;
  min-width:0;
  display:block;
  cursor:pointer;
  overflow-wrap:anywhere;
  word-break:break-word;
}

body:not(.td-shell-route-unified).td-page .td-weekplan-editor__label a,
body:not(.td-shell-route-unified).td-page .td-ac-item__link,
body:not(.td-shell-route-unified).td-page .td-weekplan-unit-label--linked,
body:not(.td-shell-route-unified).td-page .td-weekplan-unit-link{
  cursor:pointer;
  text-decoration:underline;
}

/* 2.13.2.1 – veckoplanering: välj övningar, metadata och sorteringsval */
.td-weekplan-add-to-pass__item{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.td-weekplan-add-to-pass__check{
  flex:0 0 auto;
  padding-top:2px;
}
.td-weekplan-add-to-pass__text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.td-weekplan-add-to-pass__meta,
.td-postit-exercise__meta{
  display:block;
  font-size:.88em;
  line-height:1.25;
}
.td-exercise-sort-row{
  display:flex;
  justify-content:flex-end;
  margin:0 0 8px;
}
.td-exercise-sort-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.9em;
  color:var(--td-text-muted,#6b625d);
}
.td-exercise-sort-toggle input{
  margin:0;
}
.td-exercise-sort-row--postit{
  justify-content:flex-start;
  margin:4px 0 6px;
}
.td-postit-exercise__main,
.td-postit-exercise__meta{
  display:block;
}
@media (max-width:420px){
  .td-postit-exercise__meta{font-size:.82em;}
}

/* ==========================================
   TD 2.7.26 – Button system v1
   Gemensamma knapp-tokens och basvarianter.
   ========================================== */

:root{
  --td-btn-radius: var(--td-radius-cta, 5px);
  --td-btn-radius-nav: var(--td-radius-cta, 5px);
  --td-btn-radius-icon: var(--td-radius-action, 5px);
  --td-btn-min-height: 40px;
  --td-btn-padding-x: 16px;
  --td-btn-padding-y: 10px;
  --td-btn-font-size: 16px;
  --td-btn-font-weight: 600;
  --td-btn-bg-primary: var(--td-color-primary);
  --td-btn-bg-primary-hover: var(--td-color-accent-stronger);
  --td-btn-fg-primary: var(--td-color-cream);
  --td-btn-bg-secondary: var(--td-color-white);
  --td-btn-fg-secondary: var(--td-color-text-admin-strong);
  --td-btn-border-secondary: var(--td-color-divider-black-12);
}

.td-btn,
.td-btn--primary,
.td-btn--secondary,
.td-btn--nav{
  appearance:none;
  -webkit-appearance:none;
  min-height:var(--td-btn-min-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:var(--td-btn-padding-y) var(--td-btn-padding-x);
  border-radius:var(--td-btn-radius);
  line-height:1.2;
  font-size:var(--td-btn-font-size);
  font-weight:var(--td-btn-font-weight);
  text-decoration:none;
  border:0;
  box-shadow:none;
  background-image:none;
  overflow:hidden;
  background-clip:padding-box;
}

.td-btn--primary,
.td-btn--nav{
  background:var(--td-btn-bg-primary);
  color:var(--td-btn-fg-primary);
}

.td-btn--secondary{
  background:var(--td-btn-bg-secondary);
  color:var(--td-btn-fg-secondary);
  border:1px solid var(--td-btn-border-secondary);
}

.td-btn--icon,


/* ==========================================
   TD Button mappings
   Binder befintliga WordPress-/TD-knappar till knappsystemet på unified shell-rutter.
   ========================================== */

body.td-shell-route-unified .td-main .button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all),
body.td-shell-route-unified .td-main a.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all),
body.td-shell-route-unified .td-main button.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all),
body.td-shell-route-unified .td-main input.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all),
body.td-shell-route-unified .td-main input[type="submit"]:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all),
body.td-shell-route-unified .td-btn,
body.td-shell-route-unified .td-btn--primary,
body.td-shell-route-unified .td-btn--nav,
body.td-shell-route-unified .td-btn--secondary,
body.td-shell-route-unified .td-create-picker__footer .button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:var(--td-btn-min-height, 48px) !important;
  padding:var(--td-btn-padding-y, 12px) var(--td-btn-padding-x, 16px) !important;
  border:0 !important;
  border-radius:var(--td-btn-radius, 5px) !important;
  background:var(--td-btn-bg-primary, var(--td-color-primary)) !important;
  color:var(--td-btn-fg-primary, var(--td-color-cream)) !important;
  box-shadow:none !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  font-size:var(--td-btn-font-size, 16px) !important;
  font-weight:var(--td-btn-font-weight, 600) !important;
  white-space:normal !important;
  text-align:center !important;
  cursor:pointer !important;
}

body.td-shell-route-unified .td-main .button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all):hover,
body.td-shell-route-unified .td-main a.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all):hover,
body.td-shell-route-unified .td-main button.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all):hover,
body.td-shell-route-unified .td-main input.button:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all):hover,
body.td-shell-route-unified .td-main input[type="submit"]:not(.td-topbar__btn):not(.td-drawer__close):not(.td-notification-center__close):not(.td-notification-center__mark-all):hover,
body.td-shell-route-unified .td-create-picker__footer .button:hover{
  background:var(--td-btn-bg-primary-hover, var(--td-color-accent-stronger)) !important;
  color:var(--td-btn-fg-primary, var(--td-color-cream)) !important;
}

body.td-shell-route-unified .td-main .button:focus-visible,
body.td-shell-route-unified .td-main a.button:focus-visible,
body.td-shell-route-unified .td-main button.button:focus-visible,
body.td-shell-route-unified .td-main input.button:focus-visible,
body.td-shell-route-unified .td-main input[type="submit"]:focus-visible,
body.td-shell-route-unified .td-create-picker__footer .button:focus-visible{
  outline:2px solid rgba(198, 101, 30, .35) !important;
  outline-offset:2px !important;
}


/* 2.7.102.18 – exact app-button selectors inside rendered shell. */
.td-main .td-card__actions > a.button,
.td-main .td-card__actions > .button,
.td-main .td-row.td-create-picker__footer > a.button,
.td-main .td-row.td-create-picker__footer > .button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:var(--td-btn-min-height, 40px) !important;
  padding:var(--td-btn-padding-y, 10px) var(--td-btn-padding-x, 16px) !important;
  border:0 !important;
  border-radius:5px !important;
  background:var(--td-color-primary) !important;
  color:var(--td-color-cream) !important;
  text-decoration:none !important;
  line-height:1.2 !important;
  font-weight:var(--td-btn-font-weight, 600) !important;
}


/* 2.7.104.10 – sekundärknappar och snabbpass-plus ska följa samma knappkontrakt. */
body.td-shell-route-unified .td-main .td-btn--secondary,
body.td-shell-route-unified .td-main a.td-btn--secondary,
body.td-shell-route-unified .td-main button.td-btn--secondary{
  background:var(--td-btn-bg-secondary, var(--td-color-white)) !important;
  color:var(--td-btn-fg-secondary, var(--td-color-text-admin-strong)) !important;
  border:1px solid var(--td-btn-border-secondary, var(--td-color-divider-black-12)) !important;
}
body.td-shell-route-unified .td-main .td-qp-btn--plus,
body.td-shell-route-unified .td-main .td-qp-btn--plus:visited,
body.td-shell-route-unified .td-main .td-qp-btn--plus:hover,
body.td-shell-route-unified .td-main .td-qp-btn--plus:focus{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border-radius:14px !important;
  border:1px solid var(--td-color-border-accent) !important;
  background:var(--td-color-white) !important;
  color:var(--td-primary) !important;
  font-size:22px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}


/* 2.7.208.16 – Gutenberg-knappar i TD-shellen ska synas utan hover och följa klubbens knappkontrakt. */
body.td-shell-route-unified .td-main .wp-block-button__link.wp-element-button,
body.td-shell-route-unified .td-main .wp-block-button__link.wp-element-button:link,
body.td-shell-route-unified .td-main .wp-block-button__link.wp-element-button:visited,
body.td-shell-route-unified .td-main .wp-block-button__link.wp-element-button:hover,
body.td-shell-route-unified .td-main .wp-block-button__link.wp-element-button:active{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 24px !important;
  background:var(--td-btn-bg-primary, var(--td-color-accent)) !important;
  color:var(--td-btn-text-primary, #fff) !important;
  border:0 !important;
  border-radius:5px !important;
  text-decoration:none !important;
  box-shadow:none !important;
  opacity:1 !important;
}

:root{
  --td-final-content-max: var(--td-shell-content-max);
  --td-final-content-pad: var(--td-shell-content-pad);
  --td-final-stack-gap: var(--td-shell-stack-gap);
  --td-final-card-pad: var(--td-shell-card-pad);
  --td-final-card-radius: var(--td-shell-card-radius);
  --td-final-card-title-size: var(--td-shell-card-title-size);
  --td-final-topbar-mobile: var(--td-shell-topbar-mobile);
  --td-final-topbar-desktop: var(--td-shell-topbar-desktop);
}


body.td-page .td-shell,

.td-heading--reset-top{margin-top:0!important;}
.td-heading--mb8{margin-bottom:8px!important;}
.td-heading--reset{margin:0!important;}
.td-paragraph--reset-top{margin-top:0!important;}
.td-paragraph--mb10{margin-bottom:10px!important;}
.td-form--reset-margin{margin:0!important;}
.td-hidden{display:none!important;}
.td-overflow-auto{overflow:auto;}
.td-nowrap{white-space:nowrap;}
.td-mt8{margin-top:8px;}
.td-card--radius16{border-radius:16px;}
.td-tombola-entry-card{margin:12px 0;border-radius:8px;}
.td-tombola-filter-card{margin:10px 0;border-radius:8px;}
.td-entry-meta-icon{vertical-align:middle;margin-right:6px;}
.td-entry-answer-block__answer--spaced{margin-top:6px;}
.td-filter-col--min220{min-width:220px;}
.td-filter-col__title{font-weight:600;margin-bottom:4px;}
.td-description-small{font-size:12px;}
.td-checkbox-inline{display:inline-flex;align-items:center;gap:6px;}
.td-checkbox-inline--gap10{display:inline-block;margin-right:10px;}
.td-checkbox-inline--row{display:flex;align-items:center;gap:10px;margin:0;}
.td-checkbox-block{display:block;}
.td-checkbox-block--mb4{margin-bottom:4px;}
.td-checkbox-block--tight{margin:2px 0;}
.td-tombola-cat-boxes{border:1px solid var(--td-color-border-ui);border-radius:6px;padding:8px;max-height:180px;overflow:auto;}
.td-list--reset-pad18{margin:0;padding-left:18px;}
.td-actions--courses-toggle{margin:10px 0 14px;display:flex;gap:8px;flex-wrap:wrap;}
.td-table--min720{min-width:720px;}
.td-table--min980{min-width:980px;}
.td-col--w160{width:160px;}
.td-col--w260{width:260px;}
.td-progress-inline{display:flex;align-items:center;gap:10px;}
.td-progress-inline__bar{width:220px;}
.td-filter-form{margin:0 0 12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;}
.td-filter-form__field{display:flex;flex-direction:column;gap:2px;}
body:not(.td-shell-route-unified) .td-filter-form__label{font-size:12px;}
.td-filter-select--area{min-width:180px;max-width:260px;}
.td-filter-select--level{min-width:120px;max-width:160px;}
.td-filter-input--search{min-width:220px;max-width:320px;}
.td-stack--gap4{display:flex;flex-direction:column;gap:4px;}
.td-units-mass-bar{padding:12px;margin:0 0 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.td-section-gap-y{margin:10px 0;}
.td-list--muted{color:inherit;}
.td-list--mt8-pad18{margin:8px 0 0;padding-left:18px;}


.td-quickpass__desc{margin-top:6px;}
.td-quickpass__missing-template{margin-top:10px;}
.td-quickpass__form{margin-top:12px;}
.td-quickpass__actions{display:flex;gap:10px;flex-wrap:wrap;}
.td-home__empty{margin:0;}
.td-home__source{margin:0 0 10px;}
.td-home__frame-wrap{border:1px solid var(--td-color-border-ui);border-radius:12px;overflow:hidden;}
.td-home__frame{width:100%;height:70vh;border:0;}
.td-eval__title{margin:0;}
.td-eval__invalid{margin:0;}
.td-filter-form--compare{margin:10px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.td-filter-form--compare-spaced{margin:10px 0 14px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.td-filter-form--compare-tight{margin:10px 0;}
.td-filter-col--min180{min-width:180px;}
.td-filter-col--min240{min-width:240px;}
.td-filter-form__actions{display:flex;}
.td-filter-form__actions--end{align-self:flex-end;}
.td-flat-actions{margin:16px 0;padding:12px;display:flex;justify-content:flex-end;}
.td-flat-actions--wrap{gap:10px;flex-wrap:wrap;}

.td-align-right{text-align:right;}
.td-mb8{margin:0 0 8px 0;}
.td-empty-actions--mt10{margin-top:10px;}

.td-margin--reset{margin:0!important;}
.td-button-row--mt10{margin-top:10px;}

.td-field--w100{width:100%!important;}
.td-title--reset{margin:0!important;}

/* 2.7.99.23 / 2162 – duplicerat shell-frame-block borttaget; wrapperbredd, gutter och stack-gap ägs nu bara av den sena content-frame-kontraktdelen längre ner i filen. */


/* 2.7.99.19 / 2162 – help mobile striping/title rescue removed. */


/* 2.7.99.19 / 2162 – row/separator rescue removed. */


/* 2.7.99.19 / 2162 – entry edit/view layout block removed. */


/* 2.7.95.23: duplicate bottomnav media block removed from td-content-compat. */


/* 2.7.99.19 / 2162 – duplicate entry group/question compat removed. */


@media (max-width:781px){
}


/* post-it baseline cleaned: yellow owner block below is the single active style */

body:not(.td-shell-route-unified).td-page .td-postit .button,
body:not(.td-shell-route-unified).td-page .td-postit a.button,
body:not(.td-shell-route-unified).td-page .td-postit button.button,
body:not(.td-shell-route-unified).td-page .td-empty-actions .button,
body:not(.td-shell-route-unified).td-page .td-empty-actions a.button,
body:not(.td-shell-route-unified).td-page .td-empty-actions button.button{
  border-radius:5px !important;
}

/* 2.7.99.19 / 2162 – dashboard inspiration/title compat removed. */


@media (min-width: 1024px){

  

  
}

/* 2.7.99.19 / 2162 – view-specific plan/train/evaluate/calendar/help/share/courseware compat removed. */


body.td-shell-standalone .td-access-card{
  background:var(--td-color-cream) !important;
}
/* 2.7.99.22 / 2162 – standalone/share/noaccess CTA-knappar och access-card-spacing flyttade ur compat till shell-/courseware-ownerfiler. */

/* 2.7.99.22 / 2162 – help/settings/notifications/instructor surface- och tabs-kontrakt flyttade ur compat till ownerfiler. */

@media (max-width: 767px){
}

body.single-course, body.single-course_unit{
  --td-shell-cpt-top: var(--td-color-cpt-top);
  --td-shell-cpt-bottom: var(--td-color-cpt-bottom);
}


@media (min-width: 1024px){
/* 2.7.99.19 / 2162 – remaining exercises/help/share/courseware compat removed. */

body.single-td_entry{
  --td-shell-cpt-hero-top: var(--td-color-cpt-hero-top);
  --td-shell-cpt-hero-bottom: var(--td-color-cpt-hero-bottom);
  --td-shell-cpt-hero-overlay: linear-gradient(180deg, var(--td-color-cpt-hero-top-soft-2) 0%, var(--td-color-cpt-hero-overlay-dark-2) 100%);
}
}

@media (min-width: 1024px){
/* 2.7.99.19 / 2162 – empty desktop compat media block removed. */

body.single-course, body.single-course_unit, body.td-entry-single, body.single-td_entry{
  --td-shell-cpt-footer-opacity:.58;
  --td-shell-cpt-footer-filter:sepia(.24) saturate(1.06) brightness(.46);
}
}

body.td-view-instructor .td-instructor-results__primary{
  display:block !important;
  font-weight:700 !important;
  color:var(--td-shell-text,var(--td-shell-text-strong)) !important;
  line-height:1.35 !important;
}

body.td-view-instructor .td-instructor-results__secondary{
  display:block !important;
  margin-top:2px !important;
  font-size:.92rem !important;
  color:var(--td-shell-text-soft) !important;
  line-height:1.35 !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-instructor-results .td-instructor-results__item{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  padding:12px 14px !important;
}

body.td-view-instructor .td-instructor-external input[type="text"],
body.td-view-instructor .td-instructor-external input[type="email"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:var(--td-color-white) !important;
  border:1px solid var(--td-color-overlay-border-alt-3) !important;
  box-shadow:none !important;
  outline:0 !important;
}

body.td-view-instructor .td-instructor-external input[type="text"]:focus,
body.td-view-instructor .td-instructor-external input[type="email"]:focus{
  border-color:var(--td-shell-border-focus) !important;
  box-shadow:0 0 0 3px var(--td-shell-primary-focus) !important;
}

body.td-view-instructor .td-instructor-pass-recipients,
body:not(.td-shell-route-unified).td-page .td-entry-instructor-recipients__list{
  margin:8px 0 0 18px !important;
  padding:0 !important;
}

body.td-view-instructor .td-instructor-pass-recipients li,
body:not(.td-shell-route-unified).td-page .td-entry-instructor-recipients__list li{
  margin:0 0 4px !important;
}

@media (max-width:767px){
  body.td-view-instructor .td-instructor-card__actions{
    background:transparent !important;
    border-top:1px solid var(--td-color-overlay-border-brown) !important;
  }

  

  body.td-view-instructor .td-instructor-sent__item:nth-child(odd) .td-instructor-card__actions,
  body.td-view-instructor .td-instructor-sent__item:nth-child(odd) .td-instructor-sent__actions--mobile-card,
  body.td-view-instructor .td-instructor-student-card:nth-child(odd) .td-instructor-student-card__actions{
    background:var(--td-bg) !important;
  }

  body.td-view-instructor .td-instructor-sent__item:nth-child(even) .td-instructor-card__actions,
  body.td-view-instructor .td-instructor-sent__item:nth-child(even) .td-instructor-sent__actions--mobile-card,
  body.td-view-instructor .td-instructor-student-card:nth-child(even) .td-instructor-student-card__actions{
    background:var(--td-zebra,var(--td-color-zebra)) !important;
  }
}

body.single-course, body.single-course_unit{
  --td-shell-cpt-hero-top: var(--td-color-cpt-top);
  --td-shell-cpt-hero-bottom: var(--td-color-cpt-bottom);
  --td-shell-cpt-hero-overlay: linear-gradient(180deg, var(--td-color-cpt-hero-top-soft) 0%, var(--td-color-cpt-hero-overlay-dark) 100%);
}

body.td-view-instructor .td-instructor-results{
  background:var(--td-color-cream) !important;
  border:1px solid var(--td-color-overlay-border-alt) !important;
  border-radius:18px !important;
  overflow:auto !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-instructor-results .td-instructor-results__item{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  white-space:normal !important;
  line-height:1.35 !important;
  min-height:auto !important;
  padding:12px 16px !important;
  background:var(--td-color-cream) !important;
  color:var(--td-shell-text,var(--td-shell-text-strong)) !important;
  border:0 !important;
  border-bottom:1px solid var(--td-color-divider) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.td-view-instructor .td-instructor-results .td-ac-item:last-child,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:last-child{
  border-bottom:0 !important;
}
body.td-view-instructor .td-instructor-results .td-ac-item:hover,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:hover,
body.td-view-instructor .td-instructor-results .td-ac-item:focus,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus{
  background:var(--td-shell-surface-3) !important;
  color:var(--td-shell-text,var(--td-shell-text-strong)) !important;
}
body.td-view-instructor .td-instructor-results__primary{
  font-size:1rem !important;
  font-weight:700 !important;
}

body.td-view-instructor .td-instructor-external input[type="text"],
body.td-view-instructor .td-instructor-external input[type="email"]{
  border-radius:24px !important;
}

body.td-view-instructor .td-instructor-delete-form{
  display:inline-flex !important;
  margin:0 !important;
}

@media (max-width:767px){
  
  body.td-view-instructor .td-instructor-sent__item:nth-child(odd),
  body.td-view-instructor .td-instructor-student-card:nth-child(odd){
    background:var(--td-bg,var(--td-color-cream)) !important;
  }
  body.td-view-instructor .td-instructor-sent__item:nth-child(even),
  body.td-view-instructor .td-instructor-student-card:nth-child(even){
    background:var(--td-zebra,var(--td-color-zebra)) !important;
  }
  body.td-view-instructor .td-instructor-card__actions{
    background:inherit !important;
    border-top:1px solid var(--td-color-overlay-border-brown) !important;
  }
  body.td-view-instructor .td-instructor-card__actions 
}

body.td-view-instructor .td-instructor-results{
  max-height:min(40svh, 280px) !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-gutter:stable both-edges;
  border-radius:5px !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-instructor-results .td-instructor-results__item{
  display:grid !important;
  gap:4px !important;
  min-height:56px !important;
  align-content:center !important;
  word-break:break-word !important;
}

body.td-view-instructor .td-instructor-results__primary{
  line-height:1.35 !important;
}

body.td-view-instructor .td-instructor-results__secondary{
  line-height:1.35 !important;
}

body.td-view-instructor .td-instructor-external input[type="text"],
body.td-view-instructor .td-instructor-external input[type="email"]{
  border-radius:5px !important;
}

body.td-view-instructor .td-instructor-sent__item h3 a{
  color:var(--td-shell-accent, var(--td-shell-primary)) !important;
}

body.td-view-instructor .td-instructor-sent__item h3 a:hover,
body.td-view-instructor .td-instructor-sent__item .td-edit-question-title a:hover,
body.td-view-instructor .td-instructor-sent__item h3 a:focus-visible,
body.td-view-instructor .td-instructor-sent__item .td-edit-question-title a:focus-visible{
  color:var(--td-shell-accent, var(--td-shell-primary)) !important;
}

body:not(.td-shell-route-unified).td-page .td-wrap input[type="text"],
body:not(.td-shell-route-unified).td-page .td-wrap input[type="number"],
body:not(.td-shell-route-unified).td-page .td-wrap input[type="date"],
body:not(.td-shell-route-unified).td-page .td-wrap input[type="search"],
body:not(.td-shell-route-unified).td-page .td-wrap input[type="email"],
body:not(.td-shell-route-unified).td-page .td-wrap select,
body:not(.td-shell-route-unified).td-page .td-wrap textarea,
body:not(.td-shell-route-unified).td-page .td-page-frame input[type="text"],
body:not(.td-shell-route-unified).td-page .td-page-frame input[type="number"],
body:not(.td-shell-route-unified).td-page .td-page-frame input[type="date"],
body:not(.td-shell-route-unified).td-page .td-page-frame input[type="search"],
body:not(.td-shell-route-unified).td-page .td-page-frame input[type="email"],
body:not(.td-shell-route-unified).td-page .td-page-frame select,
body:not(.td-shell-route-unified).td-page .td-page-frame textarea,
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell input[type="text"],
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell input[type="number"],
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell input[type="date"],
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell input[type="search"],
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell input[type="email"],
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell select,
body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell textarea,
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell input[type="text"],
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell input[type="number"],
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell input[type="date"],
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell input[type="search"],
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell input[type="email"],
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell select,
body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell textarea,
body.td-view-instructor input[type="text"],
body.td-view-instructor input[type="email"],
body.td-view-instructor input[type="search"],
body.td-view-instructor select,
body.td-view-instructor textarea{
  border-radius:var(--td-radius-cta, 5px) !important;
}

body.td-view-instructor .td-instructor-results,
body.td-view-instructor .td-weekplan-results{
  max-height:320px !important;
  overflow:auto !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-instructor-results .td-instructor-results__item,
body.td-view-instructor .td-weekplan-results .td-ac-item,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:start !important;
  padding:10px 12px !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item > span:first-child,
body.td-view-instructor .td-instructor-results .td-instructor-results__item > span:first-child,
body.td-view-instructor .td-weekplan-results .td-ac-item > span:first-child,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item > span:first-child{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  white-space:normal !important;
}

body.td-view-instructor .td-instructor-results .td-ac-item button,
body.td-view-instructor .td-instructor-results .td-instructor-results__item button,
body.td-view-instructor .td-weekplan-results .td-ac-item button,
body.td-view-instructor .td-weekplan-results .td-instructor-results__item button{
  align-self:center !important;
  white-space:nowrap !important;
  border-radius:var(--td-radius-cta, 5px) !important;
}

body:not(.td-shell-route-unified).td-page .td-entry-instructor-recipients{
  margin-top:12px !important;
}

@media (max-width: 767px){
  body.td-view-exercises .td-exercises-1071 .td-table--courses,
  body.td-view-exercises .td-exercises-1071 .td-table--courses tbody,
  body.td-view-exercises .td-exercises-1071 .td-table--courses tr,
  body.td-view-exercises .td-exercises-1071 .td-table--courses th,
  body.td-view-exercises .td-exercises-1071 .td-table--courses td{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  body.td-view-exercises .td-exercises-1071 .td-table--courses td,
  body.td-view-exercises .td-exercises-1071 .td-table--courses td *{
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.td-view-exercises .td-exercises-1071 .td-table--courses td:first-child,
  body.td-view-exercises .td-exercises-1071 .td-table--courses td:first-child a,
  body.td-view-exercises .td-exercises-1071 .td-course-link__text{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  

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

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

  body.td-view-exercises .td-exercises-1071 .td-progress-inline__bar{
    -webkit-appearance:none !important;
    appearance:none !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:10px !important;
    border:0 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background:var(--td-shell-surface-3) !important;
  }

  body.td-view-exercises .td-exercises-1071 .td-progress-inline__bar::-webkit-progress-bar{
    background:var(--td-shell-surface-3) !important;
    border-radius:999px !important;
  }

  body.td-view-exercises .td-exercises-1071 .td-progress-inline__bar::-webkit-progress-value{
    background:var(--td-shell-primary) !important;
    border-radius:999px !important;
  }

  body.td-view-exercises .td-exercises-1071 .td-progress-inline__bar::-moz-progress-bar{
    background:var(--td-shell-primary) !important;
    border-radius:999px !important;
  }
}


/* 2.7.95.23: bottomnav ownership flyttad bort från td-content-compat. */


@media (max-width:767px){
  

  

  

  

  /* 2.7.95.23: duplicate bottomnav/content padding block removed from td-content-compat. */
}

body:not(.td-shell-route-unified).td-page h2,
body:not(.td-shell-route-unified).td-page h3,
body:not(.td-shell-route-unified).td-page h4 {
  line-height: 1.12 !important;
}

body:not(.td-shell-route-unified).td-page h5,
body:not(.td-shell-route-unified).td-page h6,
body:not(.td-shell-route-unified).td-page .elementor-widget-heading h5,
body:not(.td-shell-route-unified).td-page .elementor-widget-heading h6 {
  font-family: "Nunito", sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h1,
body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h2,
body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h3,
body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h4,
body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h5,
body:not(.td-shell-route-unified).td-page .elementor-kit-59426 h6 {
  text-transform: none !important;
  letter-spacing: 0 !important;
}









body:not(.td-shell-route-unified).td-page .td-entry-question-title,
body:not(.td-shell-route-unified).td-page .td-edit-question-title,
body:not(.td-shell-route-unified).td-page .td-field-title{
  font-size:clamp(1rem, 0.94rem + 0.18vw, 1.125rem) !important;
  line-height:1.22 !important;
}

@media (min-width:768px){
  body.td-view-home .td-card.td-card--flat.td-start-tiles-host{
    position:relative !important;
    display:block !important;
    overflow:visible !important;
  }

  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-source{
    display:none !important;
  }

  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(240px, 300px)) !important;
    justify-content:center !important;
    gap:28px 28px !important;
    width:auto !important;
    max-width:calc(3 * 300px + 2 * 28px) !important;
    margin:0 auto !important;
    padding:0 !important;
    align-items:start !important;
  }

  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-grid > .td-start-tile{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-grid > .td-start-tile > a,
  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-grid > .td-start-tile img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.td-view-home .td-card.td-card--flat.td-start-tiles-host > .td-start-tiles-grid > .td-start-tile img{
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
  }
}

/* Restore Elementor column flex layout for the embedded home page.
   elementor/assets/css/frontend is blocked on app pages; add back the
   minimal rules needed so the 3-column tiles grid renders correctly. */
body.td-view-home .td-desktop-home--embedded .elementor-container{
  display:flex !important;
  flex-wrap:wrap !important;
  margin-right:auto;
  margin-left:auto;
}
body.td-view-home .td-desktop-home--embedded .elementor-column{
  flex-grow:1;
  flex-shrink:1;
  flex-basis:auto;
  display:flex;
  flex-direction:column;
  min-width:0;
}
/* Kolumnbredderna gäller bara desktop. På mobil (där Elementors egen frontend-CSS är
   avköad) faller kolumnerna tillbaka på flex-column/100% och staplas i stället för att
   ligga kvar i desktoplayout (#286). */
@media (min-width:1024px){
  body.td-view-home .td-desktop-home--embedded .elementor-col-10 { width:10% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-11 { width:11.111% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-12 { width:12.5% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-14 { width:14.285% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-16 { width:16.666% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-20 { width:20% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-25 { width:25% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-30 { width:30% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-33 { width:33.332% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-40 { width:40% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-50 { width:50% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-60 { width:60% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-66 { width:66.664% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-70 { width:70% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-75 { width:75% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-80 { width:80% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-83 { width:83.333% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-90 { width:90% !important; }
  body.td-view-home .td-desktop-home--embedded .elementor-col-100 { width:100% !important; }
}

:root{
  --td-matrix-beige:var(--td-page-bg-app);
  --td-matrix-beige-strong:var(--td-color-cream);
  --td-matrix-text:var(--td-color-text-cpt);
  --td-matrix-brown-top:var(--td-color-matrix-top);
  --td-matrix-brown-bottom:var(--td-color-matrix-bottom);
  --td-matrix-desktop-topbar-height:70px;
  --td-matrix-mobile-topbar-height:56px;
  --td-matrix-mobile-hero-topbar-height:72px;
  --td-matrix-wave-height:28px;
}

/* 2.7.98.18 / 2150 – tomt block borttaget; bottomnav-owner ligger i td-mobile.css. */



body.td-view-instructor table tbody tr,
body.td-view-instructor table tbody tr td{
  background:transparent !important;
}



body.td-view-instructor .td-instructor-pass-list table tbody tr:nth-child(even) td,
body.td-view-instructor .td-instructor-students table tbody tr:nth-child(even) td,
body.td-view-instructor .td-table--zebra tbody tr:nth-child(even) td{
  background:var(--td-zebra) !important;
}

body.td-view-instructor .td-instructor-pass-list table tbody tr:nth-child(odd) td,
body.td-view-instructor .td-instructor-students table tbody tr:nth-child(odd) td,
body.td-view-instructor .td-table--zebra tbody tr:nth-child(odd) td{
  background:transparent !important;
}

@media (min-width:782px){
  body.td-page.td-view-home.td-hide-theme-chrome:not(.td-shell-standalone) main#content.site-main,
  body.td-page.td-view-home.td-hide-theme-chrome:not(.td-shell-standalone) .page-content{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  

  

  

  
}

  
  
  
}

/* 2.7.96.17 – kriterieplan: rensa sena motstridiga compat-block och följ owner-layouten. */
@media (min-width: 768px){
  body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell .td-criteria-scroll,
  body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell .td-criteria-scroll{
    overflow-x:auto !important;
    width:100% !important;
    max-width:100% !important;
  }

  body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell #td-criteria-table,
  body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell #td-criteria-table{
    display:table !important;
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell #td-criteria-table tbody tr.td-crit-row,
  body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell #td-criteria-table tbody tr.td-crit-row{
    display:grid !important;
    width:100% !important;
    grid-template-columns:minmax(320px, 2.2fr) repeat(5, minmax(70px, 1fr)) 52px !important;
    align-items:start !important;
  }

  body:not(.td-shell-route-unified).td-page .td-entry-view--form-shell #td-criteria-table tbody tr.td-crit-row > td,
  body:not(.td-shell-route-unified).td-page .td-entry-view--edit-shell #td-criteria-table tbody tr.td-crit-row > td{
    border-top:10px solid transparent !important;
    border-bottom:10px solid transparent !important;
  }
}



@media (min-width:768px){
  

  

  

  

  

  
}


/* 2.7.95.12 / 2097 – central mobil kortgeometri
   Låser samma gutter ut mot skärm som mellan korten och håller mobilpadding i content owner-filen,
   så plan/train/evaluate/exercises inte får olika sidluft beroende på äldre lager. */
/* 2.7.95.20 / 2105 – mobilkort kontrakt v2.
   Ett enda sent owner-lager styr nu mobilgutter, kortgap, innerpadding och datumradskort.
   Målet här är konsekvens före specialfall: hellre samma struktur överallt än flera konkurrerande äldre spår. */
/* 2.7.95.27 / 2109 – content frame follow-up
   td-content-compat är ensam ägare för content-start, wrapperkedja, kortbredd och stack-gap.
   Headerfiler exponerar bara sina ytors höjder; td-mobile äger bara själva bottomnav. */




@media (min-width:782px){
  body:not(.td-shell-route-unified).td-page .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-shell .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-help-single .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).single-td_help .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-courseware-app .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-entry-single .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-share-single .td-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-page .td-section-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-page .td-edit-section-card > .td-dash-title,
  body:not(.td-shell-route-unified).td-page .td-panel > .td-panel__title,
  body:not(.td-shell-route-unified).td-page .td-card > h1,
  body:not(.td-shell-route-unified).td-page .td-card > h2,
  body:not(.td-shell-route-unified).td-page .td-card > h3,
  body:not(.td-shell-route-unified).td-shell .td-card > h1,
  body:not(.td-shell-route-unified).td-shell .td-card > h2,
  body:not(.td-shell-route-unified).td-shell .td-card > h3,
  body:not(.td-shell-route-unified).td-page 
}


body:not(.td-shell-route-unified).td-page .td-card,
body:not(.td-shell-route-unified).td-shell .td-card,
body:not(.td-shell-route-unified).td-help-single .td-card,
body:not(.td-shell-route-unified).single-td_help .td-card,
body:not(.td-shell-route-unified).td-courseware-app .td-card,
body:not(.td-shell-route-unified).td-entry-single .td-card,
body:not(.td-shell-route-unified).td-share-single .td-card,
body:not(.td-shell-route-unified).td-no-access .td-card,
body:not(.td-shell-route-unified).td-page .td-section-card,
body:not(.td-shell-route-unified).td-page .td-edit-section-card,
body:not(.td-shell-route-unified).td-page .td-course-layout__surface,
body:not(.td-shell-route-unified).td-page .td-postit,
body:not(.td-shell-route-unified).td-page .td-dashboard-card,
body:not(.td-shell-route-unified).td-page .td-panel{
  margin:0 !important;
}




@media (max-width:781px){
  

  

  

  

  

  

  

  

  
}

body:not(.td-shell-route-unified).td-page .td-card > 

body:not(.td-shell-route-unified).td-page .td-card > 



body.td-page.td-view-suggestions textarea{
  width:100% !important;
  max-width:none !important;
}

body.td-page.td-view-suggestions input[type="file"]{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

body.td-page.td-view-settings .td-u-hr-16{
  border:0 !important;
  border-top:0 !important;
  background:none !important;
  height:0 !important;
  margin:22px 0 30px !important;
}

body.td-page.td-view-settings .td-dogs-row__actions{
  margin-bottom:10px !important;
}

body.td-page.td-view-settings .td-dogs-add__actions{
  margin-top:8px !important;
}

body.td-page.td-view-exercises, body.single-course, body.single-course_unit{
  background:var(--td-page-bg-app) !important;
}
}






/* 2.7.96.30 / 2110 – slå ut den vinnande td-card > form-marginalen i mobil edit/quickpass */


@media (min-width:1024px){
  

  

  
}




  

  
}

@media (max-width:781.98px){
  
}


/* 2.7.96.33 / 2110 – datumfält parity i snabbträningspass + tydligare wave-kontrast */
@media (max-width:781.98px){
  
}


/* 2.7.96.34 / 2110 – snabbträningspass datumfält: samma stil som övriga, men inte fullbrett */
@media (max-width:781.98px){
  
}


/* 2.7.96.35 / 2110 – snabbträningspassets datumfält lite smalare igen */
@media (max-width:781.98px){
  
}


/* 2.7.96.39 / 2110 – quickpass form owner + mobil view parity + kriterieplan desktop alignment */
@media (min-width:1024px){
  body.td-page.td-view-quickpass .td-quickpass-form__fields{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px 18px !important;
    width:100% !important;
    max-width:none !important;
  }

  body.td-page.td-view-quickpass .td-quickpass-form__field,
  body.td-page.td-view-quickpass .td-quickpass-form__field > label{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  body.td-page.td-view-quickpass .td-quickpass-form__field--title,
  body.td-page.td-view-quickpass .td-quickpass-form__field--focus,
  body.td-page.td-view-quickpass .td-quickpass-form__field--categories,
  body.td-page.td-view-quickpass .td-quickpass-form__field--eval{
    grid-column:1 / -1 !important;
  }

  body.td-page.td-view-quickpass .td-quickpass-form__field input,
  body.td-page.td-view-quickpass .td-quickpass-form__field select,
  body.td-page.td-view-quickpass .td-quickpass-form__field textarea{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  

  

  
}




/* 2.7.96.40 / 2110 – äldre mobil view-entry width parity neutralized by 2.7.98.7 central content owner.
   Quickpass-datumregeln behålls, men entry-korten får inte längre egen route-specifik sidomarginal här. */
@media (max-width:781.98px){
  
}


/* 2.7.97.12 / 2122 – content contract batch 1: unified card gutters, settings/instructor tabs, dashboard/help card-body owners */













/* 2.7.99.17 / 2162 – bred unified label-override borttagen; formulär-/etikettfont ägs av td-card.css och respektive family-owner. */

@media (max-width:781.98px){

  
}


/* 2.7.97.14 / 2124 – courseware/list parity batch 1 */





body.td-view-units .td-units-filter-form .td-units-filter-submit[hidden]{
  display:none !important;
}


body.td-view-units .td-units-list__row{
  gap:8px !important;
}

body.td-view-units .td-units-list__meta{
  margin-top:0 !important;
  padding-left:34px !important;
  font-size:.94rem !important;
  line-height:1.35 !important;
  white-space:normal !important;
  text-align:left !important;
}





@media (max-width:767px){
  

  


  body.td-view-units .td-units-list__row{
    gap:8px !important;
    align-items:flex-start !important;
  }

  body.td-view-units .td-units-list__title, body.td-view-units .td-units-list__title a{
    font-size:1rem !important;
    line-height:1.32 !important;
  }

  body.td-view-units .td-units-list__meta{
    padding-left:32px !important;
    font-size:.88rem !important;
  }
}

/* 2.7.97.15 / 2125 – entry/form parity batch 1: kriterieplan create/edit + weekplan selected/suggested alignment */
body.td-page.td-view-edit .td-weekplan-editor__block--selected,
body.td-page.td-view-edit .td-weekplan-editor__block--suggestions{
  padding-left:0 !important;
  padding-right:0 !important;
}





body.td-page.td-view-edit .td-weekplan-editor__check{
  justify-content:flex-start !important;
  padding-top:2px !important;
}

body.td-page.td-view-edit .td-weekplan-editor__label,
body.td-page.td-view-edit .td-weekplan-editor__label a{
  line-height:1.28 !important;
}

body.td-page .td-entry-view--form-shell .td-edit-section-card--criteria-grid,
body.td-page .td-entry-view--edit-shell .td-edit-section-card--criteria-grid{
  padding-left:8px !important;
  padding-right:8px !important;
}



@media (min-width:1024px){
  

  

  

  
}



/* 2.7.97.16 / 2126 – instructor parity batch 1 */
/* Felaktig, avbruten selektorkedja borttagen.
   Den läckte in td-instructor-page__grid i samma deklarationsblock som
   weekplan-editor och tvingade create-gridet till 24px + 1fr. */

/* 2.7.98.2 / 2132 – kriterieplan + övningsväljare */
body.td-page .td-weekplan-editor__item,
body.td-page .td-weekplan-editor__item--selected,
body.td-page .td-weekplan-editor__item--suggested{
  grid-template-columns:24px minmax(0,1fr) !important;
  column-gap:6px !important;
}

body.td-page .td-weekplan-editor__check{
  padding-top:1px !important;
}






body.td-view-units .td-units-list__meta{
  padding-left:28px !important;
  line-height:1.28 !important;
}

body.td-view-units .td-units-list__title,
body.td-view-units .td-units-list__title a{
  font-size:1.05rem !important;
  line-height:1.26 !important;
}





@media (min-width:1024px){
  

  

  

}



/* 2.7.98.4 / 2134 – kalender + desktopregressioner */
@media (min-width:782px){
  

  body.td-page.td-view-notifications .td-card--notification-settings 


body.td-share-invalid .td-share-error--invalid{
    max-width: 820px;
    margin-inline: auto;
    border: 1px solid var(--td-color-accent-border-soft);
    box-shadow: 0 14px 34px var(--td-color-shadow-strong-2);
    background: linear-gradient(180deg, var(--td-color-surface-warm-98) 0%, var(--td-color-surface-soft-98) 100%);
}

body.td-share-invalid .td-share-error--invalid h2{
    margin-top: 0;
}

body.td-share-invalid .td-share-error__eyebrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 6px 12px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: var(--td-color-accent-soft);
    color: var(--td-ui-orange, var(--td-color-accent-ui));
    font-weight: 800;
    letter-spacing: 0.08em;
}

body.td-share-invalid .td-shell__masthead--share .td-app-view-header__copy{
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: 24px;
    color: var(--td-color-text-neutral);
}
}


/* 2.7.98.23 / 2155 – conflict purge för aktiv owner.
   Det här är nu den sista vinnande mobilregeln för frame/card-kontraktet efter
   att sena dubbla resetar för wrapperkedjan har tagits bort ur compat-filen. */
@media (max-width:781.98px){

  body.td-page.td-view-edit .td-entry-view-card .td-entry-template-description--view,
  body.td-page.td-view-edit .td-entry-view-card .td-entry-answer-block,
  body.td-page.td-view-edit .td-entry-view-card .td-entry-answer-block__answer,
  body.td-page.td-view-edit .td-entry-view-card .td-entry-question-title,
  body.td-page.td-view-view .td-entry-view-card .td-entry-template-description--view,
  body.td-page.td-view-view .td-entry-view-card .td-entry-answer-block,
  body.td-page.td-view-view .td-entry-view-card .td-entry-answer-block__answer,
  body.td-page.td-view-view .td-entry-view-card .td-entry-question-title,
  body.td-page.td-view-entry .td-entry-view-card .td-entry-template-description--view,
  body.td-page.td-view-entry .td-entry-view-card .td-entry-answer-block,
  body.td-page.td-view-entry .td-entry-view-card .td-entry-answer-block__answer,
  body.td-page.td-view-entry .td-entry-view-card .td-entry-question-title{
    margin-left:0 !important;
    padding-left:0 !important;
    text-indent:0 !important;
  }

}


/* 2.7.98.10 / 2143 – mobil parity cleanup för entry/settings/calendar/qa/suggestions/help */
@media (max-width: 781.98px){

  
  

  
  
  
  

  body.td-page.td-view-qa .td-qa-past-sessions{
    padding-left:0 !important;
    margin-left:0 !important;
    list-style-position:inside !important;
  }
}


/* 2.7.98.15 / 2147 – återstående stats-/kalenderhjälpare flyttade från td-frontend.css. */
body.td-view-stats .td-stats-summary{
  margin-bottom:16px !important;
}


/* 2.7.98.17 / 2149 – wrapper-owner äger hide-theme-chrome-wrapparna, inte td-frontend.css. */
body.td-page.td-hide-theme-chrome .td-container.td-wrap,
body.td-page.td-hide-theme-chrome .td-wrap{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}

body.td-hide-theme-chrome .td-wrap{
  width:100%;
  max-width:100%;
  margin:0;
  padding-left:16px;
  padding-right:16px;
  box-sizing:border-box;
}

@media (max-width:768px){
  body.td-hide-theme-chrome .td-wrap{
    padding-left:12px;
    padding-right:12px;
  }
}

@media (min-width:769px){
  body.td-page .traningsdagbok.td-page{
    background:var(--td-color-page-bg-soft) !important;
  }

  body.td-page .td-container.td-wrap{
    max-width:1400px !important;
    padding:0 32px 40px !important;
  }

  body:not(.td-shell-route-unified).td-page .td-card,
  body.td-page .td-entry-view-card,
  body.td-page .td-entry-view-card--quickpass{
    background:var(--td-shell-surface) !important;
  }
}


/* 2.7.98.25 / 2157 – QA parity sweep: ett enda sent card-kontrakt för sessioner, formulär och frågekort. */
@media (max-width: 781.98px){
  

  body.td-page.td-view-qa .td-qa-card__body,
  

  body.td-page.td-view-qa .td-card--qa-session .td-card__title,
  body.td-page.td-view-qa .td-card--qa-ask .td-card__title,
  body.td-page.td-view-qa .td-card--qa-mine .td-card__title,
  body.td-page.td-view-qa .td-card--qa .td-card__title,
  

  body.td-page.td-view-qa .td-qa-card__list,
  

  body.td-page.td-view-qa .td-qa-card__list li,
  

  body.td-page.td-view-qa .td-qa-card__list li + li,
  

  body.td-page.td-view-qa .td-qa-info p,
  body.td-page.td-view-qa .td-card--qa .td-card__desc p,
  

  body.td-page.td-view-qa .td-qa-cards,
  

  body.td-page.td-view-qa .td-qa-form input,
  body.td-page.td-view-qa .td-qa-form textarea,
  

  body.td-page.td-view-qa .td-qa-info,
  body.td-page.td-view-qa .td-card--qa .td-card__meta,
  body.td-page.td-view-qa .td-card--qa .td-card__desc,
  body.td-page.td-view-qa .td-qa-next-session__meta,
  body.td-page.td-view-qa .td-qa-next-session__desc,
  

  body.td-page.td-view-qa .td-qa-form,
  

  body.td-page.td-view-qa .td-qa-form__field,
  body.td-page.td-view-qa .td-qa-form__actions,
  

  

  

  

}


/* 2.7.99.26 / 2162 – gemensam kortsurface och card-header/body-kontrakt ägs nu av td-card.css i stället för sena compatblock. */

















@media (min-width:1024px){
  

  
}


/* 2.7.99.32 / 2162 – mobil geometri för shellfamiljer ägs inte längre av td-content-compat. */

/* post-it owner moved out of td-content-compat in 2.7.99.11 */

/* 2.8.9.8 – snabbträningspass: hundval ska ligga kompakt som i vanligt träningspass, utan hård fieldset-ram. */
@media (min-width:1024px){
  body.td-page.td-view-quickpass .td-quickpass-form__field--dog{
    grid-column:1 / -1 !important;
  }
}

body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-field-wrap--dog-select{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
}

body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-field-wrap--dog-select > legend{
  float:none !important;
  width:auto !important;
  padding:0 !important;
  margin:0 0 8px !important;
  border:0 !important;
}

body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-dog-checkbox-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:0 !important;
  margin:0 0 6px !important;
  padding:0 !important;
  line-height:1.35 !important;
}

body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-dog-checkbox-row input[type="checkbox"]{
  margin:0 !important;
  flex:0 0 auto !important;
}

/* 2.8.9.11 – snabbträningspass: hundvalet ska följa samma fullbredds-/vänsterflöde som övriga td-entry-formulär. */
body.td-page.td-view-quickpass .td-quickpass-form__field--dog{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  justify-self:stretch !important;
}
body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-field-wrap--dog-select{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}
body.td-page.td-view-quickpass .td-quickpass-form__field--dog .td-dog-checkbox-row{
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
}

/* 2.8.9.11 – kriterieplan edit ska ha samma tabellgeometri som create/form på desktop. */
@media (min-width:1024px){
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-main{width:auto !important;min-width:360px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-round{width:78px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table col.td-crit-col-action{width:52px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main{display:table-cell !important;width:auto !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table td.td-crit-main input[type="text"]{width:100% !important;min-width:260px !important;}
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-click,
  body.td-shell-route-unified.td-content-family-entry #td-criteria-table .td-crit-rep{width:58px !important;min-width:58px !important;max-width:58px !important;padding-left:6px !important;padding-right:6px !important;}
}


/* 2.8.11.24 – instruktörens övningsväljare: override för äldre content-compat-hover som annars ger färgad rad på mobil. */
body.td-view-instructor .td-instructor-results .td-ac-item,
body.td-view-instructor .td-instructor-results .td-instructor-results__item,
body.td-view-instructor .td-instructor-results .td-ac-item:hover,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:hover,
body.td-view-instructor .td-instructor-results .td-ac-item:focus,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus,
body.td-view-instructor .td-instructor-results .td-ac-item:focus-visible,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus-visible,
body.td-view-instructor .td-instructor-results .td-ac-item:focus-within,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:focus-within,
body.td-view-instructor .td-instructor-results .td-ac-item:active,
body.td-view-instructor .td-instructor-results .td-instructor-results__item:active {
  background: var(--td-color-white) !important;
  background-color: var(--td-color-white) !important;
  background-image: none !important;
  color: var(--td-shell-text,var(--td-shell-text-strong)) !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
body.td-view-instructor .td-instructor-results__add,
body.td-view-instructor .td-instructor-results__add:hover,
body.td-view-instructor .td-instructor-results__add:focus,
body.td-view-instructor .td-instructor-results__add:active,
body.td-view-instructor .td-instructor-results__add * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.td-page .td-help-card-grid,
body.td-help-archive .td-help-card-grid{
  display:grid;
  gap:16px !important;
  grid-template-columns:1fr;
}

body.td-page .td-help-card,
body.td-help-archive .td-help-card{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  overflow:hidden;
}

body.td-page .td-help-card__media,
body.td-help-archive .td-help-card__media{
  display:block;
  background:var(--td-shell-surface-3);
  min-height:180px;
}
body.td-page .td-help-card__media img,
body.td-help-archive .td-help-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:16/9;
}
body.td-page .td-help-card__content,
body.td-help-archive .td-help-card__content{padding:18px 18px 20px;display:grid;gap:10px;}
body.td-page .td-help-card__meta,
body.td-help-archive .td-help-card__meta{font-size:.82rem;line-height:1.3;text-transform:none;}
body.td-page .td-help-card__title,
body.td-help-archive .td-help-card__title{margin:0;font-size:1.15rem;line-height:1.25;}
body.td-page .td-help-card__title a,
body.td-help-archive .td-help-card__title a{color:var(--td-shell-text);text-decoration:none;}
body.td-page .td-help-card__title a:hover,
body.td-help-archive .td-help-card__title a:hover{text-decoration:underline;}
body.td-page .td-help-card__excerpt,
body.td-help-archive .td-help-card__excerpt{font-size:.98rem;line-height:1.55;}
body.td-page .td-help-card__actions,
body.td-help-archive .td-help-card__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}

body.td-page .td-help-single .td-help-article-layout,
body.td-page .td-help-archive .td-help-list-wrap{box-shadow:var(--td-shadow-sm);}

@media (min-width: 1024px){
  body.td-page .td-help-card-grid,
  body.td-help-archive .td-help-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.td-page .td-help-card,
  body.td-help-archive .td-help-card{grid-template-columns:220px minmax(0,1fr);align-items:stretch;}
  body.td-page .td-help-card__media,
  body.td-help-archive .td-help-card__media{min-height:100%;}
}

body.td-page .td-help-card,
body.td-page .td-help-article,
body.td-page .td-help-archive-card{
  width:100%;
  max-width:none;
  margin:0 !important;
  box-sizing:border-box;
}

/* 2.7.99.17 / 2162 – generisk nested-card/reset borttagen; help-surface ägs av td-help-content + td-card. */

body.td-page .td-help-card h2,
body.td-page .td-help-card h3,
body.td-page .td-help-article h1,
body.td-page .td-help-article h2,
body.td-page .td-help-article h3{
  font-size:var(--td-shell-card-title-size, clamp(1.05rem, 0.98rem + 0.35vw, 1.2rem)) !important;
  line-height:1.25 !important;
  margin:0 !important;
}

body.td-page .td-help-card p:last-child,
body.td-page .td-help-article p:last-child{
  margin-bottom:0 !important;
}


/* 2.7.99.17 / 2162 – äldre help-typografi/paddingblock borttaget; senare help-owner-reset är nu ensam aktiv. */

/* 2.7.98.11 / 2143 – help owner reset efter att td-content-compat slutat vinna över help-specifik typografi */
body.td-page.td-view-help,
body.td-help-archive,
body.td-help-single,
body.single-td_help{
  --td-help-surface-pad-x:20px;
  --td-help-surface-pad-y:18px;
  --td-help-surface-gap:16px;
}

body.td-page.td-view-help .td-help-search-card,
body.td-help-archive .td-help-search-card,
body.td-page.td-view-help .td-help-list-wrap,
body.td-help-archive .td-help-list-wrap,
body.td-help-single .td-help-article-layout,
body.single-td_help .td-help-article-layout{
  padding:0 !important;
}

body.td-page.td-view-help .td-help-search-card > 

body.td-page.td-view-help .td-help-card-grid,
body.td-help-archive .td-help-card-grid,
body.td-help-single .td-help-card-grid,
body.single-td_help .td-help-card-grid{
  margin:0 !important;
  padding:0 !important;
  gap:var(--td-help-surface-gap) !important;
}

body.td-page.td-view-help .td-help-card,
body.td-help-archive .td-help-card,
body.td-help-single .td-help-card,
body.single-td_help .td-help-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.td-page.td-view-help .td-help-card__content,
body.td-help-archive .td-help-card__content{
  padding:var(--td-help-surface-pad-y) var(--td-help-surface-pad-x) !important;
  display:grid !important;
  gap:10px !important;
}


body.td-page.td-view-help .td-help-card--no-media,
body.td-help-archive .td-help-card--no-media,
body.td-help-single .td-help-card--no-media,
body.single-td_help .td-help-card--no-media{
  grid-template-columns:minmax(0,1fr) !important;
}



@media (max-width:781.98px){
  body.td-page.td-view-help,
  body.td-help-archive,
  body.td-help-single,
  body.single-td_help{
    --td-help-surface-pad-x:var(--td-shell-card-pad, 12px);
    --td-help-surface-pad-y:var(--td-shell-card-pad, 12px);
    --td-help-surface-gap:var(--td-shell-card-gap, 12px);
  }

}


/* 2.7.98.21 / 2153 – help archive parity: force card content flush left on mobile */
body.td-page.td-view-help .td-help-card__content,
body.td-help-archive .td-help-card__content{
  justify-items:start !important;
}

body.td-page.td-view-help .td-help-card__title,
body.td-help-archive .td-help-card__title,
body.td-page.td-view-help .td-help-card__excerpt,
body.td-help-archive .td-help-card__excerpt,
body.td-page.td-view-help .td-help-card__actions,
body.td-help-archive .td-help-card__actions,
body.td-page.td-view-help .td-help-card__actions,
body.td-help-archive .td-help-card__actions{
  justify-content:flex-start !important;
}

body.td-page.td-view-help .td-help-card__actions .button,
body.td-help-archive .td-help-card__actions .button{
  margin-left:0 !important;
  text-indent:0 !important;
  clear:both !important;
}


/* 2.7.99.22 / 2162 – help-surface och bodyopen-menyn ägs av help-ownern. */
body.single-td_help #td-nav .td-actions--primary{display:flex !important;}
body.single-td_help .td-help-bodyopen-menu{
  position:relative;
  z-index:50;
  max-width:1200px;
  margin:0 auto;
  padding:12px 16px;
}
body.td-page.td-view-help .td-help-card,
body.td-help-archive .td-help-card,
body.td-help-single .td-help-card,
body.td-page.td-view-help .td-help-list-wrap,
body.td-help-archive .td-help-list-wrap{
  background:var(--td-shell-surface) !important;
  border-color:var(--td-shell-border) !important;
}
body.td-page.td-view-help .td-help-card__media,
body.td-help-archive .td-help-card__media,
body.td-help-single .td-help-card__media{
  background:var(--td-shell-surface-2) !important;
}


/* 2.7.100.3 / 2162 – tidigare td-help.css + td-help-shell.css är nu inlinade i help-ownern. */
body.td-page .td-help-search-card,
body.td-page .td-help-list-wrap,
body.td-help-single .td-help-article-layout{
  overflow:hidden !important;
}


body.td-page .td-help-search-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  align-items:center !important;
}

body.td-page .td-help-search-field{
  flex:1 1 260px !important;
  min-width:220px !important;
}

body.td-page .td-help-list{
  display:grid !important;
  gap:12px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.td-page .td-help-list a{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:16px 18px !important;
  border:1px solid var(--td-shell-border) !important;
  border-radius:var(--td-shell-radius-soft) !important;
  background:var(--td-color-white) !important;
  color:var(--td-shell-text) !important;
  text-decoration:none !important;
}

body.td-page .td-help-list a:hover{
  border-color:color-mix(in srgb, var(--td-shell-primary) 35%, var(--td-shell-border)) !important;
}

body.td-help-single .td-help-single-meta{
  font-size:.95rem !important;
  color:var(--td-shell-text-soft) !important;
}

@media (max-width:768px){
  body.td-page.td-view-help .td-help-search-card,
  body.td-page.td-view-help .td-help-list-wrap,
  body.td-help-single .td-help-article-layout,
  body.td-help-archive .td-help-list-wrap{
    border-radius:18px !important;
  }
}

/* 2.7.100.5 / 2162 – sista helpsvepet: kvarvarande help-specifika rubrik-/headerregler
   och desktop-resetar är flyttade ur td-content-compat till help-ownern. */



body.td-help-single .entry-header,
body.td-help-archive .page-header,
body.td-help-archive .archive-header{
  display:none !important;
}

@media (min-width:1024px){
}

body:not(.td-shell-route-unified).td-page .td-help-card__title,
body:not(.td-shell-route-unified).td-page .td-help-single-title{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-variant-ligatures:none !important;
  font-feature-settings:normal !important;
}

@media (max-width:781.98px){
  body:not(.td-shell-route-unified).td-help-single .td-help-single-title{
    font-size:clamp(2rem, 8.6vw, 2.75rem) !important;
    line-height:1.02 !important;
  }
}


/* 2.7.103.31 – help mobil: innerpadding ska ägas av help-ownern så sök/listkort inte får flush innehåll. */
body.td-page.td-view-help .td-card__body--help-search,
body.td-page.td-view-help .td-card__body--help-list,
body.td-help-archive .td-card__body--help-list,
body.td-help-single .td-card__body--help-single,
body.single-td_help .td-card__body--help-single{
  padding:var(--td-help-surface-pad-y) var(--td-help-surface-pad-x) !important;
}

body.td-page.td-view-help .td-help-search-actions,
body.td-help-archive .td-help-search-actions{
  margin:0 !important;
}

body.td-page.td-view-help .td-help-search-actions .button,
body.td-help-archive .td-help-search-actions .button{
  border-radius:5px !important;
}

@media (max-width:768px){
  body.td-page.td-view-help .td-help-search-card,
  body.td-page.td-view-help .td-help-list-wrap,
  body.td-help-archive .td-help-list-wrap,
  body.td-help-single .td-help-article-layout,
  body.single-td_help .td-help-article-layout{
    overflow:hidden !important;
  }

  body.td-page.td-view-help .td-help-card-grid,
  body.td-help-archive .td-help-card-grid{
    gap:var(--td-shell-stack-gap) !important;
  }
}


/* 2.7.103.32 – hjälparkivets korttitlar följer Rainier-spåret. */
body.td-page.td-view-help .td-help-card__title,
body.td-help-archive .td-help-card__title,
body.td-page.td-view-help .td-help-card__title a,
body.td-help-archive .td-help-card__title a{
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  line-height:1.08 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* 2.7.208.9 – help/intervju/erbjudande single: utvald bild visas i innehållsraden, inte som hero, och ligger 300x300 till höger på desktop. */
body.td-help-single .td-help-single-intro,
body.single-td_help .td-help-single-intro,
body.td-interview-single .td-help-single-intro,
body.td-offer-single .td-help-single-intro{
  display:grid !important;
  gap:16px !important;
  align-items:start !important;
}
body.td-help-single .td-help-single-intro__summary,
body.single-td_help .td-help-single-intro__summary,
body.td-interview-single .td-help-single-intro__summary,
body.td-offer-single .td-help-single-intro__summary{
  min-width:0 !important;
}
body.td-help-single .td-help-single-intro__media,
body.single-td_help .td-help-single-intro__media,
body.td-interview-single .td-help-single-intro__media,
body.td-offer-single .td-help-single-intro__media{
  display:block !important;
  width:100% !important;
  max-width:300px !important;
  justify-self:start !important;
}
body.td-help-single .td-help-single-intro__media img,
body.single-td_help .td-help-single-intro__media img,
body.td-interview-single .td-help-single-intro__media img,
body.td-offer-single .td-help-single-intro__media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:var(--td-shell-surface-2) !important;
}
body.td-help-single .td-help-single-intro__excerpt,
body.single-td_help .td-help-single-intro__excerpt,
body.td-interview-single .td-help-single-intro__excerpt,
body.td-offer-single .td-help-single-intro__excerpt{
  margin-top:10px !important;
}
@media (min-width:1024px){
  body.td-help-single .td-help-single-intro,
  body.single-td_help .td-help-single-intro,
  body.td-interview-single .td-help-single-intro,
  body.td-offer-single .td-help-single-intro{
    grid-template-columns:minmax(0,1fr) 300px !important;
  }
  body.td-help-single .td-help-single-intro__media,
  body.single-td_help .td-help-single-intro__media,
  body.td-interview-single .td-help-single-intro__media,
  body.td-offer-single .td-help-single-intro__media{
    justify-self:end !important;
  }
}


/* 2.7.208.15 – erbjudandearkiv: kvadratiska media, inga datum, och single-erbjudande utan introdatum/excerpt. */
body.td-offer-archive .td-offer-card__media,
body.td-interview-archive .td-help-card__media{
  min-height:auto !important;
}
body.td-offer-archive .td-offer-card__media img,
body.td-interview-archive .td-help-card__media img{
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  width:100% !important;
  height:auto !important;
}
body.td-offer-archive .td-card-form__label{
  display:none !important;
}
body.td-offer-single .td-entry-meta__label,
body.td-offer-single .td-help-single-intro__excerpt{
  display:none !important;
}


/* 2.7.208.16 – erbjudande-singel: utvald bild flyter till höger så text kan ligga bredvid och under. */
body.td-offer-single .td-offer-single-content{
  display:block !important;
}
body.td-offer-single .td-offer-single-media{
  float:right;
  width:min(300px, 38%);
  margin:0 0 18px 24px;
}
body.td-offer-single .td-offer-single-media .td-help-single-intro__media,
body.td-offer-single .td-offer-single-media .td-help-single-intro__media img{
  width:100% !important;
  max-width:none !important;
}
body.td-offer-single .td-offer-single-content::after{
  content:'';
  display:block;
  clear:both;
}
@media (max-width: 781px){
  body.td-offer-single .td-offer-single-media{
    float:none;
    width:100%;
    max-width:300px;
    margin:0 0 18px;
  }
}


/* 2.7.208.17 – intervju-singel: utvald bild flyter till höger som erbjudande. */
body.td-interview-single .td-card__body--help-single{
  display:block !important;
}
body.td-interview-single .td-help-single-content{
  display:block !important;
}
body.td-interview-single .td-help-single-intro__media{
  float:right;
  width:min(300px, 38%);
  margin:0 0 18px 24px;
}
body.td-interview-single .td-help-single-intro__media img{
  width:100% !important;
  max-width:none !important;
}
body.td-interview-single .td-help-single-content::after,
body.td-interview-single .td-card__body--help-single::after{
  content:'';
  display:block;
  clear:both;
}
@media (max-width: 781px){
  body.td-interview-single .td-help-single-intro__media{
    float:none;
    width:100%;
    max-width:300px;
    margin:0 0 18px;
  }
}


/* 2.7.208.17 – inspirationssida: filterkort överst i vänsterkolumn. */
body.td-shell-route-unified .td-inspiration-intro--filters{
  margin-bottom: 0;
}

/* 2.7.209.2 – sticky hjälpinlägg renderas som vanliga kort utan extra ytterruta. */
body.td-page.td-view-help .td-help-card-grid--sticky,
body.td-help-archive .td-help-card-grid--sticky{
  grid-template-columns:minmax(0,1fr) !important;
  margin:0 0 var(--td-help-surface-gap, 16px) !important;
}

body.td-page.td-view-help .td-help-card--sticky,
body.td-help-archive .td-help-card--sticky{
  border-color:color-mix(in srgb, var(--td-shell-primary) 24%, var(--td-shell-border)) !important;
  background:color-mix(in srgb, var(--td-shell-primary) 7%, var(--td-shell-surface)) !important;
}

@media (min-width: 1024px){
  body.td-page.td-view-help .td-help-card--sticky.td-help-card--no-media,
  body.td-help-archive .td-help-card--sticky.td-help-card--no-media{
    grid-template-columns:minmax(0,1fr) !important;
  }
}


/* 2.7.209.5 – td_help-singel: inget intro-utdrag och jämna textmarginaler. */
body.td-help-single .td-help-single-intro__excerpt,
body.single-td_help .td-help-single-intro__excerpt{
  display:none !important;
}
body.td-help-single .td-help-single-content > :first-child,
body.single-td_help .td-help-single-content > :first-child{
  margin-top:0 !important;
}
body.td-help-single .td-help-single-content :is(h1,h2,h3,h4,h5,h6),
body.single-td_help .td-help-single-content :is(h1,h2,h3,h4,h5,h6){
  margin:1.1em 0 .45em !important;
}
body.td-help-single .td-help-single-content :is(p,ul,ol),
body.single-td_help .td-help-single-content :is(p,ul,ol){
  margin:0 0 1em !important;
}
body.td-help-single .td-help-single-content :is(ul,ol),
body.single-td_help .td-help-single-content :is(ul,ol){
  padding-left:1.4em !important;
}
body.td-help-single .td-help-single-content > :first-child:is(h1,h2,h3,h4,h5,h6,p,ul,ol),
body.single-td_help .td-help-single-content > :first-child:is(h1,h2,h3,h4,h5,h6,p,ul,ol){
  margin-top:0 !important;
}


/* 2.7.209.6 – td_help-singel/modal: tajtare avstånd mellan titel och första brödtexten. */
body.td-help-single .td-card__header--help-single,
body.single-td_help .td-card__header--help-single{
  padding-bottom:6px !important;
}
body.td-help-single .td-card__body--help-single,
body.single-td_help .td-card__body--help-single{
  padding-top:6px !important;
}
body.td-help-single .td-help-single-intro,
body.single-td_help .td-help-single-intro{
  gap:8px !important;
}
body.td-help-single .td-help-single-title,
body.single-td_help .td-help-single-title{
  margin:0 !important;
}


/* 2.7.209.7 – td_help-singel: admin-redigeringsknappen ska inte reservera egen rad/luft. */
body.td-help-single .td-card__header--has-help-admin,
body.single-td_help .td-card__header--has-help-admin{
  position:relative !important;
  padding-right:56px !important;
}
body.td-help-single .td-card__header--has-help-admin .td-card__actions--help-admin,
body.single-td_help .td-card__header--has-help-admin .td-card__actions--help-admin{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  margin:0 !important;
  z-index:3 !important;
}
body.td-help-single .td-card__header--has-help-admin .td-card__actions--help-admin .td-icon-btn,
body.single-td_help .td-card__header--has-help-admin .td-card__actions--help-admin .td-icon-btn{
  margin-left:0 !important;
}


/* 2.7.209.14 – intervjuer: dölj Jetpack-relaterade inlägg och visa prepublish-info utan fulltext. */
body.td-interview-single #jp-relatedposts,
body.single-td_interview #jp-relatedposts{
  display:none !important;
}
body.td-interview-single .td-interview-single__availability{
  margin:0 0 14px !important;
  font-weight:700;
  color:var(--td-shell-text, #1f1f1f);
}
body.td-interview-single .td-interview-single__excerpt{
  margin:0 !important;
}
body.td-interview-single .td-interview-single__excerpt p:first-child{
  margin-top:0 !important;
}
body.td-interview-single .td-interview-single__excerpt p:last-child{
  margin-bottom:0 !important;
}

/* 2.13.10.5: App version/cache status on help page. */
.td-app-version-card .td-version-list {
  display: grid;
  grid-template-columns: minmax(140px, max-content) 1fr;
  gap: 6px 14px;
  margin: 0;
}
.td-app-version-card .td-version-list dt {
  font-weight: 700;
}
.td-app-version-card .td-version-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.td-app-version-card__status {
  display: inline-block;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .td-app-version-card .td-version-list {
    grid-template-columns: 1fr;
  }
}


/* 2.18.21 – Intervju: låt text flyta runt utvald bild på desktop, men tvinga videoembed under bilden så Youtube-filmer inte krockar med högerspalten. */
@media (min-width: 768px){
  body.td-interview-single .td-interview-single-content{
    display:block !important;
  }
  body.td-interview-single .td-offer-single-media{
    float:right;
    width:min(300px, 38%);
    margin:0 0 18px 24px;
  }
}
/* #520 – .td-offer-single-media saknade en regel för själva <img>-taggen (den utvalda
   bilden), så den föll tillbaka på sin råa HTML-bredd (medium_large, 768px) i stället
   för att fylla sin flytande wrapper. Samma bugg fanns latent för erbjudanden också. */
body.td-offer-single .td-offer-single-media img,
body.td-interview-single .td-offer-single-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
}
/* #520 – utan denna mobilregel hade .td-offer-single-media ingen breddbegränsning alls
   under 768px (float-regeln ovan gäller bara från 768px), så bilden gick kant-till-kant
   i stället för att respektera kortets padding. */
@media (max-width: 767.98px){
  body.td-interview-single .td-offer-single-media{
    float:none;
    width:100%;
    max-width:300px;
    margin:0 0 18px;
  }
}
body.td-interview-single .td-interview-single-content .td-video-embed,
body.td-interview-single .td-interview-single-content .wp-block-embed,
body.td-interview-single .td-interview-single-content figure.wp-block-embed,
body.td-interview-single .td-interview-single-content .td-video,
body.td-interview-single .td-interview-single-content iframe[src*="youtube"],
body.td-interview-single .td-interview-single-content iframe[src*="youtu.be"]{
  clear:both !important;
  max-width:100% !important;
}

/* 4.1.34 – Intervju-CPT: gamla oEmbed-iframes kan sakna WP:s responsiva wrapper.
   Tvinga själva mediet att krympa inom kortet även när HTML:en bara är en rå iframe. */
body.td-interview-single .td-interview-single-content{
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
body.td-interview-single .td-interview-single-content .td-video-embed,
body.td-interview-single .td-interview-single-content .wp-block-embed,
body.td-interview-single .td-interview-single-content figure.wp-block-embed{
  width:100% !important;
  max-width:100% !important;
}
body.td-interview-single .td-interview-single-content iframe[src*="youtube"],
body.td-interview-single .td-interview-single-content iframe[src*="youtu.be"]{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
}

/* =========================================
   TD Typography – SINGLE OWNER
   2.7.101.3
   ========================================= */

:root {
  --td-font-heading: "Rainier", serif;
  --td-font-body: "Nunito", sans-serif;
  --td-type-color-text: var(--td-color-text, #1f1f1f);
  --td-type-color-text-light: var(--td-color-white-soft, #fff9f3);
  --td-type-heading-weight: 500;
  --td-type-body-weight: 400;
  --td-type-heading-line: 1.15;
  --td-type-body-line: 1.6;
}

body.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title,
body.td-header-owner-td_shell .td-topbar[data-td-topbar-component="brand"] .td-topbar__title{
  font-family: var(--td-font-heading);
  font-weight: var(--td-type-heading-weight);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  font-feature-settings: "liga" 1, "clig" 1, "calt" 1, "dlig" 1, "salt" 1, "ss01" 1, "ss02" 1;
}

@media (max-width:781.98px){
  body.td-header-owner-td_shell .td-topbar[data-td-topbar-component="app-title"] .td-topbar__title{
    font-size: clamp(1.35rem, 7vw, 1.9rem);
  }
}

body.td-shell-route-unified,
body.td-shell-route-unified :where(p, li, label, input, textarea, select, td, th) {
  font-family: var(--td-font-body);
  font-weight: var(--td-type-body-weight);
  line-height: var(--td-type-body-line);
  color: var(--td-type-color-text);
}

body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .entry-title,
body.td-shell-route-unified .td-card :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .td-courseware-app :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .single-td_help :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--td-font-heading);
  font-weight: var(--td-type-heading-weight);
  line-height: var(--td-type-heading-line);
  margin: 0 0 8px 0;
}

body.td-shell-route-unified .td-card :where(p, li, label, td, th, span:not(.dashicons):not(.td-bottom-nav__icon):not(.td-topbar__icon)) {
  color: var(--td-type-color-text);
}

body.td-shell-route-unified :where(.td-meta, .td-label, .td-badge, .td-entry-view__eyebrow, .td-share-card__meta) {
  font-family: var(--td-font-body);
  font-size: 13px;
  line-height: 1.4;
  color: var(--td-type-color-text);
  opacity: .82;
}

body.td-shell-route-unified .td-date-pill {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--td-font-body);
  font-size: 12px;
  line-height: 1.2;
}

body.td-shell-route-unified.single-td_help :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .td-courseware-app :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .single-course_unit :where(h1, h2, h3, h4, h5, h6) {
  text-transform: uppercase;
  letter-spacing: .04em;
}


body.td-shell-route-unified :where(.td-card__title, .td-entry-question-title, .td-edit-question-title, .td-weekplan-editor__title, .td-label) {
  font-family: var(--td-font-heading);
  font-weight: var(--td-type-heading-weight);
  line-height: var(--td-type-heading-line);
  letter-spacing: 0;
  text-transform: none;
}

body.td-shell-route-unified .td-card-form__label,
body.td-shell-route-unified .td-filter-form__label,
body.td-shell-route-unified .td-filter-label,
body.td-shell-route-unified .td-filter-col__title,
body.td-shell-route-unified .td-crit-field__label,
body.td-shell-route-unified .td-weekplan-editor__filter-label,
body.td-shell-route-unified .td-field-title,
body.td-shell-route-unified .td-field-title--input,
body.td-shell-route-unified .td-field-subtitle,
body.td-shell-route-unified .td-field-subtitle--input,
body.td-shell-route-unified .td-compare-picker .td-card-form__label {
  display:block;
  margin:0 0 4px 0;
  font-family: var(--td-font-heading);
  font-size: 18px;
  line-height: 1.15;
  font-weight: var(--td-type-heading-weight);
  letter-spacing: 0;
  text-transform: none;
  color: var(--td-type-color-text);
}

body.td-shell-route-unified .td-filterbar .td-muted,
body.td-shell-route-unified .td-filter-form .td-muted {
  font-family: var(--td-font-heading);
  font-size: 18px;
  line-height: 1.15;
  font-weight: var(--td-type-heading-weight);
  color: var(--td-type-color-text);
  opacity: 1;
}

body.td-shell-route-unified :where(.td-group-title, .td-edit-group-title, .td-entry-group-title) {
  font-family: var(--td-font-heading);
  font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem);
  line-height: 1.08;
  font-weight: var(--td-type-heading-weight);
  letter-spacing: 0;
  color: var(--td-type-color-text);
}

body.td-shell-route-unified :where(.td-instructor-template-title, .td-instructor-template-group) {
  margin: 18px 0 8px 0;
  font-family: var(--td-font-heading);
  font-size: 18px;
  line-height: 1.15;
  font-weight: var(--td-type-heading-weight);
  letter-spacing: 0;
  text-transform: none;
  color: var(--td-type-color-text);
}

body.td-shell-route-unified .td-page-title,
body.td-shell-route-unified .td-app-view-header__title,
body.td-shell-route-unified .td-page-intro__title,
body.td-shell-route-unified .td-mobile-view-title,
body.td-shell-route-unified .td-desktop-view-title,
body.td-shell-route-unified .td-page-title.td-help-single-title,
body.td-shell-route-unified .td-page-title.td-share-card__title,
body.td-shell-route-unified .td-page-title.td-entry-page-title,
body.td-shell-route-unified .td-page-title.td-entry-page-title--edit,
body.td-shell-route-unified .td-page-title.td-entry-page-title--course-surface {
  display:block;
  margin:0 0 8px 0;
  font-family: var(--td-font-heading);
  font-weight: var(--td-type-heading-weight);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 0.96;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  font-feature-settings: "liga" 1, "clig" 1, "calt" 1, "dlig" 1, "salt" 1, "ss01" 1, "ss02" 1;
}

@media (min-width:782px){
  body.td-shell-route-unified .td-page-title,
  body.td-shell-route-unified .td-app-view-header__title,
  body.td-shell-route-unified .td-page-intro__title,
  body.td-shell-route-unified .td-mobile-view-title,
  body.td-shell-route-unified .td-desktop-view-title{
    font-size: clamp(3.5rem, 4.8vw, 5rem);
  }
}

@media (max-width:781.98px){
  body.td-shell-route-unified .td-page-title,
  body.td-shell-route-unified .td-app-view-header__title,
  body.td-shell-route-unified .td-page-intro__title,
  body.td-shell-route-unified .td-mobile-view-title,
  body.td-shell-route-unified .td-desktop-view-title{
    font-size: clamp(2.15rem, 9vw, 3rem);
  }
}


/* 2.7.102.17 – TD-shellen bär egen typografibas.
   Innehållsytan får Nunito som kroppstext och Rainier som rubrikfont utan beroende av Elementor-kit. */
body.td-shell-route-unified .td-main,
body.td-shell-route-unified .td-main__body,
body.td-shell-route-unified .td-shell-content,
body.td-shell-route-unified .td-view-stack,
body.td-shell-route-unified .td-card,
body.td-shell-route-unified .td-card__body,
body.td-shell-route-unified :where(p, li, a, span, label, input, textarea, select, td, th, small){
  font-family: var(--td-font-body) !important;
}

body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6),
body.td-shell-route-unified .td-page-title,
body.td-shell-route-unified .td-dash-title,
body.td-shell-route-unified .td-group-title,
body.td-shell-route-unified .td-card__title,
body.td-shell-route-unified .td-entry-question-title,
body.td-shell-route-unified .td-edit-question-title,
body.td-shell-route-unified .td-weekplan-editor__title,
body.td-shell-route-unified .td-field-title,
body.td-shell-route-unified .td-field-subtitle{
  font-family: var(--td-font-heading) !important;
}


/* 2.7.102.18 – exact content typography selectors inside shell main. */
.td-shell__main.td-main,
.td-shell__main.td-main :where(p, li, a, label, input, textarea, select, td, th, small, span:not(.dashicons):not(.td-bottom-nav__icon):not(.td-topbar__icon):not([class*="dashicons-"])){
  font-family: var(--td-font-body) !important;
}

.td-shell__main.td-main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-page-title, .td-card__title, .td-heading--reset){
  font-family: var(--font-display, var(--td-font-heading)) !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.td-shell__main.td-main .dashicons,
.td-shell__main.td-main [class*="dashicons-"]::before,
.td-shell__main.td-main .td-icon-btn .dashicons{
  font-family: dashicons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  speak: never;
}


/* 2.7.102.21 – train/dashboard-titlar ska följa samma Rainier-kontrakt som atvof-global. */
body.td-shell-route-unified .td-dash-title,
body.td-shell-route-unified .td-group-title,
body.td-shell-route-unified .td-card__title,
body.td-shell-route-unified .td-page-title{
  font-family: var(--font-display, var(--td-font-heading)) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* 2.7.102.22 – dashboardrubriker ska följa hello-atvof:s display-kontrakt, inte bara generisk heading-font. */
body.td-shell-route-unified .td-dash-title.td-heading--reset,
body.td-shell-route-unified .td-group-title,
body.td-shell-route-unified .td-card__title,
body.td-shell-route-unified .td-page-title{
  font-family: var(--font-display, "Rainier", serif) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: var(--h2, 42px) !important;
  line-height: var(--lh-display, 1.08) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  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;
}

@media (max-width:781.98px){
  body.td-shell-route-unified .td-dash-title.td-heading--reset,
  body.td-shell-route-unified .td-group-title,
  body.td-shell-route-unified .td-card__title,
  body.td-shell-route-unified .td-page-title{
    font-size: clamp(1.95rem, 8vw, var(--h2, 42px)) !important;
  }
}


/* 2.7.102.24 – enda owner för dashboardrubriker i shell-content. */
body.td-shell-route-unified h2.td-dash-title.td-heading--reset,
body.td-shell-route-unified h2.td-group-title,
body.td-shell-route-unified h3.td-card__title,
body.td-shell-route-unified .td-notification-center__title{
  font-family: "Rainier", serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  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;
}


/* 2.7.102.25 – central typografi-owner för shell-content. Alla rubriker Rainier, all brödtext Nunito. */
body.td-shell-route-unified .td-shell__main,
body.td-shell-route-unified .td-shell__main :where(p, li, a, label, input, textarea, select, td, th, small, span:not(.dashicons):not([class*="dashicons-"])){
  font-family:"Nunito", sans-serif !important;
  font-weight:400 !important;
}

body.td-shell-route-unified .td-shell__main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-card__title, .td-page-title, .td-entry-inline-title, .td-help-single-title, .td-entry-meta__label, .td-card-form__label, .td-field-title, .td-field-subtitle){
  font-family:"Rainier", serif !important;
  font-style:normal !important;
  font-weight:500 !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  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;
}


/* 2.7.102.30 – kortrubriker och mallnamn ska inte vara överdrivet stora. */
body.td-shell-route-unified .td-card .td-dash-title,
body.td-shell-route-unified .td-card .td-card__title,
body.td-shell-route-unified .td-card h2.td-dash-title{
  font-size:24px !important;
  line-height:1.15 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-weight:500 !important;
}

body.td-shell-route-unified .td-create-item-title{
  font-family:var(--font-body, "Nunito", sans-serif) !important;
  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}


/* 2.7.102.31 – mallgrupper, mallnamn och kortrubriker ska vara lugnare. */
body.td-shell-route-unified .td-create-picker__group-title,
body.td-shell-route-unified .td-group-title.td-create-picker__group-title{
  font-size:20px !important;
  line-height:1.15 !important;
  font-family:var(--font-display, "Rainier", serif) !important;
  font-weight:500 !important;
  margin:0 0 4px !important;
}

body.td-shell-route-unified .td-create-item-title{
  font-size:16px !important;
  line-height:1.35 !important;
  font-family:var(--font-body, "Nunito", sans-serif) !important;
  font-weight:400 !important;
}

body.td-shell-route-unified .td-card .td-dash-title,
body.td-shell-route-unified .td-card h2.td-dash-title{
  font-size:20px !important;
  line-height:1.15 !important;
}

body.td-shell-route-unified .td-card__intro,
body.td-shell-route-unified .td-card__body,
body.td-shell-route-unified .td-card-list a,
body.td-shell-route-unified .td-create-picker{
  font-size:16px !important;
}


/* 2.7.102.35 – exakt desktopskala för train/templates enligt avstämd nivå. */
@media (min-width:1024px){
  body.td-shell-route-unified .td-card .td-dash-title,
  body.td-shell-route-unified .td-card h2.td-dash-title{
    font-size:22px !important;
    line-height:1.15 !important;
  }

  body.td-shell-route-unified .td-create-picker__group-title,
  body.td-shell-route-unified .td-group-title.td-create-picker__group-title{
    font-size:20px !important;
    line-height:1.15 !important;
  }

  body.td-shell-route-unified .td-create-item-title{
    font-family:var(--font-body, "Nunito", sans-serif) !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
  }
}

@media (max-width:1023.98px){
  body.td-shell-route-unified .td-create-item-title{
    font-family:var(--font-body, "Nunito", sans-serif) !important;
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
  }
}


/* 2.7.102.41 – td-create-item-title är bodytext, inte displayrubrik. */
body.td-shell-route-unified .td-create-item-row .td-create-item-title,
body.td-shell-route-unified .td-create-item .td-create-item-title,
body.td-shell-route-unified .td-create-picker .td-create-item-title{
  font-family:var(--font-body, "Nunito", sans-serif) !important;
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  font-variant-ligatures:none !important;
}
@media (max-width:1023.98px){
  body.td-shell-route-unified .td-create-item-row .td-create-item-title,
  body.td-shell-route-unified .td-create-item .td-create-item-title,
  body.td-shell-route-unified .td-create-picker .td-create-item-title{
    font-size:16px !important;
  }
}


/* 2.7.102.39 – exakt group-title spacing i show-all. */
body.td-shell-route-unified h3.td-group-title.td-create-picker__group-title{
  margin:16px 0 0 0 !important;
  padding:0 !important;
}
body.td-shell-route-unified .td-create-picker > h3.td-group-title.td-create-picker__group-title:first-child{
  margin-top:0 !important;
}
body.td-shell-route-unified .td-create-picker > h3.td-group-title.td-create-picker__group-title + .td-grid.td-create-picker__group{
  margin-top:8px !important;
}
body.td-shell-route-unified .td-create-picker .td-create-item-title{
  margin:0 !important;
  padding:0 !important;
}


/* 2.7.103.29.1 – entry/edit frågeetiketter ska följa samma mindre etikettstil som datum/hund. */
body.td-view-view .td-card-form__label,
body.td-view-edit .td-card-form__label,
body.td-view-form .td-card-form__label,
body.td-view-quickpass .td-card-form__label{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}


/* 2.7.103.32 – entry/view/edit frågetitlar ska följa samma lugnare etikettstorlek. */
body.td-view-view .td-entry-question-title,
body.td-pagetype-td_entry_single .td-entry-question-title,
body.td-view-edit .td-entry-question-title,
body.td-view-edit .td-edit-question-title,
body.td-view-view .td-edit-question-title,
body.td-pagetype-td_entry_single .td-edit-question-title,
body.td-view-form .td-edit-question-title,
body.td-view-quickpass .td-edit-question-title{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}


/* 2.7.104.9 – grupprubriker ska vara mindre än sidrubriker och typography-preview ska matcha detta. */
body.td-shell-route-unified .td-group-title,
body.td-shell-route-unified .td-edit-group-title,
body.td-shell-route-unified .td-entry-group-title{
  font-size:clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem) !important;
  line-height:1.14 !important;
}


/* 2.7.104.10 – instruktör använder samma mindre etikettkontrakt som övriga formulär. */
body.td-view-instructor .td-card-form__label,
body.td-view-instructor .td-filter-form__label,
body.td-view-instructor .td-entry-question-title,
body.td-view-instructor .td-edit-question-title{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}

/* 2.7.104.10 – grupp-/sektionsrubriker ska vara lugnare än sidrubriker. */
body.td-shell-route-unified .td-group-title,
body.td-shell-route-unified .td-entry-group-title,
body.td-shell-route-unified .td-edit-group-title,
body.td-shell-route-unified .td-dash-title{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}

@media (max-width:781.98px){
  body.td-shell-route-unified :where(.td-group-title, .td-edit-group-title, .td-entry-group-title){
    font-size: clamp(1.45rem, 1.2rem + 1vw, 1.8rem);
    margin: 18px 0 8px 0;
  }
}


/* 2.7.104.17 – entry/course-surface rubriker ska inte falla tillbaka till lowercase. */
body.td-shell-route-unified .td-page-title.td-entry-page-title,
body.td-shell-route-unified .td-page-title.td-entry-page-title--edit,
body.td-shell-route-unified .td-page-title.td-entry-page-title--course-surface,
body.single-wpcw_course .td-page-title.td-entry-page-title--course-surface,
body.single-wpcw_course_unit .td-page-title.td-entry-page-title--course-surface{
  font-family:"Rainier", serif !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  line-height:.96 !important;
}

/* 2.7.104.18 – tydligare entry-grupprubriker på desktop + dekorativ share-title. */
@media (min-width:1024px){
  body.td-shell-route-unified .td-entry-group-title.td-entry-group-title--group{
    font-size:clamp(1.5rem, 1.25rem + 0.5vw, 1.8rem) !important;
    line-height:1.08 !important;
    margin-top:22px !important;
  }
}
body.td-shell-route-unified .td-page-title.td-share-card__title{
  font-family:var(--td-font-heading) !important;
  text-transform:uppercase !important;
  letter-spacing:0.04em !important;
}


/* 2.7.104.20 – cpt entry and edit group-title parity. */
body.td-pagetype-td_entry_single .td-card-form__label,
body.td-pagetype-td_entry_single .td-entry-meta__label{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}
body.td-pagetype-td_entry_single .td-card-form__label{margin:14px 0 4px !important; display:block !important;}
body.td-view-edit .td-edit-group-title,
body.td-view-form .td-edit-group-title{
  font-size:clamp(1.2rem, 1.05rem + 0.55vw, 1.45rem) !important;
  line-height:1.14 !important;
}


/* 2.7.208.9 – rubriklänkar ska följa rubrikens typografi och inte global länkstil. */
body.td-shell-route-unified .td-shell__main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-card__title, .td-page-title, .td-help-single-title) a,
body.td-shell-route-unified .td-shell__main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-card__title, .td-page-title, .td-help-single-title) a:visited,
body.td-shell-route-unified .td-shell__main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-card__title, .td-page-title, .td-help-single-title) a:hover,
body.td-shell-route-unified .td-shell__main :is(h1, h2, h3, h4, h5, h6, .td-dash-title, .td-group-title, .td-card__title, .td-page-title, .td-help-single-title) a:focus{
  font:inherit !important;
  color:inherit !important;
  line-height:inherit !important;
  text-decoration:none !important;
}


/* 2.7.208.10 – headings med länkar ska bära headingtypografi, inte global länkstil. */
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) > a,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) a{
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  text-decoration:none !important;
}
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) > a:hover,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) > a:focus,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) > a:visited,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) a:hover,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) a:focus,
body.td-shell-route-unified :where(h1, h2, h3, h4, h5, h6) a:visited{
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  text-decoration:none !important;
}


/* 2.7.208.14 – TD-shellen använder orange länkar utan understrykning globalt. */
body.td-shell-route-unified a,
body.td-shell-route-unified a:link,
body.td-shell-route-unified a:visited,
body.td-shell-route-unified a:hover,
body.td-shell-route-unified a:active{
  color:var(--td-primary, #C65A1E) !important;
  text-decoration:none !important;
}


/* 2.7.211.1 – CPT single td_entry ska följa samma etikettkontrakt som view/edit. */
body.td-pagetype-td_entry_single .td-entry-meta__label,
body.td-pagetype-td_entry_single .td-card-form__label{
  font-size:16px !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}

/* Navigeringsindikator + SW-uppdateringsbanner */
#td-nav-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--td-color-primary, #c0541a);
  z-index: 9999;
  pointer-events: none;
  transition: none;
  opacity: 0;
}

#td-nav-progress.td-nav-progress--running {
  opacity: 1;
  width: 70%;
  transition: width 3s cubic-bezier(0.1, 0.5, 0.5, 1), opacity 0.1s;
}

#td-nav-progress.td-nav-progress--running.td-nav-progress--stall {
  width: 88%;
  transition: width 6s ease-out;
}

#td-nav-progress.td-nav-progress--done {
  opacity: 0;
  width: 100%;
  transition: width 0.15s ease-out, opacity 0.3s 0.1s;
}

/* SW-uppdateringstoast */
#td-sw-update-banner {
  position: fixed;
  bottom: calc(64px + env(safe-area-inset-bottom, 12px));
  left: 50%;
  transform: translateX(-50%) translateY(12px);
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--td-color-surface, #fff9f3);
  border: 1.5px solid var(--td-color-primary, #c0541a);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,.18);
  font-size: 0.9rem;
  white-space: nowrap;
  max-width: calc(100vw - 32px);
}

#td-sw-update-banner.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

#td-sw-update-banner span {
  color: var(--td-color-text, #2e231c);
}

#td-sw-update-banner button {
  background: var(--td-color-primary, #c0541a);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

/* 1075: Sticky bottom action bar (mobile-first). */

.td-sticky-bar {
  margin-top: var(--td-space-4);
}

.td-sticky-bar__inner {
  display: flex;
  gap: var(--td-space-2);
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

/* Mobile: pin to bottom with safe spacing */
@media (max-width: 782px) {
  .td-sticky-bar {
    position: fixed;
    bottom: 0;
    z-index: 50;
    padding: var(--td-space-3) var(--td-space-4);
    padding-bottom: calc(var(--td-space-3) + env(safe-area-inset-bottom));
    margin-left: calc(-1 * var(--td-space-4));
    margin-right: calc(-1 * var(--td-space-4));
    background: var(--td-bg);
    border-top: 1px solid var(--td-border);
  }

  /* If the wrapper is inside a card, keep it aligned */
  .td-card .td-sticky-bar {
    margin-left: calc(-1 * var(--td-space-4));
    margin-right: calc(-1 * var(--td-space-4));
    border-bottom-left-radius: var(--td-radius-md);
    border-bottom-right-radius: var(--td-radius-md);
  }

  .td-sticky-bar__inner {
    justify-content: space-between;
  }

  .td-sticky-bar__inner .button,
  .td-sticky-bar__inner button,
  .td-sticky-bar__inner a.button {
    min-height: 44px;
    padding: 10px 14px;
  }
}


@media (max-width: 782px) {
  .td-sticky-spacer {
    display: block;
    height: calc(56px + var(--td-space-4) + env(safe-area-inset-bottom));
  }
}


/* 1121: Astra "scroll to top" ska inte krocka med sticky bar på mobil */
@media (max-width: 782px){
  :root{ --td-sticky-bar-height: 64px; }
  #ast-scroll-top{
    bottom: calc(var(--td-sticky-bar-height) + env(safe-area-inset-bottom, 0px) + 12px) !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 12px !important;
    line-height: 32px !important;
  }
}

/* 1118: Force full-width sticky bar on mobile (escape container padding) */
@media (max-width: 782px){
  .td-sticky-bar{
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }
}


/* 1123: lite luft i sticky */
@media (max-width: 782px){.td-sticky-bar__inner{padding-left: var(--td-space-3); padding-right: var(--td-space-3);}}

/* Klubbens gemensamma sökning (#608 PR5). */

.td-search-view {
	display: flex;
	flex-direction: column;
	gap: var(--td-space-4);
	max-width: 720px;
}

.td-search-bar {
	position: relative;
}

.td-search-input {
	width: 100%;
	box-sizing: border-box;
}

.td-search-filters,
.td-search-scope,
.td-search-media {
	display: flex;
	flex-wrap: wrap;
	gap: var(--td-space-2);
}

.td-search-advanced-field {
	display: flex;
	flex-direction: column;
	gap: var(--td-space-1);
	max-width: 320px;
}

.td-search-advanced-field label {
	font-size: var(--td-font-sm);
	color: var(--td-color-text-soft);
}

/* #785: selecten saknade egen breddstyrning - som flex-barn utan min-width:0
   tvingar en lång <option>-text (kurstitlar) fältet till sin innehållsbredd,
   som sedan trycker ut hela kortet och ger sidoscroll. Datuminputen nedan
   (.td-search-advanced-field--dates input[type="date"]) är redan mer
   specifik än den här regeln (klass+attribut vs. bara klass), så den vinner
   cascaden och förblir kompakt utan att behöva en :not()-uteslutning här. */
.td-search-advanced-field select,
.td-search-advanced-field input {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.td-search-advanced-field--dates {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	max-width: none;
	gap: var(--td-space-3);
}

/* #785: etikett+väljare wrappade var för sig som platta syskon i en
   flex-wrap-rad - på smala skärmar kunde "Till datum"-etiketten hamna kvar
   på en rad medan dess input trycktes ut/wrappade separat. Inputen ligger nu
   nästlad i sin egen label (samma etikett-koppling som för/id redan gav) så
   labeln blir den enda flex-item som wrappar - hela paret följs alltid åt. */
.td-search-advanced-field--dates label {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--td-space-2);
}

.td-search-advanced-field--dates input[type="date"] {
	-webkit-appearance: none;
	appearance: none;
	width: auto;
	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);
	/* Inte color:inherit - inputen ligger nu nästlad i sin <label> (#785), vars
	   egen färg (.td-search-advanced-field label) är den mjuka/dämpade
	   etikett-tonen. Det faktiska datumvärdet ska förbli i normal textfärg. */
	color: var(--td-color-text-strong);
	outline: none;
}

.td-search-advanced-field--dates 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;
}

/* Från/till-datum låg sida vid sida på mobil, vilket klämde in inputen
   (min-height:44px men i praktiken bara ett par tecken bred). Egen rad var
   - inputen får då hela kortets bredd att jobba med. */
@media (max-width: 767px) {
	.td-search-advanced-field--dates {
		flex-direction: column;
		align-items: stretch;
	}

	.td-search-advanced-field--dates label {
		width: 100%;
	}

	.td-search-advanced-field--dates input[type="date"] {
		width: 100%;
		max-width: none;
	}
}

/* #785: regression sedan #775 - .td-search-view wrappas nu i .td-card, vars
   bakgrund (--td-shell-surface) är EXAKT samma färg som --td-color-surface.
   Chippen smälte alltså in i sitt eget kort och bara en 10%-opacitetsram
   syntes. Samma mönster som .td-date-badge (td-card.css) för "badge/chip
   ovanpå ett kort": surface-badge + en starkare ram.

   #806-uppföljning: chippen är <button>-element, och Elementor-kittets
   globala knappstil (".elementor-kit-XXXXX button", "body:not(.wp-admin)
   button") slår mot bar tagg+klass ("body button") - det vinner alltid
   över en enkel klass-selektor som .td-search-chip oavsett bundle-ordning.
   Utan !important här renderas chippen med Elementorns vita text/bakgrund-
   färg (osynlig text mot ljus bakgrund) trots att denna regel är korrekt.

   #833-uppföljning: !important räcker inte ensamt - Elementors reset-regel
   ("body:not(.wp-admin) button", specificitet 0-1-2) har SJÄLV !important,
   så vid lika viktighet avgör specificitet. Klubbskalets sidmall (td-shell-
   standalone) saknar body-klassen .elementor-kit-59426 som Elementor annars
   sätter på <body> på vanliga sidor, så Elementors button-bakgrund
   (var(--e-global-color-primary)) blir ogiltig där och faller tillbaka på
   transparent - bara den hårdkodade vita textfärgen slår igenom, osynlig
   mot kortets bakgrund. Elementors :hover/:focus-variant använder en
   hex-färg (inte en variabel) så den råkar fungera, vilket är varför
   chippen bara syntes vid hover. Fix: skopa selektorn under .td-search-view
   (0-2-0) för att slå Elementorns 0-1-2 oavsett variabelstatus. */
.td-search-view .td-search-chip {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--td-color-border-strong) !important;
	background: var(--td-color-surface-badge) !important;
	color: var(--td-color-text-strong) !important;
	border-radius: var(--td-radius-lg) !important;
	padding: var(--td-space-1) var(--td-space-3);
	font-size: var(--td-font-sm);
	cursor: pointer;
}

.td-search-view .td-search-chip.is-active {
	background: var(--td-color-primary) !important;
	border-color: var(--td-color-primary) !important;
	color: var(--td-color-white) !important;
}

.td-search-recent {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--td-space-2);
	font-size: var(--td-font-sm);
	color: var(--td-color-text-soft);
}

/* Samma Elementor-knappkollision som .td-search-chip ovan - båda är
   <button>-element, se motivering vid #806/#833-uppföljningarna. Skopad
   under .td-search-view av samma specificitetsskäl (0-2-0 slår Elementors
   0-1-2). */
.td-search-view .td-search-recent__item {
	border: 1px solid var(--td-color-border-default) !important;
	background: transparent !important;
	border-radius: var(--td-radius-sm) !important;
	padding: 2px var(--td-space-2);
	font-size: var(--td-font-sm);
	color: var(--td-color-text-strong) !important;
	cursor: pointer;
}

.td-search-view .td-search-recent__clear {
	border: none !important;
	background: transparent !important;
	color: var(--td-color-text-soft) !important;
	text-decoration: underline;
	cursor: pointer;
	margin-left: auto;
}

.td-search-status {
	font-size: var(--td-font-sm);
	color: var(--td-color-text-soft);
	min-height: 1.2em;
}

.td-search-results {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--td-space-2);
}

/* #785: samma kort-i-kort-bakgrundskollision som .td-search-chip - se ovan. */
.td-search-result__link {
	display: flex;
	flex-direction: column;
	gap: var(--td-space-1);
	border: 1px solid var(--td-color-border-strong);
	border-radius: var(--td-radius-md);
	padding: var(--td-space-3);
	background: var(--td-color-surface-badge);
	text-decoration: none;
	color: inherit;
}

.td-search-result__link:focus-visible {
	outline: 2px solid var(--td-color-border-focus);
	outline-offset: 2px;
}

.td-search-result__title {
	font-weight: 600;
	color: var(--td-color-text-strong);
}

.td-search-result__excerpt {
	font-size: var(--td-font-sm);
	color: var(--td-color-text-soft);
}

.td-search-result__type {
	font-size: var(--td-font-sm);
	color: var(--td-color-text-badge);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}