/* ==========================================================================
   tools.css - fælles design for kundevendte tools på lavpris-laase.dk
   Version 4.0 - 9. september 2026
   Hører til docs/tools-framework.md afsnit 2.

   Bevidst kun lyst tema: toolsene indlejres på webshoppen, som er lys.
   Alle farver er sat eksplicit, så tool'et ikke arver noget fra værtssiden.

   Paletten kommer fra sortimentet selv: børstet stål som neutral,
   messing som accent, sort beslag som handlingsfarve.
   ========================================================================== */

:root{
  /* --- Farver: neutraler (børstet stål, let varm) --- */
  --t-bg:#f4f3f1;
  --t-card:#ffffff;
  --t-card-2:#faf9f7;          /* svag flade, fx hjælpepanel */
  --t-ink:#191817;
  --t-ink-svag:#6a6763;
  --t-linje:#e0ddd8;
  --t-linje-staerk:#c9c4bc;

  /* --- Farver: accent (messing) --- */
  --t-accent:#8a6a1f;
  --t-accent-svag:#f2ead6;

  /* --- Farver: handling (sort beslag) --- */
  --t-cta:#1c1b19;
  --t-cta-hover:#000000;
  --t-cta-tekst:#ffffff;
  --t-cta-slukket:#c9c4bc;

  /* --- Farver: betydning --- */
  --t-ok:#2f5d3f;
  --t-ok-bg:#eaf3ec;
  --t-advarsel:#8a5a00;
  --t-advarsel-bg:#fdf3e0;
  --t-fejl:#9b2c1f;
  --t-fejl-bg:#fbeceb;
  --t-link:#1f5b7a;
  --t-link-hover:#143f56;

  /* --- Form --- */
  --t-radius:12px;
  --t-radius-stor:20px;
  --t-radius-lille:8px;
  --t-gap:16px;
  --t-kant:1.5px;
  --t-skygge:0 12px 30px -22px rgba(25,24,23,.55);

  /* --- Tekst --- */
  --t-font:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;
  --t-h1:clamp(22px,4.6vw,28px);
  --t-h2:clamp(19px,3.6vw,23px);
  --t-brod:16px;
  --t-lille:13.5px;
  --t-mikro:11px;

  /* --- Mål --- */
  --t-max-bredde:640px;
  --t-tryk:48px;

  /* --------------------------------------------------------------------------
     Tegningsfarver (cylinderberegner)
     Tilføjet v3.0 - illustrationsfarver til den målfaste SVG-tegning, IKKE
     brandfarver. Porteret 1:1 fra referenceimplementeringens steel()-kald,
     STEEL_LINE, WOOD_LINE og txt()-kaldenes farveargumenter, så de ligger
     ét sted i stedet for spredt i komponenten. Værdierne må ikke ændres
     uden at sammenligne med referencetegningen.
     -------------------------------------------------------------------------- */
  --t-tegn-staal-loeb-1:#9ea7ae;
  --t-tegn-staal-loeb-2:#e9edf0;
  --t-tegn-staal-loeb-3:#fdfdfe;
  --t-tegn-staal-loeb-4:#c3cad0;
  --t-tegn-staal-loeb-5:#8e979f;

  --t-tegn-staal-naese-1:#c4cbd1;
  --t-tegn-staal-naese-2:#d9dee1;
  --t-tegn-staal-naese-3:#b2bac0;

  --t-tegn-staal-knop-1:#98a1a8;
  --t-tegn-staal-knop-2:#e6eaed;
  --t-tegn-staal-knop-3:#fbfcfc;
  --t-tegn-staal-knop-4:#bcc3c9;
  --t-tegn-staal-knop-5:#8b949c;

  --t-tegn-staal-skilt-1:#939ca4;
  --t-tegn-staal-skilt-2:#cdd4d9;
  --t-tegn-staal-skilt-3:#aeb7be;
  --t-tegn-staal-skilt-4:#848d95;

  --t-tegn-doer-blad-1:#e7ddcb;
  --t-tegn-doer-blad-2:#f3ecdf;
  --t-tegn-doer-blad-3:#e5dac6;
  --t-tegn-doer-blad-4:#d4c7ae;

  --t-tegn-staal-linje:#6e777e;   /* STEEL_LINE - kontur på metal */
  --t-tegn-traet-linje:#b0a184;   /* WOOD_LINE - kontur på dørblad */

  /* Farver brugt i txt()-kaldene i referencekoden */
  --t-tegn-tekst-graa:#5b6b7c;      /* sidetekster, vrider-label, "fra skruehul" */
  --t-tegn-tekst-ink:#16202b;       /* A:/B:-mål, standard tekstfarve i tegningen */
  --t-tegn-status-ok:#137a3d;       /* overstand 0-3 mm */
  --t-tegn-status-advarsel:#a55b00; /* overstand 3-5 mm */
  --t-tegn-status-fejl:#b3261e;     /* overstand over 5 mm, eller capped */

  /* Signaturforklaringens egne farveprøver - andre værdier end selve tegningens
     gradienter for "Langskilt / rosette" og "Stikker ud", leveret separat af Michael. */
  --t-tegn-legende-skilt-1:#dee3e7;
  --t-tegn-legende-skilt-2:#9aa3ab;
  --t-tegn-legende-udad:#f4a49c;
}

