/* Technik-Check (/technik-check/) – nutzt die Premium-Tokens aus base.css, hell und dunkel. */
.pm-tc{--tc-ok:#1f9d5b;--tc-warn:#b7791f;--tc-bad:#c53030;--tc-idle:#a8b0c8;--tc-ok-bg:rgba(31,157,91,.1);--tc-warn-bg:rgba(183,121,31,.12);--tc-bad-bg:rgba(197,48,48,.1)}
html[data-look="dunkel"] .pm-tc{--tc-ok:#4fd18b;--tc-warn:#f6c35b;--tc-bad:#ff8a8a;--tc-idle:#5a6379;--tc-ok-bg:rgba(79,209,139,.12);--tc-warn-bg:rgba(246,195,91,.12);--tc-bad-bg:rgba(255,138,138,.12)}

.pm-tc-start{display:grid;gap:12px;justify-items:start;margin-bottom:24px}
.pm-tc-start .pm-btn{min-width:min(100%,280px)}
.pm-tc-privacy{display:flex;gap:8px;align-items:flex-start;max-width:640px;margin:0;color:var(--pm-muted);font-size:14.5px;line-height:1.5}
.pm-tc-privacy svg{flex:0 0 18px;margin-top:2px;color:var(--pm-ok)}
.pm-tc-notice{margin:0 0 20px;padding:16px 18px;border:1px solid var(--pm-line);border-radius:16px;background:var(--pm-surface)}

.pm-tc-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.pm-tc-grid{grid-template-columns:1.3fr 1fr 1fr}}
.pm-tc-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(20px,2.4vw,28px);border:1px solid var(--pm-line);border-radius:22px;background:var(--pm-surface);color:var(--pm-ink)}
.pm-tc-card header{display:flex;align-items:center;gap:12px}
.pm-tc-card h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.pm-tc-num{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:rgba(255,116,24,.14);color:var(--pm-orange-ink);font-weight:700}
.pm-tc-video{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:16px;background:var(--pm-night)}
.pm-tc-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.pm-tc-meter{display:grid;gap:6px}
.pm-tc-meter-label{color:var(--pm-muted);font-size:13.5px}
.pm-tc-meter-bar{height:14px;overflow:hidden;border-radius:999px;background:var(--pm-paper);border:1px solid var(--pm-line)}
.pm-tc-meter-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tc-ok),var(--pm-orange));transition:width .08s linear}
.pm-tc-msg{margin:0;padding:12px 14px;border-radius:14px;background:var(--pm-paper);color:var(--pm-ink);font-size:15px;line-height:1.5}
.pm-tc-msg[data-state="ok"]{background:var(--tc-ok-bg)}
.pm-tc-msg[data-state="warn"]{background:var(--tc-warn-bg)}
.pm-tc-msg[data-state="bad"]{background:var(--tc-bad-bg)}
.pm-tc-small{margin:0;color:var(--pm-muted);font-size:13.5px;line-height:1.55}
.pm-tc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.pm-tc-actions .pm-btn{min-height:48px;padding:0 20px;font-size:15px}
.pm-tc-actions .pm-btn:disabled{opacity:.65;cursor:default;transform:none}
.pm-tc-facts{display:grid;gap:8px;margin:0}
.pm-tc-facts div{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--pm-line)}
.pm-tc-facts dt{color:var(--pm-muted);font-size:14px}
.pm-tc-facts dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}

.pm-tc-result{display:grid;gap:18px;margin-top:20px;padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--pm-night);color:#fff}
html[data-look="dunkel"] .pm-tc-result{background:var(--pm-night-2);border:1px solid var(--pm-line-d)}
.pm-tc-result .pm-kicker{color:var(--pm-orange-2)}
.pm-tc-result-head{display:flex;gap:18px;align-items:center}
.pm-tc-result h3{margin:4px 0 0;font-size:clamp(20px,2.6vw,26px);font-weight:600;line-height:1.25}
.pm-tc-light{display:inline-flex;flex-direction:column;gap:5px;flex:0 0 auto;padding:7px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.pm-tc-light i{display:block;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.14)}
.pm-tc-light[data-state="bad"] i:nth-child(1){background:#ff6b6b;box-shadow:0 0 12px #ff6b6b}
.pm-tc-light[data-state="warn"] i:nth-child(2),.pm-tc-light[data-state="run"] i:nth-child(2){background:#f6c35b;box-shadow:0 0 12px #f6c35b}
.pm-tc-light[data-state="ok"] i:nth-child(3){background:#4fd18b;box-shadow:0 0 12px #4fd18b}
.pm-tc-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
@media(min-width:760px){.pm-tc-list{grid-template-columns:1fr 1fr}}
.pm-tc-list li{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;min-height:48px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.pm-tc-list li>span:last-child{color:#d6dbee;font-size:14.5px;text-align:right;overflow-wrap:anywhere}
.pm-tc-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.25)}
.pm-tc-list li[data-state="ok"] .pm-tc-dot{background:#4fd18b}
.pm-tc-list li[data-state="warn"] .pm-tc-dot,.pm-tc-list li[data-state="run"] .pm-tc-dot{background:#f6c35b}
.pm-tc-list li[data-state="bad"] .pm-tc-dot{background:#ff6b6b}
.pm-tc-cta{display:flex;flex-wrap:wrap;gap:10px}
.pm-tc-cta .pm-btn-ghost{background:rgba(255,255,255,.06);color:#fff!important;border-color:rgba(255,255,255,.16)}
@media(max-width:520px){.pm-tc-cta .pm-btn{width:100%;padding:0 18px;text-align:center}.pm-tc-list li{grid-template-columns:auto 1fr;}.pm-tc-list li>span:last-child{grid-column:2;text-align:left}}
.pm-tc-data{margin-top:16px}
.pm-tc-data a,.pm-tc-small a{color:var(--pm-orange-ink)}
.pm-tc-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}
@media(max-width:520px){.pm-tc-links .pm-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pm-tc-meter-bar span{transition:none}}