/* The request types' icons (27 Oct 2026), drawn in /js/type-art.js; the workspace and the public
   form load both. Internal types: the shape in teal, the accent in the type's colour (--tone-dot).
   HIS types: one colour (currentColor), cut-outs in the surface colour. */
.tms-ti { display: block; width: 15px; height: 15px; flex: none; overflow: visible; }
.tms-kind__icon .tms-ti { width: 22px; height: 22px; }
.tms-ti .m { fill: none; stroke: var(--teal-700); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.tms-ti .mw { fill: var(--surface); stroke: var(--teal-700); stroke-width: 1.7; stroke-linejoin: round; }
.tms-ti .a { fill: var(--tone-dot); stroke: var(--teal-700); stroke-width: 1.5; stroke-linejoin: round; }
.tms-ti .af { fill: var(--tone-dot); stroke: none; }
.tms-ti .f { fill: currentColor; stroke: none; }
.tms-ti .l { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.tms-ti .k { fill: none; stroke: var(--surface); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }

/* The request type cards (public form, phone pickers): Develop green, Optimise yellow, Fix red. */
.tms-kind--develop  { --k-bg: var(--green-tint); --k-fg: var(--green-text); --tone-dot: var(--green); }
.tms-kind--optimise { --k-bg: var(--amber-tint); --k-fg: var(--amber-text); --tone-dot: var(--amber); }
.tms-kind--fix      { --k-bg: var(--rose-tint);  --k-fg: var(--rose-text);  --tone-dot: var(--rose); }

/* HIS request types in the kit's own green and red: New request green, Bug red. */
.tms-tone--new { --tone-bg: var(--green-tint); --tone-fg: var(--green-text); --tone-dot: var(--green); }
.tms-tone--bug { --tone-bg: var(--rose-tint); --tone-fg: var(--rose-text); --tone-dot: var(--rose); }
.tms-type--new { --type: var(--green-text); }
.tms-type--bug { --type: var(--rose-text); }