/* RV Studio – Snipes: Vinted-Funde mit Gewinnbewertung (gleiches Design wie die anderen Seiten). */
#sniper.sn { --sx-text:#eef4ff; max-width:1000px !important; padding:22px 16px 40px !important; }
#sniper.sn:not(.hidden) { display:flex !important; flex-direction:column; gap:14px; }
#sniper.sn h1, #sniper.sn h2 { font-family:var(--sx-font) !important; }
.sn-state { margin-left:auto; display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 14px; border-radius:999px; font:600 12.5px var(--sx-font); color:var(--sx-lbl); background:rgba(10,14,22,.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); white-space:nowrap; }
.sn-state::before { content:''; width:8px; height:8px; border-radius:50%; background:#7a8aa6; }
.sn-state[data-s="on"] { color:var(--sx-green); box-shadow:inset 0 0 0 1px rgba(46,224,160,.45); }
.sn-state[data-s="on"]::before { background:var(--sx-green); box-shadow:0 0 8px var(--sx-green); animation:sn-pulse 2s ease-in-out infinite; }
.sn-state[data-s="wait"] { color:var(--sx-orange-hi); box-shadow:inset 0 0 0 1px rgba(255,190,120,.45); }
.sn-state[data-s="wait"]::before { background:var(--sx-orange-hi); }
@keyframes sn-pulse { 50% { opacity:.35; } }
html.cc-no-pulse .sn-state::before { animation:none !important; }

.sn-tabs { margin-bottom:12px !important; }
.sn-hits { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:10px; }
.sn-hit { position:relative; display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; padding:10px; border-radius:16px; border:1px solid transparent; background:var(--sx-card); box-shadow:var(--sx-card-sh); min-width:0; }
.sn-hit.snipe { background:var(--sx-on-bg) padding-box, var(--sx-card); box-shadow:var(--sx-on-sh); }
.sn-hit.new::after { content:'NEU'; position:absolute; top:-7px; left:12px; padding:2px 8px; border-radius:999px; font:700 10.5px/1.3 var(--sx-font); letter-spacing:.4px; color:#fff; background:#1e9bff; box-shadow:0 0 10px rgba(30,155,255,.8); }
.sn-img { width:92px; height:116px; border-radius:12px; background:rgba(10,14,22,.6); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.sn-body { display:flex; flex-direction:column; gap:4px; min-width:0; }
.sn-body h3 { margin:0; font:500 14px/1.25 var(--sx-font) !important; color:#fff !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sn-meta { font-size:12px; color:var(--sx-sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sn-nums { display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; margin-top:2px; }
.sn-price { font:600 18px var(--sx-font); color:#fff; }
.sn-profit { font:600 13px var(--sx-font); color:var(--sx-green); }
.sn-profit.bad { color:var(--sx-orange-hi); }
.sn-est { font-size:11.5px; color:var(--sx-dim); }
.sn-act { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:6px; }
.sn-act a, .sn-act button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 13px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(10,14,22,.6); color:var(--sx-text); font:500 12.5px var(--sx-font); text-decoration:none; cursor:pointer; }
.sn-act a.go { color:#fff0d6; background:var(--sx-on-bg); border-color:transparent; box-shadow:var(--sx-on-sh); }
.sn-act button.on { color:var(--sx-orange-hi); border-color:rgba(255,190,120,.5); }
.sn-empty { padding:22px 8px; text-align:center; color:var(--sx-sub); font-size:13.5px; line-height:1.5; }

.sn-list { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.sn-list:empty { display:none; }
.sn-s { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:14px; background:rgba(10,14,22,.5); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); min-width:0; }
.sn-s > div { flex:1; min-width:0; }
.sn-s b { display:block; font:500 14px var(--sx-font); color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sn-s small { font-size:12px; color:var(--sx-sub); }
.sn-s .sx-switch { margin:0; }
.sn-s button.del { width:34px; height:34px; flex:none; border:0; border-radius:50%; background:rgba(255,255,255,.07); color:var(--sx-lbl); font-size:18px; line-height:1; cursor:pointer; }
.sn-form { margin-top:4px; }
.sn .sx-btn.primary { color:#fff0d6 !important; background:var(--sx-on-bg) !important; box-shadow:var(--sx-on-sh) !important; border-color:transparent !important; }
.sn-steps { margin:10px 0 12px; padding-left:20px; font-size:13px; line-height:1.55; color:var(--sx-sub); }
.sn-btns { display:flex; flex-wrap:wrap; gap:8px; }
#snLog { min-height:18px; }
#sniper select { width:100%; }
@media (max-width:560px) { .sn-hits { grid-template-columns:1fr; } .sn-hit { grid-template-columns:84px minmax(0,1fr); } .sn-img { width:84px; height:108px; } }
@media (prefers-reduced-motion: reduce) { html.rv-reduce .sn-state::before { animation:none; } }
.sn-img { display:block; object-fit:cover; }