/* Instant-Dedicated (resources/views/instant/*). Präfix in-, Tokens aus ui.css. */
.in-hero{padding:56px 0 40px;background:var(--ui-bg-soft);border-bottom:1px solid var(--ui-line);color:var(--ui-text);font-family:var(--ui-font)}
.in-hero h1{font-size:clamp(2rem,4vw,2.9rem);font-weight:700;line-height:1.15;margin:0 0 .8rem;color:var(--ui-text)}
.in-hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--ui-y) 62%)}
html[data-theme-mode='dark'] .in-hero h1 em{background:none;color:var(--ui-y)}
.in-lead{max-width:640px;font-size:1.05rem;color:var(--ui-mute)}
.in-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none}
.in-stats li{padding:14px 16px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-card)}
.in-stats b{display:block;font-size:1.2rem}
.in-stats span{font-size:.8rem;color:var(--ui-mute)}
@media (max-width:767.98px){.in-stats{grid-template-columns:1fr 1fr}}

/* Filterleiste */
.in-filters{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:18px;padding:14px 16px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-card)}
.in-filters[hidden]{display:none}
.in-filter-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.in-filter-group>b{margin-right:2px;font-size:.75rem;font-weight:600;color:var(--ui-mute)}
.in-chip{border:1px solid var(--ui-line);border-radius:999px;padding:.25rem .7rem;background:var(--ui-card);color:var(--ui-text);font-size:.8rem;font-weight:500;cursor:pointer}
.in-chip:hover{border-color:var(--ui-text)}
.in-chip.is-active{background:var(--ui-ink);border-color:var(--ui-ink);color:var(--ui-y)}
html[data-theme-mode='dark'] .in-chip.is-active{background:var(--ui-y);border-color:var(--ui-y);color:#000}
.in-chip:focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}
.in-sort{display:flex;gap:8px;align-items:center;margin:0 0 0 auto;font-size:.8rem}
.in-sort select{border:1px solid var(--ui-line);border-radius:8px;padding:.25rem .5rem;background:var(--ui-card);color:var(--ui-text)}
.in-status{margin:0 0 4px;font-size:.85rem;color:var(--ui-mute)}
.in-shown{margin:0 0 12px;font-size:.85rem;font-weight:600}
.in-servers{margin-top:12px}

/* Server-Karte */
.in-server{display:grid;grid-template-columns:250px 1fr 190px;gap:16px 22px;align-items:center;margin-bottom:12px;padding:18px 20px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-card);color:var(--ui-text);transition:border-color .2s}
.in-server:hover{border-color:var(--ui-y)}
.in-server[hidden]{display:none}
.in-cpu{display:flex;gap:12px;align-items:center}
.in-cpu h3{margin:0;font-size:1.02rem;font-weight:700;line-height:1.25}
.in-cpu span{font-size:.8rem;color:var(--ui-mute)}
.in-logo{width:54px;height:54px;object-fit:contain;flex:none}
.in-logo--dark{display:none}
html[data-theme-mode='dark'] .in-logo--light{display:none}
html[data-theme-mode='dark'] .in-logo--dark{display:block}
.in-cpu .in-logo-ph{flex:none;width:54px;height:54px;border-radius:12px;background:var(--ui-y-soft);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.in-gpu{margin:6px 0 0 66px;font-size:.92rem;font-weight:600;color:var(--ui-ok)}
.in-meter{margin-top:10px}
.in-meter-segs{display:flex;gap:3px}
.in-meter-segs i{flex:1;height:6px;border-radius:2px;background:var(--ui-line)}
.in-meter-segs i.is-on{background:var(--ui-y)}
.in-meter-label{display:block;margin-top:4px;font-size:.74rem;color:var(--ui-mute)}
.in-meter-label b{color:var(--ui-text);font-weight:600}
.in-fit{margin:8px 0 0;font-size:.76rem;line-height:1.45;color:var(--ui-mute)}
.in-fit b{font-weight:600;color:var(--ui-text)}
.in-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;margin:0;font-size:.88rem}
.in-specs dt{font-size:.72rem;font-weight:400;color:var(--ui-mute)}
.in-specs dd{margin:0}
.in-drive{display:block}
.in-drive b{font-weight:600}
.in-total{display:block;margin-top:2px;font-size:.75rem;color:var(--ui-mute)}
.in-buy{text-align:right}
.in-price{display:block;font-size:1.5rem;line-height:1}
.in-buy small{display:block;margin:.25rem 0 .2rem;font-size:.72rem;color:var(--ui-mute)}
.in-avail{display:block;margin-bottom:.6rem;font-size:.78rem;font-weight:600;color:var(--ui-ok)}
.in-extras{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:12px 0 0;border-top:1px solid var(--ui-line);list-style:none;font-size:.8rem;color:var(--ui-mute)}
.in-extras li{display:flex;gap:6px;align-items:center}
.in-extras i{color:var(--ui-y-ink)}
.in-extras .in-ref{display:block;margin-left:auto} /* unten rechts; bricht auf schmalen Karten in eine eigene Zeile */
.in-extras .in-ref b{color:var(--ui-text);font-weight:600}
@media (max-width:991.98px){
  .in-server{grid-template-columns:1fr}
  .in-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
}
@media (max-width:575.98px){.in-specs{grid-template-columns:1fr 1fr}}

.in-none{padding:28px;border:1px dashed var(--ui-line);border-radius:18px;text-align:center}
.in-none[hidden]{display:none}
.in-notes{margin-top:14px;font-size:.75rem;color:var(--ui-mute)}

@media (prefers-reduced-motion:reduce){.in-server{transition:none}}