/* Anzeigen & Ads-Agent (Cockpit) + Anzeigen-Vorschau (Cockpit & Portal) */
.ads-up{color:var(--good);display:block;font-size:11px}.ads-down{color:var(--bad);display:block;font-size:11px}
.ads-acc{gap:8px}
.ads-chart{display:flex;align-items:flex-end;gap:3px;height:150px;padding:6px 0 18px}
.ads-col{flex:1;position:relative;height:100%;display:flex;align-items:flex-end;min-width:0}
.ads-col i{display:block;width:100%;background:var(--primary-soft,#e6e6f7);border-radius:4px 4px 0 0;min-height:2px}
.ads-col b{position:absolute;left:50%;transform:translate(-50%,50%);background:var(--good);color:#fff;font-size:10px;min-width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;padding:0 3px}
.ads-col b:empty{display:none}
.ads-col span{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-size:9.5px;color:var(--faint);white-space:nowrap}
.ads-col:nth-child(odd) span{visibility:hidden}
.ads-lg{display:inline-block;width:10px;height:10px;border-radius:3px}.ads-lg.sp{background:var(--primary-soft,#e6e6f7)}.ads-lg.rs{background:var(--good);border-radius:50%}
.ads-t td{vertical-align:top}.ads-t small{display:block}
.ads-name{display:flex;gap:6px;align-items:flex-start}.ads-name small{color:var(--muted);font-size:11.5px;display:block}
.ads-sp{display:inline-block;width:28px}
.ads-l1 td{background:var(--surface-2)}.ads-l2 td{background:var(--hover)}
.ads-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ads-rec h3{margin:8px 0 4px;font-size:15px}.ads-rec p{margin:0 0 8px}
.ads-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ads-chips span{font-size:11.5px;background:var(--surface-2);border-radius:999px;padding:2px 9px}
.ads-pv{background:var(--surface-2);border-radius:10px;padding:8px 12px;font-size:12.5px;margin:6px 0}.ads-pv b{display:block;margin-bottom:2px}
.ads-tasks{display:flex;flex-direction:column;gap:2px;margin:6px 0}
.ads-result{background:var(--good-soft);color:var(--good);border-radius:10px;padding:6px 10px;font-weight:500;margin:6px 0}
.ads-wk{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}
.ads-ed{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.ads-pvwrap{position:sticky;top:10px;max-height:calc(100vh - 120px);overflow:auto}
.ads-pvhead{margin-bottom:6px}
.ads-var,.ads-q{border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}
.ads-sub{font-weight:600;font-size:12.5px;margin:14px 0 6px}
.ads-checks{display:flex;flex-wrap:wrap;gap:6px 16px}.ads-checks.col{flex-direction:column}
.ads-warn{border-color:var(--warn);background:var(--warn-soft);margin:8px 0}
.ads-fp{display:flex;gap:10px;align-items:center}.ads-fp img,.ads-fp video,.ads-fph{width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}
.ads-fp div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.ads-cardrow{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:8px}
.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.ads-gi{border:1px solid var(--line);border-radius:10px;padding:4px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left}
.ads-gi:hover{border-color:var(--primary)}.ads-gi img,.ads-gi video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}
.ads-dstat{margin:10px 0}.ads-thread{display:flex;flex-direction:column;gap:6px;margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.ads-ck{border-left:3px solid var(--accent);padding-left:8px}
.ads-dash-s{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-decoration:none;color:inherit}.ads-dash-s b{font-size:28px}
@media (max-width:1100px){.ads-ed{grid-template-columns:1fr}.ads-pvwrap{position:static;max-height:none}}
@media (max-width:640px){.ads-recs{grid-template-columns:1fr}.ads-cardrow{grid-template-columns:1fr}}

/* ---- Vorschau (Handy-Rahmen) ---- */
.ap{display:flex;flex-direction:column;gap:14px}
.ap-var{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.ap-var-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.ap-seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:2px}.ap-seg button{border:0;background:none;padding:3px 10px;border-radius:999px;font:inherit;font-size:11.5px;cursor:pointer;color:var(--muted)}.ap-seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.ap-frames{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.ap-frames figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.ap-frames figcaption{font-size:11px;color:var(--faint)}
.ap-phone{width:250px;background:#fff;color:#111;border:8px solid #111;border-radius:28px;overflow:hidden;font-size:12px;position:relative;display:flex;flex-direction:column}
.ap-head{display:flex;align-items:center;gap:8px;padding:8px 10px}.ap-head b{display:block;font-size:12px}.ap-head small{color:#777;font-size:10px}.ap-head.light{position:absolute;top:10px;left:0;right:0;color:#fff;z-index:2}.ap-head.light small{color:#eee}
.ap-dots{margin-left:auto;color:#777}
.ap-ava{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#3331A3,#3662FF);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:none}.ap-ava.big{width:56px;height:56px;font-size:22px}
.ap-media{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eee}
.ap-ph{display:flex;align-items:center;justify-content:center;color:#999;font-size:11px}
.ap-text p{margin:6px 10px;line-height:1.4;max-height:7em;overflow:hidden}
.ap-ctabar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f2f3f5}.ap-ctabar>div{flex:1;min-width:0}.ap-ctabar small{display:block;color:#666;font-size:10px}.ap-ctabar b{display:block;font-size:12px}
.ap-btn{background:#e4e6eb;border-radius:6px;padding:5px 9px;font-weight:600;font-size:11px;white-space:nowrap}
.ap-foot{padding:6px 10px;color:#555;font-size:11px;border-top:1px solid #eee}
.ap-car{display:flex;overflow-x:auto;gap:6px;padding:0 10px 6px;scroll-snap-type:x mandatory}.ap-card{flex:0 0 80%;scroll-snap-align:start;border:1px solid #ddd;border-radius:8px;overflow:hidden;position:relative}.ap-card-t{padding:6px}.ap-card-t small{display:block;color:#666}
.ap-story{height:444px;background:#111}.ap-story .ap-full{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.ap-sbar{position:absolute;top:4px;left:8px;right:8px;height:2px;background:rgba(255,255,255,.4);z-index:2}.ap-sbar i{display:block;width:40%;height:100%;background:#fff}
.ap-scap{position:absolute;left:10px;right:10px;bottom:64px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:2;font-size:12px}
.ap-sup{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;z-index:2;display:flex;flex-direction:column;align-items:center}.ap-sup span{background:#fff;color:#111;border-radius:999px;padding:5px 14px;font-weight:600}
.ap-form{min-height:444px}.ap-fbody{padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex:1}
.ap-fbody h4{margin:4px 0;font-size:14px}.ap-fintro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.ap-fintro .ap-media{border-radius:8px}
.ap-fcover{width:100%;height:80px;background:linear-gradient(135deg,#3331A3,#3662FF);border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;margin-bottom:26px}.ap-fcover .ap-ava{transform:translateY(50%);border:3px solid #fff}
.ap-q{display:flex;flex-direction:column;gap:4px;position:relative}.ap-q label{font-weight:600}.ap-opt{border:1px solid #ccd;border-radius:8px;padding:5px 8px}.ap-in{border-bottom:1px solid #ccd;color:#999;padding:4px 0}
.ap-note{color:#666;font-size:11px;margin:0}.ap-link{color:#1877f2}
.ap-fnav{display:flex;justify-content:space-between;margin-top:auto;gap:8px}
.ap-fb{background:#1877f2;color:#fff;border:0;border-radius:6px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer}.ap-fb.ghost{background:#e4e6eb;color:#111}
.ap-thanks{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.ap-ok{width:44px;height:44px;border-radius:50%;background:#e3f5ec;color:#1e9e6a;display:flex;align-items:center;justify-content:center;font-size:22px}
.ap-steps{display:inline-flex;gap:5px}.ap-steps button{width:9px;height:9px;border-radius:50%;border:0;background:var(--line-2,#ccc);padding:0;cursor:pointer}.ap-steps button.on{background:var(--primary,#3331A3)}
.ap-el{position:relative}
.ap-cmt{position:absolute;top:4px;right:4px;z-index:3;border:0;border-radius:999px;background:rgba(51,49,163,.92);color:#fff;font-size:11px;padding:2px 7px;cursor:pointer;line-height:1.4}
.ap-cmt b{margin-left:3px}.ap-cmt.ro{cursor:default;background:rgba(0,0,0,.55)}
.ap-btn .ap-cmt,.ap-ctabar .ap-cmt{top:-8px;right:-6px}
.pa-card{overflow:hidden}.pa-card .ap{padding:0 14px 14px}.pa-facts{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}.pa-intro h2{margin:0 0 4px}
@media (max-width:560px){.ap-phone{width:min(250px,calc(100vw - 72px))}}
.ads-accc{margin-top:14px}.pa-acc ol{margin:4px 0 8px;padding-left:18px}.pa-acc code{background:var(--surface-2);padding:1px 6px;border-radius:6px}