/* SafeMyIdent – IP-Check Pro Frontend. Seriöser Cyber-Security-Look. */

/* Volle Breite auf der IP-Check-Seite (Sidebar nach unten). */
body.smi-ipc-page .tool-single__body > .row { display: block; }
body.smi-ipc-page .tool-single__body .col-lg-8 { max-width: 100%; flex: 0 0 100%; width: 100%; }
body.smi-ipc-page .tool-single__aside { max-width: 100%; flex: 0 0 100%; width: 100%; margin-top: 2.5rem; }

/* Lesbarkeit: die dunklen .entry-content-Farben im Tool überschreiben. */
.smi-ipc, .smi-ipc p, .smi-ipc li, .smi-ipc dd, .smi-ipc td, .smi-ipc h2, .smi-ipc h3, .smi-ipc h4, .smi-ipc summary { color: var(--ipc-text) !important; }
.smi-ipc strong { color: inherit !important; }
.smi-ipc dt, .smi-ipc th, .smi-ipc .smi-ipc__muted, .smi-ipc .smi-ipc__note, .smi-ipc .smi-ipc__sub, .smi-ipc .smi-ipc__ttl { color: var(--ipc-muted) !important; }
.smi-ipc a { color: var(--ipc-accent) !important; text-decoration: none; }
.smi-ipc a:hover { text-decoration: underline; }
.smi-ipc code { color: #bfe1ff !important; }
.smi-ipc__score-num, .smi-ipc__score-title, .smi-ipc__card-title { color: #fff !important; }
.smi-ipc__myip strong { color: #fff !important; }

.smi-ipc {
	--ipc-bg: #0e1b2e;
	--ipc-surface: #14243c;
	--ipc-surface-2: #1b2f4d;
	--ipc-border: rgba(255,255,255,.10);
	--ipc-text: #e8eef7;
	--ipc-muted: #9fb0c7;
	--ipc-accent: #ffc247;
	--ipc-radius: 14px;
	--ipc-ok: #37c978;
	--ipc-warn: #ffb020;
	--ipc-bad: #ff5468;
	--ipc-neutral: #5b7aa8;
	color: var(--ipc-text);
	margin: 0 0 2.5rem;
}
.smi-ipc *,.smi-ipc *::before,.smi-ipc *::after{box-sizing:border-box}
.smi-ipc .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Eingabe */
.smi-ipc__form{background:linear-gradient(160deg,var(--ipc-surface),var(--ipc-bg));border:1px solid var(--ipc-border);border-radius:var(--ipc-radius);padding:1.4rem 1.4rem 1.1rem;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.smi-ipc__hint{display:flex;align-items:center;gap:.5rem;color:var(--ipc-muted);font-size:.9rem;margin:0 0 .9rem}
.smi-ipc__hint .bi{color:var(--ipc-accent)}
.smi-ipc__inputrow{display:flex;flex-wrap:wrap;gap:.6rem}
.smi-ipc__input{flex:1 1 320px;min-width:0;background:#0b1728;border:1px solid var(--ipc-border);border-radius:10px;color:#fff;padding:.85rem 1rem;font-size:1.02rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.smi-ipc__input:focus{outline:2px solid var(--ipc-accent);outline-offset:1px;border-color:var(--ipc-accent)}
.smi-ipc__input::placeholder{color:#6f83a0;font-family:inherit}
.smi-ipc__btn{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;cursor:pointer;border-radius:10px;font-weight:600;padding:.8rem 1.15rem;border:1px solid transparent}
.smi-ipc__btn--self,.smi-ipc__btn--ghost{background:transparent;border:1px solid var(--ipc-border);color:var(--ipc-text)!important}
.smi-ipc__btn--self:hover,.smi-ipc__btn--ghost:hover{background:var(--ipc-surface-2);border-color:var(--ipc-accent)}
.smi-ipc__btn--ghost{padding:.5rem .85rem;font-size:.85rem}
.smi-ipc__btn .bi{color:inherit}
.smi-ipc__myip{margin:.85rem 0 0;font-size:.92rem;color:var(--ipc-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.smi-ipc__myip strong{color:#fff;font-family:ui-monospace,monospace}
.smi-ipc__error{margin:.85rem 0 0;color:#fff;background:rgba(255,84,104,.16);border:1px solid rgba(255,84,104,.5);padding:.7rem .9rem;border-radius:10px;font-size:.92rem}

/* Ergebnis-Layout */
.smi-ipc__results{margin-top:1.4rem}

/* Fortschritts-/Status-Balken während der Abfrage (web3-Optik). */
.smi-ipc__progress{margin-bottom:1.1rem}
.smi-ipc__progress-track{position:relative;height:7px;border-radius:7px;background:var(--ipc-surface);border:1px solid var(--ipc-border);overflow:hidden}
.smi-ipc__progress-fill{display:block;height:100%;width:8%;border-radius:7px;background:linear-gradient(90deg,#37c978,#3bd0ff,var(--ipc-accent),#3bd0ff);background-size:250% 100%;animation:smi-ipc-flow 1.4s linear infinite;transition:width .55s cubic-bezier(.4,0,.2,1);box-shadow:0 0 14px rgba(59,208,255,.55)}
@keyframes smi-ipc-flow{0%{background-position:0 0}100%{background-position:250% 0}}
.smi-ipc__progress.is-done .smi-ipc__progress-fill{animation:none;background:var(--ipc-ok);box-shadow:0 0 14px rgba(55,201,120,.5)}
.smi-ipc__progress-label{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.84rem;color:var(--ipc-muted)!important;font-variant-numeric:tabular-nums}
.smi-ipc__progress-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ipc-accent);animation:smi-ipc-pulse 1.3s ease infinite}
@keyframes smi-ipc-pulse{0%{box-shadow:0 0 0 0 rgba(255,194,71,.55)}70%{box-shadow:0 0 0 8px rgba(255,194,71,0)}100%{box-shadow:0 0 0 0 rgba(255,194,71,0)}}
.smi-ipc__progress.is-done .smi-ipc__progress-dot{animation:none;background:var(--ipc-ok)}

/* Sanftes Einblenden der Karten/Panels beim Rendern. */
.smi-ipc__card,.smi-ipc__highlights{animation:smi-ipc-fadein .38s cubic-bezier(.2,.7,.3,1) both}
@keyframes smi-ipc-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.smi-ipc__progress-fill,.smi-ipc__progress-dot{animation:none}.smi-ipc__card,.smi-ipc__highlights{animation:none}}
.smi-ipc__scorecard{display:flex;gap:1.4rem;align-items:center;background:var(--ipc-surface);border:1px solid var(--ipc-border);border-radius:var(--ipc-radius);padding:1.3rem 1.4rem;flex-wrap:wrap}
.smi-ipc__score{position:relative;width:118px;height:118px;flex:0 0 auto}
.smi-ipc__gauge{width:118px;height:118px;transform:rotate(-90deg)}
.smi-ipc__gauge-bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:10}
.smi-ipc__gauge-fg{fill:none;stroke:var(--ipc-neutral);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke .5s}
.smi-ipc__score[data-level=green] .smi-ipc__gauge-fg{stroke:var(--ipc-ok)}
.smi-ipc__score[data-level=yellow] .smi-ipc__gauge-fg{stroke:#ffd23f}
.smi-ipc__score[data-level=orange] .smi-ipc__gauge-fg{stroke:var(--ipc-warn)}
.smi-ipc__score[data-level=red] .smi-ipc__gauge-fg{stroke:var(--ipc-bad)}
.smi-ipc__score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff}
.smi-ipc__score-info{flex:1 1 240px;min-width:0}
.smi-ipc__score-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .7rem;border-radius:20px;color:#08131f;margin-bottom:.35rem}
.smi-ipc__score-badge.is-green{background:var(--ipc-ok)}
.smi-ipc__score-badge.is-yellow{background:#ffd23f}
.smi-ipc__score-badge.is-orange{background:var(--ipc-warn)}
.smi-ipc__score-badge.is-red{background:var(--ipc-bad);color:#fff}
.smi-ipc__score-title{font-size:1.15rem;margin:.1rem 0 .3rem;color:#fff;word-break:break-word;font-family:ui-monospace,monospace}
.smi-ipc__score-desc{font-size:.92rem;color:var(--ipc-muted);margin:0 0 .6rem;line-height:1.5}
.smi-ipc__pdf{cursor:pointer}

/* Tabs – dunkle Leiste, damit die Beschriftung immer lesbar ist. */
.smi-ipc__tabs{margin-top:1.3rem}
.smi-ipc__tablist{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:thin;background:var(--ipc-surface);border:1px solid var(--ipc-border);border-radius:12px;padding:.3rem}
.smi-ipc__tab{flex:0 0 auto;background:transparent;border:0;color:#c4d2e6!important;font-weight:600;font-size:.92rem;padding:.6rem .95rem;cursor:pointer;white-space:nowrap;border-radius:8px}
.smi-ipc__tab:hover{color:#fff!important;background:var(--ipc-surface-2)}
.smi-ipc__tab.is-active{color:#08131f!important;background:var(--ipc-accent);box-shadow:0 2px 8px -2px rgba(255,194,71,.5)}
.smi-ipc__tab:focus-visible{outline:2px solid var(--ipc-accent);outline-offset:2px}
.smi-ipc__panel{padding:1.3rem 0}
.smi-ipc__panel[hidden]{display:none}

/* Animierte Scan-Anzeige */
.smi-ipc__scanner{display:flex;gap:1.5rem;align-items:center;background:linear-gradient(160deg,var(--ipc-surface),var(--ipc-bg));border:1px solid var(--ipc-border);border-radius:var(--ipc-radius);padding:1.4rem 1.5rem;flex-wrap:wrap;box-shadow:0 20px 40px -26px rgba(0,0,0,.6)}
.smi-ipc__radar{position:relative;width:104px;height:104px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle,rgba(59,208,255,.10),transparent 72%);border:1px solid rgba(59,208,255,.28);overflow:hidden}
.smi-ipc__radar-grid{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 15px,rgba(59,208,255,.10) 16px,transparent 17px)}
.smi-ipc__radar::before,.smi-ipc__radar::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(59,208,255,.35)}
.smi-ipc__radar::before{animation:smi-ipc-ring 2.2s ease-out infinite}
.smi-ipc__radar::after{animation:smi-ipc-ring 2.2s ease-out infinite 1.1s}
@keyframes smi-ipc-ring{0%{transform:scale(.3);opacity:.85}100%{transform:scale(1);opacity:0}}
.smi-ipc__radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(59,208,255,.55),rgba(59,208,255,.12) 40%,rgba(59,208,255,0) 62%);animation:smi-ipc-spin 1.5s linear infinite;transform-origin:50% 50%}
.smi-ipc__radar-dot{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--ipc-accent);box-shadow:0 0 14px var(--ipc-accent)}
@keyframes smi-ipc-spin{to{transform:rotate(360deg)}}
.smi-ipc__scan-info{flex:1 1 260px;min-width:0}
.smi-ipc__scan-title{font-size:1.08rem;color:#fff!important;margin:0 0 .8rem;font-weight:700}
.smi-ipc__scan-title b{font-family:ui-monospace,monospace;color:var(--ipc-accent);word-break:break-all}
.smi-ipc__scan-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.4rem .9rem}
.smi-ipc__scan-list li{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--ipc-muted)!important;transition:color .3s ease}
.smi-ipc__check-ico{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);position:relative;box-sizing:border-box}
.smi-ipc__scan-list li.is-running{color:#fff!important}
.smi-ipc__scan-list li.is-running .smi-ipc__check-ico{border-color:var(--ipc-accent);border-top-color:transparent;animation:smi-ipc-spin .7s linear infinite}
.smi-ipc__scan-list li.is-done{color:#c9f5dd!important}
.smi-ipc__scan-list li.is-done .smi-ipc__check-ico{border-color:var(--ipc-ok);background:var(--ipc-ok);animation:smi-ipc-pop .32s ease}
.smi-ipc__scan-list li.is-done .smi-ipc__check-ico::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #08131f;border-width:0 2px 2px 0;transform:rotate(45deg)}
.smi-ipc__scan-list li.is-failed .smi-ipc__check-ico{border-color:var(--ipc-warn);background:var(--ipc-warn)}
.smi-ipc__scan-list li.is-failed .smi-ipc__check-ico::after{content:'';position:absolute;left:6.5px;top:2px;width:2px;height:9px;background:#08131f}
@keyframes smi-ipc-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.smi-ipc__scorecard.is-reveal{animation:smi-ipc-reveal .5s cubic-bezier(.2,.7,.3,1) both}
@keyframes smi-ipc-reveal{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.smi-ipc__radar-sweep,.smi-ipc__radar::before,.smi-ipc__radar::after,.smi-ipc__scan-list li.is-running .smi-ipc__check-ico{animation:none}.smi-ipc__scorecard.is-reveal{animation:none}}

/* Highlights (Übersicht) */
.smi-ipc__highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}
.smi-ipc__hl{background:var(--ipc-surface);border:1px solid var(--ipc-border);border-radius:12px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.25rem}
.smi-ipc__hl-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ipc-muted)!important}
.smi-ipc__hl-val{font-size:1.02rem;font-weight:700;color:#fff}
.smi-ipc__hl-val.is-ok{color:#8ff0bb}.smi-ipc__hl-val.is-bad{color:#ff9aa8}.smi-ipc__hl-val.is-warn{color:#ffcf7a}
.smi-ipc__hl-val.is-green{color:#8ff0bb}.smi-ipc__hl-val.is-yellow{color:#ffe27a}.smi-ipc__hl-val.is-orange{color:#ffcf7a}.smi-ipc__hl-val.is-red{color:#ff9aa8}

/* Karten & KV */
.smi-ipc__card{background:var(--ipc-surface);border:1px solid var(--ipc-border);border-radius:var(--ipc-radius);padding:1.1rem 1.2rem;margin-bottom:1rem}
.smi-ipc__card-title{font-size:1rem;color:#fff;margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem}
.smi-ipc__card-title .bi{color:var(--ipc-accent)}
.smi-ipc__kv{margin:0}
.smi-ipc__kv-row{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.smi-ipc__kv-row:last-child{border-bottom:0}
.smi-ipc__kv dt{color:var(--ipc-muted);font-size:.88rem}
.smi-ipc__kv dd{margin:0;color:var(--ipc-text);word-break:break-word;font-size:.93rem}
.smi-ipc__kv dd a{color:var(--ipc-accent)}
.smi-ipc__note{display:block;color:var(--ipc-muted);font-size:.8rem;margin-top:.2rem}
.smi-ipc__muted{color:var(--ipc-muted)}
.smi-ipc__sub{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ipc-muted);margin:1rem 0 .4rem}
.smi-ipc__ua{font-size:.78rem;word-break:break-all}

/* Pills / Badges */
.smi-ipc__pill{display:inline-block;font-size:.76rem;font-weight:600;padding:.12rem .55rem;border-radius:20px;background:var(--ipc-surface-2);color:var(--ipc-text)}
.smi-ipc__pill.is-ok{background:rgba(55,201,120,.18);color:#8ff0bb}
.smi-ipc__pill.is-bad{background:rgba(255,84,104,.18);color:#ff9aa8}
.smi-ipc__pill.is-warn{background:rgba(255,176,32,.18);color:#ffcf7a}
.smi-ipc__pill.is-neutral{background:rgba(91,122,168,.22);color:#bcd0ec}

/* Tabellen */
.smi-ipc__table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:.4rem}
.smi-ipc__table th{text-align:left;color:var(--ipc-muted);font-weight:600;padding:.4rem .6rem;border-bottom:1px solid var(--ipc-border);font-size:.82rem}
.smi-ipc__table td{padding:.45rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;word-break:break-word}
.smi-ipc__table code{background:#0b1728;padding:.1rem .35rem;border-radius:5px;font-size:.82rem;color:#bfe1ff;word-break:break-all}
.smi-ipc__ttl{color:var(--ipc-muted);font-size:.78rem;white-space:nowrap;text-align:right}
.smi-ipc__bltable td:first-child{width:55%}
.smi-ipc__blsum{margin-bottom:.7rem;display:flex;gap:.4rem;flex-wrap:wrap}

/* Erklärungen */
.smi-ipc__explain{font-size:.9rem;line-height:1.5;padding:.7rem .9rem;border-radius:10px;margin:.4rem 0;border-left:3px solid var(--ipc-neutral);background:var(--ipc-surface-2)}
.smi-ipc__explain--warn{border-left-color:var(--ipc-warn)}
.smi-ipc__explain--ok{border-left-color:var(--ipc-ok)}
.smi-ipc__explain--info{border-left-color:var(--ipc-neutral)}
.smi-ipc__reasons{margin:.2rem 0;padding-left:1.1rem}
.smi-ipc__reasons li{margin:.25rem 0;font-size:.92rem}
.smi-ipc__reasons--ok li{color:#8ff0bb}
.smi-ipc__raw{margin-top:.6rem}
.smi-ipc__raw summary{cursor:pointer;color:var(--ipc-accent);font-size:.88rem}
.smi-ipc__raw pre{background:#0b1728;padding:.8rem;border-radius:8px;overflow:auto;font-size:.78rem;max-height:280px;color:#bcd0ec}
.smi-ipc__chain{margin:0;padding-left:1.2rem;font-size:.85rem;word-break:break-all}
.smi-ipc__disclaimer{font-size:.82rem;color:var(--ipc-muted);margin-top:1rem;display:flex;gap:.4rem;align-items:flex-start;line-height:1.5}
.smi-ipc__disclaimer .bi{color:var(--ipc-accent);margin-top:.15rem}

/* Skeleton-Loader */
.smi-ipc__skeleton{display:flex;flex-direction:column;gap:.7rem;padding:.4rem 0}
.smi-ipc__skeleton span{height:16px;border-radius:6px;background:linear-gradient(90deg,var(--ipc-surface) 25%,var(--ipc-surface-2) 37%,var(--ipc-surface) 63%);background-size:400% 100%;animation:smi-ipc-shimmer 1.3s ease infinite}
.smi-ipc__skeleton span:nth-child(1){width:70%}.smi-ipc__skeleton span:nth-child(2){width:90%}.smi-ipc__skeleton span:nth-child(3){width:55%}
@keyframes smi-ipc-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.smi-ipc__skeleton span{animation:none}.smi-ipc__gauge-fg{transition:none}}

@media (max-width:540px){
	.smi-ipc__btn{flex:1 1 100%;justify-content:center}
	.smi-ipc__kv-row{grid-template-columns:1fr;gap:.15rem}
	.smi-ipc__scorecard{gap:1rem}
}