/* --------------------------------------------------------------------------
   Ramme og grundtekst
   -------------------------------------------------------------------------- */

.t-ramme{
  box-sizing:border-box;
  max-width:var(--t-max-bredde);
  margin:0 auto;
  padding:20px 16px 48px;
  background:var(--t-bg);
  color:var(--t-ink);
  font-family:var(--t-font);
  font-size:var(--t-brod);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.t-ramme *,
.t-ramme *::before,
.t-ramme *::after{box-sizing:border-box;}

.t-ramme h1,.t-h1{
  font-size:var(--t-h1);
  font-weight:700;
  line-height:1.14;
  letter-spacing:-.022em;
  text-wrap:balance;
  margin:0;
}
.t-ramme h2,.t-h2{
  font-size:var(--t-h2);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.018em;
  text-wrap:balance;
  margin:0;
}
.t-brod{font-size:var(--t-brod);line-height:1.5;margin:0;}
.t-svag{color:var(--t-ink-svag);}
.t-lille{font-size:var(--t-lille);line-height:1.45;color:var(--t-ink-svag);}
.t-mikro{
  font-family:var(--t-font-mono);
  font-size:var(--t-mikro);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--t-ink-svag);
}

/* Lodret rytme: alt der ligger i en stak, får afstand af stakken selv */
.t-stak{display:flex;flex-direction:column;gap:var(--t-gap);}
.t-stak--tæt{gap:10px;}

/* --------------------------------------------------------------------------
   Kort
   -------------------------------------------------------------------------- */

.t-kort{
  background:var(--t-card);
  border:1px solid var(--t-linje);
  border-radius:var(--t-radius-stor);
  padding:20px 18px;
  box-shadow:var(--t-skygge);
}
.t-kort--flad{box-shadow:none;}

/* --------------------------------------------------------------------------
   Fremdrift
   -------------------------------------------------------------------------- */

.t-fremdrift{display:flex;flex-direction:column;gap:10px;}
.t-fremdrift__top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;
}
.t-fremdrift__bane{
  height:3px;background:var(--t-linje);border-radius:2px;overflow:hidden;
}
.t-fremdrift__fyld{
  height:100%;background:var(--t-accent);border-radius:2px;
  transition:width .35s cubic-bezier(.2,.7,.2,1);
}

/* --------------------------------------------------------------------------
   Svarkort
   -------------------------------------------------------------------------- */

