@extends('layouts.app')

@section('title', 'Campaigns – Meta – Ad Manager')

@section('content')
@php
    $analysis = is_array($analysis ?? null) ? $analysis : null;
    $show = $show ?? 'on';
    $counts = $counts ?? ['on' => 0, 'off' => 0, 'all' => 0];
    $datePreset = $datePreset ?? 'last_30d';
    $datePresets = $datePresets ?? \App\Services\MetaAdsGraphService::DATE_PRESETS;
    $worstId = $analysis['worst_campaign_id'] ?? null;
    $bestId = $analysis['best_campaign_id'] ?? null;
    $money = static function ($value): string {
        if ($value === null || $value === '') {
            return '—';
        }
        return '$'.number_format((float) $value, 2);
    };
    $qty = static function ($value, int $decimals = 0): string {
        if ($value === null || $value === '') {
            return '—';
        }
        $n = (float) $value;
        if ($decimals === 0) {
            return number_format($n, 0);
        }
        return rtrim(rtrim(number_format($n, $decimals, '.', ','), '0'), '.') ?: '0';
    };
    $pct = static function ($value): string {
        if ($value === null || $value === '') {
            return '—';
        }
        return number_format((float) $value, 2).'%';
    };
    $fmtDate = static function (?string $d): string {
        if (! is_string($d) || $d === '') {
            return '';
        }
        $t = strtotime($d);
        return $t ? date('M j, Y', $t) : $d;
    };
    $rangeLabel = $datePresets[$datePreset] ?? 'Last 30 days';
    $startLabel = $fmtDate($dateStart ?? null);
    $stopLabel = $fmtDate($dateStop ?? null);
    $tzLabel = trim((string) ($timezoneName ?? ''));
    $chatLanguage = ($chatLanguage ?? 'es') === 'en' ? 'en' : 'es';
    $monthSpend = is_array($monthSpend ?? null) ? $monthSpend : [];
    $monthCap = $monthSpend['cap'] ?? null;
    $monthSpent = $monthSpend['spend'] ?? null;
    $monthPct = $monthSpend['pct'] ?? null;
    $monthStatus = (string) ($monthSpend['status'] ?? 'none');
    $rangeSpend = is_numeric($rangeSpend ?? null) ? (float) $rangeSpend : 0.0;
    $statusLabel = $show === 'off' ? 'Off campaigns' : ($show === 'all' ? 'All campaigns' : 'On campaigns');
    $info = static function (string $text): string {
        return '<button type="button" class="ads-tip" aria-label="What this means"><span class="ads-tip__i" aria-hidden="true">i</span><span class="ads-tip__pop" role="tooltip">'.e($text).'</span></button>';
    };
    $adsDisplayTz = trim((string) ($adsDisplayTz ?? 'America/New_York')) ?: 'America/New_York';
    $toLocal = static function (mixed $value) use ($adsDisplayTz): string {
        if ($value instanceof \Carbon\CarbonInterface) {
            return $value->copy()->timezone($adsDisplayTz)->format('Y-m-d\TH:i');
        }
        if (! is_string($value) || trim($value) === '') {
            return '';
        }
        try {
            return \Carbon\Carbon::parse($value)->timezone($adsDisplayTz)->format('Y-m-d\TH:i');
        } catch (\Throwable $e) {
            return '';
        }
    };
    $fmtWhen = static function (mixed $value) use ($adsDisplayTz): string {
        if ($value instanceof \Carbon\CarbonInterface) {
            return $value->copy()->timezone($adsDisplayTz)->format('M j, Y g:i A').' ('.$adsDisplayTz.')';
        }
        if (! is_string($value) || trim($value) === '') {
            return '';
        }
        try {
            return \Carbon\Carbon::parse($value)->timezone($adsDisplayTz)->format('M j, Y g:i A').' ('.$adsDisplayTz.')';
        } catch (\Throwable $e) {
            return (string) $value;
        }
    };
    $scheduledStarts = $scheduledStarts ?? collect();
    $schedulesByCampaign = $schedulesByCampaign ?? collect();
    $campaigns = is_array($campaigns ?? null) ? $campaigns : [];
    $campaignNames = [];
    foreach ($campaigns as $row) {
        $campaignNames[(string) ($row['id'] ?? '')] = (string) ($row['name'] ?? '');
    }
