/* Marketingabteilung — kompakte, responsive Kampagnensteuerung. */
.md-view{--md-lime:#b8e834;--md-green:#7fc46b;--md-line:rgba(255,255,255,.10);padding-bottom:80px}
.md-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.md-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.md-message{margin:0 0 16px;border-color:rgba(184,232,52,.28)}
.md-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}
.md-kpi{min-width:0;padding:16px;border:1px solid var(--md-line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}
.md-kpi-icon{grid-row:1/4;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(184,232,52,.10);color:var(--md-lime)}
.md-kpi strong{font-size:clamp(18px,2vw,28px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-kpi>span:not(.md-kpi-icon){font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.md-kpi small{color:var(--muted);font-size:10px}
.md-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.md-campaign-list{display:grid;gap:8px;position:sticky;top:82px}
.md-campaign{appearance:none;width:100%;border:1px solid var(--md-line);background:rgba(255,255,255,.025);color:inherit;border-radius:16px;padding:13px 12px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.md-campaign:hover,.md-campaign:focus-visible{transform:translateY(-1px);border-color:rgba(184,232,52,.35)}
.md-campaign.is-active{background:rgba(184,232,52,.08);border-color:rgba(184,232,52,.45);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.md-campaign-status{width:8px;height:36px;border-radius:8px;background:#657065}.md-campaign-status.ok{background:var(--md-green)}.md-campaign-status.warn{background:#e6c84a}.md-campaign-status.info{background:#7fb3ff}
.md-campaign div{min-width:0}.md-campaign strong,.md-campaign small{display:block;min-width:0}.md-campaign strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.28}.md-campaign small{color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-campaign>b{font-size:12px;color:var(--md-lime)}
.md-detail{display:grid;gap:14px;min-width:0}.md-detail>.card{margin:0}
.md-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:22px;overflow:hidden;position:relative;background:radial-gradient(circle at 88% 10%,rgba(184,232,52,.14),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.md-hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(184,232,52,.18);border-radius:50%;right:-90px;top:-110px;box-shadow:0 0 0 26px rgba(184,232,52,.025),0 0 0 52px rgba(184,232,52,.018);pointer-events:none}
.md-hero-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.md-hero code,.md-section-head code{color:var(--md-lime);font-size:11px;letter-spacing:.08em;overflow-wrap:anywhere}
.md-hero h2{font-size:clamp(25px,4vw,44px);margin:14px 0 6px;max-width:780px}.md-hero p{margin:0;color:var(--muted)}
.md-platforms{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.md-platforms span{border:1px solid var(--md-line);border-radius:999px;padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.md-health{align-self:center;display:grid;gap:7px;position:relative;z-index:1}.md-health strong{font-size:42px;line-height:1}.md-health span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.md-health>div{height:5px;background:rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.md-health i{display:block;height:100%;background:linear-gradient(90deg,#7fc46b,#b8e834);border-radius:inherit}
.md-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}.md-section-head h3{margin:3px 0 0;font-size:20px}
.md-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-action-grid button{appearance:none;min-height:84px;border:1px solid var(--md-line);border-radius:15px;background:rgba(255,255,255,.025);color:inherit;padding:13px;display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer}.md-action-grid button:hover,.md-action-grid button:focus-visible{border-color:rgba(184,232,52,.45);background:rgba(184,232,52,.06)}.md-action-grid button:disabled{opacity:.55}.md-action-grid svg,.md-wa-icon{width:22px;height:22px;color:var(--md-lime);flex:0 0 auto}.md-action-grid strong,.md-action-grid small{display:block}.md-action-grid strong{line-height:1.25}.md-action-grid small{color:var(--muted);margin-top:5px;line-height:1.3}
.md-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-channel{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--md-line);border-radius:14px;padding:11px;background:rgba(255,255,255,.018)}.md-channel>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.05);font-weight:800}.md-channel strong,.md-channel small{display:block}.md-channel small{color:var(--muted);margin-top:2px}.md-channel>b{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#687168}.md-channel.is-on>b{color:var(--md-green)}
.md-funnel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.md-step{border:1px solid var(--md-line);border-radius:14px;padding:12px;background:rgba(255,255,255,.018)}.md-step-head{display:flex;justify-content:space-between;gap:8px;min-height:34px}.md-step-head span{font-size:11px;color:var(--muted);line-height:1.25}.md-step-head strong{font-size:18px}.md-bar{height:5px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:11px}.md-bar i{display:block;height:100%;background:linear-gradient(90deg,#7fc46b,#b8e834);border-radius:inherit;transition:width .35s ease}.md-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.md-money .md-kpi{background:rgba(184,232,52,.035)}
.md-wa-pipeline{overflow:hidden;background:radial-gradient(circle at 8% 0,rgba(94,196,98,.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}.md-wa-live{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.md-wa-live.is-on{color:var(--md-green)}.md-wa-live.is-off{color:#e6c84a}.md-wa-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.md-wa-flow-step{position:relative;min-width:0;border:1px solid var(--md-line);border-radius:15px;padding:13px;background:rgba(255,255,255,.022);display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px}.md-wa-flow-step>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);font-weight:800}.md-wa-flow-step strong,.md-wa-flow-step small{display:block}.md-wa-flow-step strong{font-size:12px;line-height:1.25}.md-wa-flow-step small{color:var(--muted);font-size:10px;line-height:1.35;margin-top:5px}.md-wa-flow-step>i{position:absolute;right:-9px;top:50%;z-index:2;width:18px;height:18px;margin-top:-9px;border-radius:50%;display:grid;place-items:center;background:var(--panel,#101510);color:var(--md-lime);font-style:normal;font-size:10px}.md-wa-flow-step.is-on{border-color:rgba(127,196,107,.28)}.md-wa-flow-step.is-off{opacity:.64}.md-wa-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.md-wa-metrics>div{border:1px solid var(--md-line);border-radius:13px;padding:11px;background:rgba(0,0,0,.11);min-width:0}.md-wa-metrics strong,.md-wa-metrics span{display:block}.md-wa-metrics strong{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-wa-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.md-wa-metrics .md-wa-time{font-size:12px}.md-wa-use{margin-top:10px;border-radius:15px;padding:14px;background:rgba(184,232,52,.055);display:flex;align-items:center;justify-content:space-between;gap:18px}.md-wa-use p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45;max-width:720px}.md-wa-use-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.md-composer{margin:0 0 16px;background:linear-gradient(145deg,rgba(184,232,52,.065),rgba(255,255,255,.018))}.md-composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.md-composer-head h2{margin:4px 0}.md-composer-head>span{color:var(--muted);font-size:11px}.md-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.md-form-grid label>span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.md-check{display:flex;align-items:center;gap:10px;margin:14px 0}.md-check input{width:20px;height:20px;accent-color:var(--md-lime)}
.md-empty{text-align:center;padding:54px 24px;overflow:hidden}.md-empty h2{font-size:clamp(26px,4vw,44px);margin:18px 0 8px}.md-empty p{color:var(--muted);max-width:620px;margin:0 auto 20px}.md-orbit{width:64px;height:64px;border:1px solid rgba(184,232,52,.5);border-radius:50%;display:inline-block;box-shadow:0 0 0 12px rgba(184,232,52,.05),0 0 42px rgba(184,232,52,.25);position:relative}.md-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--md-lime);right:-4px;top:20px;box-shadow:0 0 16px var(--md-lime)}
@media(max-width:1180px){.md-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.md-layout{grid-template-columns:220px minmax(0,1fr)}.md-action-grid,.md-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-funnel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md-wa-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.md-wa-flow-step>i{display:none}.md-wa-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.md-head{align-items:flex-start;flex-direction:column}.md-head-actions{width:100%;justify-content:stretch}.md-head-actions .btn{flex:1;min-height:44px}.md-kpis{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scroll-padding-inline:2px}.md-kpis .md-kpi{min-width:178px;scroll-snap-align:start}.md-layout{display:block}.md-campaign-list{position:static;display:flex;gap:12px;overflow-x:auto;margin-bottom:16px;padding:2px 2px 8px;scroll-snap-type:x mandatory}.md-campaign{min-width:270px;scroll-snap-align:start}.md-hero{grid-template-columns:1fr}.md-health{max-width:220px}.md-section-head{align-items:flex-start;flex-direction:column}.md-action-grid,.md-channel-grid,.md-funnel-grid,.md-money,.md-form-grid,.md-wa-flow,.md-wa-metrics{grid-template-columns:1fr}.md-action-grid button{min-height:72px}.md-composer-head,.md-wa-use{flex-direction:column;align-items:stretch}.md-wa-use-actions{justify-content:stretch}.md-wa-use-actions .btn{width:100%;min-height:44px}.md-view .card{border-radius:18px}}
.md-ads{background:radial-gradient(circle at 92% 0,rgba(80,120,255,.13),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}.md-ads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-ads-empty{padding:18px;border:1px dashed rgba(230,200,74,.35);border-radius:15px;background:rgba(230,200,74,.035)}.md-ads-empty p,.md-ads-note{color:var(--muted);font-size:12px;line-height:1.5}.md-ads-empty p{margin:6px 0 0}.md-ads-note{margin:12px 0 0}
@media(max-width:780px){.md-ads-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.md-campaign,.md-bar i{transition:none}}