.t-valgliste{
  display:grid;gap:var(--t-gap);
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

.t-valg{
  display:flex;align-items:center;gap:14px;
  width:100%;min-height:var(--t-tryk);
  padding:12px;
  text-align:left;
  background:var(--t-card);
  color:var(--t-ink);
  border:var(--t-kant) solid var(--t-linje-staerk);
  border-radius:var(--t-radius);
  font-family:inherit;font-size:inherit;
  cursor:pointer;
  transition:border-color .15s,background .15s,transform .1s;
}
.t-valg:hover{border-color:var(--t-accent);}
.t-valg:active{transform:scale(.995);}
.t-valg__figur{
  flex:0 0 auto;width:56px;height:84px;
  display:flex;align-items:center;justify-content:center;
  background:var(--t-card-2);border-radius:var(--t-radius-lille);
  overflow:hidden;
}
.t-valg__figur img{width:100%;height:100%;object-fit:contain;}
.t-valg__tekst{display:flex;flex-direction:column;gap:3px;min-width:0;}
.t-valg__navn{font-size:17px;font-weight:600;line-height:1.25;}
.t-valg__under{font-size:var(--t-lille);line-height:1.4;color:var(--t-ink-svag);}
/* Lille typenummer-mærkat på et valgkort, fx "Type 1602". Tilføjet v3.0. */
.t-valg__kode{
  font-family:var(--t-font-mono);font-size:11px;
  color:var(--t-ink-svag);letter-spacing:.03em;
}
.t-valg__flueben{margin-left:auto;flex:0 0 auto;opacity:0;color:var(--t-accent);}

/* Valgt tilstand markeres både med kant, flade og flueben - aldrig kun med farve */
.t-valg--valgt{
  border-color:var(--t-accent);
  border-width:2px;
  background:var(--t-accent-svag);
}
.t-valg--valgt .t-valg__flueben{opacity:1;}
.t-valg--valgt .t-valg__figur{background:var(--t-card);}

/* --------------------------------------------------------------------------
   Knapper
   -------------------------------------------------------------------------- */

.t-knap{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:var(--t-tryk);
  padding:14px 20px;
  background:var(--t-cta);color:var(--t-cta-tekst);
  border:0;border-radius:var(--t-radius);
  font-family:inherit;font-size:17px;font-weight:600;line-height:1.2;
  cursor:pointer;
  transition:background .15s;
}
.t-knap:hover{background:var(--t-cta-hover);}
.t-knap:disabled{background:var(--t-cta-slukket);cursor:not-allowed;}
.t-knap--sekundaer{
  background:var(--t-card);color:var(--t-ink);
  border:var(--t-kant) solid var(--t-linje-staerk);
}
.t-knap--sekundaer:hover{background:var(--t-card-2);border-color:var(--t-ink-svag);}
.t-knap--kvitteret{background:var(--t-ok);}
.t-knap--auto{width:auto;}

.t-link{
  background:none;border:0;padding:0;
  font-family:inherit;font-size:var(--t-brod);
  color:var(--t-link);
  text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;
  align-self:flex-start;
}
.t-link:hover{color:var(--t-link-hover);}

/* --------------------------------------------------------------------------
   Tæller: numerisk stepper (fx "antal døre", "antal vinduer")
   Tilføjet v2.0 - der fandtes ingen komponent til et rundt +/- tryk-par,
   kun det statiske talfelt .t-felt--tal.
   -------------------------------------------------------------------------- */

.t-taeller{display:flex;align-items:center;gap:20px;}
.t-taeller__knap{
  flex:0 0 auto;width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--t-card);color:var(--t-ink);
  border:var(--t-kant) solid var(--t-linje-staerk);
  border-radius:50%;
  font-family:inherit;font-size:20px;line-height:1;
  cursor:pointer;
  transition:border-color .15s,background .15s;
}
.t-taeller__knap:hover{border-color:var(--t-accent);}
.t-taeller__knap:disabled{opacity:.4;cursor:not-allowed;}
.t-taeller__vaerdi{
  font-size:30px;font-weight:600;
  font-variant-numeric:tabular-nums;
  min-width:40px;text-align:center;
}

/* Variant af tælleren hvor midterværdien er et rigtigt inputfelt i stedet for en
   statisk <span> - fx til et målfelt kunden selv kan skrive i, med +/- ved siden af.
   Tilføjet v3.0 til cylinderberegneren. */
.t-taeller__vaerdi--felt{
  border:0;background:transparent;color:var(--t-ink);
  text-align:center;
  font:inherit;font-weight:600;
  /* Bevidst 16px, ikke tællerens normale 30px - under 16px zoomer iPhone ind ved tap,
     og den regel vejer tungere end det kosmetiske match med den rene tæller. */
  font-size:16px;
  width:64px;
  padding:4px 0;
  min-width:0;
}
.t-taeller__vaerdi--felt:disabled{opacity:.4;}
.t-taeller__vaerdi--felt:focus-visible{outline:2px solid var(--t-accent);outline-offset:1px;border-radius:4px;}
.t-taeller__enhed{font-size:var(--t-lille);color:var(--t-ink-svag);}

