@include('workflow.partials.note-sheet-styles')
<style>
    /* PC Form View Modal – professional shell; wide dialog for PC-I; behaviour unchanged (CSS only) */
    #pcFormDetailsModal {
        --pms-pc-modal-accent: #00401A;
        --pms-pc-modal-accent-soft: rgba(0, 64, 26, 0.08);
        --pms-pc-modal-teal: #0d9488;
        --pci-view-heading-grad: linear-gradient(90deg, #003b46 0%, #006363 52%, #008b8b 100%);
        --pms-pc-modal-heading-grad: linear-gradient(90deg, #003b46 0%, #006363 52%, #008b8b 100%);
        --pms-pc-modal-header-shine: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 48%);
        --pms-pc-modal-radius: 16px;
        --pms-pc-modal-radius-sm: 10px;
        --pms-pc-modal-surface: #f4f6f9;
        --pms-pc-modal-surface-2: #eef1f5;
        --pms-pc-modal-elev: 0 8px 32px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.04);
        --pms-pc-modal-elev-footer: 0 -4px 18px rgba(15, 23, 42, 0.04);
        font-family: inherit;
        -webkit-font-smoothing: antialiased;
        padding-right: unset !important;
    }
    #pcFormDetailsModal.modal .modal-dialog {
        /* max-width: min(96vw, 1200px) !important;
        width: min(96vw, 1200px) !important; */
        max-height: calc(100vh - 1rem);
        /* margin: 1rem auto; */

        max-width: 100%;
        margin: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100vh;
        display: flex;
    }
    @media (min-width: 1400px) {
        #pcFormDetailsModal.modal .modal-dialog {
            /* max-width: min(96vw, 1350px) !important;
            width: min(96vw, 1350px) !important; */
        }
    }
    @media (max-width: 768px) {
        #pcFormDetailsModal.modal .modal-dialog {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0.5rem !important;
        }
    }
    #pcFormDetailsModal.modal .modal-content {
        max-height: calc(100vh - 1rem);
        display: flex;
        flex-direction: column;
        min-height: 0;
        border: 0;
        border-radius: var(--pms-pc-modal-radius);
        overflow: hidden;
        box-shadow: var(--pms-pc-modal-elev);
        align-items: stretch !important;
        background: #fff;
    }
    /* Hero header — top.png banner (design only) */
    #pcFormDetailsModal .modal-header.pci-pc-modal-hero,
    #pcFormDetailsModal .modal-header {
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        border-bottom: 0;
        background-color: #0b4a42 !important;
        background-image: none !important;
        color: #fff;
        padding: 1.05rem 1.25rem 1.1rem;
        min-height: 5.75rem;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        box-shadow: none;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__banner {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
        z-index: 0;
        pointer-events: none;
        display: block;
    }
    #pcFormDetailsModal .modal-header::after {
        display: none;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__main {
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        z-index: 1;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__icon {
        flex: 0 0 auto;
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 0.65rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.16);
        color: #e6fffa;
        font-size: 1.15rem;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
    }
    #pcFormDetailsModal .pci-pc-modal-hero__text {
        flex: 1 1 auto;
        min-width: 0;
    }
    #pcFormDetailsModal .modal-title {
        font-weight: 700;
        font-size: 1.05rem;
        letter-spacing: 0.01em;
        line-height: 1.35;
        flex: 1;
        min-width: 0;
        margin: 0;
        color: #fff !important;
        position: relative;
        z-index: 1;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
        display: block;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__badges {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
        margin-top: 0.55rem;
    }
    #pcFormDetailsModal .pci-pc-modal-chip {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.22rem 0.65rem;
        border-radius: 999px;
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.01em;
        white-space: nowrap;
    }
    #pcFormDetailsModal .pci-pc-modal-chip--kind {
        background: rgba(6, 78, 59, 0.92);
        color: #ecfdf5;
    }
    #pcFormDetailsModal .pci-pc-modal-chip--revised {
        background: #0d9488;
        color: #fff;
    }
    #pcFormDetailsModal .pci-pc-modal-chip--modified {
        background: #64748b;
        color: #fff;
    }
    #pcFormDetailsModal .pci-pc-modal-chip--state {
        background: #fbbf24;
        color: #1f2937;
    }
    #pcFormDetailsModal .pci-pc-modal-chip--for {
        background: #e0f2fe;
        color: #0c4a6e;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__meta {
        display: flex;
        flex: 0 1 auto;
        gap: 1.35rem;
        align-items: flex-start;
        position: relative;
        z-index: 1;
        margin-left: auto;
        padding-right: 0.35rem;
        margin-top: 0.15rem;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__meta-item {
        min-width: 6.5rem;
        text-align: left;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__meta-label {
        display: block;
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0.2rem;
    }
    #pcFormDetailsModal .pci-pc-modal-hero__meta-value {
        display: block;
        font-size: 0.84rem;
        font-weight: 700;
        color: #fff;
        line-height: 1.3;
        word-break: break-word;
    }
    #pcFormDetailsModal .modal-header .close {
        color: #fff;
        opacity: 0.92;
        text-shadow: none;
        font-size: 1.55rem;
        line-height: 1;
        flex-shrink: 0;
        position: relative;
        z-index: 2;
        width: 2.1rem;
        height: 2.1rem;
        margin: 0;
        padding: 0;
        border-radius: 0.5rem;
        transition: background-color 0.15s ease, opacity 0.15s ease;
    }
    #pcFormDetailsModal .modal-header .close:hover {
        color: #fff !important;
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.14);
    }
    @media (max-width: 992px) {
        #pcFormDetailsModal .modal-header.pci-pc-modal-hero {
            flex-wrap: wrap;
        }
        #pcFormDetailsModal .pci-pc-modal-hero__meta {
            width: 100%;
            margin-left: 0;
            padding-right: 2.5rem;
            gap: 0.85rem;
        }
    }
    #pcFormDetailsModal.modal .modal-footer {
        flex-shrink: 0;
        position: relative;
        background: #fff;
        border-top: 1px solid #e8edf3;
        padding: 0.7rem 1rem;
        gap: 0.45rem;
        row-gap: 0.45rem;
        box-shadow: var(--pms-pc-modal-elev-footer);
    }
    #pcFormDetailsModal .modal-footer .modal-footer-actions-left {
        gap: 0.4rem !important;
    }
    #pcFormDetailsModal .modal-footer .btn,
    #pcFormDetailsModal .modal-footer a.btn {
        border-radius: 0.55rem;
        font-family: inherit;
        font-weight: 600;
        font-size: 0.8125rem;
        padding: 0.45rem 0.9rem;
        letter-spacing: 0.01em;
        border-width: 0;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
        transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
    }
    #pcFormDetailsModal .modal-footer .btn:active,
    #pcFormDetailsModal .modal-footer a.btn:active {
        transform: translateY(1px);
    }
    #pcFormDetailsModal .modal-footer .btn-success {
        background: #0d9488 !important;
        color: #fff !important;
    }
    #pcFormDetailsModal .modal-footer #pcFormDetailsModal-dept-aa-letter-btn,
    #pcFormDetailsModal .modal-footer #pcFormDetailsModal-cds-aa-letter-btn {
        background: #00401A !important;
        color: #fff !important;
    }
    #pcFormDetailsModal .modal-footer .btn-primary {
        background: #0f766e !important;
        color: #fff !important;
    }
    #pcFormDetailsModal .modal-footer .btn-info {
        background: #0e7490 !important;
        color: #fff !important;
    }
    #pcFormDetailsModal .modal-footer .btn-warning {
        background: #f59e0b !important;
        border-color: #f59e0b !important;
        color: #1f2937 !important;
    }
    #pcFormDetailsModal .modal-footer .btn-secondary,
    #pcFormDetailsModal .modal-footer .btn-history {
        background: #94a3b8 !important;
        color: #fff !important;
    }
    #pcFormDetailsModal .modal-footer .btn-outline-secondary,
    #pcFormDetailsModal .modal-footer a.btn-outline-secondary {
        background: #fff !important;
        border: 1px solid #cbd5e1 !important;
        color: #334155 !important;
        box-shadow: none;
    }
    #pcFormDetailsModal .modal-footer #pcFormDetailsModal-scheme-pc-previews .text-muted {
        color: #64748b !important;
        font-size: 0.68rem;
        letter-spacing: 0.04em;
    }
    #pcFormDetailsModal .modal-footer .btn-default {
        background: #fff !important;
        border: 1px solid #cbd5e1 !important;
        color: #475569 !important;
        box-shadow: none;
        border-radius: 0.55rem;
    }
    #pcFormDetailsModal .modal-footer .btn-default:hover {
        background: #f8fafc !important;
        border-color: #94a3b8 !important;
        color: #1e2937 !important;
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-view-btn-next {
        background: #00401A !important;
        border-color: #00401A !important;
        color: #fff !important;
        border-radius: 0.55rem;
        font-weight: 700;
        padding: 0.45rem 1rem;
        box-shadow: 0 2px 8px rgba(0, 64, 26, 0.22);
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-view-btn-next:hover {
        background: #065f46 !important;
        border-color: #065f46 !important;
    }
    #pcFormDetailsModal .pci-view-simple.pc-i-modal-view {
        --pms-gray: #eef3f8;
        --pms-gray-strong: #e8eef5;
        --pms-border: #e2e8f0;
        --pms-text: #1e293b;
        --pms-text-muted: #64748b;
        --pms-bg-value: #ffffff;
        --pms-grid-radius: 8px;
        font-size: 13px;
        line-height: 1.5;
        color: var(--pms-text);
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }
    .dark-mode #pcFormDetailsModal .pci-view-simple.pc-i-modal-view {
        --pms-gray: #343c46;
        --pms-gray-strong: #3d4753;
        --pms-border: #4b5563;
        --pms-text: #e2e8f0;
        --pms-text-muted: #94a3b8;
        --pms-bg-value: #2d3339;
    }
    #pcFormDetailsModal .pc-i-modal-banner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        margin-bottom: 10px;
        padding: 0.35rem 0;
        border-bottom: 0;
    }
    #pcFormDetailsModal .pc-i-modal-banner img { max-height: 48px; width: auto; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)); }
    #pcFormDetailsModal .pc-i-modal-banner-title {
        flex: 1;
        text-align: center;
        font-weight: 700;
        font-size: 0.9375rem;
        letter-spacing: 0.03em;
        margin: 0;
        color: var(--pms-text);
    }
    #pcFormDetailsModal .pc-i-modal-sidebar-inner {
        position: sticky;
        top: 0;
        font-size: 12px;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-section-title {
        font-weight: 700;
        font-size: 0.8125rem;
        margin: 0 0 8px 0;
        color: var(--pms-text);
        letter-spacing: 0.04em;
        text-transform: uppercase;
        opacity: 0.92;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-grid {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 14px;
        border: 1px solid var(--pms-border);
        border-radius: var(--pms-grid-radius);
        overflow: hidden;
        background: var(--pms-bg-value);
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-field {
        display: flex;
        width: 50%;
        box-sizing: border-box;
        border-bottom: 1px solid var(--pms-border);
        min-height: 2.5rem;
        align-items: stretch;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-field.pms-field-full { width: 100%; }
    /* Project / scheme title: full width text, no clipping (long saved names). */
    #pcFormDetailsModal .pc-i-modal-view .pms-field.pms-field-full.pms-field-project-scheme .pms-value {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        min-height: auto;
        font-weight: 700;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-field.pms-pc-view-field-emphasis .pms-value {
        font-weight: 700;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-grid > .pms-field:last-child { border-bottom: 0; }
    /* General Information — QR inline with pms-grid */
    #pcFormDetailsModal .pci-pc-form-gi-layout {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 14px;
    }
    #pcFormDetailsModal .pci-pc-form-gi-layout > .pms-grid {
        flex: 1 1 280px;
        min-width: 0;
        margin-bottom: 0;
    }
    #pcFormDetailsModal .pci-pc-form-gi-layout .pci-pc-form-qr-block {
        flex: 0 0 auto;
        width: 196px;
        min-width: 0;
    }
    #pcFormDetailsModal .pci-pc-form-qr-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0.65rem;
        height: 100%;
        box-sizing: border-box;
        padding: 0.75rem 0.65rem;
        text-align: center;
        background: var(--pms-bg-value);
        border: 1px solid var(--pms-border);
        border-radius: var(--pms-grid-radius);
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    }
    #pcFormDetailsModal .pci-pc-form-qr__visual {
        flex: 0 0 auto;
        padding: 0.3rem;
        background: #fff;
        border: 1px solid var(--pms-border);
        border-radius: 6px;
        line-height: 0;
    }
    #pcFormDetailsModal .pci-pc-form-qr__img {
        display: block;
        width: 120px;
        height: 120px;
        max-width: 100%;
    }
    #pcFormDetailsModal .pci-pc-form-qr__meta {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
    }
    #pcFormDetailsModal .pci-pc-form-qr__title {
        font-size: 0.6875rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--pms-text);
        margin-bottom: 0.3rem;
    }
    #pcFormDetailsModal .pci-pc-form-qr__label {
        font-size: 0.8125rem;
        font-weight: 700;
        color: var(--pms-text);
        margin-bottom: 0.4rem;
        word-break: break-word;
    }
    #pcFormDetailsModal .pci-pc-form-qr__link {
        font-size: 0.72rem;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        width: 100%;
        margin-top: 0.2rem;
        padding: 0.4rem 0.55rem;
        border-radius: 0.45rem;
        border: 1.5px solid #0d9488;
        color: #0f766e !important;
        background: #fff;
        text-decoration: none !important;
        line-height: 1.2;
    }
    #pcFormDetailsModal .pci-pc-form-qr__link:hover {
        background: #f0fdfa;
        color: #115e59 !important;
    }
    #pcFormDetailsModal .pci-pc-form-qr__hint {
        font-size: 0.6875rem;
        color: var(--pms-text-muted);
        margin: 0.35rem 0 0;
        line-height: 1.35;
        word-break: break-word;
    }
    .dark-mode #pcFormDetailsModal .pci-pc-form-qr__visual {
        background: #1e2328;
        border-color: var(--pms-border);
    }
    @media (max-width: 767.98px) {
        #pcFormDetailsModal .pci-pc-form-gi-layout {
            flex-direction: column;
        }
        #pcFormDetailsModal .pci-pc-form-gi-layout .pci-pc-form-qr-block {
            width: 100%;
            max-width: 240px;
            margin-left: auto;
            margin-right: auto;
        }
        #pcFormDetailsModal .pci-pc-form-gi-layout > .pms-grid {
            flex: 1 1 100%;
        }
    }
    #pcFormDetailsModal .pci-modal-reviewer-signature-wrap {
        display: block;
        width: min(520px, 100%);
        max-width: 100%;
        box-sizing: border-box;
        vertical-align: top;
    }
    #pcFormDetailsModal .pci-modal-sig-canvas-outer {
        max-width: 100%;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-label {
        background: linear-gradient(180deg, var(--pms-gray) 0%, var(--pms-gray-strong) 100%);
        font-weight: 600;
        font-size: 0.95rem;
        padding: 0.5rem 0.65rem;
        width: 40%;
        min-width: 0;
        border-right: 1px solid var(--pms-border);
        box-sizing: border-box;
        color: #334155;
        letter-spacing: 0.02em;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-label { color: #cbd5e1; }
    #pcFormDetailsModal .pc-i-modal-view .pms-value {
        padding: 0.5rem 0.7rem;
        width: 60%;
        min-width: 0;
        background: var(--pms-bg-value);
        word-break: break-word;
        box-sizing: border-box;
        font-size: 1.0125rem;
        font-weight: 500;
        color: var(--pms-text);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: 1px solid var(--pms-border);
        border-radius: var(--pms-grid-radius);
        overflow: hidden;
        margin-bottom: 14px;
        font-size: 0.8125rem;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
        background: var(--pms-bg-value);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-table th {
        background: linear-gradient(180deg, #f1f4fa 0%, #e8ecf3 100%);
        padding: 0.55rem 0.65rem;
        border: 0;
        border-bottom: 1px solid var(--pms-border);
        border-right: 1px solid var(--pms-border);
        text-align: left;
        font-size: 0.75rem;
        font-weight: 700;
        color: #334155;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-table th {
        background: linear-gradient(180deg, #3d4753 0%, #343c46 100%);
        color: #e2e8f0;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-table th:last-child { border-right: 0; }
    #pcFormDetailsModal .pc-i-modal-view .pms-table td {
        padding: 0.55rem 0.65rem;
        border: 0;
        border-bottom: 1px solid var(--pms-border);
        border-right: 1px solid var(--pms-border);
        vertical-align: top;
        font-size: 0.8125rem;
        background: var(--pms-bg-value);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-table td:last-child { border-right: 0; }
    #pcFormDetailsModal .pc-i-modal-view .pms-table tbody tr:nth-child(even) td {
        background: #f8fafc;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-table tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, 0.04);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-table tbody tr:last-child td { border-bottom: 0; }
    /* Cost Estimates — Chart of Accounts (PC-I view modal): spreadsheet-style header like official COA layout */
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet {
        border-collapse: collapse;
        font-size: 0.75rem;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet th.pci-coa-th-blue,
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet td {
        border: 1px solid #1a4a7a;
        vertical-align: middle;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet thead th.pci-coa-th-blue {
        background: #2f6fb3 !important;
        color: #fff !important;
        text-transform: none;
        letter-spacing: normal;
        font-weight: 700;
        text-align: center;
        white-space: normal;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet thead tr.pci-coa-th-row th {
        border-color: #1a4a7a;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-coa-budget-heading {
        color: #0d3d5c;
        font-size: 0.8125rem;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pci-coa-budget-heading { color: #93c5fd; }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pci-coa-spreadsheet thead th.pci-coa-th-blue {
        background: #1e4a6e !important;
        color: #f1f5f9 !important;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-extra h6 {
        font-weight: 700;
        font-size: 12px;
        margin: 10px 0 6px 0;
        color: var(--app-primary);
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-extra h6 { color: #5da8ff; }
    #pcFormDetailsModal .pc-i-modal-view .pms-extra dl.row dt { font-weight: 600; color: #495057; font-size: 11px; }
    #pcFormDetailsModal .pc-i-modal-view .pms-extra dl.row dd { margin-left: 0; font-size: 11px; }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-extra dl.row dt { color: #adb5bd; }
    #pcFormDetailsModal .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 0 !important;
        background-color: var(--pms-pc-modal-surface);
        background-image: none;
    }
    #pcFormDetailsModal #pcFormDetailsModal-body > .text-center.py-5 {
        background: transparent;
        padding: 2.5rem 1rem !important;
    }
    #pcFormDetailsModal #pcFormDetailsModal-body > .text-center.py-5 .spinner-border {
        width: 2.5rem;
        height: 2.5rem;
        border-width: 0.2rem;
        color: var(--pms-pc-modal-teal) !important;
    }
    #pcFormDetailsModal #pcFormDetailsModal-body > .text-center.py-5 p {
        color: var(--pms-text-muted, #64748b);
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 0.02em;
    }
    /* Meta moved into hero header */
    #pcFormDetailsModal .pci-view-simple.pc-i-modal-view > p.mb-2.medium,
    #pcFormDetailsModal .pci-view-simple.pc-i-modal-view > header.pc-i-modal-banner {
        display: none !important;
    }
    /* PC-IV business checkpoints / status strip */
    #pcFormDetailsModal .pci-iv-business-panel {
        margin: 0 0 0.85rem;
        padding: 0.75rem 0.9rem;
        border: 1px solid #d8e4dc;
        border-radius: 10px;
        background: linear-gradient(180deg, #f7fbf8 0%, #f2f7f4 100%);
    }
    #pcFormDetailsModal .pci-iv-business-panel__summary {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
        gap: 0.55rem 0.85rem;
        margin-bottom: 0.65rem;
    }
    #pcFormDetailsModal .pci-iv-business-panel__k {
        display: block;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #64748b;
        margin-bottom: 0.12rem;
    }
    #pcFormDetailsModal .pci-iv-business-panel__v {
        display: block;
        font-size: 0.8125rem;
        font-weight: 600;
        color: #0f172a;
        line-height: 1.3;
    }
    #pcFormDetailsModal .pci-iv-business-panel__checks {
        list-style: none;
        margin: 0;
        padding: 0.55rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem 0.45rem;
        border-top: 1px dashed #c9d9cf;
    }
    #pcFormDetailsModal .pci-iv-check {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.2rem 0.5rem;
        border-radius: 999px;
        font-size: 0.7rem;
        font-weight: 600;
        background: #eef2f6;
        color: #64748b;
        max-width: 100%;
    }
    #pcFormDetailsModal .pci-iv-check__dot {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 50%;
        background: #94a3b8;
        flex-shrink: 0;
    }
    #pcFormDetailsModal .pci-iv-check__label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 11rem;
    }
    #pcFormDetailsModal .pci-iv-check--completed {
        background: #e7f6ec;
        color: #166534;
    }
    #pcFormDetailsModal .pci-iv-check--completed .pci-iv-check__dot { background: #16a34a; }
    #pcFormDetailsModal .pci-iv-check--current {
        background: #e8f1ff;
        color: #1d4ed8;
        box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.25);
    }
    #pcFormDetailsModal .pci-iv-check--current .pci-iv-check__dot { background: #2563eb; }
    .dark-mode #pcFormDetailsModal .pci-iv-business-panel {
        background: linear-gradient(180deg, #1e293b 0%, #172033 100%);
        border-color: #334155;
    }
    .dark-mode #pcFormDetailsModal .pci-iv-business-panel__k { color: #94a3b8; }
    .dark-mode #pcFormDetailsModal .pci-iv-business-panel__v { color: #e2e8f0; }
    .dark-mode #pcFormDetailsModal .pci-iv-business-panel__checks { border-top-color: #334155; }
    .dark-mode #pcFormDetailsModal .pci-iv-check { background: #0f172a; color: #94a3b8; }
    .dark-mode #pcFormDetailsModal .pci-iv-check--completed { background: #14532d33; color: #86efac; }
    .dark-mode #pcFormDetailsModal .pci-iv-check--current { background: #1e3a8a55; color: #93c5fd; }
    #pcFormDetailsModal .pci-view-simple > .alert,
    #pcFormDetailsModal .pci-view-simple > header.pc-i-modal-banner,
    #pcFormDetailsModal .pci-view-simple > p.mb-2 {
        flex-shrink: 0;
    }
    #pcFormDetailsModal .pc-form-details-popup {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    #pcFormDetailsModal .scheme-modal-tabs-wrap {
        background: #fff;
        border-bottom: 1px solid #e8edf3;
        padding: 0 1rem;
        flex-shrink: 0;
    }
    #pcFormDetailsModal .scheme-modal-tabs { border-bottom: 0; flex-wrap: wrap; gap: 0.15rem; }
    #pcFormDetailsModal .scheme-modal-tabs .nav-item { margin-bottom: 0; }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link {
        border: 0;
        border-radius: 0;
        margin: 0;
        color: #64748b;
        font-weight: 600;
        font-size: 0.8125rem;
        padding: 0.85rem 0.85rem 0.75rem;
        background: transparent;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        position: relative;
        box-shadow: none !important;
    }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link i {
        font-size: 0.85rem;
        opacity: 0.85;
    }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link:hover {
        background: transparent;
        color: #0f172a;
    }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link.active {
        background: transparent !important;
        color: #00401A !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link.active::after {
        content: '';
        position: absolute;
        left: 0.55rem;
        right: 0.55rem;
        bottom: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: #00401A;
    }
    #pcFormDetailsModal .scheme-modal-tabs .nav-link.active i {
        color: #0d9488;
        opacity: 1;
    }
    #pcFormDetailsModal .scheme-tab-content {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0.85rem 1rem 0.75rem;
        background: var(--pms-pc-modal-surface);
    }
    #pcFormDetailsModal .scheme-tab-content > .tab-pane {
        width: 100%;
        max-width: 100%;
    }
    #pcFormDetailsModal .scheme-tab-content > .tab-pane.active {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }
    .dark-mode #pcFormDetailsModal .scheme-modal-tabs-wrap {
        background: #2d3339;
        border-bottom-color: #495057;
    }
    .dark-mode #pcFormDetailsModal .scheme-modal-tabs .nav-link {
        color: #adb5bd;
    }
    .dark-mode #pcFormDetailsModal .scheme-modal-tabs .nav-link:hover {
        background: transparent;
        color: #e9ecef;
    }
    .dark-mode #pcFormDetailsModal .scheme-modal-tabs .nav-link.active {
        background: transparent !important;
        color: #5eead4 !important;
        border: 0 !important;
    }
    #pcFormDetailsModal .pci-pcfms-historical-panel {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
        padding: 0.15rem 0.25rem 0.5rem;
    }
    #pcFormDetailsModal .pci-pcfms-historical-header {
        margin-bottom: 0.75rem;
    }
    #pcFormDetailsModal .pci-pcfms-historical-header__title {
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--pms-text, #1e293b);
        margin-bottom: 0.15rem;
    }
    #pcFormDetailsModal .pci-pcfms-historical-header__subtitle {
        font-size: 0.8125rem;
        color: var(--pms-text-muted, #64748b);
        margin: 0;
    }
    #pcFormDetailsModal .pci-pcfms-historical-table {
        margin-bottom: 0;
        font-size: 0.8125rem;
        background: var(--pms-bg-value, #fff);
        border: 1px solid var(--pms-border, #d1d9e6);
        border-radius: 10px;
        overflow: hidden;
    }
    #pcFormDetailsModal .pci-pcfms-historical-table thead th {
        background: linear-gradient(90deg, #003b46 0%, #006363 52%, #008b8b 100%);
        color: #fff;
        border: 0;
        font-weight: 600;
        font-size: 0.75rem;
        padding: 0.55rem 0.65rem;
        white-space: nowrap;
    }
    #pcFormDetailsModal .pci-pcfms-historical-table tbody td {
        vertical-align: middle;
        padding: 0.55rem 0.65rem;
        border-top: 1px solid var(--pms-border, #d1d9e6);
    }
    #pcFormDetailsModal .pci-pcfms-historical-table tbody tr:nth-child(even) td {
        background: rgba(15, 23, 42, 0.02);
    }
    #pcFormDetailsModal .pci-pcfms-historical-file-link {
        font-weight: 600;
        word-break: break-word;
    }
    #pcFormDetailsModal .pci-pcfms-historical-empty,
    #pcFormDetailsModal .pci-pcfms-historical-loading {
        color: var(--pms-text-muted, #64748b);
        font-size: 0.8125rem;
        padding: 1rem 0.25rem;
    }
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-header__title { color: #e2e8f0; }
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-header__subtitle,
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-empty,
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-loading { color: #94a3b8; }
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-table {
        background: #2d3339;
        border-color: #4b5563;
    }
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-table tbody td {
        border-top-color: #4b5563;
        color: #e2e8f0;
    }
    .dark-mode #pcFormDetailsModal .pci-pcfms-historical-table tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, 0.03);
    }
    #pcFormDetailsModal .pci-workflow-timeline-panel {
        flex: 1 1 auto;
        min-height: 0;
    }
    #pcFormDetailsModal .pci-workflow-timeline-scroll {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* PC Documents & Workflow tab */
    #pcFormDetailsModal .pci-doc-wf-panel {
        padding: 0.5rem 0.25rem 0.75rem;
        max-height: min(68vh, 720px);
        overflow: auto;
    }
    #pcFormDetailsModal .pci-doc-wf-header {
        margin: 0 0.35rem 0.65rem;
    }
    #pcFormDetailsModal .pci-doc-wf-header__title {
        font-size: 0.875rem;
        font-weight: 600;
        color: #334155;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        margin: 0;
    }
    #pcFormDetailsModal .pci-doc-wf-row {
        display: flex;
        align-items: stretch;
        gap: 0.65rem;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        border-left-width: 3px;
        padding: 0.55rem 0.65rem;
        margin: 0 0.35rem 0.5rem;
    }
    #pcFormDetailsModal .pci-doc-wf-row--blue { border-left-color: #2563eb; }
    #pcFormDetailsModal .pci-doc-wf-row--green { border-left-color: #16a34a; }
    #pcFormDetailsModal .pci-doc-wf-row--amber { border-left-color: #d97706; }
    #pcFormDetailsModal .pci-doc-wf-row--purple { border-left-color: #7c3aed; }
    #pcFormDetailsModal .pci-doc-wf-row--teal { border-left-color: #0d9488; }
    #pcFormDetailsModal .pci-doc-wf-row--red { border-left-color: #dc2626; }
    #pcFormDetailsModal .pci-doc-wf-row--navy { border-left-color: #1e3a8a; }
    #pcFormDetailsModal .pci-doc-wf-stage {
        flex: 0 0 4.5rem;
        min-width: 4.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0.25rem;
        padding-top: 0.15rem;
    }
    #pcFormDetailsModal .pci-doc-wf-stage__icon {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #64748b;
        font-size: 0.8rem;
        background: #f1f5f9;
    }
    #pcFormDetailsModal .pci-doc-wf-row--blue .pci-doc-wf-stage__icon { color: #2563eb; background: #eff6ff; }
    #pcFormDetailsModal .pci-doc-wf-row--green .pci-doc-wf-stage__icon { color: #16a34a; background: #f0fdf4; }
    #pcFormDetailsModal .pci-doc-wf-row--amber .pci-doc-wf-stage__icon { color: #d97706; background: #fffbeb; }
    #pcFormDetailsModal .pci-doc-wf-row--purple .pci-doc-wf-stage__icon { color: #7c3aed; background: #f5f3ff; }
    #pcFormDetailsModal .pci-doc-wf-row--teal .pci-doc-wf-stage__icon { color: #0d9488; background: #f0fdfa; }
    #pcFormDetailsModal .pci-doc-wf-row--red .pci-doc-wf-stage__icon { color: #dc2626; background: #fef2f2; }
    #pcFormDetailsModal .pci-doc-wf-row--navy .pci-doc-wf-stage__icon { color: #1e3a8a; background: #eff6ff; }
    #pcFormDetailsModal .pci-doc-wf-stage__title {
        font-weight: 600;
        font-size: 0.72rem;
        color: #334155;
        margin: 0;
        line-height: 1.2;
    }
    #pcFormDetailsModal .pci-doc-wf-content {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.45rem;
    }
    #pcFormDetailsModal .pci-doc-wf-preview {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
    }
    #pcFormDetailsModal .pci-doc-wf-forum-groups {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
    }
    #pcFormDetailsModal .pci-doc-wf-forum-group {
        flex: 1 1 9.5rem;
        min-width: 9rem;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        background: #fafbfc;
        padding: 0.35rem 0.4rem 0.4rem;
    }
    #pcFormDetailsModal .pci-doc-wf-forum-group__label {
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #64748b;
        margin: 0 0 0.3rem;
        line-height: 1.2;
    }
    #pcFormDetailsModal .pci-doc-wf-tiles {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3rem;
    }
    #pcFormDetailsModal .pci-doc-wf-tile {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        border: 1px solid #e2e8f0;
        border-radius: 5px;
        background: #fff;
        padding: 0.22rem 0.45rem 0.22rem 0.35rem;
        text-decoration: none !important;
        color: #475569;
        font-size: 0.6875rem;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
        transition: border-color .12s ease, background .12s ease, color .12s ease;
    }
    #pcFormDetailsModal a.pci-doc-wf-tile:hover {
        border-color: #94a3b8;
        background: #f8fafc;
        color: #1e293b;
    }
    #pcFormDetailsModal .pci-doc-wf-tile.is-unavailable {
        opacity: 0.38;
        cursor: not-allowed;
        pointer-events: none;
        background: #f8fafc;
        border-style: dashed;
    }
    #pcFormDetailsModal .pci-doc-wf-tile__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.65rem;
        color: #64748b;
        width: 0.85rem;
        flex-shrink: 0;
    }
    #pcFormDetailsModal .pci-doc-wf-tile__label {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        color: inherit;
    }
    @media (max-width: 767.98px) {
        #pcFormDetailsModal .pci-doc-wf-row {
            flex-direction: column;
            gap: 0.45rem;
        }
        #pcFormDetailsModal .pci-doc-wf-stage {
            flex-direction: row;
            flex-basis: auto;
            min-width: 0;
            justify-content: flex-start;
            text-align: left;
        }
        #pcFormDetailsModal .pci-doc-wf-forum-group {
            flex-basis: 100%;
        }
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-header__title { color: #94a3b8; }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-row {
        background: #1e293b;
        border-color: #334155;
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-stage__icon {
        background: #0f172a;
        color: #94a3b8;
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-stage__title { color: #e2e8f0; }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-forum-group {
        background: #0f172a;
        border-color: #334155;
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-forum-group__label { color: #94a3b8; }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-tile {
        background: #1e293b;
        border-color: #334155;
        color: #cbd5e1;
    }
    .dark-mode #pcFormDetailsModal a.pci-doc-wf-tile:hover {
        background: #334155;
        border-color: #64748b;
        color: #f8fafc;
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-tile.is-unavailable {
        background: #0f172a;
    }
    .dark-mode #pcFormDetailsModal .pci-doc-wf-tile__icon { color: #94a3b8; }

    #pcFormDetailsModal .pci-view-inner {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }
    #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 6px;
        margin-right: -2px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(6, 148, 148, 0.45) rgba(15, 23, 42, 0.06);
    }
    #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll::-webkit-scrollbar {
        width: 8px;
    }
    #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll::-webkit-scrollbar-track {
        background: rgba(15, 23, 42, 0.04);
        border-radius: 8px;
    }
    #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, rgba(6, 148, 148, 0.5), rgba(26, 74, 110, 0.55));
        border-radius: 8px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }
    #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, rgba(6, 148, 148, 0.75), rgba(26, 74, 110, 0.8));
        background-clip: padding-box;
    }
    #pcFormDetailsModal .pci-view-page { display: none; }
    #pcFormDetailsModal .pci-view-page.active { display: block; }
    #pcFormDetailsModal .pci-view-form-actions {
        flex-shrink: 0;
        align-items: center;
        gap: 0.5rem;
        row-gap: 0.5rem;
        padding: 0.7rem 0.85rem 0.65rem !important;
        margin-top: 0.5rem !important;
        background: #fff;
        border: 1px solid #e8edf3;
        border-radius: var(--pms-pc-modal-radius-sm);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
        position: relative;
        z-index: 2;
    }
    #pcFormDetailsModal .pci-view-form-actions .btn {
        font-weight: 600;
        letter-spacing: 0.01em;
        border-radius: 0.55rem;
        padding: 0.45rem 0.95rem;
        transition: box-shadow 0.15s ease, transform 0.12s ease;
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-view-btn-prev {
        background: #fff !important;
        border: 1px solid #cbd5e1 !important;
        color: #475569 !important;
        box-shadow: none;
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-view-btn-prev:hover:not(:disabled) {
        background: #f8fafc !important;
        border-color: #94a3b8 !important;
        color: #1e2937 !important;
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-view-btn-prev:disabled {
        opacity: 0.55;
    }
    #pcFormDetailsModal .pci-view-form-actions .pci-page-indicator {
        color: #64748b !important;
        font-weight: 600;
    }
    #pcFormDetailsModal .pci-view-form-actions .btn:focus {
        box-shadow: 0 0 0 0.2rem rgba(13, 148, 136, 0.22);
    }
    .dark-mode #pcFormDetailsModal .pci-view-form-actions {
        background: #1e293b;
        border-color: #334155;
        box-shadow: none;
    }
    @media (max-width: 576px) {
        #pcFormDetailsModal .pci-view-form-actions {
            flex-direction: column;
            align-items: stretch;
            text-align: center;
        }
        #pcFormDetailsModal .pci-view-form-actions .pci-page-indicator {
            order: -1;
        }
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-card {
        margin: 0 0 0.85rem;
        background: #fff;
        border: 1px solid #e8edf3;
        border-radius: var(--pms-pc-modal-radius-sm);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
        overflow: hidden;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-bar {
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.65rem;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #eef2f7;
        font-weight: 700;
        font-size: 0.9375rem;
        color: #0f172a;
        background: #fff !important;
        background-color: #fff !important;
        border-radius: 0;
        margin-bottom: 0;
        letter-spacing: 0.01em;
        box-shadow: none;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-bar::before {
        display: none;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-num {
        flex: 0 0 auto;
        width: 1.65rem;
        height: 1.65rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #00401A;
        color: #fff;
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-title {
        flex: 1 1 auto;
        min-width: 0;
        color: #0f172a;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-chevron {
        color: #94a3b8;
        font-size: 0.75rem;
        margin-left: auto;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-bar {
        color: #f8fafc;
        background: #334155 !important;
        border-bottom-color: #475569;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-title {
        color: #f8fafc;
    }
    /* Light theme: step shells match section cards on every Next slide */
    #pcFormDetailsModal .pci-view-shell-pci-step {
        margin: 0 0 0.85rem;
        border-radius: var(--pms-pc-modal-radius-sm);
        overflow: hidden;
        border: 1px solid #e8edf3;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
        background: #fff;
    }
    #pcFormDetailsModal .pci-view-bar-navy-pci {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        justify-content: flex-start;
        padding: 0.75rem 1rem;
        background: #fff !important;
        color: #0f172a !important;
        font-weight: 700;
        font-size: 0.9375rem;
        letter-spacing: 0.01em;
        line-height: 1.35;
        text-transform: none;
        border-radius: 0;
        border-bottom: 1px solid #eef2f7;
    }
    #pcFormDetailsModal .pci-view-bar-navy-pci > span:not(.pms-pci-section-num):not(.pms-pci-section-title) {
        flex: 1 1 auto;
        min-width: 0;
    }
    #pcFormDetailsModal .pci-view-mint-pci {
        background: #fff !important;
        border-top: none;
        padding: 0.95rem 1rem 1.05rem;
    }
    #pcFormDetailsModal .pci-view-bar-teal-pci {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0.55rem 0.85rem;
        background: #f0fdfa !important;
        color: #0f766e !important;
        font-weight: 700;
        font-size: 0.78rem;
        letter-spacing: 0.02em;
        text-transform: none;
        border-radius: 0.45rem;
        border: 1px solid #ccfbf1;
        box-shadow: none;
    }
    #pcFormDetailsModal .pci-view-bar-teal-pci.pci-view-bar-pci--benefits-long {
        font-size: 0.7rem;
        line-height: 1.35;
        letter-spacing: 0.02em;
        text-transform: none;
        padding: 0.5rem 0.75rem;
    }
    #pcFormDetailsModal .pci-view-cost-summary-card {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        justify-content: space-between;
        background: #fff;
        border: 1px solid rgba(13, 116, 134, 0.2);
        border-radius: 6px;
        padding: 0.85rem 1rem;
        margin-bottom: 0.75rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }
    #pcFormDetailsModal .pci-view-cost-summary-col {
        /* flex: 1 1 140px; */
        text-align: center;
        /* min-width: 0; */
    }
    #pcFormDetailsModal .pci-view-cost-summary-label {
        font-size: 0.65rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        color: #0f172a;
        margin-bottom: 0.35rem;
    }
    #pcFormDetailsModal .pci-view-cost-summary-value {
        font-size: 0.875rem;
        font-weight: 700;
        color: #0f172a;
        word-break: break-word;
    }
    #pcFormDetailsModal .pci-view-cost-summary-unit {
        font-size: 0.65rem;
        color: #64748b;
        margin-top: 0.2rem;
        font-weight: 600;
    }
    #pcFormDetailsModal .pci-view-cost-summary-proposed-nested {
        margin-top: 0.65rem;
        padding-top: 0.65rem;
        border-top: 1px solid rgba(100, 116, 139, 0.22);
    }
    #pcFormDetailsModal .pci-view-cost-sub-bar {
        margin-top: 0.65rem;
    }
    #pcFormDetailsModal .pci-view-cost-sub-bar__title {
        font-weight: 800;
        flex: 0 0 auto;
    }
    #pcFormDetailsModal .pci-view-cost-sub-bar__stats {
        font-weight: 600;
        font-size: 0.7rem;
        text-align: right;
        flex: 1 1 auto;
        opacity: 0.95;
        white-space: normal;
    }
    .dark-mode #pcFormDetailsModal .pci-view-cost-summary-card {
        background: #2d3339;
        border-color: rgba(148, 163, 184, 0.25);
    }
    .dark-mode #pcFormDetailsModal .pci-view-cost-summary-label,
    .dark-mode #pcFormDetailsModal .pci-view-cost-summary-value {
        color: #f1f5f9;
    }
    .dark-mode #pcFormDetailsModal .pci-view-cost-summary-unit {
        color: #94a3b8;
    }
    .dark-mode #pcFormDetailsModal .pci-view-cost-summary-proposed-nested {
        border-top-color: rgba(148, 163, 184, 0.28);
    }
    #pcFormDetailsModal .pci-view-sub-body-pci {
        padding: 0.65rem 0 0.1rem;
    }
    /* Section 3 nested subsection (e.g. Project Financial Plan) — full width below authorities grid */
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body .pci-view-sub-wrap--in-pci-section {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 0;
        border: 1px solid var(--pms-border);
        border-radius: var(--pms-grid-radius);
        overflow: hidden;
        background: var(--pms-bg-value);
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body .pci-view-sub-wrap--in-pci-section .pci-view-bar-teal-pci {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body .pci-view-sub-wrap--in-pci-section .pci-view-sub-body-pci {
        padding: 0;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body .pci-view-sub-wrap--in-pci-section .pms-grid {
        width: 100%;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    /* BOQ CSR summary (3 columns) — same structure/classes as PC-I edit form §7 */
    #pcFormDetailsModal .pci-boq-summary-wrap {
        margin-top: 0;
    }
    #pcFormDetailsModal .pci-boq-summary-table {
        width: 100%;
        border-collapse: collapse;
        font-family: 'Times New Roman', Times, serif;
        font-size: 13px;
        color: #111;
        background: #fff;
    }
    #pcFormDetailsModal .pci-boq-summary-table td {
        border: 1px solid #000;
        padding: 6px 8px;
        vertical-align: middle;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-sum-title {
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-th {
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-sr {
        text-align: center;
        width: 10%;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-item {
        text-align: left;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-cost {
        text-align: right;
        white-space: nowrap;
        width: 22%;
        font-variant-numeric: tabular-nums;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-item.pci-boq-td-right {
        text-align: right;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-item.pci-boq-bold,
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-cost.pci-boq-bold,
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-sr.pci-boq-bold {
        font-weight: 700;
    }
    #pcFormDetailsModal .pci-boq-summary-table .pci-boq-td-item.pci-boq-caps {
        text-transform: uppercase;
    }
    #pcFormDetailsModal .pci-boq-summary-wrap input.form-control-sm.pci-readonly {
        background: #F9FAFB;
        border: 1px solid #E5E7EB;
        font-size: 12px;
    }
    .dark-mode #pcFormDetailsModal .pci-boq-summary-table {
        color: #f1f5f9;
        background: #2d3238;
    }
    .dark-mode #pcFormDetailsModal .pci-boq-summary-table td {
        border-color: #94a3b8;
    }
    .dark-mode #pcFormDetailsModal .pci-boq-summary-wrap input.form-control-sm.pci-readonly {
        background: #3d444b;
        color: #adb5bd;
        border-color: #495057;
    }
    #pcFormDetailsModal .pci-boq-summary-block {
        border: 1px solid #e5e7eb;
        border-radius: 4px;
        padding: 12px;
        background: #fff;
    }
    .dark-mode #pcFormDetailsModal .pci-boq-summary-block {
        border-color: #495057;
        background: #2d3238;
    }
    #pcFormDetailsModal .pci-view-divider-dotted-pci {
        border-top: 1px dashed #7ec4a8;
        margin: 0.85rem 0 0.75rem;
    }
    .dark-mode #pcFormDetailsModal .pci-view-mint-pci {
        background: #1e293b !important;
        border-color: #334155;
    }
    .dark-mode #pcFormDetailsModal {
        --pci-view-heading-grad: linear-gradient(90deg, #022a32 0%, #0d4d4d 50%, #0f766e 100%);
    }
    .dark-mode #pcFormDetailsModal .pci-view-bar-navy-pci {
        background: #334155 !important;
        color: #f8fafc !important;
        border-bottom-color: #475569;
    }
    .dark-mode #pcFormDetailsModal .pci-view-bar-teal-pci {
        background: rgba(13, 148, 136, 0.18) !important;
        color: #5eead4 !important;
        border-color: rgba(45, 212, 191, 0.35);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body {
        margin-bottom: 0;
        padding: 0.95rem 1rem 1.05rem;
        background: #fff;
        border: 0;
        border-top: 0;
        border-radius: 0;
        box-shadow: none;
        transition: none;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body:hover {
        box-shadow: none;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body {
        background: #1e293b;
        border-color: #334155;
        box-shadow: none;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-pci-section-body:hover {
        box-shadow: none;
    }
    #pcFormDetailsModal .pc-i-modal-view .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    #pcFormDetailsModal .pc-i-modal-view .row > [class*='col-'] {
        padding-left: 8px;
        padding-right: 8px;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block {
        border: 1px solid var(--pms-border);
        background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
        padding: 0.65rem 0.85rem;
        font-size: 0.8125rem;
        line-height: 1.55;
        min-height: 44px;
        word-break: break-word;
        border-radius: 10px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        color: #1e293b;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block {
        background: linear-gradient(180deg, #2d3339 0%, #252b31 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        color: #e2e8f0;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block table {
        max-width: 100%;
        border-collapse: collapse;
        margin: 0.35em 0;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block table td,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block table th {
        border: 1px solid var(--pms-border);
        padding: 4px 6px;
        font-size: 11px;
    }
    /* PC Remarks (18): rich text often carries Summernote/Word inline colors — force readable contrast on panel. */
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich {
        color: #0f172a;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich p,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich span,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich li,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich div,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich font,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich u,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich strong,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich em,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich td,
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich th {
        color: #0f172a !important;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich a:not(.btn) {
        color: #0d6e6e !important;
        border-bottom-color: rgba(13, 110, 110, 0.35);
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich {
        color: #f1f5f9;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich p,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich span,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich li,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich div,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich font,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich u,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich strong,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich em,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich td,
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich th {
        color: #f1f5f9 !important;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-long-block.pci-pc-remarks-rich a:not(.btn) {
        color: #5eead4 !important;
        border-bottom-color: rgba(94, 234, 212, 0.4);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-map-view-block {
        margin-top: 0.75rem;
        width: 100%;
        clear: both;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-pc-modal-map-fs-slot {
        width: 100%;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-map-view-wrap {
        position: relative;
        width: 100%;
        min-height: 280px;
        height: clamp(280px, 42vh, 520px);
        border-radius: var(--pms-pc-modal-radius-sm);
        border: 1px solid rgba(15, 23, 42, 0.12);
        overflow: hidden;
        background: #e8ecf1;
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
    }
    /* Fullscreen host is reparented to body — rules must not depend on #pcFormDetailsModal */
    .pci-readonly-map-fs-host.is-map-fullscreen,
    .pci-pc-modal-map-fs-host.is-map-fullscreen {
        position: fixed !important;
        inset: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        z-index: 2060 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        background: #e8ecf1 !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }
    .pci-readonly-map-fs-host.is-map-fullscreen .pms-map-view-canvas,
    .pci-pc-modal-map-fs-host.is-map-fullscreen .pms-map-view-canvas,
    .pci-pc-modal-map-fs-host.is-map-fullscreen #pci-pc-modal-view-map {
        position: relative !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    .pci-readonly-map-fs-host.is-map-fullscreen .pms-map-view-canvas .mapboxgl-map,
    .pci-readonly-map-fs-host.is-map-fullscreen .pms-map-view-canvas .mapboxgl-canvas-container,
    .pci-readonly-map-fs-host.is-map-fullscreen .pms-map-view-canvas canvas.mapboxgl-canvas,
    .pci-pc-modal-map-fs-host.is-map-fullscreen #pci-pc-modal-view-map .mapboxgl-map,
    .pci-pc-modal-map-fs-host.is-map-fullscreen #pci-pc-modal-view-map .mapboxgl-canvas-container,
    .pci-pc-modal-map-fs-host.is-map-fullscreen #pci-pc-modal-view-map canvas.mapboxgl-canvas {
        width: 100% !important;
        height: 100% !important;
    }
    body.pci-readonly-map-fs-active,
    body.pci-pc-modal-map-fs-active {
        overflow: hidden !important;
    }
    .dark-mode .pci-readonly-map-fs-host.is-map-fullscreen,
    .dark-mode .pci-pc-modal-map-fs-host.is-map-fullscreen {
        background: #1e2328 !important;
    }
    .pci-pc-modal-map-fs-toolbar {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 3;
        display: flex;
        gap: 6px;
        pointer-events: none;
    }
    .pci-readonly-map-fs-toolbar .pci-readonly-map-fs-btn,
    .pci-readonly-map-fs-toolbar .pci-pc-modal-map-fs-btn,
    .pci-pc-modal-map-fs-toolbar .pci-readonly-map-fs-btn,
    .pci-pc-modal-map-fs-toolbar .pci-pc-modal-map-fs-btn {
        pointer-events: auto;
    }
    .pci-readonly-map-fs-btn,
    .pci-pc-modal-map-fs-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        padding: 0;
        border: none;
        border-radius: 4px;
        background: #fff;
        color: #333;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.25);
        cursor: pointer;
        line-height: 1;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .pci-readonly-map-fs-btn[hidden],
    .pci-pc-modal-map-fs-btn[hidden],
    .pci-readonly-map-fs-btn--concealed,
    .pci-readonly-map-fs-host:not(.is-map-fullscreen) .pci-readonly-map-fs-btn-exit,
    .pci-pc-modal-map-fs-host:not(.is-map-fullscreen) .pci-readonly-map-fs-btn-exit {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    .pci-readonly-map-fs-host:not(.is-map-fullscreen) .pci-readonly-map-fs-btn-enter,
    .pci-pc-modal-map-fs-host:not(.is-map-fullscreen) .pci-readonly-map-fs-btn-enter {
        display: inline-flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .pci-readonly-map-fs-host.is-map-fullscreen .pci-readonly-map-fs-btn-enter,
    .pci-pc-modal-map-fs-host.is-map-fullscreen .pci-readonly-map-fs-btn-enter {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    .pci-readonly-map-fs-host.is-map-fullscreen .pci-readonly-map-fs-btn-exit,
    .pci-pc-modal-map-fs-host.is-map-fullscreen .pci-readonly-map-fs-btn-exit {
        display: inline-flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .pci-pc-modal-map-fs-btn:hover,
    .pci-pc-modal-map-fs-btn:focus {
        background: #f4f6f8;
        color: #00401A;
        outline: none;
    }
    .pci-pc-modal-map-fs-btn:focus-visible {
        box-shadow: 0 0 0 2px rgba(0, 64, 26, 0.35), 0 1px 4px rgba(15, 23, 42, 0.25);
    }
    .pci-pc-modal-map-fs-host.is-map-fullscreen .pci-pc-modal-map-fs-btn {
        width: 40px;
        height: 40px;
        font-size: 1.05rem;
    }
    .dark-mode .pci-pc-modal-map-fs-btn {
        background: #2d3339;
        color: #e9ecef;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    }
    .dark-mode .pci-pc-modal-map-fs-btn:hover,
    .dark-mode .pci-pc-modal-map-fs-btn:focus {
        background: #3d444b;
        color: #5eead4;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-map-view-canvas {
        width: 100%;
        height: 100%;
        min-height: 280px;
    }
    #pci-pc-modal-view-map .mapboxgl-map,
    #pci-pc-modal-view-map .mapboxgl-canvas-container,
    #pci-pc-modal-view-map canvas.mapboxgl-canvas {
        width: 100% !important;
        height: 100% !important;
    }
    #pci-pc-modal-view-map .mapboxgl-ctrl-top-right,
    #pci-pc-modal-view-map .mapboxgl-ctrl-top-left {
        top: 8px;
    }
    #pci-pc-modal-view-map .mapboxgl-ctrl-bottom-right {
        bottom: 8px;
        right: 8px;
        z-index: 2;
    }
    #pci-pc-modal-view-map .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl {
        margin: 0;
    }
    #pci-pc-modal-view-map .mapboxgl-ctrl-group {
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2);
    }
    .pci-readonly-map-marker,
    .pci-pc-modal-view-map-marker {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #E74C3C;
        border: 2px solid #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
        cursor: default;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-map-preview {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 420px;
        object-fit: contain;
        border-radius: var(--pms-pc-modal-radius-sm);
        border: 1px solid var(--pms-border);
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-map-preview-link {
        display: block;
        max-width: 100%;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-loc-photos-section {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-loc-photos-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 0.75rem;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-loc-photo-card {
        border: 1px solid #dee2e6;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        background: #f8f9fa;
    }
    #pcFormDetailsModal .pc-i-modal-view .pci-loc-photo-card img {
        width: 100%;
        height: 130px;
        object-fit: cover;
        display: block;
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view .pms-map-view-wrap {
        border-color: #495057;
        background: #1e2328;
    }
    #pcFormDetailsModal .pc-i-modal-view a:not(.btn) {
        color: #0d6e6e;
        font-weight: 600;
        text-decoration: none;
        border-bottom: 1px solid rgba(13, 110, 110, 0.35);
        transition: color 0.15s ease, border-color 0.15s ease;
    }
    #pcFormDetailsModal .pc-i-modal-view a:not(.btn):hover {
        color: #00401A;
        border-bottom-color: rgba(0, 64, 26, 0.5);
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view a:not(.btn) {
        color: #5eead4;
        border-bottom-color: rgba(94, 234, 212, 0.4);
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-view a:not(.btn):hover {
        color: #99f6e4;
    }
    #pcFormDetailsModal .pci-view-simple > .alert.alert-danger {
        border: 0;
        border-radius: var(--pms-pc-modal-radius-sm);
        border-left: 4px solid #c0392b;
        box-shadow: 0 4px 16px rgba(192, 57, 43, 0.12);
    }
    #pcFormDetailsModal .pci-view-simple > .alert .alert-heading {
        font-weight: 700;
        letter-spacing: 0.02em;
    }
    #pcFormDetailsModal .pc-i-modal-view .pms-value.pms-value-pre-wrap {
        white-space: pre-wrap;
    }
    #pcFormDetailsModal .pci-view-checklist-wrap {
        overflow-x: auto;
        border-radius: var(--pms-pc-modal-radius-sm);
        border: 1px solid rgba(62, 83, 164, 0.12);
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
        background: #fff;
    }
    #pcFormDetailsModal .pci-view-checklist-table { margin-bottom: 0; font-size: 0.8125rem; }
    #pcFormDetailsModal .pci-view-checklist-table thead th {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background: linear-gradient(180deg, #f1f4fa 0%, #e8ecf3 100%);
        font-weight: 700;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #334155;
        border-bottom: 2px solid rgba(6, 148, 148, 0.35);
        padding: 0.5rem 0.4rem;
    }
    #pcFormDetailsModal .pci-view-checklist-table thead th.pci-view-checklist-th-q { text-align: left; }
    #pcFormDetailsModal .pci-view-checklist-table tbody td { vertical-align: middle; padding: 0.45rem 0.4rem; }
    #pcFormDetailsModal .pci-view-checklist-table .pci-view-checklist-section-row td {
        background: linear-gradient(90deg, #e8f4f4 0%, #f0f7f7 100%);
        font-weight: 700;
        font-size: 0.8125rem;
        color: #0f172a;
        border-bottom: 1px solid rgba(6, 148, 148, 0.15);
    }
    #pcFormDetailsModal .pci-view-checklist-table .pci-view-checklist-group-row td {
        background: #f8fafc;
        font-weight: 600;
        color: #334155;
    }
    .dark-mode #pcFormDetailsModal .pci-view-checklist-wrap {
        border-color: #495057;
        background: #2d3339;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }
    .dark-mode #pcFormDetailsModal .pci-view-checklist-table thead th {
        background: linear-gradient(180deg, #3d4753 0%, #343c46 100%);
        color: #e2e8f0;
        border-bottom-color: rgba(6, 148, 148, 0.45);
    }
    .dark-mode #pcFormDetailsModal .pci-view-checklist-table .pci-view-checklist-section-row td {
        background: linear-gradient(90deg, #2a3d3d 0%, #2d3339 100%);
        color: #e2e8f0;
        border-bottom-color: rgba(6, 148, 148, 0.2);
    }
    .dark-mode #pcFormDetailsModal .pci-view-checklist-table .pci-view-checklist-group-row td { background: #252a30; color: #cbd5e1; }
    #pcFormDetailsModal .pci-view-sdg-wrap {
        overflow-x: auto;
        border-radius: var(--pms-pc-modal-radius-sm);
        border: 1px solid rgba(62, 83, 164, 0.12);
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
        background: #fff;
    }
    #pcFormDetailsModal .pci-view-sdg-table { margin-bottom: 0; font-size: 0.8125rem; table-layout: fixed; width: 100%; }
    #pcFormDetailsModal .pci-view-sdg-table thead th {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background: linear-gradient(180deg, #f1f4fa 0%, #e8ecf3 100%);
        font-weight: 700;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #334155;
        border-bottom: 2px solid rgba(6, 148, 148, 0.35);
        padding: 0.5rem 0.4rem;
    }
    #pcFormDetailsModal .pci-view-sdg-table thead th.pci-view-sdg-th-goal { text-align: left; }
    #pcFormDetailsModal .pci-view-sdg-table tbody td {
        vertical-align: middle;
        padding: 0.5rem 0.45rem;
        line-height: 1.35;
    }
    #pcFormDetailsModal .pci-view-sdg-table .pci-view-sdg-goal-cell {
        text-align: left;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
    #pcFormDetailsModal .pci-view-sdg-table .pci-view-sdg-row--selected td { background: #f8fffe; }
    #pcFormDetailsModal .pci-view-sdg-yes {
        display: inline-block;
        font-weight: 700;
        font-size: 1rem;
        line-height: 1;
        color: #069494;
    }
    .dark-mode #pcFormDetailsModal .pci-view-sdg-wrap {
        border-color: #495057;
        background: #2d3339;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }
    .dark-mode #pcFormDetailsModal .pci-view-sdg-table thead th {
        background: linear-gradient(180deg, #3d4753 0%, #343c46 100%);
        color: #e2e8f0;
        border-bottom-color: rgba(6, 148, 148, 0.45);
    }
    .dark-mode #pcFormDetailsModal .pci-view-sdg-table .pci-view-sdg-row--selected td { background: #2a3d3d; }
    .dark-mode #pcFormDetailsModal .pci-view-sdg-yes { color: #5eead4; }
    .dark-mode #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll {
        scrollbar-color: rgba(6, 148, 148, 0.5) rgba(255, 255, 255, 0.06);
    }
    .dark-mode #pcFormDetailsModal .pc-i-modal-main-scroll.pci-view-scroll::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.04);
    }

    .dark-mode #pcFormDetailsModal {
        --pms-pc-modal-surface: #2d3238;
    }
    .dark-mode #pcFormDetailsModal .modal-content {
        background-color: #343a40 !important;
        border-color: rgba(62, 83, 164, 0.25) !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    }
    .dark-mode #pcFormDetailsModal .modal-header {
        background-color: #0b4a42 !important;
        background-image: none !important;
        border-bottom-color: transparent !important;
    }
    .dark-mode #pcFormDetailsModal .modal-body {
        background-color: var(--pms-pc-modal-surface) !important;
        background-image: none !important;
    }
    .dark-mode #pcFormDetailsModal #pcFormDetailsModal-body > .text-center.py-5 p {
        color: #94a3b8 !important;
    }
    .dark-mode #pcFormDetailsModal .pci-view-simple.pc-i-modal-view > p.mb-2.medium {
        background: linear-gradient(180deg, #3d444b 0%, #343a40 100%) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
        color: #e2e8f0 !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }
    .dark-mode #pcFormDetailsModal .pci-view-simple.pc-i-modal-view > p.mb-2.medium strong {
        color: #f8fafc !important;
    }
    .dark-mode #pcFormDetailsModal .modal-footer {
        background: #2d3238 !important;
        border-top-color: #495057 !important;
    }
    .dark-mode #pcFormDetailsModal .modal-footer .btn-default {
        background: linear-gradient(180deg, #4b5563 0%, #3d444b 100%) !important;
        border: 1px solid #5a6268 !important;
        color: #f1f5f9 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }
    .dark-mode #pcFormDetailsModal .modal-footer .btn-default:hover {
        background: linear-gradient(180deg, #5a6268 0%, #4b5563 100%) !important;
        border-color: #6c757d !important;
        color: #fff !important;
    }
    .dark-mode #pcFormDetailsModal .pci-view-simple > .alert.alert-danger {
        border-left-color: #e74c3c;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    }

</style>
@include('partials.pc-type-selection-modal-styles')