/* TeamSpeak-Seite (resources/views/teamspeak/*). Kopf, Schnellwahl und Zusammenfassung kommen aus dedicated.css (ds-),
   hier nur, was der Slot-Rechner und der Kundenbereich zusätzlich brauchen. */
.ts-lead{margin:0 0 20px}

/* Schnellwahl als Knopf statt Radio: gleiche Optik wie .ds-opt mit gewählter Option */
.ts-preset{font:inherit;text-align:left;min-width:96px}
.ts-preset[aria-pressed='true']{border-color:var(--ui-ink);box-shadow:0 0 0 1px var(--ui-ink)}
html[data-theme-mode='dark'] .ts-preset[aria-pressed='true']{border-color:var(--ui-y);box-shadow:0 0 0 1px var(--ui-y)}
.ts-preset:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}

.ts-qty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.ts-step{width:44px;height:44px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-card);color:var(--ui-text)}
.ts-step:hover{border-color:var(--ui-text)}
.ts-qty input{width:110px;height:44px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-card);color:var(--ui-text);text-align:center;font-weight:700;font-size:1.05rem}
.ts-qty input:focus-visible,.ts-step:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}
.ts-hint{font-size:.85rem;color:var(--ui-mute)}
.ts-msg{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--ui-y-soft);font-size:.86rem;color:var(--ui-text)}
.ts-msg:empty{display:none}
.ts-msg a{color:var(--ui-link);font-weight:600}
.ts-uses{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--ui-bg-soft);font-size:.86rem;color:var(--ui-mute)}
.ts-uses p{margin:0}
.ts-uses p+p{margin-top:6px}
.ts-uses b{color:var(--ui-text)}

.ts-calc .ds-order:disabled{opacity:.45;cursor:not-allowed}
.ts-cycles{margin:12px 0 0;font-size:.75rem;line-height:1.5;color:var(--ds-on-ink-mute)}

/* Kundenbereich: Kacheln als Karten auf dem grauen Abschnitt */
.ts-manage .ui-tile{background:var(--ui-card);border-color:var(--ui-line)}

/* Band „Mit deiner Domain verbinden“ unter den Kacheln */
.ts-domain{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;margin-top:16px;padding:20px 22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-card)}
.ts-domain h3{margin:0 0 4px;font-size:1rem;font-weight:700}
.ts-domain p{max-width:720px;margin:0;font-size:.88rem;color:var(--ui-mute)}