@php
    $canEdit = $canEdit ?? false;
    $canEditDeclined = $canEditDeclined ?? false;
    $lastReturnRemark = $lastReturnRemark ?? null;
    $workflowHistory = $workflowHistory ?? [];
    $allSchemes = $plan->latestVersion?->schemes ?? collect();
    $activeSchemes = ($activeSchemes ?? null) instanceof \Illuminate\Support\Collection ? $activeSchemes : $allSchemes->filter(fn ($s) => ! filled($s->rd_rejected_at ?? null))->values();
    $declinedSchemes = ($declinedSchemes ?? null) instanceof \Illuminate\Support\Collection ? $declinedSchemes : $allSchemes->filter(fn ($s) => filled($s->rd_rejected_at ?? null))->values();
    $schemes = $activeSchemes;
    $planMeta = $planMeta ?? [
        'region_label' => plan_region_label_for_plan($plan),
        'created_by_display' => $plan->creator->name ?? '—',
        'consolidated_by_label' => $plan->consolidatedSourcePlanIds() !== [] ? ($plan->creator->name ?? '—') : '—',
        'plan_type_label' => match ($plan->plan_type ?? '') {
            'RVP' => 'Regular Visit Plan (RVP)',
            'CVP' => 'Compliance Visit Plan (CVP)',
            'SVP' => 'Special Visit Plan (SVP)',
            'DRP' => 'Desk Review Plan (DRP)',
            'ERP' => 'Evaluation Report Plan (ERP)',
            'PMP' => 'Project Monitoring Plan (PMP)',
            default => $plan->plan_type ?? 'Plan',
        },
    ];
    $mecActivitySingleScheme = (bool) ($mecActivitySingleScheme ?? false);
    $planIsConsolidated = $mecActivitySingleScheme ? false : $plan->consolidatedSourcePlanIds() !== [];
    $periodLabel = \Carbon\Carbon::create()->month((int) $plan->month)->format('F') . ' ' . $plan->year;
    $planSchemeLtbcByProjectId = $planSchemeLtbcByProjectId ?? [];
    $schemeTypeLabelByProjectId = $schemeTypeLabelByProjectId ?? [];
    $mecCategoryLabelByProjectId = $mecCategoryLabelByProjectId ?? [];
    $planTypeUpper = strtoupper(trim((string) ($plan->plan_type ?? '')));
    $planFinalizesAtSdm = plan_type_finalizes_at_sdm($planTypeUpper);
    $checkerForwardStepLabel = plan_checker_forward_step_label($planTypeUpper);
    $verifierForwardStepLabel = plan_verifier_forward_step_label($planTypeUpper);
    $dgDeclineReturnStepLabel = plan_decline_return_step_label($plan);
    $planMayForward = \App\Support\WorkflowActorRules::visitPlanMayForward($plan);
    $planMayApprove = \App\Support\WorkflowActorRules::visitPlanMayDirectApprove($plan);
    $rdCanForwardToSdm = $planMayForward && $plan->status === 'rd_review' && ! $planIsConsolidated;
    $sdmCanFinalApprovePlan = $planMayApprove && $plan->status === 'sdm_review' && $planFinalizesAtSdm;
    $sdmCanForwardToDg = $planMayForward && $plan->status === 'sdm_review' && \App\Support\WorkflowActorRules::visitPlanTypeRequiresDgStage($planTypeUpper);
    $dgCanApprove = $planMayApprove && $plan->status === 'dg_review';
    $approverCanDecline = $dgCanApprove || $sdmCanFinalApprovePlan;
    $verifierCanDecline = $plan->status === 'sdm_review'
        && plan_type_has_verifier_stage($planTypeUpper)
        && \App\Support\WorkflowActorRules::visitPlanMayForward($plan);
    $showSscCheck = $showSscCheck ?? false;
@endphp