/* Synligt fokus - må aldrig fjernes uden erstatning */
.t-ramme :focus-visible{
  outline:3px solid var(--t-accent);
  outline-offset:2px;
  border-radius:var(--t-radius-lille);
}

/* --------------------------------------------------------------------------
   Felter
   -------------------------------------------------------------------------- */

.t-felt{
  width:100%;min-height:var(--t-tryk);
  padding:12px 14px;
  background:var(--t-card);color:var(--t-ink);
  border:var(--t-kant) solid var(--t-linje-staerk);
  border-radius:var(--t-radius);
  font-family:inherit;
  font-size:16px;                 /* under 16px zoomer iOS ind ved tap */
}
.t-felt::placeholder{color:var(--t-ink-svag);}
.t-felt--tal{
  width:132px;font-size:30px;font-weight:600;
  font-variant-numeric:tabular-nums;
}
.t-feltrække{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.t-hint{font-size:var(--t-lille);min-height:20px;color:var(--t-ink-svag);}
.t-hint--ok{color:var(--t-ok);}
.t-hint--fejl{color:var(--t-fejl);}

/* --------------------------------------------------------------------------
   Kvittering: kundens svar læst tilbage i almindeligt dansk
   -------------------------------------------------------------------------- */

.t-kvittering{
  display:flex;flex-direction:column;gap:8px;
  padding:16px;
  background:var(--t-ok-bg);
  border-left:4px solid var(--t-ok);
  border-radius:var(--t-radius-lille);
}
.t-kvittering .t-mikro{color:var(--t-ok);}
.t-kvittering__svar{font-size:16.5px;line-height:1.45;font-weight:500;text-wrap:pretty;}

/* --------------------------------------------------------------------------
   Produkt
   -------------------------------------------------------------------------- */

.t-produkt{
  display:flex;flex-direction:column;gap:14px;
  padding:16px;
  background:var(--t-card);
  border:2px solid var(--t-cta);
  border-radius:var(--t-radius-stor);
}
.t-produkt__top{display:flex;gap:14px;align-items:flex-start;}
.t-produkt__billede{
  flex:0 0 auto;width:92px;height:116px;
  background:var(--t-card-2);border-radius:var(--t-radius-lille);
  object-fit:contain;
}
.t-produkt__info{display:flex;flex-direction:column;gap:5px;min-width:0;}
.t-produkt__navn{font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.015em;}
.t-produkt__varenr{
  font-family:var(--t-font-mono);font-size:12px;
  color:var(--t-link);text-decoration:underline;text-underline-offset:2px;
}
.t-produkt__hvorfor{font-size:var(--t-lille);line-height:1.45;color:var(--t-ink-svag);}

/* Lille udgave til alternativer */
.t-produkt--lille{
  border:1px solid var(--t-linje);
  border-radius:var(--t-radius);
  padding:12px;
  box-shadow:none;
}
.t-produkt--lille .t-produkt__billede{width:56px;height:70px;}
.t-produkt--lille .t-produkt__navn{font-size:15.5px;font-weight:600;}

/* Prislinjer */
.t-saet{
  display:flex;flex-direction:column;gap:8px;
  border-top:1px solid var(--t-linje);padding-top:12px;
}
.t-linje{
  display:flex;justify-content:space-between;gap:12px;
  font-size:14.5px;color:var(--t-ink);
}
.t-pris{
  font-family:var(--t-font-mono);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;color:var(--t-ink-svag);
}
.t-linje--total{
  border-top:1px solid var(--t-linje);padding-top:10px;
  font-size:17px;font-weight:700;
}
.t-linje--total .t-pris{color:var(--t-ink);font-weight:700;}

/* --------------------------------------------------------------------------
   Tilbehør: mersalg med afkrydsning
   -------------------------------------------------------------------------- */

.t-tilbehoer{display:flex;flex-direction:column;gap:8px;}
.t-tilbehoer__linje{
  display:flex;align-items:center;gap:12px;
  min-height:var(--t-tryk);padding:10px 12px;
  background:var(--t-card);
  border:1px solid var(--t-linje);border-radius:var(--t-radius);
  cursor:pointer;
}
.t-tilbehoer__linje:hover{border-color:var(--t-linje-staerk);}
.t-tilbehoer__linje input{width:20px;height:20px;accent-color:var(--t-cta);flex:0 0 auto;}
.t-tilbehoer__navn{flex:1 1 auto;font-size:15px;line-height:1.3;}

/* --------------------------------------------------------------------------
   Paneler: hjælp, advarsel, fejl
   -------------------------------------------------------------------------- */

.t-panel{
  display:flex;flex-direction:column;gap:10px;
  padding:16px;border-radius:var(--t-radius);
  background:var(--t-card-2);
  border:1px solid var(--t-linje);
}
.t-panel__titel{font-size:15.5px;font-weight:600;}
.t-panel--advarsel{background:var(--t-advarsel-bg);border-color:#ecd9ae;}
.t-panel--advarsel .t-panel__titel{color:var(--t-advarsel);}
.t-panel--fejl{background:var(--t-fejl-bg);border-color:#eec9c5;}
.t-panel--fejl .t-panel__titel{color:var(--t-fejl);}
/* Positiv variant - "målene passer perfekt". Fandtes ikke, kun advarsel/fejl.
   Tilføjet v3.0. */
.t-panel--ok{background:var(--t-ok-bg);border-color:#cfe3d4;}
.t-panel--ok .t-panel__titel{color:var(--t-ok);}

/* --------------------------------------------------------------------------
   Noter: farvet venstrekant, til konstruktive beskeder under et resultat
   (fx cylinderberegnerens røde/gule/grønne/info-noter). Adskilt fra .t-panel,
   som har baggrund hele vejen rundt - en note er en linje i en løbende liste.
   Tilføjet v3.0.
   -------------------------------------------------------------------------- */
.t-notat{
  padding:12px 14px;
  border-left:4px solid var(--t-linje-staerk);
  background:var(--t-card-2);
  border-radius:0 var(--t-radius-lille) var(--t-radius-lille) 0;
  font-size:14.5px;line-height:1.5;
}
.t-notat--fejl{border-color:var(--t-fejl);background:var(--t-fejl-bg);}
.t-notat--advarsel{border-color:var(--t-advarsel);background:var(--t-advarsel-bg);}
.t-notat--ok{border-color:var(--t-ok);background:var(--t-ok-bg);}
.t-notat--info{border-color:var(--t-linje-staerk);background:var(--t-card-2);}

/* --------------------------------------------------------------------------
   Specs: label/værdi-rækker til et teknisk resultat (fx cylinderens mål).
   Tilføjet v3.0 - fandtes ikke, kun prislinjerne i .t-saet/.t-linje, som
   forudsætter en pris.
   -------------------------------------------------------------------------- */
.t-specs{display:flex;flex-direction:column;gap:10px;}
.t-specs__raekke{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding-bottom:10px;border-bottom:1px solid var(--t-linje);
  font-size:14.5px;
}
.t-specs__raekke:last-child{border-bottom:0;padding-bottom:0;}
.t-specs__label{color:var(--t-ink-svag);}
.t-specs__vaerdi{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;
  font-variant-numeric:tabular-nums;font-weight:600;
}

/* Farvet mærkat til overstand pr. side. Tilføjet v3.0. */
.t-badge{
  display:inline-flex;align-items:center;
  padding:2px 9px;border-radius:100px;
  font-size:12.5px;font-weight:600;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.t-badge--ok{background:var(--t-ok-bg);color:var(--t-ok);}
.t-badge--advarsel{background:var(--t-advarsel-bg);color:var(--t-advarsel);}
.t-badge--fejl{background:var(--t-fejl-bg);color:var(--t-fejl);}

/* --------------------------------------------------------------------------
   Hjælp: panelet "er du i tvivl, kontakt os". Nævnt i afsnit 2.2 men aldrig
   bygget før nu. Skal være synligt hele vejen igennem et tool, ikke skjult
   bag et trin. Tilføjet v3.0.
   -------------------------------------------------------------------------- */
.t-hjaelp{
  display:flex;flex-direction:column;gap:6px;
  padding:14px 16px;
  background:var(--t-accent-svag);
  border:1px solid var(--t-linje);
  border-radius:var(--t-radius);
  font-size:14.5px;line-height:1.5;
}
.t-hjaelp a{color:var(--t-link);text-decoration:underline;text-underline-offset:2px;}
.t-hjaelp a:hover{color:var(--t-link-hover);}

/* --------------------------------------------------------------------------
   Fold: sammenklappelig sektion (native <details>/<summary>), fx et
   hjælpeafsnit man kan folde ud. Tilføjet v3.0.
   -------------------------------------------------------------------------- */
.t-fold{
  border:1px solid var(--t-linje);border-radius:var(--t-radius);
  padding:4px 16px;background:var(--t-card);
}
.t-fold__titel{
  cursor:pointer;list-style:none;
  padding:14px 0;
  font-size:15.5px;font-weight:600;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.t-fold__titel::-webkit-details-marker{display:none;}
.t-fold__titel::after{
  content:"+";
  color:var(--t-accent);font-size:20px;font-weight:400;flex:0 0 auto;
}
.t-fold[open] .t-fold__titel::after{content:"−";}
.t-fold__indhold{padding:0 0 16px;display:flex;flex-direction:column;gap:14px;}

/* --------------------------------------------------------------------------
   Tegning: vandret scroll-beholder til en målfast SVG, uden at siden selv
   kan scrolle vandret. Tilføjet v3.0.
   -------------------------------------------------------------------------- */
.t-tegn{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.t-tegn svg{display:block;min-width:340px;height:auto;margin:0 auto;}

.t-tegn-legende{
  display:flex;flex-wrap:wrap;gap:14px;
  list-style:none;margin:0;padding:0;
  font-size:var(--t-lille);color:var(--t-ink-svag);
}
.t-tegn-legende li{display:flex;align-items:center;gap:6px;}
.t-tegn-legende__proeve{
  width:14px;height:14px;border-radius:4px;border:1.5px solid;flex:0 0 auto;
}

.t-dropzone{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:26px 18px;
  background:var(--t-card-2);
  border:2px dashed var(--t-linje-staerk);
  border-radius:var(--t-radius);
  text-align:center;
}

/* --------------------------------------------------------------------------
   Indlæsning: spinner
   Tilføjet v2.0 - tools der venter på et AI-svar (fx alarmberegneren) havde
   ingen fælles ventetilstand og byggede tidligere deres egen lokalt.
   -------------------------------------------------------------------------- */

.t-spinner{
  width:40px;height:40px;
  border:4px solid var(--t-linje);
  border-top-color:var(--t-accent);
  border-radius:50%;
  animation:t-snurre .8s linear infinite;
}
@keyframes t-snurre{to{transform:rotate(360deg);}}

/* --------------------------------------------------------------------------
   Ikoner: farve fra tokens i stedet for hardkodede Tailwind-farveklasser
   Tilføjet v2.0 - dekorative SVG-ikoner (fx på en startskærm eller ved en
   kvittering) manglede en tokenbaseret måde at få accent- eller ok-farve.
   -------------------------------------------------------------------------- */

.t-ikon--accent{color:var(--t-accent);}
.t-ikon--ok{color:var(--t-ok);}

/* --------------------------------------------------------------------------
   Hensyn til reduceret bevægelse
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){
  .t-ramme *{animation:none !important;transition:none !important;}
  .t-spinner{animation:none !important;}
}

/* --------------------------------------------------------------------------
   Print: skjul trin, knapper og hjælp, behold resultat og tegning. Placeret
   her i stedet for i det enkelte tool, så reglen gælder alle tools ens.
   Tilføjet v3.0.
   -------------------------------------------------------------------------- */
@media print{
  .t-print-skjul{display:none !important;}
  .t-ramme{background:#fff;box-shadow:none;}
  .t-kort{box-shadow:none;border-color:#ccc;}
}