/*
 * Haptik der App – Rückmeldung (HAPTIK_KONZEPT, Auftrag H4a).
 * Die Farben stehen in Services/Haptik/HaptikFarben.cs. Sie kommen beim Anmelden einer Fläche als
 * Variablen --lt-haptik-* an die Seite. Hier und in den Modulen steht nur die Rolle (Variable), keine Farbe.
 * Regeln, die in allen Bauteilen gleich sind, stehen einmal hier statt in jeder Svg*.razor.css.
 */
:root {
    /* Dreh-Zeiger an den Ecken eines Bauteils (LF1, LF2), einmal für die ganze App */
    --lt-haptik-zeiger-drehen: url("/images/haptik/dreh-cursor.svg") 16 16;
}

/* Buchse unter der Maus: das Innenloch zeigt das Ziel (alle Bauteile in LF1 und LF2) */
.terminal-gruppe {
    cursor: pointer;
}

.terminal-gruppe:hover .buchse-innenloch {
    fill: var(--lt-haptik-ziel);
    stroke: var(--lt-haptik-ziel-rand);
}

/* Gleicher gelber Punkt wie das Innenloch, wenn ein Stecker oder eine Leitung an der Maus hängt (LF1, LF2) */
.buchsen-ziel {
    fill: var(--lt-haptik-ziel);
    stroke: var(--lt-haptik-ziel-rand);
    stroke-width: 0.8;
}

/* Fluchtlinie beim Ziehen (LF1, LF2; auch aus dragDropHelfer.js) */
.flucht-hilfline {
    stroke: var(--lt-haptik-hilfslinie);
    stroke-width: 1.35;
    stroke-dasharray: 5 4;
    stroke-linecap: round;
    opacity: 0.92;
    fill: none;
}

/* Kachel der Leiste mit dem Finger (Auftrag H5b): senkrecht blättert die Leiste, seitwärts zieht der Finger die Kachel heraus (haptikFinger.js) */
[draggable]:not([draggable="false"]) {
    touch-action: pan-y;
}