<div class="plan-details-modal">
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-end mb-4 pb-3 border-bottom">
        <div>
            <h5 class="mt-2 mb-1 font-weight-bold">{{ $planMeta['plan_type_label'] }}</h5>
            <h5 class="mt-2 mb-1 font-weight-bold">
                <i class="fas fa-calendar-alt mr-1"></i>{{ $periodLabel }}
            </h5>
        </div>
        <div class="mt-2 mt-md-0 d-flex flex-wrap align-items-center plan-details-action-buttons">
            <a href="{{ route('plan.print', $plan->id) }}" class="btn btn-outline-secondary btn-sm mr-1 mb-1" target="_blank" rel="noopener" title="{{ __('Open printable plan in a new tab') }}">
                <i class="fas fa-external-link-alt mr-1"></i>{{ __('Print preview') }}
            </a>
            @if(($fieldVisitLetterContext['may_generate'] ?? false) && ! empty($fieldVisitLetterContext['editor_url']))
                <a href="{{ $fieldVisitLetterContext['editor_url'] }}" class="btn btn-primary btn-sm mr-1 mb-1" target="_blank" rel="noopener">
                    <i class="fas fa-file-signature mr-1"></i>{{ __('Generate Letter') }}
                </a>
            @endif
            @if(($fieldVisitLetterContext['may_edit'] ?? false) && ! empty($fieldVisitLetterContext['editor_url']))
                <a href="{{ $fieldVisitLetterContext['editor_url'] }}" class="btn btn-outline-primary btn-sm mr-1 mb-1" target="_blank" rel="noopener">
                    <i class="fas fa-edit mr-1"></i>{{ __('Edit Letter') }}
                </a>
            @endif
            @if(($fieldVisitLetterContext['is_published'] ?? false) && ! empty($fieldVisitLetterContext['view_url']))
                <a
                    href="{{ $fieldVisitLetterContext['view_url'] }}"
                    class="btn btn-outline-primary btn-sm mr-1 mb-1"
                    target="_blank"
                    rel="noopener"
                    title="{{ __('Open all field visit letters for this plan') }}"
                >
                    <i class="fas fa-file-alt mr-1"></i>{{ __('Field visit letter') }}
                    @php
                        $letterDeptCount = (int) ($fieldVisitLetterContext['letter_department_count'] ?? 0);
                        $letterSchemeCount = (int) ($fieldVisitLetterContext['letter_scheme_count'] ?? 0);
                    @endphp
                    @if ($letterDeptCount > 1)
                        <span class="badge badge-light border ml-1">{{ $letterDeptCount }} {{ __('departments') }}</span>
                    @elseif ($letterSchemeCount > 1)
                        <span class="badge badge-light border ml-1">{{ $letterSchemeCount }} {{ __('schemes') }}</span>
                    @endif
                </a>
            @endif
            @if($showSscCheck)
                @include('plan.partials.ssc-check-panel', ['plan' => $plan])
            @endif
            @if(($canEdit || $canEditDeclined) && can_visit_plan($plan, 'edit'))
                <a href="{{ route('plan.edit', $plan->id) }}" class="btn btn-primary btn-sm mr-1 mb-1"><i class="fas fa-edit mr-1"></i>Edit</a>
            @endif
            @if($planMayForward && can_visit_plan($plan, 'can_check') && $plan->status === 'rd_review' && ! $planIsConsolidated)
                <button type="button" class="btn btn-warning btn-sm mr-1 mb-1" data-toggle="modal" data-target="#planReturnWholeModal-{{ $plan->id }}"><i class="fas fa-undo mr-1"></i>Decline Plan</button>
            @endif
            @if(can_visit_plan($plan, 'can_check') && $plan->status === 'rd_review' && ! $planIsConsolidated && $activeSchemes->isNotEmpty())
                <button type="button" class="btn btn-outline-danger btn-sm mb-1" data-toggle="modal" data-target="#planWithdrawSchemesModal-{{ $plan->id }}"><i class="fas fa-minus-circle mr-1"></i>Decline Scheme(s)</button>
            @endif
            @if(can_visit_plan($plan, 'can_check') && $plan->status === 'rd_review' && $schemes->isNotEmpty() && can_visit_plan($plan, 'edit'))
                <a href="{{ route('plan.edit', $plan->id) }}" class="btn btn-info btn-sm"><i class="fas fa-edit mr-1"></i>Add/Update Scheme(s)</a>
            @endif
            @if($rdCanForwardToSdm && $activeSchemes->isNotEmpty())
                <button type="button" class="btn btn-success btn-sm mr-1 mb-1" data-toggle="modal" data-target="#planRdForwardModal-{{ $plan->id }}"><i class="fas fa-share mr-1"></i>Forward to {{ $checkerForwardStepLabel }}</button>
            @endif
            @if($verifierCanDecline)
                <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#planSdmReturnModal-{{ $plan->id }}"><i class="fas fa-undo mr-1"></i>Decline</button>
            @endif
            @if($sdmCanFinalApprovePlan)
                <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#planSdmApproveModal-{{ $plan->id }}"><i class="fas fa-check mr-1"></i>Approve</button>
            @endif
            @if($sdmCanForwardToDg)
                <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#planSdmForwardModal-{{ $plan->id }}"><i class="fas fa-paper-plane mr-1"></i>{{ __('Forward to :designation', ['designation' => $verifierForwardStepLabel]) }}</button>
            @endif
            @if($dgCanApprove)
                <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#planDgApproveModal-{{ $plan->id }}"><i class="fas fa-check mr-1"></i>Approve</button>
            @endif
            @if($approverCanDecline)
                <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#planDgRejectModal-{{ $plan->id }}"><i class="fas fa-undo mr-1"></i>Decline</button>
            @endif
            @if($plan->status === 'draft' && can_visit_plan($plan, 'delete'))
                <form method="POST" action="{{ route('plan.destroy', $plan->id) }}" class="d-inline" onsubmit="return confirm('Delete this draft?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash mr-1"></i>Delete</button>
                </form>
            @endif
            @if($canCompare ?? false)
                <a href="{{ route('plan.compare', $plan->id) }}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="fas fa-code-compare mr-1"></i>Compare</a>
            @endif
        </div>
    </div>

    <div class="card border mb-4 plan-detail-meta-card">
        <div class="card-body py-3">
            <div class="row small">
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Initiated by</span>
                    <span class="font-weight-bold">{{ $planMeta['created_by_display'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Designation</span>
                    <span class="font-weight-bold">{{ $planMeta['designation_label'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Region</span>
                    <span class="font-weight-bold">{{ $planMeta['region_label'] }}</span>
                </div>
                <div class="col-6 col-md-3 mb-2 mb-md-0">
                    <span class="text-muted text-uppercase font-weight-bold d-block" style="font-size: 0.65rem; letter-spacing: 0.04em;">Sector</span>
                    <span class="font-weight-bold">{{ $planMeta['sector_label'] }}</span>
                </div>
            </div>
        </div>
    </div>

    @if($plan->status === 'rejected')
        @php
            $lastDeclineEntry = collect($workflowHistory)->where('action', 'rejected')->last();
            $declineReason = $lastReturnRemark ?? ($lastDeclineEntry['remarks'] ?? '');
        @endphp
        <div class="alert plan-rejected-alert mb-3" role="alert">
            <div class="d-flex align-items-start">
                <span class="plan-rejected-icon mr-2"><i class="fas fa-times"></i></span>
                <div>
                    <h6 class="alert-heading font-weight-bold text-danger mb-1">Plan declined</h6>
                    <p class="mb-0 small">{{ plan_declined_status_label($plan) }}</p>
                    <p class="mb-0 small">Reason: {{ $declineReason !== '' ? $declineReason : '—' }}</p>
                </div>
            </div>
        </div>
    @elseif($plan->status === 'returned')
        @php
            $lastReturnEntry = collect($workflowHistory)->where('action', 'returned')->last();
            $returnReason = $lastReturnRemark ?? ($lastReturnEntry['remarks'] ?? '');
            $rdSchemeFlaggedCount = $declinedSchemes->count();
        @endphp
        <div class="alert plan-rejected-alert mb-3" role="alert">
            <div class="d-flex align-items-start">
                <span class="plan-rejected-icon mr-2"><i class="fas fa-undo"></i></span>
                <div>
                    <h6 class="alert-heading font-weight-bold text-warning mb-1">Plan returned</h6>
                    <p class="mb-0 small">{{ plan_returned_status_label($plan) }}</p>
                    <p class="mb-0 small">Reason: {{ $returnReason !== '' ? $returnReason : '—' }}</p>
                    @if($rdSchemeFlaggedCount > 0)
                        <p class="mb-0 small mt-2"><strong>{{ $rdSchemeFlaggedCount }}</strong> scheme(s) were flagged individually for revision (see each scheme below).</p>
                    @endif
                </div>
            </div>
        </div>
    @endif

    @if(!empty($workflowHistory))
        <div class="card plan-history-card mb-3">
            <div class="card-body">
                <h6 class="font-weight-bold mb-3">Plan History</h6>
                <ul class="list-unstyled plan-workflow-timeline mb-0">
                    @foreach($workflowHistory as $idx => $entry)
                        @php
                            $actionLabel = plan_forward_history_action_label($entry);
                            $hideConsolidationRouting = in_array((string) ($entry['action'] ?? ''), [
                                'merged_into_consolidated',
                                'created_from_consolidation',
                            ], true);
                            $timestamp = $entry['action_date']->format('d M Y') . ' • ' . $entry['action_date']->format('H:i');
                            $isLast = $idx === count($workflowHistory) - 1;
                        @endphp
                        <li class="plan-history-item {{ $isLast ? '' : 'plan-history-item-connector' }}">
                            <div class="d-flex">
                                <span class="plan-history-bullet flex-shrink-0"></span>
                                <div class="plan-history-content">
                                    <div class="font-weight-bold">{{ $actionLabel }}</div>
                                    @unless($hideConsolidationRouting)
                                        <div class="small text-muted">{{ $entry['routing_line'] ?? (($entry['from_user_label'] ?? $entry['from_user_name']).' → '.($entry['to_user_label'] ?? $entry['to_user_name'])) }}</div>
                                    @endunless
                                    <div class="small text-muted">{{ $timestamp }}</div>
                                    @if(filled($entry['remarks'] ?? null))
                                        <div class="small mt-1">
                                            <span class="text-muted font-weight-bold">Note:</span>
                                            <span>{!! nl2br(e((string) $entry['remarks'])) !!}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    @endif

    @php
        $planSchemesOrdered = $allSchemes->values();
        $highlightPlanSchemeId = (int) ($highlightPlanSchemeId ?? 0);
        $fieldVisitLetterContext = $fieldVisitLetterContext ?? [
            'may_generate' => false,
            'may_edit' => false,
            'is_published' => false,
            'editor_url' => null,
            'view_url' => null,
            'department_view_urls' => [],
            'letter_department_count' => 0,
            'letter_scheme_count' => 0,
        ];
    @endphp

@php
    $planSchemeAdpByProjectId = $planSchemeAdpByProjectId ?? [];
@endphp

    <h6 class="text-uppercase text-muted small font-weight-bold mb-3">Plan schemes ({{ $planSchemesOrdered->count() }})</h6>

    @if($planSchemesOrdered->isEmpty())
        <p class="text-muted mb-0">No schemes in this plan.</p>
    @else
        <div class="accordion" id="planSchemesAccordion">
            @foreach($planSchemesOrdered as $idx => $scheme)
                @php
                    $isDeclined = filled($scheme->rd_rejected_at ?? null);
                    $p = $projectsMap->get($scheme->scheme_id);
                    $schemeCode = $p ? trim((string) ($p->code ?? '')) : '';
                    $schemeAdp = $planSchemeAdpByProjectId[(int) ($scheme->scheme_id ?? 0)] ?? ($p ? plan_scheme_adp_display_for_plan($p, $plan) : '');
                    $schemeName = $p ? trim((string) ($p->name ?? '')) : '';
                    $visitTeamNames = $scheme->visitingTeams->map(fn ($t) => $t->user->name ?? '')->filter()->values()->implode(', ');
                    $additionalDates = $scheme->dates->map(fn ($d) => $d->visit_date?->format('d-m-Y'))->filter()->values();
                    $physical = $scheme->physical_progress !== null ? (float) $scheme->physical_progress : null;
                    $financial = $scheme->financial_progress !== null ? (float) $scheme->financial_progress : null;
                    $effectiveMoId = $scheme->effectiveMonitoringOfficerUserId($plan);
                    $monitoringOfficerDisplay = '—';
                    if ($effectiveMoId > 0) {
                        if ((int) ($scheme->monitoring_officer_id ?? 0) > 0 && $scheme->monitoringOfficer) {
                            $monitoringOfficerDisplay = $scheme->monitoringOfficer->name ?? '—';
                        } elseif ((int) ($plan->created_by ?? 0) === $effectiveMoId && $plan->creator) {
                            $monitoringOfficerDisplay = $plan->creator->name ?? '—';
                        } else {
                            $monitoringOfficerDisplay = optional(\App\Models\PC\User::find($effectiveMoId))->name ?? ('User #' . $effectiveMoId);
                        }
                    }
                    $psNames = ($p && $p->relationLoaded('ps'))
                        ? $p->ps->pluck('name')->map(fn ($n) => trim((string) $n))->filter()->values()
                        : collect();
                    $moInitials = '?';
                    $moInitSource = ($monitoringOfficerDisplay !== '—' && $monitoringOfficerDisplay !== '') ? $monitoringOfficerDisplay : '';
                    if ($moInitSource !== '') {
                        $stop = ['dr', 'mr', 'mrs', 'ms', 'eng', 'engr', 'prof'];
                        $parts = preg_split('/\s+/u', $moInitSource);
                        $toks = [];
                        foreach ($parts as $part) {
                            $low = mb_strtolower(trim($part, '.'));
                            if ($low === '' || in_array($low, $stop, true)) {
                                continue;
                            }
                            $toks[] = $part;
                        }
                        if ($toks === []) {
                            $moInitials = mb_strtoupper(mb_substr($moInitSource, 0, 2));
                        } elseif (count($toks) === 1) {
                            $moInitials = mb_strtoupper(mb_substr($toks[0], 0, 1).mb_substr($toks[0], 1, 1));
                        } else {
                            $a = $toks[count($toks) - 2];
                            $b = $toks[count($toks) - 1];
                            $moInitials = mb_strtoupper(mb_substr($a, 0, 1).mb_substr($b, 0, 1));
                        }
                    }
                    $isHighlight = $highlightPlanSchemeId > 0 && (int) ($scheme->id ?? 0) === $highlightPlanSchemeId;
                    $isFirst = $isHighlight || ($highlightPlanSchemeId <= 0 && $idx === 0);
                    $collapseDomId = 'plan-scheme-collapse-' . $plan->id . '-' . (int) ($scheme->id ?? 0) . '-' . $idx;
                    $headingDomId = 'plan-scheme-heading-' . $plan->id . '-' . $idx;
                    $schemeTitleDisplay = $schemeName !== '' ? $schemeName : ($schemeCode !== '' ? $schemeCode : 'Scheme #'.($idx + 1));
                    $projCostDisplay = '—';
                    $projDeptDisplay = '—';
                    $projLtbcDisplay = '—';
                    $projSectorDisplay = '—';
                    $projSubSectorDisplay = '—';
                    $projCatDisplay = '—';
                    $projTargetDisplay = '—';
                    $projSchemeTypeDisplay = '—';
                    if ($p) {
                        $ap = (float) ($p->approved_amount ?? 0);
                        $costBase = ($ap > 0 && ($p->approved ?? false)) ? $ap : (float) ($p->estimated_amount ?? 0);
                        $projCostDisplay = number_format($costBase, 0);
                        $deptParts = array_values(array_filter([
                            trim((string) ($p->department?->name ?? '')),
                            trim((string) ($p->subDepartment?->name ?? '')),
                        ]));
                        $projDeptDisplay = $deptParts !== [] ? implode(' / ', $deptParts) : '—';
                        $ltbc = $planSchemeLtbcByProjectId[(int) ($p->project_id ?? 0)] ?? false;
                        $projLtbcDisplay = $ltbc ? 'Yes' : 'No';
                        $projSectorDisplay = trim((string) ($p->sector?->name ?? '')) !== '' ? trim((string) $p->sector->name) : '—';
                        $projSubSectorDisplay = \App\Services\PC\MecSchemeDisplayLabels::subSectorLabelForProject($p);
                        $projCatDisplay = trim((string) (($mecCategoryLabelByProjectId[(int) ($p->project_id ?? 0)] ?? '') ?: ''));
                        if ($projCatDisplay === '' || $projCatDisplay === '—') {
                            $projCatDisplay = '—';
                        }
                        $td = $p->target_completion_date ?? null;
                        if ($td !== null && $td !== '') {
                            try {
                                $projTargetDisplay = \Carbon\Carbon::parse($td)->format('d M Y');
                            } catch (\Throwable $e) {
                                $projTargetDisplay = (string) $td;
                            }
                        }
                        $projSchemeTypeDisplay = $schemeTypeLabelByProjectId[(int) $p->project_id] ?? '—';
                    }
                @endphp

                <div
                    class="card mb-3 pms-plan-scheme-card {{ $isDeclined ? 'pms-plan-scheme-card--declined border-warning shadow-sm' : 'border' }}{{ $isHighlight ? ' pms-plan-scheme-card--filter-highlight' : '' }}"
                    id="plan-scheme-card-{{ (int) ($scheme->id ?? 0) }}"
                    @if($isHighlight) data-plan-scheme-filter-highlight="1" @endif
                >
                    <div
                        class="card-header pms-plan-scheme-card__header p-3 border-bottom {{ $isFirst ? '' : 'collapsed' }}"
                        role="button"
                        data-toggle="collapse"
                        data-target="#{{ $collapseDomId }}"
                        aria-expanded="{{ $isFirst ? 'true' : 'false' }}"
                        aria-controls="{{ $collapseDomId }}"
                        id="{{ $headingDomId }}"
                    >
                        <div class="d-flex justify-content-between align-items-start">
                            <div class="min-w-0 flex-grow-1 pr-2">
                                @if($isDeclined)
                                    <div class="d-flex flex-wrap align-items-center mb-2" style="gap: 0.35rem;">
                                        <span class="badge badge-warning text-dark">Declined</span>
                                        <span class="badge badge-light border small font-weight-normal text-muted">Pending correction</span>
                                        @if(filled($scheme->mo_assignment_banner ?? null))
                                            <span class="badge badge-info" title="{{ e(\Illuminate\Support\Str::limit((string) $scheme->mo_assignment_banner, 220)) }}">MO reassigned</span>
                                        @endif
                                    </div>
                                @elseif(filled($scheme->mo_assignment_banner ?? null))
                                    <div class="d-flex flex-wrap align-items-center mb-2" style="gap: 0.35rem;">
                                        <span class="badge badge-info" title="{{ e(\Illuminate\Support\Str::limit((string) $scheme->mo_assignment_banner, 220)) }}">MO reassigned</span>
                                    </div>
                                @endif
                                <div class="pms-plan-scheme-kicker">Scheme {{ str_pad((string) ($idx + 1), 2, '0', STR_PAD_LEFT) }}</div>
                                <div class="row pms-plan-scheme-meta-row mt-3 mb-0">
                                    <div class="col-md-12 col-12 mb-2 mb-md-0">
                                        <div class="pms-plan-scheme-meta-label">Monitoring officer</div>
                                        <div class="pms-plan-scheme-meta-value d-flex align-items-center">
                                            <span class="font-weight-bold text-break">{{ $monitoringOfficerDisplay }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-12 mb-2 mb-md-0">
                                        <div class="pms-plan-scheme-meta-label">Visit date</div>
                                        <div class="pms-plan-scheme-meta-value pms-plan-scheme-meta-value--date">{{ $scheme->visit_date ? $scheme->visit_date->format('d M Y') : '—' }}</div>
                                    </div>
                                    <div class="col-md-4 col-6 mb-2 mb-md-0 mt-2">
                                        <div class="pms-plan-scheme-meta-label">ADP #</div>
                                        <div class="pms-plan-scheme-meta-value">{{ filled($schemeAdp) ? $schemeAdp : '—' }}</div>
                                    </div>
                                    <div class="col-md-4 col-12 mb-0">
                                        <div class="pms-plan-scheme-meta-label mt-2">UID</div>
                                        <div class="pms-plan-scheme-meta-value pms-plan-scheme-meta-value--ref">{{ filled($schemeCode) ? $schemeCode : '—' }}</div>
                                    </div>
                                </div>
                                <br>
                                <h2 class="pms-plan-scheme-title mb-0 mt-1">{{ $schemeTitleDisplay }}</h2>
                                @if($isDeclined && filled($scheme->rd_rejection_remarks ?? null))
                                    <p class="mb-0 small text-danger mt-2"><strong>Reason:</strong> {{ \Illuminate\Support\Str::limit((string) $scheme->rd_rejection_remarks, 160) }}</p>
                                @endif
                            </div>
                            <span class="pms-plan-scheme-chevron flex-shrink-0 text-muted" aria-hidden="true"><i class="fas fa-chevron-down collapse-icon"></i></span>
                        </div>
                    </div>
                    <div id="{{ $collapseDomId }}" class="collapse {{ $isFirst ? 'show' : '' }}" aria-labelledby="{{ $headingDomId }}" data-parent="#planSchemesAccordion">
                        <div class="card-body pms-plan-scheme-card__body small">
                            @if($isDeclined && filled($scheme->rd_rejection_remarks ?? null))
                                <p class="mb-3 pb-3 border-bottom"><strong>RD note:</strong> {{ $scheme->rd_rejection_remarks }}</p>
                            @endif
                            <div class="row">
                                <div class="col-lg-7 pms-plan-scheme-col-left mb-4 mb-lg-0">
                                    <section class="pms-plan-scheme-section mb-4">
                                        <h3 class="pms-plan-scheme-section-label">Visit location</h3>
                                        <p class="pms-plan-scheme-section-value mb-0">{{ $scheme->visit_location ?: '—' }}</p>
                                    </section>
                                    <section class="pms-plan-scheme-section mb-4">
                                        <h3 class="pms-plan-scheme-section-label">Visiting team</h3>
                                        <p class="pms-plan-scheme-section-value pms-plan-scheme-team-text mb-0">{{ $visitTeamNames ?: '—' }}</p>
                                    </section>
                                </div>
                                <div class="col-lg-5 pms-plan-scheme-col-right">
                                    <div class="pms-plan-scheme-progress-block mb-4">
                                        <div class="d-flex justify-content-between align-items-end mb-2">
                                            <span class="pms-plan-scheme-progress-label">Physical progress</span>
                                            @if($physical !== null)
                                                <span class="pms-plan-scheme-progress-pct pms-plan-scheme-progress-pct--physical">{{ $physical }}%</span>
                                            @else
                                                <span class="text-muted font-weight-bold">—</span>
                                            @endif
                                        </div>
                                        @if($physical !== null)
                                            <div class="pms-plan-scheme-progress-track">
                                                <div class="pms-plan-scheme-progress-fill pms-plan-scheme-progress-fill--physical" style="width: {{ min(100, $physical) }}%;"></div>
                                            </div>
                                        @else
                                            <div class="pms-plan-scheme-progress-track"><div class="pms-plan-scheme-progress-fill" style="width: 0%;"></div></div>
                                        @endif
                                    </div>
                                    <div class="pms-plan-scheme-progress-block mb-4">
                                        <div class="d-flex justify-content-between align-items-end mb-2">
                                            <span class="pms-plan-scheme-progress-label">Financial progress</span>
                                            @if($financial !== null)
                                                <span class="pms-plan-scheme-progress-pct pms-plan-scheme-progress-pct--financial">{{ $financial }}%</span>
                                            @else
                                                <span class="text-muted font-weight-bold">—</span>
                                            @endif
                                        </div>
                                        @if($financial !== null)
                                            <div class="pms-plan-scheme-progress-track">
                                                <div class="pms-plan-scheme-progress-fill pms-plan-scheme-progress-fill--financial" style="width: {{ min(100, $financial) }}%;"></div>
                                            </div>
                                        @else
                                            <div class="pms-plan-scheme-progress-track"><div class="pms-plan-scheme-progress-fill" style="width: 0%;"></div></div>
                                        @endif
                                    </div>
                                    <div class="pms-plan-scheme-components pt-3 border-top">
                                        <p class="pms-plan-scheme-components-label mb-3">Project components</p>
                                        <div class="row pms-plan-scheme-data-grid small mb-3">
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Cost</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projCostDisplay }} M</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Department</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projDeptDisplay }}</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">LTBC</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projLtbcDisplay }}</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Sector</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projSectorDisplay }}</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Sub sector</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projSubSectorDisplay }}</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Cat</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projCatDisplay }}</div>
                                            </div>
                                            <div class="col-6 col-md-4 mb-3">
                                                <div class="pms-plan-scheme-data-label">Scheme type</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projSchemeTypeDisplay }}</div>
                                            </div>
                                            <div class="col-12 col-md-4 mb-0">
                                                <div class="pms-plan-scheme-data-label">Target completion</div>
                                                <div class="pms-plan-scheme-data-value">{{ $projTargetDisplay }}</div>
                                            </div>
                                        </div>
                                        @if($psNames->isNotEmpty())
                                            <p class="pms-plan-scheme-components-label mb-1">Physical scopes (PS)</p>
                                            <p class="pms-plan-scheme-data-value pms-plan-scheme-data-line mb-0">{{ $psNames->implode(', ') }}</p>
                                        @elseif(! $p)
                                            <p class="text-muted mb-0 small">Project record not found for this scheme.</p>
                                        @else
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if($additionalDates->isNotEmpty())
                                <div class="mt-3 pt-3 border-top">
                                    <span class="pms-plan-scheme-section-label d-block mb-1">Additional visit dates</span>
                                    <p class="pms-plan-scheme-data-value pms-plan-scheme-data-line mb-0 small">{{ $additionalDates->implode(', ') }}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    @if($rdCanForwardToSdm && $activeSchemes->isNotEmpty())
        <div class="modal fade" id="planRdForwardModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planRdForwardModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.forward', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planRdForwardModalLabel-{{ $plan->id }}">Forward to {{ $checkerForwardStepLabel }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">
                                {{ __('This :type will be forwarded to :designation for the next step. Optional remarks below.', [
                                    'type' => $planMeta['plan_type_label'],
                                    'designation' => $checkerForwardStepLabel,
                                ]) }}
                            </p>
                            <div class="form-group mb-0">
                                <label for="rd-forward-remarks-{{ $plan->id }}">Remarks (optional)</label>
                                <textarea name="remarks" id="rd-forward-remarks-{{ $plan->id }}" class="form-control" rows="2" maxlength="2000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-success">Forward to {{ $checkerForwardStepLabel }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if(can_visit_plan($plan, 'can_check') && $plan->status === 'rd_review' && ! $planIsConsolidated)
        <div class="modal fade" id="planReturnWholeModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planReturnWholeModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.return', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planReturnWholeModalLabel-{{ $plan->id }}">Return entire plan</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">Returns the whole plan to the submitter and clears per-scheme removal flags.</p>
                            <div class="form-group mb-0">
                                <label for="return-whole-remarks-{{ $plan->id }}">Reason <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="return-whole-remarks-{{ $plan->id }}" class="form-control" rows="3" required maxlength="2000" placeholder="Explain what needs to be corrected…"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-warning">Return to MEO</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="modal fade" id="planWithdrawSchemesModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planWithdrawSchemesModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.rd-withdraw-schemes', $plan->id) }}" id="planWithdrawSchemesForm-{{ $plan->id }}" onsubmit="return window.pmsValidateRdWithdrawSchemes({{ (int) $plan->id }});">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planWithdrawSchemesModalLabel-{{ $plan->id }}">Decline schemes from active review</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">Selected schemes are declined from active RD review for you and the submitter until they are corrected and reinstated. If you decline every scheme, the plan becomes fully declined.</p>
                            <div class="form-group border rounded p-3 mb-3">
                                <label class="font-weight-bold d-block mb-2">Schemes to decline <span class="text-danger">*</span></label>
                                @foreach($activeSchemes as $sch)
                                    @php
                                        $pp = $projectsMap->get($sch->scheme_id);
                                        if ($pp) {
                                            $code = trim((string) ($pp->code ?? ''));
                                            $name = trim((string) ($pp->name ?? ''));
                                            $schLabel = $code !== '' && $name !== '' ? $code.' — '.$name : ($code !== '' ? $code : ($name !== '' ? $name : 'Scheme #'.(int) $sch->scheme_id));
                                        } else {
                                            $schLabel = 'Scheme #'.(int) $sch->scheme_id;
                                        }
                                    @endphp
                                    <div class="custom-control custom-checkbox mb-1">
                                        <input type="checkbox" class="custom-control-input rd-withdraw-cb" name="rd_scheme_ids[]" id="wdSch-{{ $plan->id }}-{{ (int) $sch->scheme_id }}" value="{{ (int) $sch->scheme_id }}">
                                        <label class="custom-control-label" for="wdSch-{{ $plan->id }}-{{ (int) $sch->scheme_id }}">{{ $schLabel }}</label>
                                    </div>
                                @endforeach
                            </div>
                            <div class="form-group mb-0">
                                <label for="withdraw-remarks-{{ $plan->id }}">Reason <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="withdraw-remarks-{{ $plan->id }}" class="form-control" rows="3" required maxlength="2000" placeholder="Why are these schemes being declined?"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-danger">Remove from review</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @once
        <script>
            window.pmsValidateRdWithdrawSchemes = window.pmsValidateRdWithdrawSchemes || function (planId) {
                var form = document.getElementById('planWithdrawSchemesForm-' + planId);
                if (!form) return true;
                var boxes = form.querySelectorAll('input[name="rd_scheme_ids[]"]');
                var n = 0;
                boxes.forEach(function (b) { if (b.checked) n++; });
                if (n < 1) {
                    alert('Select at least one scheme to remove from review.');
                    return false;
                }
                return true;
            };
        </script>
    @endonce

    @if($verifierCanDecline)
        <div class="modal fade" id="planSdmReturnModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planSdmReturnModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.return', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planSdmReturnModalLabel-{{ $plan->id }}">Return to RD</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="sdm-return-remarks-{{ $plan->id }}">Reason <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="sdm-return-remarks-{{ $plan->id }}" class="form-control" rows="3" required maxlength="2000" placeholder="Enter reason for return..."></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-warning">Return to RD</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @if($sdmCanForwardToDg)
        <div class="modal fade" id="planSdmForwardModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planSdmForwardModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.forward', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planSdmForwardModalLabel-{{ $plan->id }}">{{ __('Forward to :designation', ['designation' => $verifierForwardStepLabel]) }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">{{ __('This plan will be forwarded to :designation for the next step. Optional remarks below.', ['designation' => $verifierForwardStepLabel]) }}</p>
                            <div class="form-group mb-0">
                                <label for="sdm-forward-remarks-{{ $plan->id }}">Remarks (optional)</label>
                                <textarea name="remarks" id="sdm-forward-remarks-{{ $plan->id }}" class="form-control" rows="2" maxlength="2000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-success">{{ __('Forward to :designation', ['designation' => $verifierForwardStepLabel]) }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @endif
    @endif

    @if($sdmCanFinalApprovePlan)
        <div class="modal fade" id="planSdmApproveModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planSdmApproveModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.approve', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planSdmApproveModalLabel-{{ $plan->id }}">Approve plan</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">This plan will be marked as finally approved. Optional remarks below.</p>
                            <div class="form-group mb-0">
                                <label for="sdm-approve-remarks-{{ $plan->id }}">Remarks (optional)</label>
                                <textarea name="remarks" id="sdm-approve-remarks-{{ $plan->id }}" class="form-control" rows="2" maxlength="2000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-success">Approve</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if($dgCanApprove)
        <div class="modal fade" id="planDgApproveModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planDgApproveModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.approve', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planDgApproveModalLabel-{{ $plan->id }}">Approve plan</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small">This plan will be marked as approved. Letters will be issued to departments. Optional remarks below.</p>
                            <div class="form-group mb-0">
                                <label for="dg-approve-remarks-{{ $plan->id }}">Remarks (optional)</label>
                                <textarea name="remarks" id="dg-approve-remarks-{{ $plan->id }}" class="form-control" rows="2" maxlength="2000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-success">Approve</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if($approverCanDecline)
        <div class="modal fade" id="planDgRejectModal-{{ $plan->id }}" tabindex="-1" role="dialog" aria-labelledby="planDgRejectModalLabel-{{ $plan->id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="POST" action="{{ route('plan.reject', $plan->id) }}">
                        @csrf
                        <div class="modal-header">
                            <h5 class="modal-title" id="planDgRejectModalLabel-{{ $plan->id }}">{{ __('Decline (return to :designation)', ['designation' => $dgDeclineReturnStepLabel]) }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="dg-reject-remarks-{{ $plan->id }}">Reason <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="dg-reject-remarks-{{ $plan->id }}" class="form-control" rows="3" required maxlength="2000" placeholder="Enter reason for declining…"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-warning">Decline</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
</div>

<style>
.plan-details-action-buttons { gap: 1rem; }
.plan-details-action-buttons .btn { margin-bottom: 0.25rem; }
.plan-details-modal .card-header[data-toggle="collapse"] { cursor: pointer; }
.plan-details-modal .card-header .collapse-icon { transition: transform 0.2s; }
.plan-details-modal .card-header:not(.collapsed) .collapse-icon { transform: rotate(180deg); }

/* Plan scheme cards (reference layout — Bootstrap + custom CSS, no Tailwind) */
.plan-details-modal .pms-plan-scheme-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.plan-details-modal .pms-plan-scheme-card--declined .pms-plan-scheme-card__header {
    background: #fffbeb;
}
.plan-details-modal .pms-plan-scheme-card__header {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0 !important;
}
.plan-details-modal .pms-plan-scheme-kicker {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0891b2;
}
.plan-details-modal .pms-plan-scheme-title {
    font-size: 1.15rem;
    /* font-weight: 700; */
    color: #1e293b;
    line-height: 1.35;
}
.plan-details-modal .pms-plan-scheme-meta-label {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin-bottom: 0.2rem;
}
.plan-details-modal .pms-plan-scheme-meta-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #334155;
}
.plan-details-modal .pms-plan-scheme-meta-value--date {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}
.plan-details-modal .pms-plan-scheme-meta-value--ref {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.plan-details-modal .pms-plan-scheme-card__body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.plan-details-modal .pms-plan-scheme-section-label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #94a3b8;
    margin-bottom: 0.35rem;
}
.plan-details-modal .pms-plan-scheme-section-value {
    font-size: 0.9rem;
    font-weight: 500;
    color: #334155;
}
.plan-details-modal .pms-plan-scheme-team-text {
    line-height: 1.55;
    font-size: 0.8125rem;
    color: #475569;
}
.plan-details-modal .pms-plan-scheme-mo-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.65rem;
    font-weight: 700;
    margin-right: 0.75rem;
    flex-shrink: 0;
}
.plan-details-modal .pms-plan-scheme-mo-name {
    color: #1e293b;
    font-size: 0.95rem;
}
.plan-details-modal .pms-plan-scheme-progress-label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
}
.plan-details-modal .pms-plan-scheme-progress-pct {
    font-size: 1.1rem;
    font-weight: 700;
}
.plan-details-modal .pms-plan-scheme-progress-pct--physical { color: #059669; }
.plan-details-modal .pms-plan-scheme-progress-pct--financial { color: #0891b2; }
.plan-details-modal .pms-plan-scheme-progress-track {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.plan-details-modal .pms-plan-scheme-progress-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.2s ease;
}
.plan-details-modal .pms-plan-scheme-progress-fill--physical {
    background: linear-gradient(90deg, #10b981, #34d399);
    box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.2);
}
.plan-details-modal .pms-plan-scheme-progress-fill--financial {
    background: linear-gradient(90deg, #06b6d4, #22d3ee);
    box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.2);
}
.plan-details-modal .pms-plan-scheme-components-label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
}
.plan-details-modal .pms-plan-scheme-data-grid .pms-plan-scheme-data-label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 0.25rem;
}
.plan-details-modal .pms-plan-scheme-data-grid .pms-plan-scheme-data-value {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
    word-break: break-word;
}
.plan-details-modal .pms-plan-scheme-data-line {
    line-height: 1.5;
    font-weight: 500;
}
body.dark-mode .plan-details-modal .pms-plan-scheme-card__header {
    background: #1e293b;
    border-bottom-color: #334155 !important;
}
body.dark-mode .plan-details-modal .pms-plan-scheme-title { color: #f1f5f9; }
body.dark-mode .plan-details-modal .pms-plan-scheme-meta-value,
body.dark-mode .plan-details-modal .pms-plan-scheme-meta-value--date { color: #e2e8f0; }
body.dark-mode .plan-details-modal .pms-plan-scheme-section-value,
body.dark-mode .plan-details-modal .pms-plan-scheme-team-text { color: #cbd5e1; }
body.dark-mode .plan-details-modal .pms-plan-scheme-mo-name { color: #f8fafc; }
body.dark-mode .plan-details-modal .pms-plan-scheme-mo-avatar {
    background: #334155;
    color: #94a3b8;
}
body.dark-mode .plan-details-modal .pms-plan-scheme-data-grid .pms-plan-scheme-data-value,
body.dark-mode .plan-details-modal .pms-plan-scheme-data-line {
    color: #e2e8f0;
}
body.dark-mode .plan-details-modal .pms-plan-scheme-progress-track { background: #334155; }

.plan-rejected-alert {
    background-color: #fdf2f2;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc3545;
    border-radius: 4px;
    color: #1f2937;
}
.plan-rejected-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #dc3545;
    color: #dc3545;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.plan-history-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
.plan-workflow-timeline {
    padding-left: 0;
}
.plan-history-item {
    position: relative;
    padding-bottom: 1rem;
}
.plan-history-item:last-child {
    padding-bottom: 0;
}
.plan-history-item-connector::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 14px;
    bottom: 0;
    width: 1px;
    background: #d1d5db;
}
.plan-history-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9ca3af;
    margin-top: 5px;
    margin-right: 12px;
}
.plan-history-content {
    flex: 1;
}
.plan-history-content .font-weight-bold {
    margin-bottom: 2px;
}
.plan-history-content .small:last-child {
    margin-top: 2px;
}
</style>