@endphp
<div class="ads-mgr">
    @include('ads.partials.nav', ['adsPlatform' => 'meta', 'adsSection' => 'campaigns'])
    @include('ads.partials.marketer')
    <header class="ads-mgr__header">
        <div>
            <h1>Campaigns</h1>
            <p class="ads-mgr__sub">
                Meta On/Off for
                <strong>{{ $meta->ad_account_name ?: 'the selected ad account' }}</strong>.
                Default range is Last 30 days, same window as Ads Manager.
                <a href="{{ route('setting.ad-platforms') }}">Ad platforms</a>
            </p>
            <p class="ads-mgr__dates">
                {{ $rangeLabel }}
                @if($startLabel !== '' && $stopLabel !== '')
                    · {{ $startLabel }} – {{ $stopLabel }}
                @endif
                @if($tzLabel !== '')
                    · {{ $tzLabel }}
                @endif
            </p>
        </div>
    </header>

    <nav class="ads-filter" aria-label="Campaign status">
        <a href="{{ route('ads.meta.campaigns', ['status' => 'on', 'range' => $datePreset]) }}" class="{{ $show === 'on' ? 'is-active' : '' }}">On ({{ (int) $counts['on'] }})</a>
        <a href="{{ route('ads.meta.campaigns', ['status' => 'off', 'range' => $datePreset]) }}" class="{{ $show === 'off' ? 'is-active' : '' }}">Off ({{ (int) $counts['off'] }})</a>
        <a href="{{ route('ads.meta.campaigns', ['status' => 'all', 'range' => $datePreset]) }}" class="{{ $show === 'all' ? 'is-active' : '' }}">All ({{ (int) $counts['all'] }})</a>
    </nav>

    <nav class="ads-filter ads-filter--dates" aria-label="Date range">
        @foreach($datePresets as $presetKey => $presetLabel)
            <a href="{{ route('ads.meta.campaigns', ['status' => $show, 'range' => $presetKey]) }}" class="{{ $datePreset === $presetKey ? 'is-active' : '' }}">{{ $presetLabel }}</a>
        @endforeach
    </nav>

    <section class="ads-sum {{ $monthStatus === 'over' ? 'is-over' : ($monthStatus === 'warn' ? 'is-warn' : '') }}" aria-label="Spend summary">
        <div class="ads-sum__total">
            <p class="ads-sum__kicker">
                Total spent
                {!! $info('Sum of Amount spent on the campaigns below, for the date filter you picked (Today, Last 14 days, Last 30 days, etc.). Change On / Off / All or the dates and this total changes with them. This is not the monthly cap.') !!}
            </p>
            <p class="ads-sum__amount">{{ $money($rangeSpend) }}</p>
            <p class="ads-sum__meta">
                {{ $rangeLabel }}
                @if($startLabel !== '' && $stopLabel !== '')
                    · {{ $startLabel }} – {{ $stopLabel }}
                @endif
                · {{ $statusLabel }}
            </p>
        </div>
        <div class="ads-sum__cap">
            <div class="ads-sum__cap-copy">
                <p class="ads-sum__kicker">
                    Monthly cap
                    {!! $info('A limit you set for this calendar month (1st through the last day, ad account timezone). It does not follow Last 14 / Last 30 days. Reaching it is a warning only: campaigns stay On. AI Marketer will flag it. Nothing pauses unless you confirm Pause.') !!}
                </p>
                <p class="ads-sum__cap-fig">
                    {{ $money($monthSpent) }}
                    <span>of {{ $monthCap === null ? 'no cap' : $money($monthCap) }}</span>
                    @if($monthCap !== null)
                        <span class="ads-sum__left">{{ $money($monthSpend['remaining'] ?? null) }} left</span>
                    @endif
                </p>
                <p class="ads-sum__meta">
                    {{ $monthSpend['month_label'] ?? 'This month' }}
                    @if(! empty($monthSpend['since']))
                        · {{ $fmtDate($monthSpend['since'] ?? null) }} – {{ $fmtDate($monthSpend['until'] ?? null) }}
                    @endif
                    · Warning only — does not pause campaigns
                </p>
                @if($monthCap !== null)
                    <div class="ads-sum__bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ min(100, (int) round((float) ($monthPct ?? 0))) }}">
                        <span style="width: {{ min(100, (float) ($monthPct ?? 0)) }}%"></span>
                    </div>
                @endif
            </div>
            <form class="ads-sum__form" action="{{ route('ads.meta.month-cap') }}" method="POST">
                @csrf
                <label>
                    Set cap
                    <span class="ads-sum__input">
                        <span>$</span>
                        <input type="number" name="monthly_cap" min="1" step="1" inputmode="decimal" placeholder="5000" value="{{ $monthCap !== null ? number_format((float) $monthCap, 0, '.', '') : '' }}">
                    </span>
                </label>
                <button type="submit" class="btn btn-primary ads-btn-sm">Save</button>
            </form>
        </div>
        @if(! empty($monthSpend['error']))
            <p class="ads-sum__err">{{ $monthSpend['error'] }}</p>
        @endif
    </section>

    @if(session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif
    @if($loadError)
        <div class="alert alert-error">{{ $loadError }}</div>
    @endif

    @if($analysis && ($analysis['summary'] ?? '') !== '')
        <section class="ads-ai" aria-label="AI analysis">
            <h2>AI analysis</h2>
            <p class="ads-ai__scope">
                OpenAI reading the Meta Insights numbers on this page. This is not Meta Ads Manager Analyze.
                @if(($analysis['scope'] ?? '') === 'campaign' && ($analysis['campaign_name'] ?? '') !== '')
                    Campaign: {{ $analysis['campaign_name'] }}.
                @else
                    Running campaigns only.
                @endif
                Nothing was paused.
            </p>
            <p class="ads-ai__summary">{{ $analysis['summary'] }}</p>
            @if(! empty($analysis['recommendations']))
                <ul>
                    @foreach($analysis['recommendations'] as $rec)
                        <li>{{ $rec }}</li>
                    @endforeach
                </ul>
            @endif
        </section>
    @endif

    @if($scheduledStarts->isNotEmpty())
        <section class="ads-sched-list" aria-label="Scheduled starts">
            <h2>Scheduled starts</h2>
            <p>Explicit start times. Tools does not check Deal holds. Failed rows stay failed — they are not retried.</p>
            <ul>
                @foreach($scheduledStarts as $sched)
                    @php
                        $sid = (string) $sched->campaign_id;
                        $sname = $campaignNames[$sid] ?? ('Campaign '.$sid);
                    @endphp
                    <li class="{{ $sched->status === 'failed' ? 'is-failed' : '' }}">
                        <strong>{{ $sname }}</strong>
                        · {{ $fmtWhen($sched->activate_at) }}
                        @if($sched->end_at)
                            → {{ $fmtWhen($sched->end_at) }}
                        @endif
                        · {{ $sched->status }}
                        @if($sched->status === 'failed' && $sched->last_error)
                            · {{ $sched->last_error }}
                        @endif
                        @if($sched->status === 'pending')
                            <form action="{{ route('ads.scheduled-start.cancel', $sched) }}" method="POST" class="ads-sched-list__cancel" onsubmit="return confirm('Cancel this scheduled start?');">
                                @csrf
                                <input type="hidden" name="status" value="{{ $show }}">
                                <input type="hidden" name="range" value="{{ $datePreset }}">
                                <button type="submit" class="btn btn-secondary ads-btn-sm">Cancel</button>
                            </form>
                        @endif
                    </li>
                @endforeach
            </ul>
        </section>
    @endif

    @if(empty($campaigns) && ! $loadError)
        <p class="ads-mgr__empty">
            @if($show === 'on')
                No campaigns are on. The On filter matches Ads Manager (toggle On + delivering). Off campaigns are in the Off tab.
            @elseif($show === 'off')
                No off campaigns.
            @else
                No campaigns on this ad account.
            @endif
        </p>
    @elseif(! empty($campaigns))
        <p class="ads-mgr__count">
            @if($show === 'on')
                {{ count($campaigns) }} on now
            @elseif($show === 'off')
                {{ count($campaigns) }} off
            @else
                {{ count($campaigns) }} campaigns
            @endif
        </p>
        <div class="ads-cards">
            @foreach($campaigns as $c)
                @php
                    $id = (string) ($c['id'] ?? '');
                    $isOn = ! empty($c['is_on']);
                    $effective = strtoupper((string) ($c['effective_status'] ?? ''));
                    $budget = $c['daily_budget'] ?? null;
                    $budgetKind = 'day';
                    if ($budget === null && ($c['lifetime_budget'] ?? null) !== null) {
                        $budget = $c['lifetime_budget'];
                        $budgetKind = 'lifetime';
                    }
                    $cardClass = 'ads-run';
                    if ($worstId && $id === (string) $worstId) {
                        $cardClass .= ' ads-run--worst';
                    } elseif ($bestId && $id === (string) $bestId) {
                        $cardClass .= ' ads-run--best';
                    }
                @endphp
                <article class="{{ $cardClass }}{{ $isOn ? '' : ' ads-run--off' }}">
                    <div class="ads-run__top">
                        <div>
                            <h2>{{ $c['name'] }}</h2>
                            <p class="ads-run__obj">
                                {{ $c['objective_label'] ?? $c['objective'] }}
                                @if(($c['active_adsets'] ?? 0) > 0)
                                    · {{ (int) $c['active_adsets'] }} ad set{{ (int) $c['active_adsets'] === 1 ? '' : 's' }} on
                                @endif
                            </p>
                        </div>
                        <div class="ads-run__flags">
                            @if($isOn && $effective === 'WITH_ISSUES')
                                <span class="ads-pill ads-pill--warn">Issues</span>
                            @elseif($isOn && $effective === 'PENDING_REVIEW')
                                <span class="ads-pill ads-pill--warn">In review</span>
                            @elseif($isOn)
                                <span class="ads-pill ads-pill--ok">On</span>
                            @else
                                <span class="ads-pill">Off</span>
                            @endif
                        </div>
                    </div>

                    <dl class="ads-stats">
                        <div>
                            <dt>Amount spent {!! $info('What Meta billed for this campaign in the selected date filter (Today, Last 14 days, Last 30 days, etc.). It is not lifetime spend and it is not the monthly cap.') !!}</dt>
                            <dd>{{ $money($c['spend'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>Budget {!! $info('The limit you set in Meta for this campaign: per day or lifetime. If it says “ad sets”, the money is on the ad sets, not the campaign. This is a setting, not how much was already spent.') !!}</dt>
                            <dd>
                                @if($budget === null)
                                    —
                                @else
                                    {{ $money($budget) }}<span class="ads-stats__unit">/ {{ $budgetKind }}{{ ($c['budget_source'] ?? '') === 'adsets' ? ' · ad sets' : '' }}</span>
                                @endif
                            </dd>
                        </div>
                        <div>
                            <dt>{{ ! empty($c['multiple_conversions']) ? 'Results' : ($c['result_label'] ?? 'Results') }} {!! $info(! empty($c['multiple_conversions']) ? 'Ads Manager Results for the selected dates. This campaign has more than one optimization event on delivering ad sets, so Tools cannot show a single number (same as Ads Manager “Multiple conversions”).' : 'Ads Manager Results for the selected dates: the optimization event of the delivering ad set (for example Messaging conversations started or Website checkouts initiated). Not a guessed pixel event.') !!}</dt>
                            <dd>
                                @if(! empty($c['multiple_conversions']))
                                    —
                                    <span class="ads-stats__unit">Multiple conversions</span>
                                @else
                                    {{ $qty($c['results'] ?? null, 1) }}
                                @endif
                            </dd>
                        </div>
                        <div>
                            <dt>Cost / result {!! $info('Spend divided by that same Ads Manager result, for the selected dates. Meta reports it from cost_per_action_type. If Results is “Multiple conversions”, this cannot be a single number.') !!}</dt>
                            <dd>
                                {{ $money($c['cost_per_result'] ?? null) }}
                                @if(empty($c['multiple_conversions']) && ($c['result_label'] ?? '') !== '' && ($c['result_label'] ?? '') !== 'Results')
                                    <span class="ads-stats__unit">Per {{ $c['result_label'] }}</span>
                                @elseif(! empty($c['multiple_conversions']))
                                    <span class="ads-stats__unit">Multiple conversions</span>
                                @endif
                            </dd>
                        </div>
                        @if(($c['roas'] ?? null) !== null)
                            <div>
                                <dt>ROAS {!! $info('Purchase return on ad spend from Meta for the selected dates (purchase value ÷ amount spent). Only shown when Meta returns it. Not invented.') !!}</dt>
                                <dd>{{ number_format((float) $c['roas'], 2) }}x</dd>
                            </div>
                        @endif
                        <div>
                            <dt>Impressions {!! $info('How many times the ads were shown in the selected date filter. One person can create several impressions.') !!}</dt>
                            <dd>{{ $qty($c['impressions'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>Reach {!! $info('How many unique people saw the ads at least once in the selected date filter. Different from impressions: reach counts people, impressions count views.') !!}</dt>
                            <dd>{{ $qty($c['reach'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>Frequency {!! $info('Average times each person saw the ads in the selected date filter (impressions ÷ reach). Example: 3.62 means the typical person saw the ads about 3.6 times.') !!}</dt>
                            <dd>{{ $qty($c['frequency'] ?? null, 2) }}</dd>
                        </div>
                        <div>
                            <dt>Link clicks {!! $info('Clicks on the ad link in the selected date filter, as Meta reports inline_link_clicks. Not every click on the ad — only the link.') !!}</dt>
                            <dd>{{ $qty($c['link_clicks'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>CTR {!! $info('Click-through rate: link clicks ÷ impressions, as a percent, for the selected date filter. How often a view became a link click.') !!}</dt>
                            <dd>{{ $pct($c['link_ctr'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>CPC {!! $info('Cost per link click for the selected date filter: amount spent ÷ link clicks, as Meta reports it.') !!}</dt>
                            <dd>{{ $money($c['cpc'] ?? null) }}</dd>
                        </div>
                        <div>
                            <dt>CPM {!! $info('Cost per 1,000 impressions for the selected date filter. What you pay to show the ads one thousand times.') !!}</dt>
                            <dd>{{ $money($c['cpm'] ?? null) }}</dd>
                        </div>
                    </dl>

                    <div class="ads-run__actions">
                        @if($isOn)
                            <form action="{{ route('ads.campaign.pause', $id) }}" method="POST" onsubmit="return confirm('Pause this campaign in Meta Ads Manager?');">
                                @csrf
                                <input type="hidden" name="status" value="{{ $show }}">
                                <input type="hidden" name="range" value="{{ $datePreset }}">
                                <button type="submit" class="btn btn-danger ads-btn-sm">Pause</button>
                            </form>
                        @else
                            <form action="{{ route('ads.campaign.resume', $id) }}" method="POST" onsubmit="return confirm('Turn this campaign ON in Meta Ads Manager?');">
                                @csrf
                                <input type="hidden" name="status" value="{{ $show }}">
                                <input type="hidden" name="range" value="{{ $datePreset }}">
                                <button type="submit" class="btn btn-primary ads-btn-sm">Turn on</button>
                            </form>
                        @endif
                        <button type="button" class="btn btn-secondary ads-btn-sm" data-ads-ask="{{ $chatLanguage === 'en' ? 'Analyze campaign '.$c['name'].' in depth. Use only live Meta data. Compare vs the previous period. Protect the money. Do not change anything.' : 'Analiza a fondo la campaña '.$c['name'].'. Solo datos vivos de Meta. Compara vs el período anterior. Cuida el dinero. No cambies nada.' }}">Ask AI</button>
                        <a class="ads-verify" href="{{ route('ads.meta.campaign.audit', ['campaignId' => $id, 'range' => $datePreset]) }}" target="_blank" rel="noopener">Verify in Meta</a>
                    </div>

                    @php
                        $cardSchedules = $schedulesByCampaign->get($id, collect());
                        $pendingStart = $cardSchedules->firstWhere('status', 'pending');
                    @endphp
                    <div class="ads-sched">
                        @if($pendingStart)
                            <p class="ads-sched__note">Scheduled start: {{ $fmtWhen($pendingStart->activate_at) }}@if($pendingStart->end_at) · ends {{ $fmtWhen($pendingStart->end_at) }}@endif</p>
                        @elseif($isOn)
                            <form action="{{ route('ads.campaign.stop-time', $id) }}" method="POST" class="ads-sched__form">
                                @csrf
                                <input type="hidden" name="status" value="{{ $show }}">
                                <input type="hidden" name="range" value="{{ $datePreset }}">
                                <label>
                                    End date (stop_time)
                                    <input type="datetime-local" name="stop_time" required value="{{ $toLocal($c['stop_time'] ?? '') }}">
                                </label>
                                <button type="submit" class="btn btn-secondary ads-btn-sm">Set end date</button>
                            </form>
                            <p class="ads-sched__hint">Campaign is already On. This only writes Meta <code>stop_time</code> — it does not create a scheduled start.</p>
                        @else
                            <form action="{{ route('ads.campaign.schedule-start', $id) }}" method="POST" class="ads-sched__form">
                                @csrf
                                <input type="hidden" name="status" value="{{ $show }}">
                                <input type="hidden" name="range" value="{{ $datePreset }}">
                                <label>
                                    Turn on at
                                    <input type="datetime-local" name="activate_at" required>
                                </label>
                                <label>
                                    Optional end
                                    <input type="datetime-local" name="end_at">
                                </label>
                                <button type="submit" class="btn btn-secondary ads-btn-sm">Schedule start</button>
                            </form>
                            <p class="ads-sched__hint">Times are {{ $adsDisplayTz }}. Scheduling a start is an explicit order and can turn the campaign On even after a Deal Pause.</p>
                        @endif
                    </div>
                </article>
            @endforeach
        </div>
        <p class="ads-mgr__foot">
            Numbers on these cards come from Meta Insights for the selected dates. If Meta does not return a metric, Tools shows —. Tap <strong>Verify in Meta</strong> on any card to see Meta's raw answer field by field next to what Tools printed. AI Marketer pulls Meta again on every question — it does not read these cards. It never pauses or changes budget unless you tap Confirm.
        </p>
    @endif
</div>

@push('styles')
<style>
.ads-mgr { max-width: 1100px; }
.ads-mgr__header {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;
    margin-bottom: 0.85rem;
}
.ads-sum {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 0;
    margin: 0 0 1.1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: visible;
}
.ads-sum.is-warn { border-color: #f59e0b; }
.ads-sum.is-over { border-color: #ef4444; }
.ads-sum__total {
    padding: 1.05rem 1.2rem 1.15rem;
    background: #0f172a;
    color: #f8fafc;
    border-radius: 14px 0 0 14px;
}
.ads-sum__cap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.05rem 1.15rem 1.1rem;
    background: #fff;
    border-radius: 0 14px 14px 0;
}
.ads-sum.is-warn .ads-sum__cap { background: #fffbeb; }
.ads-sum.is-over .ads-sum__cap { background: #fff7f7; }
.ads-sum__kicker {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.ads-sum__total .ads-sum__kicker { color: #93c5fd; }
.ads-sum__amount {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: #fff;
}
.ads-sum__meta {
    margin: 0.4rem 0 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
    line-height: 1.4;
}
.ads-sum__total .ads-sum__meta { color: #cbd5e1; }
.ads-sum__cap-copy { min-width: 0; flex: 1; }
.ads-sum__cap-fig {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 750;
    color: #0f172a;
    line-height: 1.25;
}
.ads-sum__cap-fig span { font-size: 0.85rem; font-weight: 650; color: #64748b; }
.ads-sum__left { display: inline-block; margin-left: 0.35rem; color: #1877f2 !important; }
.ads-sum__bar {
    margin-top: 0.65rem;
    height: 0.38rem;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}
.ads-sum__bar span { display: block; height: 100%; background: #1877f2; border-radius: 999px; }
.ads-sum.is-warn .ads-sum__bar span { background: #d97706; }
.ads-sum.is-over .ads-sum__bar span { background: #dc2626; }
.ads-sum__form { display: flex; align-items: flex-end; gap: 0.4rem; flex-shrink: 0; }
.ads-sum__form label {
    display: flex; flex-direction: column; gap: 0.2rem;
    font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #94a3b8;
}
.ads-sum__input {
    display: flex; align-items: center; gap: 0.2rem;
    border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 0.28rem 0.5rem;
    font-weight: 700; color: #0f172a;
}
.ads-sum__input input {
    width: 5.2rem; border: 0; outline: none; font: inherit; font-size: 0.95rem; font-weight: 700;
}
.ads-sum__err { grid-column: 1 / -1; margin: 0; padding: 0.45rem 1.15rem; font-size: 0.8rem; color: #b91c1c; }
.ads-tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.95rem;
    height: 0.95rem;
    margin-left: 0.2rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #cbd5e1;
    color: #0f172a;
    cursor: help;
    vertical-align: 0.08em;
    z-index: 1;
}
.ads-tip:hover, .ads-tip:focus, .ads-tip.is-open { background: #1877f2; color: #fff; z-index: 8; }
.ads-tip__i { font-size: 0.62rem; font-weight: 800; font-style: normal; line-height: 1; }
.ads-tip__pop {
    display: none;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.4rem);
    transform: translateX(-50%);
    width: 15.5rem;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: left;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.2);
    white-space: normal;
}
.ads-tip__pop::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #0f172a;
}
.ads-tip:hover .ads-tip__pop,
.ads-tip:focus .ads-tip__pop,
.ads-tip.is-open .ads-tip__pop { display: block; }
.ads-sum__total .ads-tip { background: #3b82f6; color: #fff; }
.ads-sum__total .ads-tip__pop { background: #fff; color: #0f172a; }
.ads-sum__total .ads-tip__pop::after { border-top-color: #fff; }
@media (max-width: 820px) {
    .ads-sum { grid-template-columns: 1fr; }
    .ads-sum__total { border-radius: 14px 14px 0 0; }
    .ads-sum__cap { flex-wrap: wrap; border-radius: 0 0 14px 14px; }
    .ads-sum__form { width: 100%; }
    .ads-sum__input { flex: 1; }
    .ads-sum__input input { width: 100%; }
    .ads-tip__pop { width: 13rem; left: 0; transform: none; }
    .ads-tip__pop::after { left: 0.6rem; margin-left: 0; }
}
.ads-filter { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 0.65rem; }
.ads-filter--dates { margin-bottom: 1rem; }
.ads-filter a {
    display: inline-flex; align-items: center;
    padding: 0.32rem 0.75rem; border-radius: 999px;
    font-size: 0.82rem; font-weight: 700; text-decoration: none;
    background: #fff; border: 1px solid #e5e7eb; color: #475569;
}
.ads-filter a:hover { border-color: #1877f2; color: #1877f2; }
.ads-filter a.is-active { background: #1877f2; border-color: #1877f2; color: #fff; }
.ads-mgr h1 { margin: 0 0 0.35rem; font-size: 1.5rem; font-weight: 700; color: #111; }
.ads-mgr__sub { margin: 0; font-size: 0.92rem; color: #4b5563; line-height: 1.5; max-width: 44rem; }
.ads-mgr__sub a { color: #2563eb; }
.ads-mgr__dates { margin: 0.45rem 0 0; font-size: 0.86rem; font-weight: 650; color: #0f172a; }
.ads-mgr__empty { color: #64748b; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 1.1rem 1.2rem; }
.ads-mgr__count { margin: 0 0 0.75rem; font-size: 0.8rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.04em; }
.ads-mgr__foot { margin: 0.9rem 0 0; font-size: 0.8rem; color: #64748b; line-height: 1.45; }
.ads-ai {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 10px;
    border-left: 4px solid #7c3aed; padding: 1rem 1.15rem; margin-bottom: 1.15rem;
}
.ads-ai h2 { margin: 0 0 0.25rem; font-size: 1rem; }
.ads-ai__scope { margin: 0 0 0.55rem; font-size: 0.8rem; color: #64748b; }
.ads-ai__summary { margin: 0 0 0.55rem; font-size: 0.92rem; color: #0f172a; line-height: 1.5; }
.ads-ai ul { margin: 0; padding-left: 1.15rem; font-size: 0.88rem; color: #334155; }
.ads-ai li { margin: 0.2rem 0; }
.ads-cards { display: flex; flex-direction: column; gap: 0.9rem; }
.ads-run {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 1.05rem 1.15rem 1.1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.ads-run--worst { border-color: #fecaca; background: #fff7f7; }
.ads-run--best { border-color: #a7f3d0; background: #f6fffb; }
.ads-run--off { opacity: 0.92; }
.ads-run__top { display: flex; justify-content: space-between; gap: 0.75rem; align-items: flex-start; margin-bottom: 0.85rem; }
.ads-run h2 { margin: 0 0 0.2rem; font-size: 1.05rem; font-weight: 700; color: #0f172a; }
.ads-run__obj { margin: 0; font-size: 0.8rem; color: #64748b; }
.ads-run__flags { flex-shrink: 0; }
.ads-stats {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.65rem 0.75rem;
    margin: 0;
}
.ads-stats div { min-width: 0; }
.ads-stats dt { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #94a3b8; display: flex; align-items: center; flex-wrap: wrap; gap: 0.1rem; }
.ads-stats dd { margin: 0.1rem 0 0; font-size: 0.95rem; font-weight: 600; color: #0f172a; }
.ads-stats__unit { display: block; font-size: 0.72rem; font-weight: 500; color: #64748b; }
.ads-run__actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.95rem; }
.ads-btn-sm { padding: 0.32rem 0.65rem; font-size: 0.8rem; }
.ads-sched {
    margin-top: 0.85rem; padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
}
.ads-sched__form { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: flex-end; }
.ads-sched__form label {
    display: flex; flex-direction: column; gap: 0.2rem;
    font-size: 0.72rem; font-weight: 700; color: #64748b;
}
.ads-sched__form input[type="datetime-local"] {
    font-size: 0.8rem; font-weight: 500; color: #0f172a;
    padding: 0.28rem 0.4rem; border: 1px solid #e5e7eb; border-radius: 6px;
}
.ads-sched__hint, .ads-sched__note {
    margin: 0.4rem 0 0; font-size: 0.75rem; color: #64748b; line-height: 1.4;
}
.ads-sched-list {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 10px;
    padding: 0.9rem 1.1rem; margin: 0 0 1rem;
}
.ads-sched-list h2 { margin: 0 0 0.2rem; font-size: 0.95rem; }
.ads-sched-list p { margin: 0 0 0.55rem; font-size: 0.8rem; color: #64748b; }
.ads-sched-list ul { margin: 0; padding-left: 1.1rem; }
.ads-sched-list li { margin: 0.35rem 0; font-size: 0.85rem; color: #334155; }
.ads-sched-list li.is-failed { color: #b45309; }
.ads-sched-list__cancel { display: inline; margin-left: 0.35rem; }
.ads-verify {
    display: inline-flex; align-items: center; padding: 0.32rem 0.65rem;
    font-size: 0.8rem; font-weight: 650; color: #475569; text-decoration: none;
    border: 1px dashed #cbd5e1; border-radius: 6px;
}
.ads-verify:hover { color: #1877f2; border-color: #1877f2; }
.ads-pill {
    display: inline-flex; align-items: center;
    padding: 0.18rem 0.55rem; border-radius: 999px;
    font-size: 0.72rem; font-weight: 700;
    background: #f1f5f9; color: #64748b;
}
.ads-pill--ok { background: #d1fae5; color: #047857; }
.ads-pill--warn { background: #fef3c7; color: #b45309; }
@media (max-width: 720px) {
    .ads-mgr__header { flex-direction: column; }
}
</style>
@endpush
@push('scripts')
<script>
document.addEventListener('click', function (e) {
    var tip = e.target.closest && e.target.closest('.ads-tip');
    document.querySelectorAll('.ads-tip.is-open').forEach(function (el) {
        if (el !== tip) el.classList.remove('is-open');
    });
    if (tip) {
        e.preventDefault();
        tip.classList.toggle('is-open');
    }
});
</script>
@endpush
@endsection