/* Extracted from app/Views/inspections/show.php (inline <style> removed). */

/* --ipi-* token aliases at page-section scope so canonical primitives
   (.ipi-filter-rail, .ipi-tabs, .ipi-filter-search, etc.) render correctly
   on the inspection-show page. Previously only `.inspection-modal` carried
   these aliases, so the doors/timeline filter rails rendered without
   background/shadow because `var(--ipi-bg-card)` resolved to empty.
   Values match the `.inspection-modal` block lower in this file. */
.page-section--inspection-show {
    --ipi-bg: var(--canvas, #f7f5f0);
    --ipi-bg-inset: var(--surface-inset, #edeae3);
    --ipi-bg-card: var(--surface-card, #ffffff);
    --ipi-bg-hover: rgba(26, 24, 21, 0.04);
    --ipi-rule: var(--rule, rgba(26, 24, 21, 0.08));
    --ipi-rule-h: rgba(26, 24, 21, 0.11);
    --ipi-ink: var(--ink, #1a1815);
    --ipi-ink-2: #3d3a34;
    --ipi-ink-3: var(--ink-3, #6b6458);
    --ipi-ink-4: var(--ink-4, #9a9188);
    --ipi-accent: var(--accent, #c49510);
    --ipi-accent-bg: rgba(196, 149, 16, 0.08);
    --ipi-accent-border: rgba(196, 149, 16, 0.34);
    --ipi-shadow-sm: 0 1px 3px rgba(26, 24, 21, 0.06), 0 1px 2px rgba(26, 24, 21, 0.04);
    --ipi-shadow-card: 0 1px 4px rgba(26, 24, 21, 0.06), 0 0 0 1px rgba(26, 24, 21, 0.05);
}

html[data-theme="dark"] .page-section--inspection-show {
    --ipi-bg: rgba(15, 23, 42, 0.55);
    --ipi-bg-inset: rgba(15, 23, 42, 0.62);
    --ipi-bg-card: rgba(15, 23, 42, 0.7);
    --ipi-bg-hover: rgba(148, 163, 184, 0.08);
    --ipi-rule: rgba(71, 85, 105, 0.58);
    --ipi-rule-h: rgba(148, 163, 184, 0.22);
    --ipi-ink: var(--ink, #e2e8f0);
    --ipi-ink-2: #cbd5e1;
    --ipi-ink-3: #94a3b8;
    --ipi-ink-4: #64748b;
    --ipi-shadow-sm: none;
    --ipi-shadow-card: none;
}

.offline-actions-drawer,
.inspection-details-drawer {
    position: static;
    inset: auto;
    display: none;
    z-index: auto;
}

.offline-actions-drawer .modal__overlay,
.inspection-details-drawer .modal__overlay {
    display: none;
}

.offline-actions-drawer .drawer__panel,
.inspection-details-drawer .drawer__panel {
    width: 100%;
    max-width: none;
    height: auto;
    box-shadow: none;
    transform: none;
    opacity: 1;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
}

@media (min-width: 769px) {
    details.tagging-toolbar--collapse-mobile > summary {
        display: none;
    }

    details.tagging-toolbar--collapse-mobile:not([open]) > :not(summary) {
        display: block;
    }
}

.file-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.page-section--inspection-show .ih-mobile-actions {
    display: none;
}

.page-section--inspection-show .cap-setup-mobile-lead {
    display: none;
}

.page-section--inspection-show .cap-setup-section-heading {
    margin: 0;
    font-family: "Sora", sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1815;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* Phase A: Location label now uses canonical form label styling (was gold eyebrow). */
.page-section--inspection-show .cap-section--setup .cap-setup-field--location > .f-label {
    color: var(--ink-4);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Door setup, notes, review: banner first (same rhythm). */
.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress.icm-mobile-statusbanner,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress.icm-mobile-statusbanner,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress.icm-mobile-statusbanner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    margin: 0 0 14px;
    border: 1px solid var(--rule-strong);
    border-radius: 12px;
    background: var(--surface-inset);
}

.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__icon,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__icon,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--ink-3);
    color: var(--surface-card);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__icon svg,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__icon svg,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__icon svg {
    width: 13px;
    height: 13px;
}

.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__copy,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__copy,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong {
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
}

.page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__copy p,
.page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__copy p,
.page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy p {
    margin: 0;
    color: var(--ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.45;
}

.page-section--inspection-show .cap-review-readout {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.page-section--inspection-show .cap-review-readout__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.page-section--inspection-show .cap-review-readout__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f7f5f0;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.page-section--inspection-show .cap-review-readout__label {
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #c49510;
}

.page-section--inspection-show .cap-review-readout__value {
    margin: 0;
    font-family: "Sora", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #1a1815;
}

.page-section--inspection-show .cap-review-readout__detail {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6b6458;
}

.page-section--inspection-show .cap-status-summary[data-summary-door-status="pass"] [data-door-summary-status] {
    color: #1e7a45;
}

.page-section--inspection-show .cap-status-summary[data-summary-door-status="fail"] [data-door-summary-status] {
    color: #b03030;
}

.page-section--inspection-show .quick-fill-chips {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.page-section--inspection-show .quick-fill-chips__label {
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.page-section--inspection-show .quick-fill-chips__scroller {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.page-section--inspection-show .quick-fill-chip {
    max-width: 100%;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f5f0;
    color: #5c5347;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.page-section--inspection-show .quick-fill-chip:hover,
.page-section--inspection-show .quick-fill-chip:focus-visible {
    border-color: rgba(196, 149, 16, 0.4);
    color: #1a1815;
    outline: none;
}

.page-section--inspection-show .cap-setup-specs-accordion {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    background: #faf8f4;
    overflow: hidden;
}

.page-section--inspection-show .cap-setup-specs-accordion__summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.page-section--inspection-show .cap-setup-specs-accordion__summary::-webkit-details-marker {
    display: none;
}

.page-section--inspection-show .cap-setup-specs-accordion__title {
    font-family: "Sora", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1815;
    letter-spacing: -0.02em;
}

.page-section--inspection-show .cap-setup-specs-accordion__body {
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.page-section--inspection-show .inspection-layout-toggle {
    display: none;
}

.page-section--inspection-show .inspection-layout-toggle__button {
    border: 0;
    background: transparent;
}

.page-section--inspection-show .inspection-layout-toggle__hint {
    display: none;
}

@media (max-width: 1024px) {
    body.stepper-overlay-open .page-section--inspection-show .inspection-tabs,
    body.scan-task-open .page-section--inspection-show .inspection-tabs {
        display: flex !important;
    }

    .page-section--inspection-show.inspection-show--capture-active .inspection-tabs {
        display: none !important;
    }

    .page-section--inspection-show .inspection-tab-panels {
        padding-bottom: 24px;
    }

    .page-section--inspection-show .inspection-tab-panel {
        min-width: 0;
    }

    .page-section--inspection-show .inspection-tabs {
        position: sticky;
        top: 0;
        z-index: 8;
        margin: 16px 16px 0;
    }

    .page-section--inspection-show .inspection-layout-toggle {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 4px;
        padding: 4px;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .inspection-layout-toggle__button {
        min-height: 40px;
        padding: 0 14px;
        border-radius: 9px;
        color: #8f8578;
        font: 600 12.5px/1 "Inter", sans-serif;
        transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }

    .page-section--inspection-show .inspection-layout-toggle__button.is-active {
        background: #1a1815;
        color: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .inspection-layout-toggle__hint {
        display: block;
        margin: 8px 0 0;
        padding: 0 2px;
        font-size: 11.5px;
        line-height: 1.45;
        color: #9a9188;
    }

    /* Doors + Timeline filter rails use the canonical `.ipi-filter-rail`
       primitive (see inspections_shell.css:380 + :996). Per-page button
       styling + count badge scoped below. */
    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #3d3a34;
        font: 600 12px/1 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
    }

    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn[disabled],
    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn:disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }

    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn span[data-door-filters-count],
    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn span[data-timeline-filters-count] {
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
    }

    .page-section--inspection-show .ipi-filter-railbtn--primary {
        background: #1a1815;
        border-color: #1a1815;
        color: #ffffff;
    }

    /* `[aria-pressed="true"]` styling on the Compact density toggle. */
    .page-section--inspection-show .ipi-filter-rail__actions .ipi-filter-railbtn[aria-pressed="true"] {
        background: #edeae3;
        color: #6b6458;
    }

    /* Drawer chrome (header, body, foot, title) inherited from canonical
       `.tnt-filter-drawer` in tnt-filter-drawer.css. No per-page override needed. */

    .page-section--inspection-show .isd-doors-filtergrid {
        display: grid;
        gap: 12px;
        padding: 0;
        border: 0;
    }

    .page-section--inspection-show .isd-doors-search {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        height: 44px;
        padding: 0 14px;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .isd-doors-search svg {
        width: 13px;
        height: 13px;
        color: #9a9188;
        flex-shrink: 0;
    }

    .page-section--inspection-show .isd-doors-search input {
        flex: 1 1 auto;
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 13px;
        outline: none;
    }

    .page-section--inspection-show .isd-doors-select {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 0 14px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 12px;
        background: #ffffff;
        color: #1a1815;
        font: 500 13px/1 "Inter", sans-serif;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .doors-table {
        display: none;
    }

    .page-section--inspection-show .isd-doors-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .isd-doors-list--compact {
        gap: 10px;
    }

    .page-section--inspection-show .isd-doorcard {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .isd-doors-list--compact .isd-doorcard {
        padding: 14px;
    }

    .page-section--inspection-show .isd-doorcard__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .page-section--inspection-show .isd-doorcard__copy {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .page-section--inspection-show .isd-doorcard__title {
        margin: 0;
        color: #1a1815;
        font: 700 16px/1.15 "Space Grotesk", "Inter", sans-serif;
        letter-spacing: -0.02em;
    }

    .page-section--inspection-show .isd-doorcard__sub {
        margin: 0;
        color: #9a9188;
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show .isd-doorcard__manage {
        appearance: none;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 68px;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #3d3a34;
        font: 600 12px/1 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
    }

    .page-section--inspection-show .isd-doorcard__chips {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .isd-doorcard__tagpill {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border: 1px solid rgba(37, 99, 168, 0.15);
        font-size: 11px;
        font-weight: 600;
    }

    .page-section--inspection-show .isd-doorcard__meta {
        display: grid;
        gap: 10px;
        margin: 0;
    }

    .page-section--inspection-show .isd-doorcard__meta div {
        display: grid;
        gap: 2px;
    }

    .page-section--inspection-show .isd-doorcard__meta dt {
        margin: 0;
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .isd-doorcard__meta dd {
        margin: 0;
        color: #3d3a34;
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show .isd-doorcard__footer {
        padding-top: 2px;
    }

    .page-section--inspection-show .layout-tags-grid {
        gap: 14px;
    }

    .page-section--inspection-show .lt-card .lt-body,
    .page-section--inspection-show .card-section .cs-body {
        padding: 16px;
    }

}

.page-section--inspection-show .icm-mobile-shell {
    display: contents;
}

.page-section--inspection-show .icm-mobile-entry,
.page-section--inspection-show .icm-mobile-setupbar,
.page-section--inspection-show .icm-mobile-compbar,
.page-section--inspection-show .icm-mobile-setupcta,
.page-section--inspection-show .icm-mobile-footer {
    display: none;
}

@media (max-width: 1024px) {
    body.stepper-overlay-open .toast-stack {
        right: 16px;
        left: 16px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 108px);
        max-width: none;
    }

    .page-section--inspection-show .icm-mobile-shell {
        display: block;
        position: relative;
        min-width: 0;
    }

    .page-section--inspection-show .icm-mobile-entry {
        display: block;
        padding: 0 0 4px;
    }

    .page-section--inspection-show .icm-mobile-entry[hidden] {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-entry .icm-mobile-primarybtn {
        width: 100%;
    }

    .page-section--inspection-show .icm-mobile-scroll {
        min-width: 0;
    }

    .page-section--inspection-show .icm-mobile-setupbar,
    .page-section--inspection-show .icm-mobile-compbar,
    .page-section--inspection-show .icm-mobile-setupcta,
    .page-section--inspection-show .icm-mobile-footer {
        display: block;
    }

    .page-section--inspection-show .icm-mobile-setupbar[hidden],
    .page-section--inspection-show .icm-mobile-compbar[hidden],
    .page-section--inspection-show .icm-mobile-setupcta[hidden],
    .page-section--inspection-show .icm-mobile-footer[hidden] {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-setupbar,
    .page-section--inspection-show .icm-mobile-compbar {
        position: sticky;
        top: 0;
        z-index: 12;
        padding: calc(env(safe-area-inset-top, 0px) + 10px) 20px 12px;
        border-bottom: 1px solid var(--rule);
        box-shadow: var(--shadow-sm);
    }

    .page-section--inspection-show .icm-mobile-setupbar {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 16px;
        background: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-setupbar__copy,
    .page-section--inspection-show .icm-mobile-compbar__copy {
        min-width: 0;
        flex: 1 1 auto;
    }

    .page-section--inspection-show .icm-mobile-setupbar__copy {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding-top: 2px;
    }

    .page-section--inspection-show .icm-mobile-setupbar__eyebrow,
    .page-section--inspection-show .icm-mobile-compbar__eyebrow {
        margin: 0 0 2px;
        color: var(--accent);
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .icm-mobile-setupbar__eyebrow {
        display: block;
        min-width: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page-section--inspection-show .icm-mobile-setupbar__title,
    .page-section--inspection-show .icm-mobile-compbar__title {
        margin: 0;
        color: var(--ink);
        font-family: "Sora", sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.02em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page-section--inspection-show .icm-mobile-pill {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 10px;
        border-radius: 999px;
        border: 1px solid rgba(30, 122, 69, 0.2);
        background: rgba(30, 122, 69, 0.08);
        color: var(--success);
        font-size: 11px;
        font-weight: 500;
        flex-shrink: 0;
    }

    .page-section--inspection-show .icm-mobile-pill__dot {
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: currentColor;
    }

    /* Footer fixed to viewport bottom — completely independent of the flex
       layout. This avoids iOS Safari issues where flex + fixed + 100dvh
       recalculates when browser UI changes (address bar show/hide, toast
       reflow, reportValidity scroll). The scroll area accounts for the footer
       height via padding-bottom. */
    .page-section--inspection-show .icm-mobile-setupcta,
    .page-section--inspection-show .icm-mobile-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1510;
        padding: 12px 32px calc(env(safe-area-inset-bottom, 0px) + 12px);
        border-top: 1px solid var(--rule);
        background: var(--surface-card);
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
    }

    .page-section--inspection-show .icm-mobile-footer {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    /* Label step: same sticky footer shell; single full-width primary CTA */
    .page-section--inspection-show .icm-mobile-footer .icm-mobile-footer__label-continue {
        flex: 1 1 auto;
        width: 100%;
        min-height: 48px;
        justify-content: center;
    }

    .page-section--inspection-show .icm-mobile-iconbtn,
    .page-section--inspection-show .icm-mobile-inlinebtn,
    .page-section--inspection-show .icm-mobile-primarybtn,
    .page-section--inspection-show .icm-mobile-secondarybtn,
    .page-section--inspection-show .icm-mobile-ghostbtn,
    .page-section--inspection-show .icm-mobile-pillbtn {
        font-family: "Inter", sans-serif;
        transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-iconbtn:active,
    .page-section--inspection-show .icm-mobile-inlinebtn:active,
    .page-section--inspection-show .icm-mobile-primarybtn:active,
    .page-section--inspection-show .icm-mobile-secondarybtn:active,
    .page-section--inspection-show .icm-mobile-ghostbtn:active,
    .page-section--inspection-show .icm-mobile-pillbtn:active {
        transform: scale(0.98);
    }

    .page-section--inspection-show .icm-mobile-iconbtn {
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.1);
        color: var(--surface-card);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show .icm-mobile-iconbtn svg {
        width: 15px;
        height: 15px;
    }

    .page-section--inspection-show .icm-mobile-inlinebtn {
        min-height: 44px;
        padding: 0 14px;
        border: 0;
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.1);
        color: var(--surface-card);
        font-size: 12.5px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show .icm-mobile-primarybtn,
    .page-section--inspection-show .icm-mobile-secondarybtn,
    .page-section--inspection-show .icm-mobile-ghostbtn {
        min-height: 46px;
        padding: 0 16px;
        border-radius: 10px;
        border: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

    .page-section--inspection-show .icm-mobile-primarybtn svg,
    .page-section--inspection-show .icm-mobile-secondarybtn svg,
    .page-section--inspection-show .icm-mobile-ghostbtn svg {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
    }

    .page-section--inspection-show .icm-mobile-primarybtn {
        background: var(--ink);
        color: var(--surface-card);
        flex: 1 1 auto;
    }

    .page-section--inspection-show .icm-mobile-secondarybtn {
        background: var(--surface-inset);
        border-color: var(--rule-strong);
        color: var(--ink-3);
        flex: 0 0 auto;
    }

    .page-section--inspection-show .icm-mobile-ghostbtn {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.68);
        flex: 0 0 auto;
    }

    .page-section--inspection-show .icm-mobile-footer .icm-mobile-ghostbtn {
        background: var(--surface-card);
        border-color: var(--rule-strong);
        color: var(--ink-3);
    }

    .page-section--inspection-show .icm-mobile-setupcta .icm-mobile-primarybtn {
        width: 100%;
        min-height: 50px;
        padding: 0 18px;
        border-radius: 12px;
        justify-content: center;
        gap: 10px;
        font-size: 15px;
    }

    .page-section--inspection-show .icm-mobile-compbar {
        background: var(--ink);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-compbar__row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        flex-wrap: nowrap;
    }

    .page-section--inspection-show .icm-mobile-compbar__title {
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-compbar__count {
        flex-shrink: 0;
        color: rgba(255, 255, 255, 0.42);
        font-size: 11.5px;
        font-weight: 500;
    }

    .page-section--inspection-show .icm-mobile-compbar [data-icm-save-top] {
        margin-left: auto;
    }

    .page-section--inspection-show .icm-mobile-progress {
        height: 2px;
        margin-bottom: 9px;
        border-radius: 1px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.1);
    }

    .page-section--inspection-show .icm-mobile-progress__fill {
        width: 0;
        height: 100%;
        background: var(--accent);
        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .page-section--inspection-show .icm-mobile-pillstrip {
        display: flex;
        gap: 5px;
        overflow-x: auto;
        padding-bottom: 2px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .page-section--inspection-show .icm-mobile-pillstrip::-webkit-scrollbar {
        display: none;
    }

    .page-section--inspection-show .icm-mobile-pillbtn {
        position: relative;
        flex-shrink: 0;
        min-height: 34px;
        padding: 6px 12px;
        border-radius: 999px;
        border: 1px solid transparent;
        background: rgba(255, 255, 255, 0.07);
        color: rgba(255, 255, 255, 0.38);
        font-size: 11px;
        font-weight: 500;
        white-space: nowrap;
        scroll-snap-align: center;
    }

    .page-section--inspection-show .icm-mobile-pillbtn::after {
        content: "";
        position: absolute;
        inset: -5px -2px;
        /* Expands the touch target to 44px without changing visual size */
    }

    .page-section--inspection-show .icm-mobile-pillbtn.is-active {
        background: var(--accent);
        border-color: var(--accent);
        color: var(--ink);
    }

    .page-section--inspection-show .icm-mobile-pillbtn.is-pass {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.16);
        color: rgba(255, 255, 255, 0.7);
    }

    .page-section--inspection-show .icm-mobile-pillbtn.is-fail {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.16);
        color: rgba(255, 255, 255, 0.7);
    }

    .page-section--inspection-show .icm-mobile-pillbtn.is-na {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.14);
        color: rgba(255, 255, 255, 0.58);
    }

    .page-section--inspection-show .icm-mobile-stage {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .icm-mobile-stage[hidden] {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-stagecopy {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .page-section--inspection-show .icm-mobile-stagecopy__eyebrow,
    .page-section--inspection-show .icm-mobile-panel__eyebrow {
        margin: 0;
        color: var(--accent);
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .icm-mobile-stagecopy__title,
    .page-section--inspection-show .icm-mobile-panel__title {
        margin: 0;
        color: var(--ink);
        font-family: "Sora", sans-serif;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.025em;
    }

    .page-section--inspection-show .icm-mobile-stagecopy__sub {
        margin: 0;
        color: var(--ink-4);
        font-size: 13px;
        font-weight: 300;
        line-height: 1.55;
    }

    .page-section--inspection-show .icm-mobile-setupcard {
        display: grid;
        gap: 14px;
        padding: 18px;
        border-radius: 16px;
        background: linear-gradient(180deg, var(--surface-card) 0%, var(--canvas) 100%);
        box-shadow: var(--shadow-card);
    }

    .page-section--inspection-show .icm-mobile-setupcard__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .icm-mobile-setupcard__badge,
    .page-section--inspection-show .icm-mobile-setupcard__status {
        display: inline-flex;
        align-items: center;
        min-height: 24px;
        padding: 0 10px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 600;
    }

    .page-section--inspection-show .icm-mobile-setupcard__badge {
        background: rgba(196, 149, 16, 0.08);
        color: var(--accent);
        border: 1px solid rgba(196, 149, 16, 0.18);
    }

    .page-section--inspection-show .icm-mobile-setupcard__status {
        background: rgba(30, 122, 69, 0.08);
        color: var(--success);
        border: 1px solid rgba(30, 122, 69, 0.18);
    }

    .page-section--inspection-show .icm-mobile-setupcard__title {
        margin: 0;
        color: var(--ink);
        font: 700 20px/1.08 "Space Grotesk", "Inter", sans-serif;
        letter-spacing: -0.03em;
    }

    .page-section--inspection-show .icm-mobile-setupcard__copy {
        margin: 0;
        color: var(--ink-3);
        font-size: 13px;
        line-height: 1.6;
    }

    .page-section--inspection-show .icm-mobile-setupcard__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show .icm-mobile-setupcard__list li {
        position: relative;
        padding-left: 16px;
        color: var(--ink-2);
        font-size: 12.5px;
        line-height: 1.55;
    }

    .page-section--inspection-show .icm-mobile-setupcard__list li::before {
        content: '';
        position: absolute;
        top: 0.55em;
        left: 0;
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: var(--accent);
    }

    .page-section--inspection-show .icm-mobile-stage-slot {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
    }

    .page-section--inspection-show .icm-mobile-stage-slot--secondary {
        margin-top: 4px;
    }

    .page-section--inspection-show .icm-mobile-statusbanner,
    .page-section--inspection-show .icm-mobile-panel {
        background: var(--surface-card);
        border-radius: 12px;
        box-shadow: var(--shadow-card);
    }

    .page-section--inspection-show .icm-mobile-statusbanner {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border: 1px solid transparent;
    }

    .page-section--inspection-show .icm-mobile-statusbanner.is-pass {
        background: rgba(30, 122, 69, 0.08);
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .icm-mobile-statusbanner.is-fail {
        background: rgba(176, 48, 48, 0.07);
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .icm-mobile-statusbanner.is-na {
        background: var(--surface-inset);
        border-color: var(--rule-strong);
    }

    .page-section--inspection-show .icm-mobile-statusbanner__icon {
        width: 28px;
        height: 28px;
        border-radius: 999px;
        background: var(--success);
        color: var(--surface-card);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show .icm-mobile-statusbanner.is-fail .icm-mobile-statusbanner__icon {
        background: var(--danger);
    }

    .page-section--inspection-show .icm-mobile-statusbanner.is-na .icm-mobile-statusbanner__icon {
        background: var(--ink-3);
    }

    .page-section--inspection-show .icm-mobile-statusbanner__icon svg {
        width: 14px;
        height: 14px;
    }

    .page-section--inspection-show .icm-mobile-statusbanner__copy {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .page-section--inspection-show .icm-mobile-statusbanner__copy strong {
        color: var(--ink);
        font-size: 13px;
        font-weight: 600;
    }

    .page-section--inspection-show .icm-mobile-statusbanner__copy p {
        margin: 0;
        color: var(--ink-4);
        font-size: 11.5px;
        font-weight: 300;
        line-height: 1.45;
    }

    .page-section--inspection-show .icm-mobile-togglegrid {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .page-section--inspection-show .icm-mobile-severityreadout {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        padding: 12px 14px 14px;
    }

    .page-section--inspection-show .icm-mobile-togglebtn,
    .page-section--inspection-show .icm-mobile-chip {
        border: 1px solid var(--rule-strong);
        font-family: "Inter", sans-serif;
        transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-togglebtn:active,
    .page-section--inspection-show .icm-mobile-chip:active {
        transform: scale(0.97);
    }

    .page-section--inspection-show .icm-mobile-togglebtn {
        min-height: 46px;
        padding: 0 10px;
        border-radius: 10px;
        background: var(--surface-inset);
        color: var(--ink-3);
        font-size: 14px;
        font-weight: 600;
    }

    .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-pass {
        background: var(--ink);
        border-color: var(--ink);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-fail {
        background: var(--ink);
        border-color: var(--ink);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-na {
        background: var(--ink);
        border-color: var(--ink);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-panel__header {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 12px 14px 0;
    }

    .page-section--inspection-show .icm-mobile-panel__title {
        font-size: 14px;
        font-family: "Inter", sans-serif;
        letter-spacing: -0.01em;
    }

    .page-section--inspection-show .icm-mobile-severitypill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        border: 1px solid var(--rule-strong);
        font-size: 12.5px;
        font-weight: 700;
        white-space: nowrap;
    }

    .page-section--inspection-show .icm-mobile-severitypill.is-low {
        background: var(--ink-3);
        border-color: var(--ink-3);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-severitypill.is-medium {
        background: var(--accent);
        border-color: var(--accent);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-severitypill.is-high {
        background: var(--danger);
        border-color: var(--danger);
        color: var(--surface-card);
    }

    .page-section--inspection-show .icm-mobile-severitynote {
        margin: 0;
        color: var(--ink-4);
        font-size: 12px;
        font-weight: 400;
        line-height: 1.45;
        flex: 1 1 180px;
    }

    /* Phase C: Card-style vertical reason chip grid */
    .page-section--inspection-show .icm-mobile-chipgrid {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 14px 14px;
    }

    /* Phase C: Reason summary — success-tinted confirmation */
    .page-section--inspection-show .icm-mobile-reasonsummary {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 14px;
        padding: 12px 14px;
        border-radius: 10px;
        border: 1px solid rgba(30, 122, 69, 0.22);
        background: rgba(30, 122, 69, 0.06);
    }

    .page-section--inspection-show .icm-mobile-reasonsummary__label {
        color: var(--success);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .page-section--inspection-show .icm-mobile-reasonsummary__value {
        color: var(--ink);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
    }

    /* Phase C: Card-style reason chips with severity left border */
    .page-section--inspection-show .icm-mobile-chip {
        position: relative;
        min-height: 48px;
        padding: 12px 40px 12px 16px;
        border-radius: 12px;
        border: 1px solid rgba(26, 24, 21, 0.14);
        background: var(--surface-card);
        box-shadow: var(--shadow-sm);
        color: var(--ink-2);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.35;
        text-align: left;
        transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
    }

    /* Severity colour-coded left accent border */
    .page-section--inspection-show .icm-mobile-chip.is-high {
        border-left: 3px solid var(--danger);
    }

    .page-section--inspection-show .icm-mobile-chip.is-medium {
        border-left: 3px solid var(--accent);
    }

    .page-section--inspection-show .icm-mobile-chip.is-low {
        border-left: 3px solid var(--ink-4);
    }

    /* Active (selected) state — prominent fill + checkmark */
    .page-section--inspection-show .icm-mobile-chip.is-active {
        border-color: var(--ink);
        background: var(--surface-inset);
        color: var(--ink);
        font-weight: 600;
        box-shadow: 0 0 0 2px rgba(26, 24, 21, 0.08);
    }

    .page-section--inspection-show .icm-mobile-chip.is-active.is-high {
        border-color: var(--danger);
        background: rgba(176, 48, 48, 0.06);
        box-shadow: 0 0 0 2px rgba(176, 48, 48, 0.06);
    }

    .page-section--inspection-show .icm-mobile-chip.is-active.is-medium {
        border-color: var(--accent);
        background: var(--accent-soft);
        box-shadow: 0 0 0 2px rgba(196, 149, 16, 0.06);
    }

    .page-section--inspection-show .icm-mobile-chip.is-active.is-low {
        border-color: var(--ink-3);
        background: rgba(107, 100, 88, 0.06);
        box-shadow: 0 0 0 2px rgba(107, 100, 88, 0.04);
    }

    /* Checkmark indicator on selected chip */
    .page-section--inspection-show .icm-mobile-chip.is-active::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: var(--success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3,7.2 5.5,9.8 11,4.2'/%3E%3C/svg%3E") center/10px no-repeat;
    }

    /* Severity pill animation on change */
    .page-section--inspection-show .icm-mobile-severitypill {
        transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-severitypill.is-animating {
        transform: scale(1.08);
    }

    .page-section--inspection-show .icm-mobile-shell--active {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        z-index: 1500;
        display: flex;
        flex-direction: column;
        background: var(--canvas);
        overflow: hidden;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 18px 32px calc(env(safe-area-inset-bottom, 0px) + 80px);
    }

    .page-section--inspection-show .icm-mobile-shell--active .capture-page-head,
    .page-section--inspection-show .icm-mobile-shell--active .inspection-capture-operational,
    .page-section--inspection-show .icm-mobile-shell--active .capture-grid,
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-scroll > .offline-status-card,
    .page-section--inspection-show .icm-mobile-shell--active .door-submit--desktop,
    .page-section--inspection-show .icm-mobile-shell--active .door-stepper__controls {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-door-step],
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .offline-status-card {
        margin: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="detail"],
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-icm-component-body],
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"],
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="label"],
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .offline-status-card {
        background: var(--surface-card);
        border-radius: 16px;
        box-shadow: var(--shadow-card);
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="detail"] {
        border: 0;
        overflow: hidden;
    }

    /* Door setup (step 1): outer slot is a stack; inner panels carry cards (matches component-step rhythm). */
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .cap-section--setup.door-step {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .cap-section--setup.door-step .cap-sec-body {
        padding: 0;
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-mobile-lead {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-progress,
    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-setup-icm-progress {
        margin-bottom: 0;
    }

    /* Notes step: same outer treatment as door setup (no extra card wrapping the stage). */
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .cap-section--notes.door-step {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .cap-section--notes.door-step .cap-sec-body {
        padding: 0;
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-setup-icm-panel {
        overflow: hidden;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-setup-icm-panel__body {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-notes-field {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
    }

    /* Phase A: Canonical form inputs inside mobile stepper — matches .set-modal / .qbm-modal */
    .page-section--inspection-show .icm-mobile-shell--active .f-input,
    .page-section--inspection-show .icm-mobile-shell--active .f-select,
    .page-section--inspection-show .icm-mobile-shell--active .f-textarea {
        min-height: 44px;
        padding: 10px 13px;
        border-radius: 9px;
        border: 1px solid rgba(26, 24, 21, 0.14);
        background: var(--surface-card);
        font-family: var(--font-sans, "Inter", sans-serif);
        font-size: 16px;
        font-weight: 400;
        color: var(--ink);
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    .page-section--inspection-show .icm-mobile-shell--active .f-input:focus,
    .page-section--inspection-show .icm-mobile-shell--active .f-select:focus,
    .page-section--inspection-show .icm-mobile-shell--active .f-textarea:focus {
        border-color: rgba(196, 149, 16, 0.34);
        box-shadow: 0 0 0 3px rgba(196, 149, 16, 0.1);
        outline: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .f-input::placeholder,
    .page-section--inspection-show .icm-mobile-shell--active .f-textarea::placeholder {
        color: var(--ink-4);
    }

    .page-section--inspection-show .icm-mobile-shell--active .f-select {
        padding-right: 34px;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239a9188' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 12px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .f-textarea {
        min-height: 120px;
        resize: vertical;
        line-height: 1.5;
    }

    /* Canonical labels inside mobile stepper */
    .page-section--inspection-show .icm-mobile-shell--active .f-label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ink-4);
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-notes-field .f-label {
        color: var(--ink-4);
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .cap-notes-field .f-hint {
        display: block;
        margin: 0;
        color: var(--ink-4);
        font-size: 12px;
        line-height: 1.45;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--notes .f-textarea {
        min-height: 152px;
    }

    .page-section--inspection-show .cap-section--setup .cap-setup-icm-only {
        display: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-only {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel {
        overflow: hidden;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel__body {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0 14px 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel--identity .cap-setup-icm-panel__body {
        padding: 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel__body .cap-setup-field,
    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel__body .capture-tag-block {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* Canonical reset handles .f-input sizing — no per-field overrides needed */

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .capture-tag-preview {
        align-items: flex-start;
        padding: 12px 14px;
        border-radius: 12px;
        border: 1px solid var(--rule);
        background: var(--surface-subtle);
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup {
        width: 100%;
        min-height: 50px;
        padding: 0 18px;
        border-radius: 12px;
        border: 1px solid var(--rule-strong);
        background: var(--ink);
        color: var(--surface-card);
        font: 700 15px/1.2 "Inter", sans-serif;
        letter-spacing: -0.01em;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup:active {
        transform: scale(0.98);
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup:hover:not(:disabled) {
        background: #2e2a24;
        border-color: rgba(26, 24, 21, 0.22);
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup:disabled {
        opacity: 0.45;
        cursor: not-allowed;
        transform: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-sec-divider--setup {
        height: 1px;
        margin: 6px 0;
        background: var(--rule);
    }

    /* Door setup: always show specs in ICM (no nested accordion chrome). */
    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specs-accordion {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specs-accordion__summary {
        display: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specs-accordion__body {
        padding: 0;
        border: 0;
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .dim-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-measurements {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-dimension {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-dimension--full {
        grid-column: 1 / -1;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-fieldhead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-unit {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: var(--surface-subtle);
        color: var(--ink-3);
        font: 700 11px/1 "Inter", sans-serif;
        text-transform: uppercase;
    }

    /* Canonical reset handles dimension + spec labels and inputs — no per-field overrides needed */

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .capture-spec-grid--setup {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specfield {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    /* Canonical reset handles spec select styling — no per-field overrides needed */

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-dimension .f-hint,
    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specfield .f-hint {
        display: block;
        margin: 0;
        color: var(--ink-4);
        font-size: 12px;
        line-height: 1.45;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .capture-spec-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-icm-panel__header--eyebrow-only.icm-mobile-panel__header {
        padding-bottom: 10px;
        gap: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] {
        background: transparent;
        border: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-row-toggle] {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-icm-component-body] {
        display: block;
        padding: 16px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-row__label {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-row__copy {
        gap: 3px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-row__helper {
        color: #5c5348;
        font-size: 12.5px;
        line-height: 1.5;
        font-weight: 500;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-info-trigger {
        margin-left: 0;
        align-self: flex-start;
        flex-shrink: 0;
        padding: 6px 10px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f3f6ff;
        color: #6c80b8;
        font-size: 12px;
        font-weight: 600;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .cl-fields {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 12px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"].is-fail .cl-fields {
        gap: 14px;
        margin-bottom: 14px;
    }

    /* Fail flow: notes stay in the step body (status/severity/reason use ICM panels) — match door setup field rhythm, no nested field card. */
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] {
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-label {
        color: var(--ink-2);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-textarea {
        min-height: 120px;
        padding: 14px 16px;
        border-radius: 12px;
        font-size: 16px;
        line-height: 1.45;
        background: var(--surface-card);
        resize: vertical;
        font-family: inherit;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-hint {
        display: block;
        margin: 0;
        color: var(--ink-4);
        font-size: 12px;
        line-height: 1.45;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-issue-hints {
        display: none;
    }

    /* Evidence upload: one visual “card” only (the dashed tap target), not a nested tray inside the step card. */
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .cl-photo-area {
        margin-top: 6px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        gap: 14px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"]:not(.is-fail) [data-component-notes-field] {
        display: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"].is-na [data-component-photo-area] {
        display: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-hint {
        margin-top: 2px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-card {
        gap: 12px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-evidence-header {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .cl-photo-title {
        color: var(--accent);
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-copy {
        margin: 0;
        color: var(--ink-3);
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload {
        width: 100%;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload--extra {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload .file-upload-card__action,
    .page-section--inspection-show .icm-mobile-shell--active .photo-upload .file-upload-card__action {
        min-height: 72px;
        padding: 14px 16px;
        border: 1px solid rgba(26, 24, 21, 0.14);
        border-radius: 12px;
        background: var(--surface-card);
        box-shadow: var(--shadow-card);
        transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    }

    /* Success state when file is selected */
    .page-section--inspection-show .icm-mobile-shell--active .file-upload-card--has-value .file-upload-card__action {
        border-color: rgba(30, 122, 69, 0.28);
        background: rgba(30, 122, 69, 0.04);
    }

    .page-section--inspection-show .icm-mobile-shell--active .file-upload-card__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 10px;
        background: var(--accent-soft);
        color: var(--accent);
        font-size: 0;
        flex-shrink: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .file-upload-card--has-value .file-upload-card__icon {
        background: rgba(30, 122, 69, 0.1);
        color: var(--success);
    }

    .page-section--inspection-show .icm-mobile-shell--active .file-upload-card__thumb-wrap {
        padding: 8px 16px 4px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .file-upload-card__thumb {
        width: 56px;
        height: 56px;
        border-radius: 8px;
        object-fit: cover;
        border: 1px solid rgba(26, 24, 21, 0.1);
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload .file-upload-card__action strong {
        display: block;
        margin-bottom: 3px;
        color: var(--ink);
        font-size: 15px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload .file-upload-card__action p {
        margin: 0;
        color: var(--ink-3);
        font-size: 12.5px;
        line-height: 1.45;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-extras {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        min-height: 40px;
        margin-top: 4px;
        padding: 8px 16px;
        border: 1px dashed rgba(26, 24, 21, 0.14);
        border-radius: 9px;
        background: transparent;
        color: var(--accent);
        font: 600 13px/1.35 "Inter", sans-serif;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-add:hover,
    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-add:focus-visible {
        background: var(--accent-soft);
        border-color: rgba(196, 149, 16, 0.28);
        text-decoration: none;
        outline: none;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-remove,
    .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-remove] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-height: 32px;
        padding: 4px 10px;
        border: 1px solid rgba(176, 48, 48, 0.18);
        border-radius: 6px;
        background: rgba(176, 48, 48, 0.06);
        color: var(--danger);
        font: 600 12px/1 "Inter", sans-serif;
        cursor: pointer;
        transition: background 0.15s ease, border-color 0.15s ease;
    }

    .page-section--inspection-show .icm-mobile-shell--active .component-evidence-remove:hover,
    .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-remove]:hover {
        background: rgba(176, 48, 48, 0.12);
        border-color: rgba(176, 48, 48, 0.3);
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-panel.is-invalid {
        border-color: rgba(176, 48, 48, 0.26);
        background: rgba(176, 48, 48, 0.04);
        box-shadow: 0 0 0 3px rgba(176, 48, 48, 0.08);
    }

    .page-section--inspection-show .icm-mobile-shell--active [data-component-notes-field].is-invalid .f-input,
    .page-section--inspection-show .icm-mobile-shell--active [data-component-notes-field].is-invalid .f-textarea {
        border-color: rgba(176, 48, 48, 0.26) !important;
        box-shadow: 0 0 0 3px rgba(176, 48, 48, 0.08);
    }

    .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-area].is-invalid {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-area].is-invalid .component-evidence-upload .file-upload-card__action {
        border-color: rgba(176, 48, 48, 0.45) !important;
        border-style: solid;
        box-shadow: 0 0 0 3px rgba(176, 48, 48, 0.1);
        background: rgba(176, 48, 48, 0.06);
    }

    /* Review & save: same stack rhythm as door setup (transparent slot; banner + panel). */
    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] > .cap-setup-icm-progress {
        margin-bottom: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] .cap-review-readout {
        overflow: hidden;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] .cap-review-readout__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] .cap-review-readout__item {
        padding: 14px 16px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="review"] .cap-review-readout__value {
        font-size: 20px;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="label"] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="label"] .icm-post-label-step__inner {
        padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px));
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-sizing: border-box;
        width: 100%;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > .offline-status-card {
        border: 0;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-field--hidden {
        display: none !important;
    }

    .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-field--full {
        grid-column: 1 / -1;
    }

    /* iOS zoom prevention — 16px minimum for form controls (2026-04-13) */
    .page-section--inspection-show .icm-mobile-shell--active input,
    .page-section--inspection-show .icm-mobile-shell--active select,
    .page-section--inspection-show .icm-mobile-shell--active textarea {
        font-size: 16px;
    }
}

/* Dark mode — mobile capture stepper (2026-04-13) */
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell {
    background: rgba(2, 6, 23, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-scroll {
    background: rgba(2, 6, 23, 0.55);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-setupbar,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-compbar {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-setupcard,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-stage .cap-section,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-stage .app-field-card {
    background: rgba(15, 23, 42, 0.7);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: none;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-togglebtn {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
    color: #94a3b8;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-pass,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-fail,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-togglebtn.is-active.is-na {
    background: var(--surface-card);
    border-color: rgba(148, 163, 184, 0.35);
    color: var(--ink);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
    color: #94a3b8;
}

/* Phase C dark mode: card-style reason chips with severity coding */
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-active {
    background: rgba(241, 245, 249, 0.08);
    border-color: rgba(241, 245, 249, 0.28);
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-active.is-high {
    background: rgba(127, 29, 29, 0.2);
    border-color: rgba(248, 113, 113, 0.35);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-active.is-medium {
    background: rgba(250, 204, 21, 0.1);
    border-color: rgba(250, 204, 21, 0.28);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-active.is-low {
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.28);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-high {
    border-left-color: #f87171;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-medium {
    border-left-color: #e3b008;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-low {
    border-left-color: rgba(148, 163, 184, 0.55);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-chip.is-active::after {
    background-color: #4ade80;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-reasonsummary {
    background: rgba(30, 122, 69, 0.1);
    border-color: rgba(74, 222, 128, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-primarybtn {
    background: var(--surface-card);
    color: var(--ink);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-footer {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-pillbtn {
    background: rgba(148, 163, 184, 0.12);
    border-color: rgba(148, 163, 184, 0.22);
    color: #94a3b8;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-pillbtn.is-active {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--ink);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-severitypill {
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-statusbanner {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-reasonsummary {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
}

/* Phase A dark mode: canonical form inputs in stepper */
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-input,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-select,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-textarea {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.55);
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-input:focus,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-select:focus,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-textarea:focus {
    border-color: rgba(250, 204, 21, 0.45);
    box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.12);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .f-label {
    color: rgba(148, 163, 184, 0.88);
}

/* Post-save QR label step (in capture stepper; desktop + mobile) */
.page-section--inspection-show .icm-post-label-step__inner {
    max-width: 100%;
    box-sizing: border-box;
}

.page-section--inspection-show .icm-post-label-step__eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #9a9188);
    margin: 0 0 6px;
}

.page-section--inspection-show .icm-post-label-step__title {
    font-size: 1.35rem;
    margin: 0 0 8px;
    line-height: 1.2;
}

.page-section--inspection-show .icm-post-label-step__sub {
    margin: 0;
}

.page-section--inspection-show .icm-post-label-step__preview {
    border-radius: 14px;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-height: 100px;
    justify-content: center;
}

.page-section--inspection-show .icm-post-label-step__preview-img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: min(38vh, 300px);
    object-fit: contain;
    display: block;
}

.page-section--inspection-show .icm-post-label-step__format {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

.page-section--inspection-show .icm-post-label-step__format-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.page-section--inspection-show .icm-post-label-step__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-section--inspection-show .icm-post-label-step__actions .btn,
.page-section--inspection-show .icm-post-label-step__download {
    width: 100%;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .page-section--inspection-show .icm-post-label-step__actions .btn {
        min-height: 46px;
    }
}

.file-field--inline {
    margin-top: 12px;
}
.file-field__label {
    font-weight: 600;
    color: var(--text, #0f172a);
}
.file-upload-card {
    border: 1px dashed color-mix(in srgb, var(--border, #e2e8f0) 75%, transparent);
    border-radius: 18px;
    background: var(--surface-muted, #f8fafc);
    padding: 6px;
}
.file-upload-card input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.file-upload-card__action {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    padding: 12px 16px;
    background: var(--card, #ffffff);
    cursor: pointer;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.file-upload-card__action:hover,
.file-upload-card--has-value .file-upload-card__action {
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}
.file-upload-card__icon {
    font-size: 1.4rem;
}
.file-upload-card__action strong {
    display: block;
    color: var(--text, #0f172a);
}
.file-upload-card__action p {
    margin: 0;
    color: var(--text-muted, #475569);
    font-size: 0.85rem;
}
.floorplan-tag-actions {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.floorplan-tag-preview {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--text-muted, #475569);
}
.floorplan-tag-preview button {
    padding: 0;
    font-size: 0.85rem;
}
.door-floor-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: color-mix(in srgb, var(--brand, #2563eb) 12%, var(--card, #ffffff));
    color: color-mix(in srgb, var(--brand-dark, #1d4ed8) 82%, var(--text, #0f172a));
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 0.85rem;
    margin-top: 8px;
}
.door-floor-chip--empty {
    background: var(--surface-muted, #f8fafc);
    color: color-mix(in srgb, var(--text-muted, #475569) 55%, transparent);
}
.door-floor-chip__pin {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--brand, #0052cc);
}
.door-floor-chip__pin--muted {
    color: color-mix(in srgb, var(--text-muted, #475569) 55%, transparent);
}
.floorplan-modal {
    position: fixed;
    inset: 0;
    background: rgba(26, 24, 21, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2130;
    padding: 40px;
}
.floorplan-modal[hidden] {
    display: none;
}
.floorplan-modal__backdrop {
    position: absolute;
    inset: 0;
}
.floorplan-modal__dialog {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    padding: 0;
    width: 100%;
    max-width: calc(100vw - 80px);
    height: calc(100vh - 80px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0 28px 80px rgba(25, 19, 9, 0.22);
}
.floorplan-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 22px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(35, 31, 24, 0.08);
}
.floorplan-modal__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 22px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(35, 31, 24, 0.08);
    background: #f7f5f0;
}
.floorplan-modal__tabs button {
    border: 1px solid rgba(35, 31, 24, 0.12);
    border-radius: 999px;
    padding: 6px 14px;
    background: #ffffff;
    font-size: 0.82rem;
    font-weight: 500;
    color: #1a1815;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.floorplan-modal__tabs button:hover {
    background: #edeae3;
}
.floorplan-modal__tabs button.is-active {
    background: #1a1815;
    color: #fff;
    border-color: #1a1815;
}
.floorplan-modal__stage {
    position: relative;
    background: #0f172a;
    border-radius: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    touch-action: none;
}
.floorplan-stage__loading {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.floorplan-modal__stage.is-loading .floorplan-stage__loading {
    opacity: 1;
}
.floorplan-modal__stage.is-loading .floorplan-stage__inner {
    opacity: 0;
}
.floorplan-stage__spinner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2.5px solid rgba(255, 255, 255, 0.18);
    border-top-color: rgba(255, 255, 255, 0.85);
    animation: fdBtnSpin 0.8s linear infinite;
}
.floorplan-stage__loading-text {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.02em;
}
.floorplan-stage__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: center center;
    transition: opacity 0.2s ease;
}
.floorplan-stage__inner img {
    display: block;
    max-width: none;
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.floorplan-pin {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: var(--brand, #0052cc);
    transform: translate(-50%, -50%);
    box-shadow: 0 6px 12px rgba(0, 82, 204, 0.5);
    cursor: grab;
    z-index: 2;
}
.floorplan-pin[data-label]:not([data-label=""])::after {
    content: attr(data-label);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -120%);
    background: rgba(234, 88, 12, 0.92);
    color: #fff;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.25);
}
.floorplan-pin[hidden]::after {
    content: '';
    display: none;
}

.floorplan-upload {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.floorplan-header-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.floorplan-upload--collapsed {
    margin-top: 8px;
}
.floorplan-upload summary::marker,
.floorplan-upload summary::-webkit-details-marker {
    content: '';
    display: none;
}
.floorplan-upload summary::-webkit-details-marker {
    content: '';
    display: none;
}
.floorplan-upload form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.floorplan-upload__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.floorplan-markers {
    position: absolute;
    inset: 0;
    pointer-events: auto;
    z-index: 1;
}
.floorplan-marker {
    position: absolute;
    transform: translate(-50%, -100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    pointer-events: auto;
    text-align: center;
}
.floorplan-marker__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(234, 88, 12, 0.9);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3);
}
.floorplan-marker--tagged .floorplan-marker__dot {
    background: #16a34a;
}
.floorplan-marker--pending .floorplan-marker__dot {
    background: #f97316;
}
.floorplan-marker--faulty .floorplan-marker__dot {
    background: #dc2626;
}
.floorplan-marker__label {
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.85);
    color: #fff;
    font-size: 0.68rem;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.floorplan-gallery {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}
.floorplan-gallery__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.floorplan-gallery__canvas {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #0f172a;
    min-height: 220px;
}
.floorplan-gallery__canvas--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, var(--text-muted, #475569) 55%, transparent);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.floorplan-gallery__canvas img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #0f172a;
}
.floorplan-gallery__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.floorplan-gallery__title {
    margin: 0;
    font-size: 1rem;
}
.floorplan-gallery__pill {
    align-self: flex-start;
    padding: 2px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand, #2563eb) 12%, var(--card, #ffffff));
    color: color-mix(in srgb, var(--brand-dark, #1d4ed8) 78%, var(--text, #0f172a));
    font-size: 0.8rem;
}
.floorplan-gallery__empty {
    padding: 20px;
    border: 1px dashed color-mix(in srgb, var(--border, #e2e8f0) 75%, transparent);
    border-radius: 18px;
    background: var(--surface-muted, #f8fafc);
    text-align: center;
    color: var(--text-muted, #475569);
}
.floorplan-gallery__hint {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted, #475569);
}
.floorplan-modal__hint {
    margin: 0;
    padding: 8px 22px;
    font-size: 12px;
    color: #8f8476;
    flex-shrink: 0;
    background: #f7f5f0;
    border-top: 1px solid rgba(35, 31, 24, 0.08);
}
.floorplan-modal__status {
    margin: 0;
    padding: 8px 22px;
    font-size: 12px;
    color: #6b6458;
    flex-shrink: 0;
    background: #edeae3;
    border-top: 1px solid rgba(35, 31, 24, 0.08);
}
.floorplan-modal__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex-shrink: 0;
    padding: 16px 22px;
    border-top: 1px solid rgba(35, 31, 24, 0.08);
    background: #ffffff;
}
.floorplan-modal__actions-primary {
    display: flex;
    gap: 10px;
}

/* Narrow viewports: fullscreen floorplan — surfaces match ICM / door stepper (warm neutrals, not slate) */
.floorplan-modal.floorplan-modal--fullscreen {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    background: #f7f5f0;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__backdrop {
    display: none;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__dialog {
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    min-height: 100dvh;
    border-radius: 0;
    padding: 0;
    gap: 0;
    box-shadow: none;
    border: 0;
    background: #f7f5f0;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header {
    flex-shrink: 0;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: calc(env(safe-area-inset-top, 0px) + 10px) 20px 12px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__header-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__eyebrow {
    margin: 0 0 2px;
    color: #c49510;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__title {
    margin: 0;
    color: #1a1815;
    font-family: "Sora", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__subcopy {
    display: none;
}

/* Specificity bumped 2026-04-12: must win over canonical
   .page-section--inspection-show .inspection-modal .modal__close (0,3,0)
   so the narrow-viewport close button keeps its 44px touch target. */
.page-section--inspection-show .inspection-modal.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .btn-link,
.page-section--inspection-show .inspection-modal.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .modal__close {
    color: #3d3a34;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    height: 44px;
    font-size: 1.35rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs {
    flex-shrink: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding: 10px 16px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    scrollbar-width: thin;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs button {
    flex-shrink: 0;
    border-color: rgba(35, 31, 24, 0.12);
    background: #f7f5f0;
    color: #1a1815;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs button.is-active {
    background: #1a1815;
    color: #fff;
    border-color: #1a1815;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__stage {
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 0;
    border: 0;
    background: #1f1b16;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__hint {
    display: none;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__status {
    flex-shrink: 0;
    margin: 0;
    padding: 10px 16px;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #edeae3;
    color: #6b6458;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__actions {
    flex-shrink: 0;
    margin: 0;
    padding: 12px 24px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
    flex-wrap: nowrap;
    gap: 10px;
}

.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__actions .btn {
    min-height: 44px;
}

.component-panel[hidden] {
display: none !important;
}
.reminder-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.reminder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.reminder-option {
    border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 85%, transparent);
    border-radius: 16px;
    padding: 12px;
    background: var(--surface-muted, #f8fafc);
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.door-overview-table td strong {
    display: block;
    font-weight: 600;
    color: var(--text, #0f172a);
}
.floorplan-gallery__item[data-floorplan-plan-id] {
    cursor: zoom-in;
}
.door-overview-table tbody tr[data-door-row] {
    cursor: pointer;
}
.door-detail-grid {
    display: none;
}
.modal__body .door-detail-card {
    margin: 0;
}
.reminder-option input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.reminder-option.is-active {
    border-color: rgba(26, 24, 21, 0.18);
    background: rgba(26, 24, 21, 0.08);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}
.reminder-option__label {
    font-weight: 600;
    color: var(--text, #0f172a);
}
.reminder-option__status {
    font-size: 0.85rem;
    color: var(--text-muted, #475569);
}
.reminder-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.reminder-actions .small-text {
    margin: 0;
    color: color-mix(in srgb, var(--text-muted, #475569) 55%, transparent);
}
@media (max-width: 640px) {
    .reminder-actions {
        flex-direction: column;
        align-items: flex-start;
    }
}
.timeline-filter-form {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.timeline-item__floorplan {
    margin: 6px 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.timeline-chip--floor {
    background: color-mix(in srgb, var(--brand, #2563eb) 12%, var(--card, #ffffff));
    color: color-mix(in srgb, var(--brand-dark, #1d4ed8) 78%, var(--text, #0f172a));
}
.tagging-layout-groups {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 10px;
}
.tagging-toolbar {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
}
.tagging-toolbar__primary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
.tagging-toolbar__print {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.tagging-toolbar__toggle {
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border, #e2e8f0) 18%, transparent);
}
.tagging-toolbar__toggle input {
    margin: 0;
}
.tagging-toolbar__options {
    position: relative;
}
.tagging-toolbar__options summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.tagging-toolbar__chip {
    border: 1px solid var(--border, #e2e8f0);
    background: var(--surface-muted, #f8fafc);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.9rem;
}
.tagging-toolbar__caret {
    color: var(--text-muted, #64748b);
    font-size: 0.9em;
}
.tagging-toolbar__options summary::-webkit-details-marker {
    display: none;
}
.tagging-toolbar__summary {
    color: var(--text-muted, #64748b);
    font-size: 0.85em;
    font-weight: 600;
    white-space: nowrap;
}
.tagging-toolbar__options-panel {
    position: absolute;
    right: 0;
    margin-top: 8px;
    min-width: 260px;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid var(--border, rgba(148, 163, 184, 0.35));
    background: var(--card, #ffffff);
    color: var(--text, #0f172a);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    z-index: 6;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tagging-toolbar__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
@media (max-width: 640px) {
    .tagging-toolbar__primary {
        justify-content: flex-start;
    }
    .tagging-toolbar__tools {
        justify-content: flex-start;
    }
    .tagging-toolbar__options-panel {
        left: 0;
        right: 0;
        min-width: 0;
        width: min(420px, 100%);
    }
}
.tagging-group__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}
.tagging-group__header h4 {
    margin: 0;
}
.tagging-group {
    border-top: 1px solid var(--border, #e2e8f0);
    padding-top: 10px;
}
.tagging-group:first-of-type {
    border-top: none;
    padding-top: 0;
}
.tagging-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}
.tag-card {
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border, #e2e8f0);
}
.tag-card__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
}
.tag-card__status {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted, #64748b);
}
.tag-card__status--tagged {
    color: #15803d;
}
.tag-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--text-muted, #475569);
    margin: 0 0 4px 0;
}
.tag-card__actions {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

/* Inline tag forms: no extra box/border around primary actions (layout & tags tab). */
.page-section--inspection-show [data-tab-panel="layout"] :is(.qr-dc-actions, .tag-card__actions, .tag-card__more-actions) form[data-tag-action] {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: block;
    -webkit-appearance: none;
    appearance: none;
}

/* Floorplans tab: no outer frame on add/upload shells (desktop + mobile). */
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload {
    border: 0;
    border-color: transparent;
    box-shadow: none;
}

.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload {
    align-items: center;
}

.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > form {
    align-self: stretch;
    width: 100%;
}

/* Add floorplan(s) triggers — solid black primary on all viewports. */
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > summary.btn,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-add-btn.btn-secondary,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions [data-floorplan-add].btn-secondary {
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    background: #1a1815;
    color: #ffffff;
    border: 0;
    border-color: transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > summary.btn:hover,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-add-btn.btn-secondary:hover,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions [data-floorplan-add].btn-secondary:hover {
    background: #3d3a34;
    color: #ffffff;
    border-color: transparent;
}

.page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > summary.btn:focus-visible,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-add-btn.btn-secondary:focus-visible,
.page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions [data-floorplan-add].btn-secondary:focus-visible {
    outline: 2px solid rgba(196, 149, 16, 0.45);
    outline-offset: 2px;
}

.tag-card__more {
    display: inline-block;
}
.tag-card__more summary {
    list-style: none;
    cursor: pointer;
}
.tag-card__more summary::-webkit-details-marker {
    display: none;
}
.tag-card__more-actions {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.tag-card__select {
    display: none;
}
.tagging-layout-groups.is-bulk-select .tag-card__select {
    display: inline-flex;
}
.offline-photo-thumb {
    object-fit: cover;
    border-radius: 8px;
}
.offline-status-card__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
}
.offline-status-card__summary {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.offline-status-card__badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}
.offline-status-chip {
    font-size: 0.8rem;
    padding: 5px 12px;
}
.offline-status-chip--saved {
    background: rgba(2, 132, 199, 0.14);
    color: var(--brand, #2563eb);
}
.offline-status-chip--pending {
    background: rgba(251, 191, 36, 0.16);
    color: #b45309;
}
.offline-status-chip--attention {
    background: rgba(217, 45, 32, 0.12);
    color: var(--danger, #d92d20);
}
.offline-status-card__details {
    margin-top: 10px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 10px;
}
.offline-draft-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.offline-status-card__section-title {
    font-weight: 700;
    color: var(--text, #0f172a);
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-top: 4px;
}
.offline-draft-item {
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(15, 23, 42, 0.02);
}
.file-field__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.component-row__offline {
    display: block;
    margin-top: 4px;
}
.tagging-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}
.tag-card {
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 14px;
    padding: 14px;
    background: var(--surface-muted, #f8fafc);
}
.tag-card h4 {
    margin: 0 0 6px 0;
}
.tag-card .tag-meta {
    margin: 0 0 8px 0;
    color: var(--text-muted, #475569);
}
.tag-card__qr {
    max-width: 160px;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 10px;
    padding: 6px;
    background: var(--card, #ffffff);
}
.scan-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.6);
    z-index: 2130;
}
.scan-modal.is-open {
    display: flex;
}
.scan-modal__dialog {
    background: var(--card, #ffffff);
    border-radius: 14px;
    padding: 16px;
    max-width: 420px;
    width: 92vw;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}
.scan-modal__video {
    width: 100%;
    max-height: 260px;
    background: #0f172a;
    border-radius: 10px;
}
.scan-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.label-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    z-index: 2140;
    -webkit-tap-highlight-color: transparent;
}
.label-modal.is-open {
    display: flex;
}
.label-modal__dialog {
    background: var(--card, #ffffff);
    border-radius: 14px;
    padding: 18px;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    max-width: 420px;
    width: 92vw;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
    max-height: min(90vh, 720px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.label-modal__actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 12px;
}

.label-modal--post-save .label-modal__dialog {
    max-width: min(440px, 94vw);
}

.label-modal__preview {
    margin-top: 12px;
    padding: 10px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.05);
    text-align: center;
}

.label-modal__preview-img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: min(48vh, 420px);
    margin: 0 auto;
    object-fit: contain;
}

.label-modal__preview-status {
    margin-top: 8px;
}

.label-modal__format {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.label-modal__format-label {
    flex: 0 0 auto;
}

.label-modal__format-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.label-modal__format-btn.is-active {
    box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.45);
}

.label-modal__actions--stack {
    flex-direction: column;
    align-items: stretch;
}

.label-modal__actions--stack .btn {
    justify-content: center;
    text-align: center;
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.label-modal__actions--stack .btn.btn-link {
    min-height: 44px;
}

.label-modal__format-buttons .btn {
    min-height: 40px;
}

@media (max-width: 1024px) {
    .label-modal--post-save {
        align-items: flex-end;
        padding: 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .label-modal--post-save .label-modal__dialog {
        width: 100%;
        max-width: none;
        border-radius: 20px 20px 0 0;
        max-height: min(88vh, 680px);
        overflow-y: auto;
        padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px));
        box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.2);
    }

    .label-modal--post-save .label-modal__dialog::before {
        content: '';
        display: block;
        width: 40px;
        height: 4px;
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.15);
        margin: -6px auto 14px;
    }

    html[data-theme="dark"] .label-modal--post-save .label-modal__dialog::before {
        background: rgba(148, 163, 184, 0.35);
    }
}

.page-section--inspection-show .inspection-modal .modal__dialog {
    width: min(640px, calc(100vw - 48px));
    max-height: min(88vh, 920px);
    border-radius: 18px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    box-shadow: 0 28px 80px rgba(25, 19, 9, 0.22);
}

.page-section--inspection-show .inspection-modal .modal__dialog.modal__dialog--wide,
.page-section--inspection-show .inspection-modal--wide .modal__dialog {
    width: min(860px, calc(100vw - 48px));
}

.page-section--inspection-show .inspection-modal--door .modal__dialog {
    width: min(760px, calc(100vw - 48px));
}

.page-section--inspection-show .inspection-modal__dialog--offline-check {
    width: min(500px, calc(100vw - 48px));
}

.page-section--inspection-show [data-offline-preflight-modal] .modal__dialog {
    max-height: none;
    border-radius: 16px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__header {
    padding: 18px 20px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    gap: 10px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__eyebrow {
    margin-bottom: 4px;
    font-size: 9.5px;
    font-weight: 600;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__title {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__subcopy {
    max-width: 430px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.45;
    color: #9a9188;
}

.page-section--inspection-show [data-offline-preflight-modal] .modal__close {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #3d3a34;
}

.page-section--inspection-show .inspection-modal__header,
.page-section--inspection-show .inspection-float-modal__header {
    padding: 18px 22px;
    align-items: flex-start;
    gap: 16px;
}

.page-section--inspection-show .inspection-modal__header-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.page-section--inspection-show .inspection-modal__eyebrow {
    margin: 0;
    color: #c49510;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-modal__title {
    margin: 0;
    color: #1a1815;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.page-section--inspection-show .inspection-modal__subcopy {
    margin: 0;
    color: #8f8476;
    font-size: 13px;
    line-height: 1.5;
}

.page-section--inspection-show .inspection-modal .modal__close,
.page-section--inspection-show .inspection-float-modal .btn.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: #3d3a34;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.page-section--inspection-show .inspection-modal .modal__body {
    padding: 18px 22px 22px;
}

.page-section--inspection-show .inspection-modal__body,
.page-section--inspection-show .inspection-modal__form-shell {
    display: grid;
    gap: 14px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 18px 22px 22px;
}

.page-section--inspection-show .inspection-modal__section {
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    background: #ffffff;
    box-shadow: none;
}

.page-section--inspection-show .inspection-modal__section--inset {
    background: #f7f5f0;
}

.page-section--inspection-show .inspection-modal__summary-panel {
    display: grid;
    gap: 8px;
}

.page-section--inspection-show .inspection-modal__summary-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.page-section--inspection-show .inspection-modal__section-label {
    margin: 0 0 6px;
    color: #9a9188;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-modal__summary-title {
    margin: 0;
    color: #1a1815;
    font-size: 16px;
    font-weight: 700;
}

.page-section--inspection-show .inspection-modal__meta,
.page-section--inspection-show .inspection-modal__field-note,
.page-section--inspection-show .inspection-modal__empty-copy {
    margin: 0;
    color: #8f8476;
    font-size: 13px;
    line-height: 1.5;
}

.page-section--inspection-show .inspection-modal__link {
    color: #a97100;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.page-section--inspection-show .inspection-modal__form-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.page-section--inspection-show .inspection-modal__field-block,
.page-section--inspection-show .inspection-modal__form-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.page-section--inspection-show .inspection-modal__field-label {
    color: #9a9188;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-modal__form-shell input[type="text"],
.page-section--inspection-show .inspection-modal__form-shell input[type="date"],
.page-section--inspection-show .inspection-modal__form-shell select,
.page-section--inspection-show .inspection-modal__section input[type="text"],
.page-section--inspection-show .inspection-modal__section input[type="date"],
.page-section--inspection-show .inspection-modal__section select {
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(35, 31, 24, 0.12);
    background: #ffffff;
    padding: 0 12px;
    font: inherit;
    color: #1a1815;
    min-width: 0;
}

.page-section--inspection-show .inspection-modal__utility-strip {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    flex-wrap: nowrap;
}

.page-section--inspection-show .inspection-modal__utility-strip--wrap {
    flex-wrap: wrap;
}

.page-section--inspection-show .inspection-modal__status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.page-section--inspection-show .inspection-modal__status-card {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    background: #f7f5f0;
}

.page-section--inspection-show .inspection-modal__status-value {
    margin: 0;
    color: #1a1815;
    font-size: 15px;
    font-weight: 700;
}

.page-section--inspection-show .inspection-modal__diagnostic {
    display: grid;
    gap: 6px;
}

.page-section--inspection-show .inspection-modal__check-stack {
    display: grid;
    gap: 8px;
}

.page-section--inspection-show .inspection-modal__check-stack label,
.page-section--inspection-show .inspection-modal__section label {
    color: #3d3a34;
}

.page-section--inspection-show .inspection-modal__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.page-section--inspection-show .inspection-modal__list li {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    background: rgba(255, 255, 255, 0.88);
}

.page-section--inspection-show .inspection-modal__list--muted li {
    background: rgba(255, 255, 255, 0.65);
}

.page-section--inspection-show .inspection-modal__file-btn {
    position: relative;
    overflow: hidden;
}

.page-section--inspection-show .inspection-modal__empty {
    display: grid;
    gap: 6px;
}

.page-section--inspection-show .inspection-modal__fieldset {
    margin: 0;
}

.page-section--inspection-show .inspection-modal__fieldset legend {
    padding: 0;
}

.page-section--inspection-show .inspection-modal__actions {
    gap: 10px;
}

.page-section--inspection-show .inspection-modal__actions--footer,
.page-section--inspection-show .inspection-modal .modal__actions {
    padding: 16px 22px 20px;
    margin: 0 -22px -22px;
    border-top: 1px solid rgba(35, 31, 24, 0.08);
    justify-content: flex-end;
    background: #ffffff;
}

.page-section--inspection-show .inspection-modal__actions--footer .btn.btn-primary {
    order: 2;
}

.page-section--inspection-show .inspection-modal__actions--footer .btn:not(.btn-primary) {
    order: 1;
}

.page-section--inspection-show .inspection-modal__body--offline-check {
    gap: 12px;
    padding: 18px 22px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__body--offline-check {
    display: flex;
    flex-direction: column;
    padding: 14px 18px 14px;
    gap: 10px;
}

.page-section--inspection-show .inspection-modal__action-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.page-section--inspection-show .inspection-modal__action-row--offline-check .btn {
    min-height: 36px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__action-row--offline-check {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    margin-bottom: 2px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__action-row--offline-check .btn {
    min-height: 32px;
    padding: 7px 13px;
    font-size: 12px;
}

.page-section--inspection-show .inspection-modal__action-row--offline-check .btn.btn-primary {
    background: #1a1815;
    color: #ffffff;
    border-color: #1a1815;
}

.page-section--inspection-show .inspection-modal__action-row--offline-check .btn.btn-primary:hover {
    background: #3d3a34;
    border-color: #3d3a34;
}

.page-section--inspection-show .inspection-modal__accent-btn {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.11);
    color: #3d3a34;
    box-shadow: none;
}

.page-section--inspection-show .inspection-modal__accent-btn:hover {
    background: #f2efe9;
    border-color: rgba(0, 0, 0, 0.16);
    color: #1a1815;
}

.page-section--inspection-show .inspection-modal__running-bar {
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: #edeae3;
    order: 2;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__running-bar {
    margin-top: -2px;
}

.page-section--inspection-show .inspection-modal__running-bar[hidden] {
    display: none;
}

.page-section--inspection-show .inspection-modal__running-fill {
    display: block;
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: #c49510;
    animation: inspection-modal-running-sweep 1.4s ease-in-out infinite;
}

@keyframes inspection-modal-running-sweep {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(350%); }
}

.page-section--inspection-show .inspection-modal__status-grid--offline-check {
    gap: 10px;
    order: 3;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-grid--offline-check {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.page-section--inspection-show .inspection-modal__status-card--preflight {
    background: #edeae3;
    border-color: rgba(0, 0, 0, 0.11);
    padding: 12px 13px;
    gap: 6px;
    border-radius: 10px;
}

.page-section--inspection-show .inspection-modal__status-row {
    display: block;
}

.page-section--inspection-show .inspection-modal__status-dot {
    display: none;
}

.page-section--inspection-show .inspection-modal__status-card--preflight[data-state="ok"] .inspection-modal__status-dot,
.page-section--inspection-show .inspection-modal__status-dot[data-state="ok"] {
    background: #1e7a45;
}

.page-section--inspection-show .inspection-modal__status-card--preflight[data-state="warn"] .inspection-modal__status-dot,
.page-section--inspection-show .inspection-modal__status-dot[data-state="warn"] {
    background: #c49510;
}

.page-section--inspection-show .inspection-modal__status-card--preflight[data-state="err"] .inspection-modal__status-dot,
.page-section--inspection-show .inspection-modal__status-dot[data-state="err"] {
    background: #b03030;
}

.page-section--inspection-show .inspection-modal__status-card--preflight[data-state="neutral"] .inspection-modal__status-dot,
.page-section--inspection-show .inspection-modal__status-dot[data-state="neutral"] {
    background: #9a9188;
}

.page-section--inspection-show .inspection-modal__status-card--preflight .inspection-modal__status-value {
    line-height: 1.35;
    font-size: 13.5px;
    font-weight: 600;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight .inspection-modal__section-label {
    margin-bottom: 5px;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.25;
    min-height: 28px;
    max-width: 76px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight .inspection-modal__status-value {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight {
    min-height: 92px;
    align-content: start;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight[data-offline-preflight-card="storage"] .inspection-modal__status-value {
    font-size: 13px;
    line-height: 1.25;
}

.page-section--inspection-show .inspection-modal__status-value[data-state="ok"],
.page-section--inspection-show .inspection-modal__status-value--ok {
    color: #1e7a45;
}

.page-section--inspection-show .inspection-modal__status-value[data-state="warn"],
.page-section--inspection-show .inspection-modal__status-value--warn {
    color: #c49510;
}

.page-section--inspection-show .inspection-modal__status-value[data-state="err"],
.page-section--inspection-show .inspection-modal__status-value--err {
    color: #b03030;
}

.page-section--inspection-show .inspection-modal__status-value[data-state="neutral"],
.page-section--inspection-show .inspection-modal__status-value--neutral {
    color: #1a1815;
}

.page-section--inspection-show .inspection-modal__notes-card {
    padding: 13px 15px;
    background: #edeae3;
    border-color: rgba(0, 0, 0, 0.11);
    order: 4;
    border-radius: 10px;
}

.page-section--inspection-show .inspection-modal__notes-card .inspection-modal__field-note {
    color: #6b6458;
    line-height: 1.6;
    font-size: 13px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__notes-card .inspection-modal__section-label {
    margin-bottom: 7px;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.page-section--inspection-show .inspection-modal__body--offline-check .inspection-modal__action-row {
    order: 1;
}

.page-section--inspection-show .inspection-modal__actions--footer {
    padding: 14px 22px;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__actions--footer {
    padding: 12px 18px 14px;
    margin: 0 -18px -14px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: #ffffff;
}

.page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__actions--footer .btn {
    min-height: 34px;
    padding: 8px 16px;
    border-radius: 8px;
}

.page-section--inspection-show [data-offline-preflight-close].btn {
    background: #ffffff;
    color: #3d3a34;
    border-color: rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

@media (max-width: 768px) {
    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__header {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 16px 16px 14px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__title {
        font-size: 22px;
        line-height: 1.1;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__subcopy {
        max-width: none;
        font-size: 13px;
        line-height: 1.55;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .modal__close {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__body--offline-check {
        flex: 1 1 auto;
        overflow: auto;
        padding: 14px 14px 16px;
        gap: 12px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__running-bar {
        order: 1;
        margin-top: 0;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__action-row--offline-check {
        order: 2;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 0;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__action-row--offline-check .btn {
        width: 100%;
        min-height: 46px;
        padding: 11px 16px;
        border-radius: 12px;
        font-size: 14px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-grid--offline-check {
        order: 3;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight {
        min-height: 104px;
        padding: 14px;
        border-radius: 14px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight .inspection-modal__section-label {
        min-height: 0;
        max-width: none;
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 1.3;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight .inspection-modal__status-value,
    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__status-card--preflight[data-offline-preflight-card="storage"] .inspection-modal__status-value {
        font-size: 14px;
        line-height: 1.35;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__notes-card {
        order: 4;
        padding: 14px;
        border-radius: 14px;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__notes-card .inspection-modal__field-note {
        font-size: 13.5px;
        line-height: 1.6;
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__actions--footer {
        padding: 12px 14px calc(env(safe-area-inset-bottom, 0px) + 14px);
        margin: 0;
        position: sticky;
        bottom: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
    }

    .page-section--inspection-show [data-offline-preflight-modal] .inspection-modal__actions--footer .btn {
        width: 100%;
        min-height: 46px;
        border-radius: 12px;
    }
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__header {
    padding: 18px 20px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    gap: 10px;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__eyebrow {
    margin-bottom: 4px;
    font-size: 9.5px;
    font-weight: 600;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__title {
    margin-bottom: 3px;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__subcopy {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.45;
    color: #9a9188;
}

.page-section--inspection-show [data-offline-recovery-modal] .modal__close {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #edeae3;
    border: none;
    color: #9a9188;
}

.page-section--inspection-show .inspection-modal__menu {
    position: relative;
}

.page-section--inspection-show .inspection-modal__menu summary {
    list-style: none;
}

.page-section--inspection-show .inspection-modal__menu summary::-webkit-details-marker {
    display: none;
}

.page-section--inspection-show .inspection-modal__menu-trigger {
    position: relative;
    padding-right: 30px;
    min-width: 122px;
}

.page-section--inspection-show .inspection-modal__menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    border: 0;
    background: transparent;
    color: #3d3a34;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.page-section--inspection-show .inspection-modal__menu-item:hover {
    background: #f2efe9;
    color: #1a1815;
}

.page-section--inspection-show .inspection-modal__menu-item span:last-child {
    color: #9a9188;
    font-size: 11.5px;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__check-stack--tools {
    gap: 10px;
    margin: 0;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__check-stack--tools label {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    font-size: 13px;
    color: #3d3a34;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__check-stack--tools input[type="checkbox"] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    accent-color: #1a1815;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__field-label {
    margin-bottom: 7px;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__field-block select {
    width: 100%;
    height: auto;
    padding: 8px 28px 8px 12px;
    border-radius: 8px;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__field-block {
    margin: 0;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__actions--footer {
    padding: 12px 18px 14px;
    margin: 0 -18px -14px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: #ffffff;
}

.page-section--inspection-show [data-offline-recovery-modal] .inspection-modal__actions--footer .btn {
    min-height: 32px;
    padding: 7px 15px;
    border-radius: 8px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-dialog {
    width: min(520px, calc(100vw - 48px));
    max-height: min(94vh, 920px);
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-header {
    padding: 22px 22px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    align-items: flex-start;
    gap: 12px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-header-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-eyebrow {
    margin: 0;
    color: #c49510;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-title {
    margin: 0;
    color: #1a1815;
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: -0.025em;
    font-weight: 700;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-subcopy {
    margin: 0;
    color: #9a9188;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-close {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #edeae3;
    border: none;
    color: #9a9188;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 20px 18px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-actions .btn {
    min-height: 34px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-btn-primary {
    background: #1a1815;
    color: #ffffff;
    border-color: #1a1815;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-btn-primary:hover {
    background: #3d3a34;
    border-color: #3d3a34;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu {
    position: relative;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu summary {
    list-style: none;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu summary::-webkit-details-marker {
    display: none;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-trigger {
    position: relative;
    min-width: 138px;
    padding-right: 30px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-caret {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-caret::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #9a9188;
    border-bottom: 1.5px solid #9a9188;
    transform: rotate(45deg);
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-popover {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 220px;
    padding: 6px 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu:not([open]) .ot-menu-popover {
    display: none;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-label {
    margin: 0;
    padding: 9px 14px 5px;
    color: #9a9188;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    border: 0;
    background: transparent;
    color: #3d3a34;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-item:hover {
    background: #f2efe9;
    color: #1a1815;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-item span:last-child {
    color: #9a9188;
    font-size: 11.5px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-item--file {
    cursor: pointer;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-menu-divider {
    height: 1px;
    margin: 2px 0;
    background: rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-card {
    overflow: hidden;
    border-radius: 11px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #edeae3;
    flex: 0 0 auto;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-card-label {
    margin: 0;
    color: #9a9188;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-card-body {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-status-main {
    margin: 0;
    color: #1a1815;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-status-meta,
.page-section--inspection-show [data-offline-recovery-modal] .ot-note {
    margin: 0;
    color: #9a9188;
    font-size: 12px;
    line-height: 1.5;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-link-action {
    padding: 0;
    border: 0;
    background: transparent;
    color: #c49510;
    font: inherit;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-check-list {
    display: grid;
    gap: 8px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-check-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #3d3a34;
    font-size: 13px;
    cursor: pointer;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-check-item input[type="checkbox"] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    accent-color: #1a1815;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-field-label {
    color: #9a9188;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-field select {
    width: 100%;
    padding: 8px 28px 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #ffffff;
    font: inherit;
    color: #3d3a34;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-list li {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #ffffff;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-list--muted li {
    color: #9a9188;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-footer {
    padding: 12px 20px 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: #ffffff;
    justify-content: flex-end;
    flex-shrink: 0;
}

.page-section--inspection-show [data-offline-recovery-modal] .ot-footer-btn {
    min-height: 34px;
    padding: 8px 16px;
    border-radius: 8px;
}

/* Mobile: match offline check (preflight) sheet — sticky chrome. */
@media (max-width: 768px) {
    .page-section--inspection-show [data-offline-recovery-modal] .modal__header.ot-header {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 16px 16px 14px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-title {
        font-size: 22px;
        line-height: 1.1;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-subcopy {
        max-width: none;
        font-size: 13px;
        line-height: 1.55;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .modal__close.ot-close {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        color: #3d3a34;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 14px 14px 16px;
        gap: 12px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 0;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-actions .btn {
        width: 100%;
        min-height: 46px;
        padding: 11px 16px;
        border-radius: 12px;
        font-size: 14px;
        justify-content: center;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-menu {
        width: 100%;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-menu-trigger {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 11px 36px 11px 16px;
        border-radius: 12px;
        justify-content: center;
        box-sizing: border-box;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-menu-popover {
        left: 0;
        right: 0;
        width: 100%;
        min-width: 0;
        max-width: none;
        border-radius: 12px;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-menu-item {
        min-height: 44px;
        padding: 12px 14px;
        font-size: 14px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-card {
        border-radius: 14px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-card-head {
        padding: 12px 14px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-card-body {
        padding: 14px;
        gap: 12px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-field select {
        min-height: 46px;
        border-radius: 12px;
        font-size: 16px;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .modal__actions.ot-footer,
    .page-section--inspection-show [data-offline-recovery-modal] .ot-footer {
        padding: 12px 14px calc(env(safe-area-inset-bottom, 0px) + 14px);
        margin: 0;
        position: sticky;
        bottom: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(8px);
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        justify-content: stretch;
    }

    .page-section--inspection-show [data-offline-recovery-modal] .ot-footer-btn {
        width: 100%;
        min-height: 46px;
        border-radius: 12px;
        justify-content: center;
    }
}

.page-section--inspection-show .inspection-float-modal__dialog,
.page-section--inspection-show .floorplan-modal__dialog,
.page-section--inspection-show .label-modal__dialog,
.page-section--inspection-show .scan-modal__dialog {
    border-radius: 18px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    box-shadow: 0 28px 80px rgba(25, 19, 9, 0.22);
}

.page-section--inspection-show .inspection-float-modal--compact .label-modal__dialog {
    width: min(460px, calc(100vw - 48px));
    padding: 20px 22px;
}

/* Specificity bumped 2026-04-12 (Tier 5 floorplan migration): the canonical
   .page-section--inspection-show .inspection-modal .modal__dialog rule
   (specificity 0,3,0) sets width: min(640px) which would shrink the floorplan
   modal. Compound .inspection-modal.floorplan-modal selector boosts to 0,4,0
   to preserve the desktop "almost fullscreen with 40px backdrop padding" shape. */
.page-section--inspection-show .inspection-modal.floorplan-modal .floorplan-modal__dialog {
    width: 100%;
    max-width: calc(100vw - 80px);
    height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    padding: 0;
    gap: 0;
}

.page-section--inspection-show .inspection-modal.floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__dialog {
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    min-height: 100dvh;
    padding: 0;
    gap: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.page-section--inspection-show .label-modal__actions,
.page-section--inspection-show .floorplan-modal__actions {
    margin-top: 0;
}

.page-section--inspection-show .property-inspection-filters {
    gap: 14px;
    align-items: start;
}

.page-section--inspection-show .property-inspection-filters label {
    gap: 6px;
}

.page-section--inspection-show .remedial-task-modal__body {
    padding: 18px 22px 22px;
}

.page-section--inspection-show .remedial-detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.page-section--inspection-show .remedial-task-modal__summary strong {
    color: #1a1815;
    font-size: 16px;
}

.page-section--inspection-show .remedial-media {
    display: flex;
    gap: 10px;
}

.page-section--inspection-show .remedial-media figure {
    margin: 0;
    text-align: center;
    flex: 1;
}

.page-section--inspection-show .remedial-media img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
}

.page-section--inspection-show .remedial-media figcaption {
    margin-top: 4px;
    color: #475569;
    font-size: 0.75rem;
}

.page-section--inspection-show .modal__body .door-detail-card {
    border-radius: 14px;
    border: 1px solid rgba(35, 31, 24, 0.08);
    background: #f7f5f0;
    padding: 16px 18px;
}

.page-section--inspection-show .inspection-modal--door .inspection-modal__header {
    padding: 18px 20px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    gap: 12px;
}

.page-section--inspection-show .inspection-modal--door .inspection-modal__title {
    font-size: 19px;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.page-section--inspection-show .inspection-modal--door .modal__body {
    padding: 0;
}

.page-section--inspection-show .modal__body .inspection-door-modal {
    margin: 0;
    padding: 16px;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.page-section--inspection-show .inspection-door-modal__summary {
    background: #edeae3;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
}

.page-section--inspection-show .inspection-door-modal__summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__door-name {
    color: #1a1815;
    font-family: "Space Grotesk", "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.page-section--inspection-show .inspection-door-modal__chips,
.page-section--inspection-show .inspection-door-modal__tap-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.page-section--inspection-show .inspection-door-modal__chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.11);
}

.page-section--inspection-show .inspection-door-modal__chip--status-pass {
    background: rgba(30, 122, 69, 0.08);
    color: #1e7a45;
    border-color: rgba(30, 122, 69, 0.2);
}

.page-section--inspection-show .inspection-door-modal__chip--status-fail {
    background: rgba(176, 48, 48, 0.07);
    color: #b03030;
    border-color: rgba(176, 48, 48, 0.18);
}

.page-section--inspection-show .inspection-door-modal__chip--status-na {
    background: #fff;
    color: #6b6458;
}

.page-section--inspection-show .inspection-door-modal__chip--tag {
    background: #fff;
    color: #6b6458;
}

.page-section--inspection-show .inspection-door-modal__chip--severity-low {
    background: #edeae3;
    color: #9a9188;
}

.page-section--inspection-show .inspection-door-modal__chip--severity-medium {
    background: rgba(196, 149, 16, 0.08);
    color: #c49510;
    border-color: rgba(196, 149, 16, 0.22);
}

.page-section--inspection-show .inspection-door-modal__chip--severity-high {
    background: rgba(176, 48, 48, 0.07);
    color: #b03030;
    border-color: rgba(176, 48, 48, 0.18);
}

.page-section--inspection-show .inspection-door-modal__alert {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 16px;
    color: #6b6458;
    font-size: 12.5px;
    line-height: 1.55;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__alert code {
    background: #fff;
    border-radius: 5px;
    padding: 1px 5px;
    color: #1a1815;
}

.page-section--inspection-show .inspection-door-modal__spec-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__spec-pill {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    color: #6b6458;
    font-size: 12px;
    font-weight: 400;
}

.page-section--inspection-show .inspection-door-modal__spec-pill--muted {
    color: #9a9188;
}

.page-section--inspection-show .inspection-door-modal__meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px 12px;
}

.page-section--inspection-show .inspection-door-modal__notes,
.page-section--inspection-show .inspection-door-modal__component-notes,
.page-section--inspection-show .inspection-door-modal__empty-copy {
    color: #9a9188;
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.55;
}

.page-section--inspection-show .inspection-door-modal__photo-link {
    color: #c49510;
    text-decoration: none;
    border-bottom: 1px solid rgba(196, 149, 16, 0.22);
    padding-bottom: 1px;
    font-size: 12.5px;
    font-weight: 500;
    white-space: nowrap;
}

.page-section--inspection-show .inspection-door-modal__photo-link--small {
    font-size: 12px;
}

.page-section--inspection-show .inspection-door-modal__table-wrap {
    margin: 0 16px 16px;
}

.page-section--inspection-show .inspection-door-modal__table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    overflow: hidden;
}

.page-section--inspection-show .inspection-door-modal__table thead th {
    padding: 9px 14px;
    text-align: left;
    white-space: nowrap;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #9a9188;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__table tbody tr:last-child {
    border-bottom: none;
}

.page-section--inspection-show .inspection-door-modal__table tbody td {
    padding: 10px 14px;
    color: #3d3a34;
    font-size: 13px;
    vertical-align: middle;
}

.page-section--inspection-show .inspection-door-modal__component-name {
    color: #1a1815;
    font-weight: 500;
}

.page-section--inspection-show .inspection-door-modal__table-row--legacy {
    background: rgba(0, 0, 0, 0.015);
}

.page-section--inspection-show .inspection-door-modal__legacy-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    margin-left: 8px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    color: #9a9188;
    font-size: 10.5px;
    font-weight: 600;
}

.page-section--inspection-show .inspection-door-modal__status-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 16px 16px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid rgba(30, 122, 69, 0.2);
    background: rgba(30, 122, 69, 0.08);
}

.page-section--inspection-show .inspection-door-modal__status-bar--fail {
    border-color: rgba(176, 48, 48, 0.18);
    background: rgba(176, 48, 48, 0.07);
}

.page-section--inspection-show .inspection-door-modal__status-metric p {
    margin: 0 0 2px;
    color: #9a9188;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-door-modal__status-metric strong {
    color: #1e7a45;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.page-section--inspection-show .inspection-door-modal__status-bar--fail .inspection-door-modal__status-metric strong {
    color: #b03030;
}

.page-section--inspection-show .inspection-door-modal__severity-value--low {
    color: #9a9188;
}

.page-section--inspection-show .inspection-door-modal__severity-value--medium {
    color: #c49510;
}

.page-section--inspection-show .inspection-door-modal__severity-value--high {
    color: #b03030;
}

.page-section--inspection-show .inspection-door-modal__status-sep {
    width: 1px;
    height: 28px;
    background: rgba(30, 122, 69, 0.2);
    flex-shrink: 0;
}

.page-section--inspection-show .inspection-door-modal__status-bar--fail .inspection-door-modal__status-sep {
    background: rgba(176, 48, 48, 0.18);
}

.page-section--inspection-show .inspection-door-modal__status-note {
    margin-left: auto;
    color: #1e7a45;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-door-modal__status-bar--fail .inspection-door-modal__status-note {
    color: #b03030;
}

.page-section--inspection-show .inspection-door-modal__accordion {
    margin: 0 16px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__accordion-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 11px 0;
    border: 0;
    background: none;
    color: #6b6458;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.page-section--inspection-show .inspection-door-modal__accordion-toggle::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #edeae3;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11);
    position: relative;
    flex-shrink: 0;
}

.page-section--inspection-show .inspection-door-modal__accordion[open] .inspection-door-modal__accordion-toggle {
    color: #3d3a34;
}

.page-section--inspection-show .inspection-door-modal__accordion-panel {
    padding-bottom: 4px;
}

.page-section--inspection-show .inspection-door-modal__form-group {
    margin-bottom: 16px;
}

.page-section--inspection-show .inspection-door-modal__group-title {
    margin: 0 0 14px;
    padding: 12px 16px 10px;
    background: #edeae3;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #3d3a34;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-door-modal__form-grid {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}

.page-section--inspection-show .inspection-door-modal__form-grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.page-section--inspection-show .inspection-door-modal__form-grid--2 {
    grid-template-columns: 1fr 1fr;
}

.page-section--inspection-show .inspection-door-modal__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page-section--inspection-show .inspection-door-modal__field-label,
.page-section--inspection-show .inspection-door-modal__floorplan-label {
    color: #9a9188;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-door-modal__input,
.page-section--inspection-show .inspection-door-modal__select,
.page-section--inspection-show .inspection-door-modal__textarea {
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #edeae3;
    color: #1a1815;
    font: inherit;
}

.page-section--inspection-show .inspection-door-modal__textarea {
    min-height: 72px;
    resize: vertical;
}

.page-section--inspection-show .inspection-door-modal__select {
    appearance: auto;
}

.page-section--inspection-show .inspection-door-modal__tap-option {
    position: relative;
}

.page-section--inspection-show .inspection-door-modal__tap-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.page-section--inspection-show .inspection-door-modal__tap-option span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #edeae3;
    color: #6b6458;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s ease;
}

.page-section--inspection-show .inspection-door-modal__tap-option input:checked + span {
    border-color: rgba(196, 149, 16, 0.22);
    background: rgba(196, 149, 16, 0.08);
    color: #c49510;
}

.page-section--inspection-show .inspection-door-modal__floorplan-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.page-section--inspection-show .inspection-door-modal__floorplan-value {
    color: #1a1815;
    font-size: 12.5px;
}

.page-section--inspection-show .inspection-door-modal__component-edit {
    background: #edeae3;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.page-section--inspection-show .inspection-door-modal__component-edit-head {
    padding: 11px 14px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #1a1815;
    font-size: 13.5px;
    font-weight: 600;
    /* `<summary>` now — show it's clickable. */
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    user-select: none;
}

.page-section--inspection-show .inspection-door-modal__component-edit-head::-webkit-details-marker {
    display: none;
}

/* Chevron — rotates on open. */
.page-section--inspection-show .inspection-door-modal__component-edit-head::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #9a9188;
    border-bottom: 2px solid #9a9188;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
    flex-shrink: 0;
    margin-right: 4px;
}

.page-section--inspection-show .inspection-door-modal__component-edit[open] > .inspection-door-modal__component-edit-head::after {
    transform: rotate(-135deg);
}

/* When closed, drop the head's bottom border (no body below to separate from). */
.page-section--inspection-show .inspection-door-modal__component-edit:not([open]) > .inspection-door-modal__component-edit-head {
    border-bottom: 0;
}

.page-section--inspection-show .inspection-door-modal__component-edit-body {
    padding: 14px;
}

.page-section--inspection-show .inspection-door-modal__photo-zone {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.page-section--inspection-show .inspection-door-modal__photo-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-section--inspection-show .inspection-door-modal__hints {
    margin-top: 8px;
}

.page-section--inspection-show .inspection-door-modal__hints summary {
    color: #9a9188;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.page-section--inspection-show .inspection-door-modal__hints-panel {
    margin-top: 8px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 7px;
}

.page-section--inspection-show .inspection-door-modal__hint-item {
    padding: 3px 0;
    color: #6b6458;
    font-size: 12px;
    font-weight: 300;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.page-section--inspection-show .inspection-door-modal__hint-item:last-child {
    border-bottom: none;
}

.page-section--inspection-show .inspection-door-modal__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

@media (max-width: 900px) {
    /* Modal dimensions, border-radius, and container alignment are owned by
       the canonical `.modal.modal--sheet` rule in style.css (full-screen on
       mobile). Rules below only handle content layout inside the frame. */
    .page-section--inspection-show .inspection-modal__form-grid,
    .page-section--inspection-show .inspection-modal__status-grid {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .inspection-modal__utility-strip {
        flex-wrap: wrap;
    }

    .page-section--inspection-show .inspection-door-modal__form-grid--3,
    .page-section--inspection-show .inspection-door-modal__form-grid--2 {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .inspection-door-modal__summary-head,
    .page-section--inspection-show .inspection-door-modal__meta-row,
    .page-section--inspection-show .inspection-door-modal__status-bar,
    .page-section--inspection-show .inspection-door-modal__floorplan-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-section--inspection-show .inspection-door-modal__status-note {
        margin-left: 0;
    }

    .page-section--inspection-show .inspection-modal--door .inspection-modal__header {
        position: sticky;
        top: 0;
        z-index: 3;
        padding: calc(env(safe-area-inset-top, 0px) + 14px) 16px 14px;
        background: rgba(247, 245, 240, 0.98);
        backdrop-filter: blur(8px);
    }

    .page-section--inspection-show .inspection-modal--door .inspection-modal__title {
        font-size: 22px;
    }

    .page-section--inspection-show .inspection-modal--door .inspection-modal__body {
        flex: 1 1 auto;
        overflow: auto;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
    }

    .page-section--inspection-show .modal__body .door-detail-card {
        border: 0;
        border-radius: 0;
        padding: 0;
        background: transparent;
    }

    .page-section--inspection-show .modal__body .inspection-door-modal {
        padding: 14px;
    }

    .page-section--inspection-show .inspection-door-modal__summary,
    .page-section--inspection-show .inspection-door-modal__status-bar,
    .page-section--inspection-show .inspection-door-modal__accordion {
        margin-left: 0;
        margin-right: 0;
    }

    .page-section--inspection-show .inspection-door-modal__summary {
        border-radius: 18px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show .inspection-door-modal__summary-head {
        padding: 16px 16px 12px;
        gap: 12px;
    }

    .page-section--inspection-show .inspection-door-modal__door-name {
        font-size: 18px;
        line-height: 1.15;
    }

    .page-section--inspection-show .inspection-door-modal__chips {
        width: 100%;
    }

    .page-section--inspection-show .inspection-door-modal__chip,
    .page-section--inspection-show .inspection-door-modal__spec-pill {
        min-height: 32px;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: 600;
    }

    .page-section--inspection-show .inspection-door-modal__alert,
    .page-section--inspection-show .inspection-door-modal__spec-row,
    .page-section--inspection-show .inspection-door-modal__meta-row {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-section--inspection-show .inspection-door-modal__spec-row {
        gap: 8px;
    }

    .page-section--inspection-show .inspection-door-modal__notes,
    .page-section--inspection-show .inspection-door-modal__component-notes,
    .page-section--inspection-show .inspection-door-modal__empty-copy {
        font-size: 14px;
        line-height: 1.55;
    }

    .page-section--inspection-show .inspection-door-modal__table-wrap {
        /* Horizontal padding so component cards sit inset from the beige
           `.inspection-door-modal__summary` container edge. The summary card
           itself has no padding (it lets each section own its own) so without
           this the component cards hit the beige container edge flush. */
        margin: 0 0 14px;
        padding: 0 10px 10px;
    }

    .page-section--inspection-show .inspection-door-modal__table {
        display: block;
        border: 0;
        background: transparent;
    }

    .page-section--inspection-show .inspection-door-modal__table thead {
        display: none;
    }

    .page-section--inspection-show .inspection-door-modal__table tbody {
        display: grid;
        gap: 12px;
    }

    /* Compact card layout — name + status + severity on one row, notes +
       evidence underneath in compact form. Dead-space labels (::before)
       removed because chips/links are self-describing. Tbody row gap
       tightened, per-cell gap zeroed (grid-areas control spacing). */
    .page-section--inspection-show .inspection-door-modal__table tbody {
        gap: 8px;
    }

    .page-section--inspection-show .inspection-door-modal__table tbody tr,
    .page-section--inspection-show .inspection-door-modal__table-row--legacy {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas:
            "name status severity"
            "notes notes notes"
            "evidence evidence evidence";
        column-gap: 8px;
        row-gap: 4px;
        padding: 10px 12px;
        border: 1px solid rgba(0, 0, 0, 0.09);
        border-radius: 12px;
        background: #ffffff;
        align-items: center;
    }

    .page-section--inspection-show .inspection-door-modal__table-row--legacy {
        background: #f6f3ed;
    }

    .page-section--inspection-show .inspection-door-modal__table tbody td {
        display: block;
        padding: 0;
        border: 0;
        font-size: 13px;
        line-height: 1.4;
        min-width: 0;
    }

    /* Hide the up-top label pseudo on mobile — each cell is self-describing
       via its chip / link / text context, so the UPPERCASE labels were pure
       dead space. */
    .page-section--inspection-show .inspection-door-modal__table tbody td::before {
        display: none;
    }

    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Component"] {
        grid-area: name;
    }
    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Status"] {
        grid-area: status;
        text-align: right;
    }
    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Severity"] {
        grid-area: severity;
        text-align: right;
    }
    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Notes"] {
        grid-area: notes;
        color: var(--ink-3, #6b6458);
        font-size: 12.5px;
    }
    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Evidence"] {
        grid-area: evidence;
        font-size: 12.5px;
    }

    /* Hide Evidence cell when there's no photo link — avoids wasted "—" row.
       Photo cells render `<a class="...photo-link">View photo</a>`; empty
       cells render `<span>—</span>`. `:has()` lets us collapse the empty case. */
    .page-section--inspection-show .inspection-door-modal__table tbody td[data-label="Evidence"]:not(:has(a)) {
        display: none;
    }

    /* Chips compact on mobile cards */
    .page-section--inspection-show .inspection-door-modal__table tbody .inspection-door-modal__chip {
        padding: 3px 8px;
        min-height: 22px;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.04em;
    }

    .page-section--inspection-show .inspection-door-modal__component-name {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.25;
    }

    .page-section--inspection-show .inspection-door-modal__legacy-pill {
        margin-left: 6px;
        margin-top: 0;
    }

    .page-section--inspection-show .inspection-door-modal__status-bar {
        gap: 12px;
        padding: 14px 16px;
        border-radius: 16px;
    }

    .page-section--inspection-show .inspection-door-modal__status-sep {
        display: none;
    }

    .page-section--inspection-show .inspection-door-modal__status-metric strong {
        font-size: 18px;
    }

    .page-section--inspection-show .inspection-door-modal__status-note {
        font-size: 12px;
        letter-spacing: 0.08em;
    }

    .page-section--inspection-show .inspection-door-modal__accordion {
        border-top: 0;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 18px;
        overflow: hidden;
    }

    .page-section--inspection-show .inspection-door-modal__accordion-toggle {
        padding: 16px;
        font-size: 15px;
        color: #1a1815;
    }

    .page-section--inspection-show .inspection-door-modal__accordion-panel {
        padding: 0 14px 14px;
    }

    .page-section--inspection-show .inspection-door-modal__group-title {
        margin: 0 0 12px;
        padding: 0;
        background: transparent;
        border: 0;
        color: #c49510;
        font-size: 11px;
    }

    .page-section--inspection-show .inspection-door-modal__form-group {
        margin-bottom: 18px;
        padding: 14px;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f7f5f0;
    }

    .page-section--inspection-show .inspection-door-modal__field {
        gap: 7px;
    }

    .page-section--inspection-show .inspection-door-modal__field-label,
    .page-section--inspection-show .inspection-door-modal__floorplan-label {
        font-size: 10px;
    }

    .page-section--inspection-show .inspection-door-modal__input,
    .page-section--inspection-show .inspection-door-modal__select,
    .page-section--inspection-show .inspection-door-modal__textarea {
        min-height: 48px;
        padding: 12px 14px;
        border-radius: 12px;
        background: #ffffff;
    }

    .page-section--inspection-show .inspection-door-modal__textarea {
        min-height: 108px;
    }

    .page-section--inspection-show .inspection-door-modal__tap-group {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .page-section--inspection-show .inspection-door-modal__tap-option span {
        width: 100%;
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 12px;
        background: #ffffff;
        text-align: center;
    }

    .page-section--inspection-show .inspection-door-modal__floorplan-row {
        gap: 12px;
        padding-top: 4px;
    }

    .page-section--inspection-show .inspection-door-modal__component-edit {
        border-radius: 16px;
        margin-bottom: 12px;
        background: #f7f5f0;
    }

    .page-section--inspection-show .inspection-door-modal__component-edit-head {
        padding: 14px 14px 12px;
        font-size: 15px;
    }

    .page-section--inspection-show .inspection-door-modal__component-edit-body {
        padding: 14px;
    }

    .page-section--inspection-show .inspection-door-modal__photo-zone {
        gap: 10px;
    }

    .page-section--inspection-show .inspection-door-modal__photo-meta {
        justify-content: flex-start;
    }

    .page-section--inspection-show .inspection-door-modal__footer {
        margin-top: 14px;
    }

    .page-section--inspection-show .inspection-door-modal__footer .btn {
        width: 100%;
        min-height: 48px;
    }
}

html[data-theme="dark"] .file-upload-card {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(148, 163, 184, 0.28);
}

html[data-theme="dark"] .file-upload-card__action {
    background: rgba(2, 6, 23, 0.6);
}

html[data-theme="dark"] .floorplan-tag-preview {
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .door-floor-chip {
    background: rgba(59, 130, 246, 0.16);
    color: #bfdbfe;
}

html[data-theme="dark"] .door-floor-chip--empty {
    background: rgba(148, 163, 184, 0.12);
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .door-floor-chip__pin {
    color: #93c5fd;
}

html[data-theme="dark"] .door-floor-chip__pin--muted {
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .cap-setup-specs-accordion {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .cap-setup-specs-accordion {
    background: transparent;
    border-color: transparent;
}

html[data-theme="dark"] .page-section--inspection-show .cap-setup-specs-accordion__body {
    border-top-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .page-section--inspection-show .cap-setup-specs-accordion__title,
html[data-theme="dark"] .page-section--inspection-show .cap-setup-section-heading {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .cap-section--setup .cap-setup-field--location > .f-label {
    color: rgba(250, 204, 21, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .cap-section--setup .cap-setup-icm-progress.icm-mobile-statusbanner--setup,
html[data-theme="dark"] .page-section--inspection-show .cap-section--notes .cap-setup-icm-progress.icm-mobile-statusbanner--notes,
html[data-theme="dark"] .page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress.icm-mobile-statusbanner--review {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .cap-section--setup .cap-setup-icm-progress.icm-mobile-statusbanner--setup .icm-mobile-statusbanner__icon,
html[data-theme="dark"] .page-section--inspection-show .cap-section--notes .cap-setup-icm-progress.icm-mobile-statusbanner--notes .icm-mobile-statusbanner__icon,
html[data-theme="dark"] .page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress.icm-mobile-statusbanner--review .icm-mobile-statusbanner__icon {
    background: rgba(148, 163, 184, 0.35);
}

html[data-theme="dark"] .page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong,
html[data-theme="dark"] .page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong,
html[data-theme="dark"] .page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .cap-section--setup .cap-setup-icm-progress .icm-mobile-statusbanner__copy p,
html[data-theme="dark"] .page-section--inspection-show .cap-section--notes .cap-setup-icm-progress .icm-mobile-statusbanner__copy p,
html[data-theme="dark"] .page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy p {
    color: rgba(148, 163, 184, 0.88);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup {
    background: rgba(241, 245, 249, 0.96);
    color: #0f172a;
    border-color: rgba(148, 163, 184, 0.35);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .cap-section--setup .tag-btn--door-setup:hover:not(:disabled) {
    background: #ffffff;
    border-color: rgba(250, 204, 21, 0.45);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .component-row__helper {
    color: rgba(203, 213, 225, 0.88);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] .cl-photo-title {
    color: rgba(250, 204, 21, 0.9);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-copy {
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .file-upload-card__action {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: none;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .file-upload-card--has-value .file-upload-card__action {
    border-color: rgba(74, 222, 128, 0.28);
    background: rgba(30, 122, 69, 0.1);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .file-upload-card__icon {
    background: rgba(250, 204, 21, 0.12);
    color: #e3b008;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .file-upload-card--has-value .file-upload-card__icon {
    background: rgba(74, 222, 128, 0.12);
    color: #4ade80;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload .file-upload-card__action strong {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-upload .file-upload-card__action p {
    color: rgba(148, 163, 184, 0.88);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-add {
    border-color: rgba(148, 163, 184, 0.22);
    color: #e3b008;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-add:hover {
    background: rgba(250, 204, 21, 0.08);
    border-color: rgba(250, 204, 21, 0.28);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .component-evidence-remove,
html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-remove] {
    background: rgba(127, 29, 29, 0.15);
    border-color: rgba(248, 113, 113, 0.25);
    color: #f87171;
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active [data-component-photo-area].is-invalid .component-evidence-upload .file-upload-card__action {
    border-color: rgba(248, 113, 113, 0.55) !important;
    background: rgba(127, 29, 29, 0.2);
    box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-label {
    color: rgba(241, 245, 249, 0.94);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-textarea {
    background: rgba(2, 6, 23, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .icm-mobile-shell--active .icm-mobile-stage-slot > [data-icm-surface="component"] [data-component-notes-field] .f-hint {
    color: rgba(148, 163, 184, 0.88);
}

html[data-theme="dark"] .page-section--inspection-show .cap-review-readout {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.2);
    box-shadow: none;
}

html[data-theme="dark"] .page-section--inspection-show .cap-review-readout__item {
    background: rgba(2, 6, 23, 0.55);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .page-section--inspection-show .cap-review-readout__label {
    color: rgba(250, 204, 21, 0.88);
}

html[data-theme="dark"] .page-section--inspection-show .cap-review-readout__value {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .cap-review-readout__detail {
    color: rgba(148, 163, 184, 0.9);
}

html[data-theme="dark"] .page-section--inspection-show .cap-status-summary[data-summary-door-status="pass"] [data-door-summary-status] {
    color: #4ade80;
}

html[data-theme="dark"] .page-section--inspection-show .cap-status-summary[data-summary-door-status="fail"] [data-door-summary-status] {
    color: #f87171;
}

html[data-theme="dark"] .page-section--inspection-show .quick-fill-chip {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148, 163, 184, 0.22);
    color: rgba(226, 232, 240, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .quick-fill-chip:hover,
html[data-theme="dark"] .page-section--inspection-show .quick-fill-chip:focus-visible {
    border-color: rgba(250, 204, 21, 0.45);
    color: rgba(241, 245, 249, 0.98);
}

html[data-theme="dark"] .floorplan-modal__dialog,
html[data-theme="dark"] .scan-modal__dialog,
html[data-theme="dark"] .label-modal__dialog {
    background: rgba(2, 6, 23, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.65);
}

html[data-theme="dark"] .label-modal__preview {
    background: rgba(148, 163, 184, 0.1);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal .modal__dialog {
    background: rgba(2, 6, 23, 0.94);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__title,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__summary-title,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__status-value,
html[data-theme="dark"] .page-section--inspection-show .remedial-task-modal__summary strong {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .page-section--inspection-show .remedial-media figcaption {
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__subcopy,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__meta,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__field-note,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__empty-copy {
    color: rgba(148, 163, 184, 0.9);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__section {
    background: rgba(15, 23, 42, 0.82);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__section--inset,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__status-card,
html[data-theme="dark"] .page-section--inspection-show .modal__body .door-detail-card {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__list li,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal .modal__close,
html[data-theme="dark"] .page-section--inspection-show .inspection-float-modal .btn.btn-link {
    background: rgba(15, 23, 42, 0.68);
    border-color: rgba(148, 163, 184, 0.18);
    color: rgba(226, 232, 240, 0.86);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__form-shell input[type="text"],
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__form-shell input[type="date"],
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__form-shell select,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__section input[type="text"],
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__section input[type="date"],
html[data-theme="dark"] .page-section--inspection-show .inspection-modal__section select {
    background: rgba(2, 6, 23, 0.72);
    border-color: rgba(148, 163, 184, 0.2);
    color: rgba(241, 245, 249, 0.94);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal__actions--footer,
html[data-theme="dark"] .page-section--inspection-show .inspection-modal .modal__actions {
    background: rgba(2, 6, 23, 0.94);
    border-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal__header {
    background: rgba(15, 23, 42, 0.96);
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal__tabs {
    background: rgba(15, 23, 42, 0.72);
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal__tabs button {
    background: rgba(15, 23, 42, 0.65);
    border-color: rgba(148, 163, 184, 0.22);
    color: rgba(226, 232, 240, 0.86);
}

html[data-theme="dark"] .floorplan-modal__tabs button.is-active {
    background: var(--button-primary, #1a1815);
    color: #fff;
    border-color: var(--button-primary, #1a1815);
}

html[data-theme="dark"] .floorplan-modal__hint {
    background: rgba(15, 23, 42, 0.55);
    border-top-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal__status {
    background: rgba(15, 23, 42, 0.72);
    border-top-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal__actions {
    background: rgba(2, 6, 23, 0.94);
    border-top-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-gallery__pill {
    background: rgba(59, 130, 246, 0.16);
    color: #bfdbfe;
}

html[data-theme="dark"] .floorplan-gallery__empty {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(148, 163, 184, 0.28);
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .floorplan-gallery__hint,
html[data-theme="dark"] .floorplan-modal__hint,
html[data-theme="dark"] .floorplan-modal__status {
    color: rgba(148, 163, 184, 0.92);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen,
html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__dialog {
    background: rgba(2, 6, 23, 0.98);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header {
    background: rgba(15, 23, 42, 0.96);
    border-bottom-color: rgba(148, 163, 184, 0.18);
    box-shadow: none;
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__eyebrow {
    color: #e8c252;
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .inspection-modal__title {
    color: rgba(241, 245, 249, 0.96);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__header .btn-link {
    color: rgba(226, 232, 240, 0.9);
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs {
    background: rgba(15, 23, 42, 0.96);
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs button {
    background: rgba(2, 6, 23, 0.65);
    border-color: rgba(148, 163, 184, 0.22);
    color: rgba(226, 232, 240, 0.88);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__tabs button.is-active {
    background: var(--button-primary, #1a1815);
    color: #fff;
    border-color: var(--button-primary, #1a1815);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__stage {
    background: #0f0c09;
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__status {
    background: rgba(15, 23, 42, 0.88);
    color: rgba(203, 213, 225, 0.92);
    border-top-color: rgba(148, 163, 184, 0.16);
    border-bottom-color: rgba(148, 163, 184, 0.16);
}

html[data-theme="dark"] .floorplan-modal.floorplan-modal--fullscreen .floorplan-modal__actions {
    background: rgba(2, 6, 23, 0.96);
    border-top-color: rgba(148, 163, 184, 0.2);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-layout-toggle__hint {
    color: rgba(148, 163, 184, 0.88);
}

html[data-theme="dark"] .reminder-option__label {
    color: rgba(226, 232, 240, 0.92);
}

html[data-theme="dark"] .tag-card__qr {
    border-color: rgba(148, 163, 184, 0.22);
}

.page-section--inspection-show {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 0 28px;
    overflow-x: clip;
}

.page-section--inspection-show .inspection-tab-panel[hidden] {
    display: none;
}

.page-section--inspection-show .inspection-tab-panels,
.page-section--inspection-show .inspection-tab-panel,
.page-section--inspection-show .tab-content,
.page-section--inspection-show .sc-strip,
.page-section--inspection-show .show-info-row,
.page-section--inspection-show .layout-tags-grid,
.page-section--inspection-show .layout-tags-grid > *,
.page-section--inspection-show .doors-filter,
.page-section--inspection-show .doors-table,
.page-section--inspection-show .card-section,
.page-section--inspection-show .lt-card,
.page-section--inspection-show .tl-controls,
.page-section--inspection-show .tl-timeline-wrap,
.page-section--inspection-show .tl-event,
.page-section--inspection-show .df-header,
.page-section--inspection-show .df-meta {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.page-section--inspection-show .inspection-tabs {
    box-sizing: border-box;
    max-width: none;
}

.page-section--inspection-show .capture-desktop-gate__notice {
    display: none;
}

.page-section--inspection-show .capture-desktop-gate__content {
    display: block;
}

.page-section--inspection-show .door-overview-table td strong {
    display: block;
    font-weight: 600;
    color: var(--text, #0f172a);
}

.page-section--inspection-show .layout-tags-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
}

.page-section--inspection-show .doors-table {
    overflow-x: auto;
}

/* Doors + Timeline filter drawers now use canonical `.tnt-filter-drawer`
   (see tnt-filter-drawer.css). Previous bespoke drawer-as-right-panel
   CSS removed 2026-04-21 — canonical is bottom-sheet on mobile,
   unwraps to inline on desktop. */

@media (max-width: 1024px) {
    .page-section--inspection-show .inspection-tabs {
        display: flex;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .page-section--inspection-show .inspection-tabs::-webkit-scrollbar {
        display: none;
    }

    .page-section--inspection-show .inspection-tab-button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .page-section--inspection-show .show-info-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .page-section--inspection-show {
        padding: 0 0 24px;
        background: #f7f5f0;
        overflow-x: clip;
    }

    .page-section--inspection-show .insp-header {
        width: 100%;
        max-width: 100%;
        padding: 16px 32px;
        background: #ffffff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    .page-section--inspection-show .ih-back {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 12px;
        color: #9a9188;
        font-size: 12px;
        text-decoration: none;
    }

    .page-section--inspection-show .ih-back svg,
    .page-section--inspection-show .ih-meta-item svg {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
    }

    .page-section--inspection-show .ih-main {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .ih-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;
    }

    .page-section--inspection-show .ih-title {
        font-family: "Space Grotesk", "Inter", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.03em;
        color: #1a1815;
    }

    .page-section--inspection-show .ih-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 14px;
    }

    .page-section--inspection-show .ih-meta-item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #9a9188;
        font-size: 12px;
    }

    .page-section--inspection-show .ih-meta-item strong {
        color: #6b6458;
        font-weight: 500;
    }

    .page-section--inspection-show .ih-right--desktop {
        display: none;
    }

    .page-section--inspection-show .ih-mobile-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .ih-mobile-actions .ph-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 9px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #3d3a34;
        font: 500 12.5px/1 "Inter", sans-serif;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .ih-mobile-actions .ph-btn.is-active {
        background: #1a1815;
        border-color: #1a1815;
        color: #ffffff;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions {
        position: relative;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions > summary {
        list-style: none;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions > summary::-webkit-details-marker {
        display: none;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions__panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: auto;
        width: min(260px, calc(100vw - 32px));
        min-width: 0;
        max-width: calc(100vw - 32px);
        padding: 8px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        z-index: 20;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions:not([open]) .show-more-actions__panel {
        display: none;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions__item {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 9px 10px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #3d3a34;
        font: 500 12.5px/1.4 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions__item:hover,
    .page-section--inspection-show .ih-mobile-actions .show-more-actions__item:focus {
        background: #f2efe9;
        color: #1a1815;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions__item.is-disabled {
        color: #9a9188;
        cursor: default;
    }

    .page-section--inspection-show .ih-mobile-actions .show-more-actions__divider {
        height: 1px;
        margin: 6px 0;
        background: rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        max-width: 100%;
        padding: 10px 24px;
        background: #edeae3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Reset mobile.css `.content { overflow-wrap: anywhere }` so pills/buttons don’t break mid-word. */
        overflow-wrap: normal;
        word-break: normal;
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page::-webkit-scrollbar {
        display: none;
    }

    .page-section--inspection-show .os-badge,
    .page-section--inspection-show .os-btn {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 11.5px;
        font-weight: 500;
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page .os-badge,
    .page-section--inspection-show .offline-strip.inspection-offline-actions--page .os-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page .os-btn svg {
        flex-shrink: 0;
        width: 12px;
        height: 12px;
        max-inline-size: none;
    }

    .page-section--inspection-show .os-badge {
        padding: 4px 10px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .os-autosave {
        background: #ffffff;
        color: #3d3a34;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .os-neutral {
        background: #ffffff;
        color: #6b6458;
    }

    .page-section--inspection-show .os-btn {
        padding: 5px 10px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #6b6458;
        cursor: pointer;
    }

    .page-section--inspection-show .os-sp {
        display: none;
    }

    .page-section--inspection-show .os-storage,
    .page-section--inspection-show .inspection-offline-progress {
        flex: 0 0 auto;
        font-size: 11px;
        color: #9a9188;
    }

    .page-section--inspection-show .sc-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 16px 0;
    }

    .page-section--inspection-show .sc {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        padding: 14px;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .sc-label {
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #9a9188;
    }

    .page-section--inspection-show .sc-value {
        font-family: "Space Grotesk", "Inter", sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.03em;
        color: #1a1815;
    }

    .page-section--inspection-show .sc-foot,
    .page-section--inspection-show .sc-sig,
    .page-section--inspection-show .sc-sig-link {
        font-size: 11px;
        color: #9a9188;
    }

    .page-section--inspection-show .show-sig-img {
        display: block;
        max-width: 100%;
        max-height: 34px;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        padding: 4px 8px;
    }

    .page-section--inspection-show .show-info-row--page {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 12px 16px 0;
    }

    .page-section--inspection-show .inspection-summary-overview {
        display: none;
    }

    .page-section--inspection-show .inspection-summary-overview.is-open {
        display: block;
    }

    .page-section--inspection-show .ir-card {
        min-width: 0;
        background: #ffffff;
        border-radius: 12px;
        padding: 16px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .ir-label {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 6px;
        color: #9a9188;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .ir-label-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #edeae3;
        border: 1px solid rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .ir-label-dot.connected {
        background: #1e7a45;
    }

    .page-section--inspection-show .ir-label-dot.warn {
        background: #c49510;
    }

    .page-section--inspection-show .ir-title {
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 600;
        color: #1a1815;
    }

    .page-section--inspection-show .ir-sub,
    .page-section--inspection-show .ir-summary-label,
    .page-section--inspection-show .ir-warn {
        color: #9a9188;
        font-size: 12px;
    }

    .page-section--inspection-show .ir-actions {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .ir-action {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 6px 10px;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #6b6458;
        font: 500 11.5px/1 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
    }

    .page-section--inspection-show .inspection-tabs {
        margin: 16px 16px 0;
        padding: 4px;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .inspection-tab-button {
        padding: 10px 16px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #9a9188;
        font: 500 13px/1 "Inter", sans-serif;
    }

    .page-section--inspection-show .inspection-tab-button.is-active {
        background: #1a1815;
        color: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .inspection-tab-panels {
        margin-top: 0;
    }

    .page-section--inspection-show .tab-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 18px 16px 0;
    }

    .page-section--inspection-show .capture-desktop-gate > .tab-content {
        gap: 0;
        padding: 0;
    }

    .page-section--inspection-show .capture-desktop-gate .icm-mobile-entry {
        padding: 18px 16px 4px;
    }

    .page-section--inspection-show .doors-filter,
    .page-section--inspection-show .doors-table,
    .page-section--inspection-show .lt-card,
    .page-section--inspection-show .card-section,
    .page-section--inspection-show .tl-controls,
    .page-section--inspection-show .tl-event,
    .page-section--inspection-show .cap-section,
    .page-section--inspection-show .checklist-card,
    .page-section--inspection-show .cap-status-row,
    .page-section--inspection-show .offline-status-card {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
        border: 0;
    }

    .page-section--inspection-show .lt-card,
    .page-section--inspection-show .card-section {
        overflow: hidden;
    }

    .page-section--inspection-show .layout-tags-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .page-section--inspection-show .capture-page-head {
        padding: 4px 0 0;
    }

    .page-section--inspection-show .capture-header-title,
    .page-section--inspection-show .lt-title,
    .page-section--inspection-show .cs-title,
    .page-section--inspection-show .cap-sec-title {
        margin: 0;
        color: #1a1815;
        font-size: 15px;
        font-weight: 600;
    }

    .page-section--inspection-show .capture-header-sub,
    .page-section--inspection-show .cap-sec-sub,
    .page-section--inspection-show .lt-sub,
    .page-section--inspection-show .fu-body-note,
    .page-section--inspection-show .cs-body .text-muted,
    .page-section--inspection-show .f-hint,
    .page-section--inspection-show .small-text.text-muted,
    .page-section--inspection-show .tiny-text.text-muted {
        color: #9a9188;
    }

    .page-section--inspection-show .cap-sec-label,
    .page-section--inspection-show .lt-eyebrow,
    .page-section--inspection-show .cs-eyebrow,
    .page-section--inspection-show .fu-rem-label {
        color: #c49510;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .inspection-capture-form {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .inspection-capture-form:not(.door-stepper--active) .inspection-capture-operational,
    .page-section--inspection-show .inspection-capture-form:not(.door-stepper--active) .capture-grid,
    .page-section--inspection-show .inspection-capture-form:not(.door-stepper--active) .offline-status-card {
        display: none;
    }

    .page-section--inspection-show .inspection-capture-form.door-stepper--active:not(.icm-mobile-detail):not(.icm-mobile-component):not(.icm-mobile-review) .capture-grid,
    .page-section--inspection-show .inspection-capture-form.door-stepper--active:not(.icm-mobile-detail):not(.icm-mobile-component):not(.icm-mobile-review) .offline-status-card {
        display: none;
    }

    .page-section--inspection-show .inspection-capture-form.door-stepper--active .inspection-capture-operational {
        display: block;
    }

    .page-section--inspection-show .icm-mobile-entry {
        padding: 0;
    }

    .page-section--inspection-show .icm-mobile-setupclose {
        width: 34px;
        height: 34px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 9px;
        background: #ffffff;
        color: #3d3a34;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .icm-mobile-setupclose svg {
        width: 14px;
        height: 14px;
    }
}

.show-more-actions__hint {
    opacity: 0.6;
}

.page-section--inspection-show .show-more-actions__item--pdf {
    justify-content: space-between;
    gap: 10px;
}

.page-section--inspection-show .show-more-actions__item-label {
    flex: 1;
    min-width: 0;
}

.page-section--inspection-show .show-more-actions__pdf-spinner {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(61, 58, 52, 0.22);
    border-top-color: rgba(26, 24, 21, 0.88);
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    pointer-events: none;
}

.page-section--inspection-show .show-more-actions__item--pdf.is-pdf-loading .show-more-actions__pdf-spinner {
    opacity: 1;
    visibility: visible;
    animation: inspection-show-pdf-spinner 0.65s linear infinite;
}

.page-section--inspection-show .show-more-actions__item--pdf.is-pdf-loading {
    pointer-events: none;
    opacity: 0.88;
    cursor: wait;
}

@keyframes inspection-show-pdf-spinner {
    to {
        transform: rotate(360deg);
    }
}

.inspection-offline-progress {
    font-size: 11.5px;
    color: #9a9188;
}

.ir-actions--spaced {
    margin-bottom: 8px;
}

.inspection-inline-form {
    display: inline;
}

.ir-logo-wrap {
    margin-bottom: 8px;
}

.ir-logo {
    max-height: 28px;
    width: auto;
}

.ir-sub--empty {
    margin-bottom: 10px;
}

.ir-summary-stack {
    margin-top: 8px;
}

.ir-note-preview {
    margin-top: 8px;
    font-size: 12px;
    color: #9a9188;
    font-style: italic;
}

.lt-plan-count {
    font-size: 11px;
}

.doors-empty-state,
.doors-empty-note,
.fu-body-note,
.fu-footer-note,
.timeline-empty {
    font-size: 12.5px;
    color: #9a9188;
}

.doors-empty-state {
    margin: 0;
}

.doors-empty-note {
    padding: 12px 20px;
    margin: 0;
}

.fu-inline-note {
    margin-top: 8px;
    font-size: 12px;
    color: #3d3a34;
    line-height: 1.5;
}

.fu-body-note {
    margin: 0 0 14px;
}

.fu-footer-note {
    margin-top: 10px;
    font-size: 12px;
}

.timeline-empty {
    padding: 20px 0;
}

.tl-actor-byline {
    color: #9a9188;
}

.page-section--inspection-show .tl-filter-copy {
    display: none;
}

@media (min-width: 1025px) {
    .content:has(.page-section--inspection-show) {
        padding-left: 0;
        padding-right: 0;
    }

    .page-section--inspection-show {
        padding: 0 0 28px;
        background: #f7f5f0;
    }

    .page-section--inspection-show .insp-header {
        background: #ffffff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        padding: 18px 32px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .ih-back {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 14px;
        color: #9a9188;
        font-size: 12px;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    .page-section--inspection-show .ih-back:hover {
        color: #c49510;
    }

    .page-section--inspection-show .ih-back svg,
    .page-section--inspection-show .ih-meta-item svg {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
    }

    .page-section--inspection-show .ih-main {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .page-section--inspection-show .ih-title-row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 5px;
    }

    .page-section--inspection-show .ih-title {
        font-family: "Space Grotesk", "Inter", sans-serif;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.025em;
        color: #1a1815;
    }

    .page-section--inspection-show .ih-meta {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .ih-meta-item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #9a9188;
        font-size: 12.5px;
    }

    .page-section--inspection-show .ih-meta-item strong {
        color: #6b6458;
        font-weight: 500;
    }

    .page-section--inspection-show .ih-right {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
    }

    .page-section--inspection-show .qr-door-card,
    .page-section--inspection-show .tag-card {
        background: #f7f5f0;
        border: 1px solid rgba(0, 0, 0, 0.07);
        box-shadow: none;
    }

    .page-section--inspection-show .ph-btn {
        gap: 6px;
    }

    .page-section--inspection-show .ph-btn svg {
        width: 13px;
        height: 13px;
    }

    .page-section--inspection-show .show-more-actions {
        position: relative;
    }

    .page-section--inspection-show .show-more-actions summary {
        list-style: none;
    }

    .page-section--inspection-show .show-more-actions summary::-webkit-details-marker {
        display: none;
    }

    .page-section--inspection-show .show-more-actions__panel {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        min-width: 220px;
        padding: 8px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        z-index: 12;
    }

    .page-section--inspection-show .show-more-actions:not([open]) .show-more-actions__panel {
        display: none;
    }

    .page-section--inspection-show .show-more-actions__item {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 9px 10px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #3d3a34;
        font: 500 12.5px/1.4 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
        text-align: left;
    }

    .page-section--inspection-show .show-more-actions__item:hover,
    .page-section--inspection-show .show-more-actions__item:focus {
        background: #f2efe9;
        color: #1a1815;
    }

    .page-section--inspection-show .show-more-actions__item.is-disabled {
        color: #9a9188;
        cursor: default;
    }

    .page-section--inspection-show .show-more-actions__divider {
        height: 1px;
        margin: 6px 0;
        background: rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .offline-strip {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 28px;
        background: #edeae3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .os-badge,
    .page-section--inspection-show .os-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border-radius: 999px;
        font-size: 11.5px;
        font-weight: 500;
    }

    .page-section--inspection-show .os-badge {
        padding: 3px 10px;
        border: 1px solid rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .os-autosave {
        background: #ffffff;
        color: #3d3a34;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .os-neutral {
        background: #ffffff;
        color: #6b6458;
    }

    .page-section--inspection-show .os-btn {
        padding-inline: 12px;
    }

    .page-section--inspection-show .os-btn svg {
        width: 12px;
        height: 12px;
    }

    .page-section--inspection-show .btn.btn-link,
    .page-section--inspection-show a.btn.btn-link {
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font: 600 12.5px/1.3 "Inter", sans-serif;
    }

    .page-section--inspection-show .os-sp {
        flex: 1;
    }

    .page-section--inspection-show .os-storage {
        font-size: 11.5px;
        color: #9a9188;
    }

    .page-section--inspection-show .insp-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 3px 10px;
        border-radius: 999px;
        border: 1px solid transparent;
        font-size: 11.5px;
        font-weight: 600;
    }

    .page-section--inspection-show .insp-chip-dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: currentColor;
    }

    .page-section--inspection-show .insp-chip--sched {
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border-color: rgba(37, 99, 168, 0.15);
    }

    .page-section--inspection-show .insp-chip--live {
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        border-color: rgba(196, 149, 16, 0.22);
    }

    .page-section--inspection-show .insp-chip--ok {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .sc-strip {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
        padding: 20px 28px 0;
    }

    .page-section--inspection-show .sc {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        padding: 14px 16px;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .sc-label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #9a9188;
    }

    .page-section--inspection-show .sc-value {
        font-family: "Space Grotesk", "Inter", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.03em;
        color: #1a1815;
    }

    .page-section--inspection-show .sc-value.warn {
        color: #b03030;
    }

    .page-section--inspection-show .sc-value.ok {
        color: #1e7a45;
    }

    .page-section--inspection-show .sc-foot,
    .page-section--inspection-show .sc-sig,
    .page-section--inspection-show .sc-sig-link {
        font-size: 11px;
        color: #9a9188;
    }

    .page-section--inspection-show .show-sig-img {
        display: block;
        max-width: 100%;
        max-height: 34px;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        padding: 4px 8px;
    }

    .page-section--inspection-show .show-info-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        padding: 14px 28px 0;
    }

    .page-section--inspection-show .ir-card {
        min-width: 0;
        background: #ffffff;
        border-radius: 10px;
        padding: 16px 18px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .ir-label {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 6px;
        color: #9a9188;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .ir-label-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #edeae3;
        border: 1px solid rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .ir-label-dot.connected {
        background: #1e7a45;
    }

    .page-section--inspection-show .ir-label-dot.warn {
        background: #c49510;
    }

    .page-section--inspection-show .ir-title {
        margin-bottom: 2px;
        font-size: 15px;
        font-weight: 600;
        color: #1a1815;
    }

    .page-section--inspection-show .ir-sub,
    .page-section--inspection-show .ir-summary-label,
    .page-section--inspection-show .ir-warn {
        color: #9a9188;
        font-size: 12px;
    }

    .page-section--inspection-show .ir-actions {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .ir-action {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 5px 10px;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #6b6458;
        font: 500 11.5px/1 "Inter", sans-serif;
        text-decoration: none;
        cursor: pointer;
    }

    .page-section--inspection-show .ir-action:hover {
        background: #f2efe9;
        color: #1a1815;
    }

    @media (min-width: 1025px) {
        .page-section--inspection-show .inspection-tabs {
            display: flex;
            gap: 0;
            width: fit-content;
            margin: 20px 28px 0;
            padding: 4px;
            border-radius: 10px;
            border: 1px solid rgba(0, 0, 0, 0.07);
            background: #ffffff;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
        }

        .page-section--inspection-show .inspection-tab-button {
            padding: 8px 18px;
            border: 0;
            border-radius: 7px;
            background: transparent;
            color: #9a9188;
            font: 500 13px/1 "Inter", sans-serif;
            cursor: pointer;
            white-space: nowrap;
        }

        .page-section--inspection-show .inspection-tab-button:hover {
            color: #3d3a34;
        }

        .page-section--inspection-show .inspection-tab-button.is-active {
            background: #1a1815;
            color: #ffffff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
        }

        .page-section--inspection-show .inspection-tab-panels {
            margin-top: 0;
        }

        .page-section--inspection-show .tab-content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 20px 32px 0;
        }
    }

    .page-section--inspection-show .doors-filter,
    .page-section--inspection-show .doors-table,
    .page-section--inspection-show .lt-card,
    .page-section--inspection-show .card-section,
    .page-section--inspection-show .tl-controls,
    .page-section--inspection-show .tl-event,
    .page-section--inspection-show .cap-section,
    .page-section--inspection-show .checklist-card,
    .page-section--inspection-show .cap-status-row,
    .page-section--inspection-show .offline-status-card {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
        border: 0;
    }

    .page-section--inspection-show .capture-page-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .page-section--inspection-show .capture-header-title,
    .page-section--inspection-show .lt-title,
    .page-section--inspection-show .cs-title,
    .page-section--inspection-show .cap-sec-title {
        margin: 0;
        color: #1a1815;
        font-size: 14px;
        font-weight: 600;
    }

    .page-section--inspection-show .capture-header-sub,
    .page-section--inspection-show .cap-sec-sub,
    .page-section--inspection-show .lt-sub,
    .page-section--inspection-show .fu-body-note,
    .page-section--inspection-show .cs-body .text-muted,
    .page-section--inspection-show .f-hint,
    .page-section--inspection-show .small-text.text-muted,
    .page-section--inspection-show .tiny-text.text-muted {
        color: #9a9188;
    }

    .page-section--inspection-show .cap-sec-label,
    .page-section--inspection-show .lt-eyebrow,
    .page-section--inspection-show .cs-eyebrow,
    .page-section--inspection-show .fu-rem-label {
        color: #c49510;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .inspection-capture-operational,
    .page-section--inspection-show .door-step--intro,
    .page-section--inspection-show .door-stepper__controls {
        display: none !important;
    }

    .page-section--inspection-show .inspection-capture-form {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .capture-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
        gap: 16px;
        align-items: start;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .capture-grid__primary,
    .page-section--inspection-show .capture-grid__secondary {
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 0;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .cap-sec-header,
    .page-section--inspection-show .cl-header,
    .page-section--inspection-show .lt-header,
    .page-section--inspection-show .cs-header,
    .page-section--inspection-show .df-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .cap-sec-body,
    .page-section--inspection-show .lt-card .lt-body,
    .page-section--inspection-show .cs-body {
        padding: 18px 20px;
    }

    .page-section--inspection-show .lt-card .lt-body,
    .page-section--inspection-show .card-section .cs-body {
        border-radius: 0 0 12px 12px;
    }

    .page-section--inspection-show .field {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show .field:last-child {
        margin-bottom: 0;
    }

    .page-section--inspection-show .field--tight {
        margin-bottom: 0;
    }

    .page-section--inspection-show .f-label {
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .f-input,
    .page-section--inspection-show .f-select,
    .page-section--inspection-show .f-textarea,
    .page-section--inspection-show .df-search input,
    .page-section--inspection-show .df-sel,
    .page-section--inspection-show .qr-select,
    .page-section--inspection-show .tl-filter-label select {
        width: 100%;
        min-width: 0;
        min-height: 28px;
        height: 28px;
        padding: 0 24px 0 9px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 7px;
        background: #f7f5f0;
        color: #1a1815;
    }

    .page-section--inspection-show .tl-filter-label {
        display: flex;
        align-items: center;
        min-width: 0;
        margin: 0;
    }

    .page-section--inspection-show .tl-filter-label select,
    .page-section--inspection-show .tl-filter-select {
        min-width: 138px;
        font: 500 11.5px/1 "Inter", sans-serif;
        box-shadow: none;
    }

    .page-section--inspection-show .f-input::placeholder,
    .page-section--inspection-show .f-textarea::placeholder {
        color: #9a9188;
    }

    .page-section--inspection-show .f-input:focus,
    .page-section--inspection-show .f-select:focus,
    .page-section--inspection-show .f-textarea:focus,
    .page-section--inspection-show .df-search input:focus,
    .page-section--inspection-show .df-sel:focus,
    .page-section--inspection-show .qr-select:focus,
    .page-section--inspection-show .tl-filter-label select:focus {
        outline: none;
        border-color: rgba(196, 149, 16, 0.35);
        box-shadow: 0 0 0 3px rgba(196, 149, 16, 0.08);
    }

    .page-section--inspection-show .f-select option,
    .page-section--inspection-show .df-sel option,
    .page-section--inspection-show .qr-select option,
    .page-section--inspection-show .tl-filter-label select option {
        background: #ffffff;
        color: #1a1815;
    }

    .page-section--inspection-show .f-textarea {
        min-height: 92px;
        resize: vertical;
    }

    .page-section--inspection-show .dim-row,
    .page-section--inspection-show .capture-spec-grid {
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show .dim-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 14px;
    }

    .page-section--inspection-show .capture-spec-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .page-section--inspection-show .door-type-fieldset {
        margin: 0;
        padding: 0;
        border: 0;
        min-width: 0;
    }

    .page-section--inspection-show .type-btns {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .type-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        margin: 0;
    }

    .page-section--inspection-show .type-btn input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .page-section--inspection-show .type-btn span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 118px;
        padding: 8px 16px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #3d3a34;
        font: 500 12.5px/1 "Inter", sans-serif;
        transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    }

    .page-section--inspection-show .type-btn span:hover,
    .page-section--inspection-show .type-btn input:focus-visible + span {
        border-color: rgba(196, 149, 16, 0.35);
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
    }

    .page-section--inspection-show .type-btn input:checked + span {
        border-color: rgba(196, 149, 16, 0.22);
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        box-shadow: inset 0 0 0 1px rgba(196, 149, 16, 0.16);
    }

    .page-section--inspection-show .capture-tag-block {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page-section--inspection-show .tag-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid rgba(196, 149, 16, 0.22);
        border-radius: 7px;
        background: transparent;
        color: #c49510;
        font: 600 13px/1 "Inter", sans-serif;
        cursor: pointer;
        transition: background 0.15s ease;
    }

    .page-section--inspection-show .tag-btn:hover:not(:disabled) {
        background: rgba(196, 149, 16, 0.08);
    }

    .page-section--inspection-show .capture-tag-preview {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px dashed rgba(0, 0, 0, 0.11);
        background: #f7f5f0;
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show .cap-sec-divider {
        height: 1px;
        margin: 16px 0;
        background: rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .cap-sec-subblock {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show .quick-fill-dropdown {
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 8px;
        background: #ffffff;
        margin-top: 8px;
        padding: 8px 10px;
    }

    .page-section--inspection-show .quick-fill-dropdown summary {
        color: #6b6458;
        font-size: 12px;
        font-weight: 600;
    }

    .page-section--inspection-show .quick-fill-dropdown[open] {
        border-color: rgba(196, 149, 16, 0.22);
        background: #ffffff;
    }

    .page-section--inspection-show .quick-fill {
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.11);
        background: #f7f5f0;
        color: #c49510;
        font-size: 12px;
    }

    .page-section--inspection-show .file-upload-card,
    .page-section--inspection-show .photo-upload,
    .page-section--inspection-show .cl-photo-area {
        border-color: rgba(0, 0, 0, 0.11);
        background: #ffffff;
    }

    .page-section--inspection-show .file-upload-card {
        border-radius: 10px;
        background: #f7f5f0;
    }

    .page-section--inspection-show .file-upload-card__action {
        border-radius: 8px;
        background: #ffffff;
    }

    .page-section--inspection-show .checklist-card {
        overflow: hidden;
    }

    .page-section--inspection-show .cl-header {
        align-items: flex-start;
    }

    .page-section--inspection-show .cl-toggle,
    .page-section--inspection-show .btn.btn-link {
        color: #c49510;
        border: 0;
        background: transparent;
    }

    .page-section--inspection-show .cl-row {
        padding: 0;
        margin: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
        background: #ffffff;
        transition: background 0.15s ease;
    }

    .page-section--inspection-show .cl-row:first-child {
        border-top: 0;
    }

    .page-section--inspection-show .cl-row + .cl-row {
        margin-top: 0;
    }

    .page-section--inspection-show .cl-row:hover {
        background: #faf8f4;
    }

    .page-section--inspection-show .cl-row.is-open {
        background: #ffffff;
    }

    .page-section--inspection-show .cl-row-header {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 12px 20px;
        border: 0;
        background: transparent;
        cursor: pointer;
        text-align: left;
    }

    .page-section--inspection-show .cl-row-header__main {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
        flex: 1 1 auto;
    }

    .page-section--inspection-show .cl-icon {
        width: 30px;
        height: 30px;
        border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #edeae3;
        color: #9a9188;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show .cl-icon svg {
        width: 14px;
        height: 14px;
        color: inherit;
    }

    .page-section--inspection-show .cl-row.is-fail .cl-icon {
        background: rgba(176, 48, 48, 0.07);
        border-color: rgba(176, 48, 48, 0.18);
        color: #b03030;
    }

    .page-section--inspection-show .cl-row.is-na .cl-icon {
        background: #f2efe9;
        color: #6b6458;
    }

    .page-section--inspection-show .cl-name {
        min-width: 0;
        color: #1a1815;
        font-size: 13px;
        font-weight: 500;
    }

    .page-section--inspection-show .cl-status-chip {
        display: inline-flex;
        align-items: center;
        padding: 3px 9px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        font-size: 11.5px;
        font-weight: 600;
        white-space: nowrap;
    }

    .page-section--inspection-show .cl-pass {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .cl-fail {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .cl-na {
        background: #edeae3;
        color: #6b6458;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .cl-chevron {
        width: 14px;
        height: 14px;
        color: #9a9188;
        transition: transform 0.2s ease;
        flex-shrink: 0;
    }

    .page-section--inspection-show .cl-row.is-open .cl-chevron {
        transform: rotate(180deg);
    }

    .page-section--inspection-show .cl-body {
        display: none;
        padding: 0 20px 18px;
        background: #ffffff;
    }

    .page-section--inspection-show .cl-row.is-open .cl-body {
        display: block;
    }

    .page-section--inspection-show .cl-row.is-open .component-row__label,
    .page-section--inspection-show .cl-row.is-open .cl-fields,
    .page-section--inspection-show .cl-row.is-open .component-issue-hints {
        background: #ffffff;
    }

    .page-section--inspection-show .component-row__label {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show .component-row__copy {
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .page-section--inspection-show .component-row__helper,
    .page-section--inspection-show .component-row__offline {
        color: #9a9188;
    }

    .page-section--inspection-show .component-info-trigger {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-left: auto;
        padding: 0;
        background: transparent;
        border: 0;
        color: #c49510;
        cursor: pointer;
    }

    .page-section--inspection-show .cl-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 12px;
    }

    .page-section--inspection-show .cl-fields > .field {
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .page-section--inspection-show .cl-photo-area {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px;
        border: 1px dashed rgba(0, 0, 0, 0.11);
        border-radius: 8px;
        background: #ffffff;
    }

    .page-section--inspection-show .cl-photo-title {
        color: #1a1815;
        font-size: 12px;
        font-weight: 500;
    }

    /* Component evidence (desktop checklist): one dashed tap target, no nested tray. */
    .page-section--inspection-show .component-row--app [data-component-photo-area].cl-photo-area {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        gap: 12px;
    }

    .page-section--inspection-show .component-row--app [data-component-photo-area] .component-evidence-header .cl-photo-title {
        color: #c49510;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .component-row--app [data-component-photo-area] .component-evidence-copy {
        margin: 0;
        color: #6b6458;
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show .component-row--app [data-component-photo-area] .component-evidence-upload {
        width: 100%;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show .component-row--app [data-component-photo-area] .file-upload-card__action {
        border: 1px dashed rgba(26, 24, 21, 0.18);
        border-radius: 12px;
        background: #f7f5f0;
    }

    .page-section--inspection-show .component-row--app.is-fail [data-component-notes-field] {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .page-section--inspection-show .component-row--app.is-fail [data-component-notes-field] .f-label {
        color: #3d3a34;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
    }

    .page-section--inspection-show .component-row--app.is-fail [data-component-notes-field] .f-textarea {
        min-height: 100px;
        padding: 12px 14px;
        border-radius: 10px;
        font-size: 15px;
        line-height: 1.45;
        resize: vertical;
        font-family: inherit;
    }

    .page-section--inspection-show .component-row--app.is-fail [data-component-notes-field] .f-hint {
        color: #9a9188;
        font-size: 12px;
        line-height: 1.45;
    }

    .page-section--inspection-show .add-photo-link {
        margin-top: 8px;
        color: #c49510;
        font: 500 12px/1 "Inter", sans-serif;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .page-section--inspection-show .component-evidence-upload--extra {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .page-section--inspection-show .component-evidence-remove {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        align-self: flex-end;
        padding: 0;
        border: 0;
        background: transparent;
        color: #b03030;
        font: 600 12px/1 "Inter", sans-serif;
        cursor: pointer;
    }

    .page-section--inspection-show .component-issue-hints {
        margin-top: 10px;
    }

    .page-section--inspection-show .component-issue-hints summary {
        cursor: pointer;
        color: #9a9188;
        font-size: 12px;
    }

    .page-section--inspection-show [data-component-reason-field].is-invalid .f-select,
    .page-section--inspection-show [data-component-notes-field].is-invalid .f-input,
    .page-section--inspection-show [data-component-notes-field].is-invalid .f-textarea {
        border-color: rgba(176, 48, 48, 0.26) !important;
        box-shadow: 0 0 0 3px rgba(176, 48, 48, 0.08);
    }

    .page-section--inspection-show [data-component-photo-area].is-invalid {
        border-color: transparent !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .page-section--inspection-show [data-component-photo-area].is-invalid .file-upload-card__action {
        border-color: rgba(176, 48, 48, 0.45) !important;
        border-style: solid;
        box-shadow: 0 0 0 3px rgba(176, 48, 48, 0.1);
        background: rgba(176, 48, 48, 0.06);
    }

    .page-section--inspection-show .cap-status-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 18px;
    }

    .page-section--inspection-show .cs-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 3px 10px;
        border-radius: 999px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        font-size: 11.5px;
        font-weight: 500;
    }

    .page-section--inspection-show .cs-green {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .cs-neutral {
        background: #edeae3;
        color: #6b6458;
    }

    .page-section--inspection-show .cap-status-summary {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex: 1 1 260px;
        min-width: min(100%, 220px);
        gap: 14px;
    }

    .page-section--inspection-show .cap-status-summary > .cap-setup-icm-progress {
        margin-bottom: 0;
    }

    .page-section--inspection-show .cap-status-row .cap-review-readout__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 720px) {
        .page-section--inspection-show .cap-status-row .cap-review-readout__grid {
            grid-template-columns: 1fr;
        }
    }

    .page-section--inspection-show .cap-status-summary strong {
        color: inherit;
        font-weight: inherit;
    }

    .page-section--inspection-show .cap-status-sp {
        flex: 1;
    }

    .page-section--inspection-show .door-submit--desktop,
    .page-section--inspection-show .fu-save-btn,
    .page-section--inspection-show .fu-tracker-btn {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 18px;
        border: 0;
        border-radius: 7px;
        background: #1a1815;
        color: #ffffff;
        font: 600 13px/1 "Inter", sans-serif;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show .door-submit--desktop:hover,
    .page-section--inspection-show .fu-save-btn:hover,
    .page-section--inspection-show .fu-tracker-btn:hover {
        background: #3d3a34;
    }

    /* Desktop capture: post-save QR label step is mobile-only (<=1024px ICM flow). */
    .page-section--inspection-show .inspection-capture-form .door-step--post-label.icm-post-label-step {
        display: none !important;
    }

    /*
     * Desktop checklist — final review row: remove flex spacer dead zone; full-width summary below toolbar.
     * (Mobile / tablet <=1024px keeps default row flex + cap-status-sp — unchanged.)
     */
    .page-section--inspection-show .checklist-card .cap-status-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: flex-start;
        gap: 10px 14px;
        padding: 18px 20px 20px;
    }

    .page-section--inspection-show .checklist-card .cap-status-row .cap-status-sp {
        display: none;
    }

    .page-section--inspection-show .checklist-card .cap-status-row .cs-badge {
        order: 1;
        flex: 0 0 auto;
    }

    .page-section--inspection-show .checklist-card .cap-status-row .door-submit--desktop {
        order: 2;
        margin-left: auto;
        align-self: center;
        flex: 0 0 auto;
    }

    .page-section--inspection-show .checklist-card .cap-status-row .door-stepper__controls {
        order: 2;
    }

    .page-section--inspection-show .checklist-card .cap-status-row .cap-status-summary {
        order: 3;
        flex: 1 1 100%;
        min-width: 0;
        max-width: none;
        gap: 16px;
    }

    .page-section--inspection-show .checklist-card .cap-status-summary > .cap-setup-icm-progress.icm-mobile-statusbanner {
        margin-bottom: 0;
        padding: 14px 18px;
        align-items: flex-start;
    }

    .page-section--inspection-show .checklist-card .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy strong {
        font-size: 15px;
        font-weight: 600;
    }

    .page-section--inspection-show .checklist-card .cap-status-summary > .cap-setup-icm-progress .icm-mobile-statusbanner__copy p {
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show .checklist-card .cap-review-readout {
        padding: 16px 18px 18px;
        border-radius: 14px;
    }

    .page-section--inspection-show .checklist-card .cap-review-readout__grid {
        gap: 14px;
    }

    .page-section--inspection-show .checklist-card .cap-review-readout__item {
        padding: 14px 16px;
        border-radius: 14px;
    }

    .page-section--inspection-show .checklist-card .cap-review-readout__detail {
        font-size: 13.5px;
    }

    .page-section--inspection-show .component-guide-modal {
        align-items: center;
        justify-content: center;
        padding: 20px;
        z-index: 2600;
    }

    .page-section--inspection-show .component-guide-modal__overlay {
        background: rgba(26, 24, 21, 0.58);
        backdrop-filter: blur(4px);
    }

    /* Specificity bumped 2026-04-12 (Tier 5 component-guide migration): the
       canonical .page-section--inspection-show .inspection-modal .modal__dialog
       rule (specificity 0,3,0) at line 3390 sets width: min(640px). The
       compound .inspection-modal.component-guide-modal selector boosts to 0,4,0
       so the 760px inspector help width is preserved. */
    .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__dialog {
        width: min(760px, 100%);
        max-height: min(88vh, 920px);
        border-radius: 24px;
        background: #f7f5f0;
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
        overflow: hidden;
    }

    .page-section--inspection-show .component-guide-modal__header {
        padding: 22px 26px 18px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 245, 240, 0.98));
    }

    .page-section--inspection-show .component-guide-modal__eyebrow {
        margin: 0 0 6px;
        color: #c49510;
        font: 700 11px/1 "Inter", sans-serif;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .component-guide-modal__dialog h3 {
        margin: 0;
        color: #1a1815;
        font: 700 28px/1.05 "Inter", sans-serif;
        letter-spacing: -0.03em;
        max-width: calc(100% - 56px);
    }

    /* Specificity bumped 2026-04-12: must win over canonical
       .page-section--inspection-show .inspection-modal .modal__close (0,3,0)
       at line 3490 so the 40px square inspector close button is preserved. */
    .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__close {
        top: 14px;
        right: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: rgba(255, 255, 255, 0.9);
        color: #6b6458;
        font-size: 28px;
    }

    /* Specificity bumped 2026-04-12: must win over canonical
       .page-section--inspection-show .inspection-modal .modal__body (0,3,0)
       at line 3507 so the 22/26/26 inspector reading padding is preserved. */
    .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__body {
        padding: 22px 26px 26px;
        background: #f7f5f0;
    }

    .page-section--inspection-show .component-guide-modal__content {
        display: flex;
        flex-direction: column;
        gap: 14px;
        color: #3d3a34;
    }

    .page-section--inspection-show .component-guide-intro {
        margin: 0;
        padding: 14px 16px;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #ffffff;
        color: #6b6458;
        font-size: 14px;
        line-height: 1.6;
    }

    .page-section--inspection-show .component-guide-intro strong {
        color: #1a1815;
    }

    .page-section--inspection-show .component-guide-section {
        padding: 16px;
        border-radius: 18px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    }

    .page-section--inspection-show .component-guide-section--check {
        background: linear-gradient(180deg, #ffffff, #faf8f4);
    }

    .page-section--inspection-show .component-guide-section--test {
        background: linear-gradient(180deg, #ffffff, #f8fafc);
    }

    .page-section--inspection-show .component-guide-section--fail {
        background: linear-gradient(180deg, #ffffff, #fff7f7);
    }

    .page-section--inspection-show .component-guide-section--photo {
        background: linear-gradient(180deg, #ffffff, #f8fbff);
    }

    .page-section--inspection-show .component-guide-section--issues {
        background: linear-gradient(180deg, #ffffff, #fbfaf7);
    }

    .page-section--inspection-show .component-guide-modal__content :where(h5) {
        margin: 0 0 12px;
        color: #1a1815;
        font: 700 13px/1 "Inter", sans-serif;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .page-section--inspection-show .component-guide-modal__content :where(h5)::before {
        content: "";
        inline-size: 10px;
        block-size: 10px;
        border-radius: 999px;
        background: #c49510;
        box-shadow: none;
        flex: 0 0 auto;
    }

    .page-section--inspection-show .component-guide-modal__content :where(ul) {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show .component-guide-modal__content :where(ul li) {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        background: #faf8f4;
        color: #3d3a34;
        font-size: 14px;
        line-height: 1.55;
    }

    .page-section--inspection-show .component-guide-modal__content :where(ul li)::before {
        content: "";
        width: 8px;
        height: 8px;
        margin-top: 7px;
        border-radius: 999px;
        background: #c49510;
        flex: 0 0 auto;
    }

    .page-section--inspection-show .component-guide-issue {
        align-items: center !important;
    }

    .page-section--inspection-show .component-guide-issue__text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .page-section--inspection-show .component-guide-issue__severity {
        margin-left: auto;
        padding: 4px 10px;
        border-radius: 999px;
        font: 700 11px/1 "Inter", sans-serif;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .component-guide-issue__severity--low {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .component-guide-issue__severity--medium {
        background: rgba(196, 149, 16, 0.12);
        color: #9a6b00;
        border-color: rgba(196, 149, 16, 0.24);
    }

    .page-section--inspection-show .component-guide-issue__severity--high {
        background: rgba(176, 48, 48, 0.08);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.22);
    }

    @media (max-width: 768px) {
        /* Mobile bespoke rules — specificity bumped 2026-04-12 (Tier 5) so they
           win over canonical .inspection-modal mobile rules at line 5329+ and
           the desktop .inspection-modal.component-guide-modal overrides above. */
        .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__header {
            padding: 16px 18px 14px;
        }

        .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__dialog h3 {
            max-width: calc(100% - 48px);
            font-size: 24px;
        }

        .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__close {
            top: 10px;
            right: 12px;
            width: 42px;
            height: 42px;
        }

        .page-section--inspection-show .inspection-modal.component-guide-modal .component-guide-modal__body {
            padding: 16px 16px calc(18px + env(safe-area-inset-bottom, 0px));
        }

        .page-section--inspection-show .component-guide-modal__content {
            gap: 12px;
        }

        .page-section--inspection-show .component-guide-intro,
        .page-section--inspection-show .component-guide-section {
            padding: 14px;
            border-radius: 16px;
        }

        .page-section--inspection-show .component-guide-modal__content :where(h5) {
            font-size: 12px;
        }

        .page-section--inspection-show .component-guide-modal__content :where(ul li) {
            padding: 11px 12px;
            font-size: 13.5px;
            line-height: 1.5;
        }

        .page-section--inspection-show .component-guide-issue {
            align-items: flex-start !important;
        }

        .page-section--inspection-show .component-guide-issue__severity {
            margin-left: 0;
            margin-top: 8px;
        }
    }

    .page-section--inspection-show .offline-status-card {
        padding: 14px 18px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
        border: 0;
    }

    .page-section--inspection-show .offline-status-card__badges {
        justify-content: flex-end;
    }

    /* Desktop Doors: canonical `.tnt-filter-drawer` already unwraps to inline
       via `display: contents`. The filter inputs inside the body ("grid" of
       search + selects) keep their horizontal-strip styling below. */
    .page-section--inspection-show .isd-doors-shell {
        overflow: hidden;
    }

    .page-section--inspection-show .isd-doors-filtergrid {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
    }

    .page-section--inspection-show .isd-doors-search {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
        height: 32px;
        padding: 0 11px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 7px;
        background: #f7f5f0;
        box-shadow: none;
    }

    .page-section--inspection-show .isd-doors-search svg {
        width: 13px;
        height: 13px;
        color: #9a9188;
        flex-shrink: 0;
    }

    .page-section--inspection-show .isd-doors-search input {
        min-height: auto;
        padding: 0;
        border: 0;
        background: transparent;
        font-size: 12.5px;
    }

    .page-section--inspection-show .isd-doors-select {
        flex: 0 0 118px;
        width: 118px;
        min-width: 118px;
        min-height: 32px;
        height: 32px;
        padding: 0 28px 0 11px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 7px;
        background: #f7f5f0;
        color: #1a1815;
        font: 500 12.5px/1 "Inter", sans-serif;
        box-shadow: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page-section--inspection-show .isd-doors-select[data-door-filter="status"] {
        flex-basis: 112px;
        width: 112px;
        min-width: 112px;
    }

    .page-section--inspection-show .isd-doors-select[data-door-filter="severity"] {
        flex-basis: 118px;
        width: 118px;
        min-width: 118px;
    }

    .page-section--inspection-show .isd-doors-select[data-door-filter="tagged"] {
        flex-basis: 96px;
        width: 96px;
        min-width: 96px;
    }

    .page-section--inspection-show .isd-doors-select[data-door-filter="open_remedials"] {
        flex-basis: 116px;
        width: 116px;
        min-width: 116px;
    }

    .page-section--inspection-show .isd-doors-select[data-door-filter="floorplan"] {
        flex-basis: 118px;
        width: 118px;
        min-width: 118px;
    }

    .page-section--inspection-show .isd-doors-select--sort {
        flex-basis: 128px;
        width: 128px;
        min-width: 128px;
    }

    /* Canonical foot is `display: none` on desktop via tnt-filter-drawer.css. */

    .page-section--inspection-show .doors-table {
        overflow: hidden;
    }

    .page-section--inspection-show .door-overview-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .page-section--inspection-show .door-overview-table th,
    .page-section--inspection-show .door-overview-table td {
        padding: 10px 18px;
        vertical-align: middle;
    }

    .page-section--inspection-show .door-overview-table thead th {
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #b08a2c;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        white-space: nowrap;
        background: #ffffff;
        text-align: left;
    }

    .page-section--inspection-show .door-overview-table tbody tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        transition: background 0.12s ease;
    }

    .page-section--inspection-show .door-overview-table tbody tr:hover {
        background: #f2efe9;
    }

    .page-section--inspection-show .door-overview-table tbody td {
        color: #6b6458;
        font-size: 12.5px;
        overflow-wrap: anywhere;
    }

    .page-section--inspection-show .door-overview-table tbody td[data-label="Door"] {
        width: 26%;
    }

    .page-section--inspection-show .td-name,
    .page-section--inspection-show .door-overview-table td strong {
        color: #1a1815;
        font-weight: 500;
    }

    .page-section--inspection-show .td-name {
        text-decoration: none;
        font-size: 13px;
    }

    .page-section--inspection-show .td-sub {
        display: block;
        margin-top: 2px;
        color: #9a9188;
        font-size: 11px;
    }

    .page-section--inspection-show .tracker-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 4px;
        padding: 2px 8px;
        border-radius: 4px;
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border: 1px solid rgba(37, 99, 168, 0.15);
        font-size: 11px;
        font-weight: 500;
    }

    .page-section--inspection-show .pass-chip,
    .page-section--inspection-show .sev-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 20px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        font-size: 11px;
        line-height: 1;
        font-weight: 600;
        white-space: nowrap;
    }

    .page-section--inspection-show .chip-pass {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .chip-fail {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .sev-l {
        background: #edeae3;
        color: #8f8578;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .sev-m {
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        border-color: rgba(196, 149, 16, 0.22);
    }

    .page-section--inspection-show .sev-h {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .td-fail-components {
        color: #b03030 !important;
        font-weight: 500;
    }

    .page-section--inspection-show .layout-tags-grid {
        grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
        gap: 16px;
        align-items: start;
    }

    .page-section--inspection-show .lt-card {
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .lt-header {
        align-items: flex-start;
        padding: 16px 16px 0;
        border-bottom: 0;
    }

    .page-section--inspection-show .lt-card .lt-body {
        padding: 12px 16px 16px;
        background: transparent;
        border-radius: 0 0 12px 12px;
    }

    .page-section--inspection-show .floorplan-gallery {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 14px;
    }

    .page-section--inspection-show .floorplan-gallery__canvas {
        min-height: 240px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload {
        background: transparent;
        border: 0;
        border-radius: 10px;
        padding: 16px 0 0;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__empty {
        background: #f7f5f0;
        border: 1px solid rgba(0, 0, 0, 0.07);
        border-radius: 10px;
        padding: 16px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-state {
        padding-top: 16px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-label {
        margin-bottom: 12px;
        color: #6b6458;
        font-size: 12.5px;
        font-weight: 500;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel {
        display: grid;
        gap: 14px;
        justify-items: center;
        width: 100%;
        padding: 22px 24px 20px;
        border-radius: 10px;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel > .floorplan-repeater__list--empty {
        justify-self: stretch;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-state .floorplan-repeater {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__list--empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        text-align: center;
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-copy {
        margin: 0;
        color: #9a9188;
        font-size: 12.5px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions--empty {
        justify-content: center;
        margin-bottom: 8px;
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-add-btn {
        width: auto;
        align-self: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__limit--empty {
        display: block;
        margin-top: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-hint {
        margin-top: 10px;
        margin-bottom: 0;
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload__footer {
        margin-top: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload summary {
        display: inline-flex;
    }

    .page-section--inspection-show .floorplan-repeater__actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .floorplan-repeater__limit {
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show .floorplan-card {
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        padding: 16px;
        box-shadow: none;
        gap: 14px;
    }

    .page-section--inspection-show .floorplan-card__header {
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .floorplan-card__header h4 {
        margin: 0;
        color: #1a1815;
        font-size: 13px;
        font-weight: 600;
    }

    .page-section--inspection-show .floorplan-card__fields {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.95fr);
        gap: 14px;
    }

    .page-section--inspection-show .floorplan-card label > .small-text.text-muted,
    .page-section--inspection-show .floorplan-card .file-field__label {
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .floorplan-card__label-inputs {
        gap: 8px;
    }

    .page-section--inspection-show .floorplan-card__label-inputs select,
    .page-section--inspection-show .floorplan-card__label-inputs input,
    .page-section--inspection-show .floorplan-card__notes textarea {
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 8px;
        background: #ffffff;
        color: #1a1815;
        box-shadow: none;
    }

    .page-section--inspection-show .floorplan-card__label-inputs select,
    .page-section--inspection-show .floorplan-card__label-inputs input {
        min-height: 38px;
        padding: 8px 11px;
    }

    .page-section--inspection-show .floorplan-card__notes textarea {
        min-height: 84px;
        padding: 10px 12px;
        font-size: 12.5px;
    }

    .page-section--inspection-show .floorplan-card .form-hint {
        margin-top: 5px;
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show .floorplan-card .file-upload-card {
        border-radius: 10px;
        border-color: rgba(0, 0, 0, 0.11);
        background: #f2efe9;
        box-shadow: none;
    }

    .page-section--inspection-show .floorplan-card .file-upload-card__action {
        border-radius: 8px;
        background: #ffffff;
    }

    .page-section--inspection-show .floorplan-card [data-floorplan-remove] {
        padding: 0;
        border: 0;
        background: transparent;
        color: #c49510;
        font: 500 12px/1 "Inter", sans-serif;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-selects {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-selects--actions {
        margin-top: 14px;
        margin-bottom: 18px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-select {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        height: auto;
        padding: 0 14px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 14px;
        background: #ffffff;
        color: #1a1815;
        font: 500 13px/1.2 "Inter", sans-serif;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-save-note {
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show .qr-section-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
        color: #3d3a34;
        font-size: 12.5px;
        font-weight: 500;
    }

    .page-section--inspection-show .qr-count {
        color: #9a9188;
        font-size: 11.5px;
        font-weight: 400;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-door-card,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card {
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #ffffff;
        padding: 16px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show [data-tab-panel="layout"] :is(.qr-door-card, .tag-card) + :is(.qr-door-card, .tag-card) {
        margin-top: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .scan-tag-btn,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions .btn,
    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions .btn {
        flex: 0 0 auto;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-top,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-name {
        color: #1a1815;
        font-size: 13px;
        font-weight: 600;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-tagged,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__status {
        padding: 1px 7px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        background: #edeae3;
        color: #6b6458;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__status--tagged,
    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-tagged.tag-card__status--tagged {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border: 1px solid rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__status:not(.tag-card__status--tagged) {
        border: 1px solid rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-meta,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__meta,
    .page-section--inspection-show [data-tab-panel="layout"] .table-subtext {
        color: #9a9188;
        font-size: 11.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .scan-tag-btn,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions .btn,
    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions .btn,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more summary {
        width: auto;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .scan-tag-btn {
        align-self: flex-start;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-section--inspection-show .tagging-advanced {
        margin-top: 14px;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        padding-top: 14px;
    }

    .page-section--inspection-show .tagging-advanced > summary {
        cursor: pointer;
        color: #6b6458;
        font-size: 12.5px;
        font-weight: 500;
        list-style: none;
    }

    .page-section--inspection-show .tagging-advanced > summary::-webkit-details-marker {
        display: none;
    }

    .page-section--inspection-show .tagging-layout-groups {
        margin-top: 14px;
    }

    .page-section--inspection-show .fu-remedials-banner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 16px 18px;
        border: 1px solid rgba(196, 149, 16, 0.22);
        border-radius: 10px;
        background: rgba(196, 149, 16, 0.08);
        box-shadow: none;
    }

    .page-section--inspection-show .fu-remedials-banner form {
        background: transparent;
        padding: 0;
        border-radius: 0;
        display: block;
        gap: 0;
        box-shadow: none;
    }

    .page-section--inspection-show .fu-rem-title,
    .page-section--inspection-show .rsc-period {
        color: #1a1815;
        font-size: 14px;
        font-weight: 600;
    }

    .page-section--inspection-show .fu-rem-sub,
    .page-section--inspection-show .rsc-status,
    .page-section--inspection-show .fu-sched-note,
    .page-section--inspection-show .fu-inline-note,
    .page-section--inspection-show .fu-footer-note {
        color: #6b6458;
        font-size: 12px;
    }

    .page-section--inspection-show .rem-sched-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin: 14px 0;
    }

    .page-section--inspection-show .rem-sched-card {
        display: block;
        padding: 13px 15px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        box-shadow: none;
        cursor: pointer;
    }

    .page-section--inspection-show .rem-sched-card.is-active {
        border-color: rgba(0, 0, 0, 0.18);
        background: #f7f5f0;
    }

    .page-section--inspection-show .rem-sched-check {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .page-section--inspection-show .rem-sched-footer,
    .page-section--inspection-show .reminder-actions {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .qr-pin-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 14px;
    }

    .page-section--inspection-show .qr-pin-field {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
    }

    .page-section--inspection-show .qr-pin-field--toggle {
        justify-content: flex-start;
        padding: 12px 14px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
    }

    .page-section--inspection-show .qr-pin-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #3d3a34;
        font-size: 13px;
    }

    .page-section--inspection-show .qr-pin-input {
        letter-spacing: 0.12em;
        font-size: 18px;
        font-weight: 600;
    }

    .page-section--inspection-show .tl-controls {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
    }

    .page-section--inspection-show .tl-filter-title {
        display: none;
    }

    .page-section--inspection-show .timeline-filter-form {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .page-section--inspection-show .tl-filter-label {
        display: flex;
        align-items: center;
        min-width: 0;
        margin: 0;
    }

    .page-section--inspection-show .tl-filter-select {
        min-width: 138px;
        height: 32px;
        min-height: 32px;
        padding: 0 28px 0 10px;
        border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        font-size: 12.5px;
        line-height: 1;
        background: #f7f5f0;
        box-shadow: none;
    }

    .page-section--inspection-show .tl-controls-right {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .page-section--inspection-show .tl-controls,
    .page-section--inspection-show .tl-controls-right {
        min-height: 0;
    }

    .page-section--inspection-show .tl-export-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
    }

    .page-section--inspection-show .tl-mobile-rail {
        display: none;
    }

    .page-section--inspection-show .tl-desktop-controls {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .page-section--inspection-show .tl-controls-panel {
        display: none;
    }

    .page-section--inspection-show .tl-timeline-wrap {
        padding: 0 28px 0;
    }

    .page-section--inspection-show .tl-date-group {
        margin-bottom: 16px;
    }

    .page-section--inspection-show .tl-date-label {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 0 10px;
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .tl-date-label::after {
        content: "";
        flex: 1;
        height: 1px;
        background: rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show .tl-events {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .page-section--inspection-show .tl-event {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 14px 18px;
    }

    .page-section--inspection-show .tl-body {
        min-width: 0;
        flex: 1 1 auto;
    }

    .page-section--inspection-show .tl-icon {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #edeae3;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show .tl-icon.added {
        background: rgba(30, 122, 69, 0.08);
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .tl-icon.update {
        background: rgba(37, 99, 168, 0.08);
        border-color: rgba(37, 99, 168, 0.15);
    }

    .page-section--inspection-show .tl-icon svg {
        width: 13px;
        height: 13px;
        color: #9a9188;
    }

    .page-section--inspection-show .tl-top {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .tl-time,
    .page-section--inspection-show .tl-ref,
    .page-section--inspection-show .tl-actor-byline {
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show .tl-type-chip {
        display: inline-flex;
        align-items: center;
        min-height: 20px;
        padding: 2px 8px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .page-section--inspection-show .tl-chip-update {
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border-color: rgba(37, 99, 168, 0.16);
    }

    .page-section--inspection-show .tl-chip-added {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .tl-desc {
        margin-bottom: 5px;
        color: #1a1815;
        font-size: 13px;
        line-height: 1.5;
    }

    .page-section--inspection-show .tl-attrs {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .page-section--inspection-show .tl-attr {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 2px 8px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #edeae3;
        color: #6b6458;
        font-size: 11.5px;
    }

    .page-section--inspection-show .tl-attr__label {
        color: inherit;
        font-weight: 400;
    }

    .page-section--inspection-show .tl-attr__value {
        color: inherit;
        font-weight: 500;
    }

    .page-section--inspection-show .tl-attr--status-pass {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .tl-attr--status-complete,
    .page-section--inspection-show .tl-attr--status-completed {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .tl-attr--status-fail,
    .page-section--inspection-show .tl-attr--status-failed {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .tl-attr--status-scheduled,
    .page-section--inspection-show .tl-attr--status-in-progress,
    .page-section--inspection-show .tl-attr--status-in_progress {
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border-color: rgba(37, 99, 168, 0.16);
    }

    .page-section--inspection-show .tl-attr--severity-low {
        background: #edeae3;
        color: #8f8578;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .tl-attr--severity-medium {
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        border-color: rgba(196, 149, 16, 0.22);
    }

    .page-section--inspection-show .tl-attr--severity-high {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .tl-attr--rating {
        background: #f2efe9;
        color: #6b6458;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .tl-attr--floor {
        background: #f2efe9;
        color: #6b6458;
        border-color: rgba(0, 0, 0, 0.08);
    }

    .page-section--inspection-show .tl-attr--failures {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }
}

.page-section--inspection-show .isd-doors-list {
    display: none;
}

@media (max-width: 1024px) {
    body.stepper-overlay-open .page-section--inspection-show .inspection-tabs,
    body.scan-task-open .page-section--inspection-show .inspection-tabs {
        display: flex !important;
    }

    .page-section--inspection-show.inspection-show--capture-active .inspection-tabs {
        display: none !important;
    }

    .page-section--inspection-show .ih-right--desktop {
        display: none !important;
    }

    .page-section--inspection-show .ih-mobile-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        max-width: 100%;
        padding: 10px 24px;
        background: #edeae3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overflow-wrap: normal;
        word-break: normal;
    }

    .page-section--inspection-show .offline-strip.inspection-offline-actions--page::-webkit-scrollbar {
        display: none;
    }

    .page-section--inspection-show .show-info-row--page {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 12px 16px 0;
    }

    .page-section--inspection-show .inspection-summary-overview {
        display: none;
    }

    .page-section--inspection-show .inspection-summary-overview.is-open {
        display: block;
    }

    .page-section--inspection-show .inspection-tabs {
        position: sticky;
        top: 0;
        z-index: 8;
        width: auto;
        max-width: none;
        margin: 16px 16px 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .page-section--inspection-show .inspection-tabs::-webkit-scrollbar {
        display: none;
    }

    .page-section--inspection-show .inspection-tab-button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .page-section--inspection-show .inspection-layout-toggle {
        display: grid;
    }

    .page-section--inspection-show .layout-tags-grid.layout-tags-grid--show-tags .layout-tags-grid__left {
        display: none;
    }

    .page-section--inspection-show .layout-tags-grid:not(.layout-tags-grid--show-tags) .layout-tags-grid__right {
        display: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tab-content {
        display: grid;
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .layout-tags-grid {
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .layout-tags-grid__left,
    .page-section--inspection-show [data-tab-panel="layout"] .layout-tags-grid__right {
        min-width: 0;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-card {
        border-radius: 14px;
        overflow: hidden;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-header {
        display: grid;
        gap: 8px;
        padding: 16px 16px 0;
        align-items: start;
        justify-content: start;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-header > div {
        display: grid;
        gap: 6px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-title {
        font: 700 16px/1.15 "Space Grotesk", "Inter", sans-serif;
        letter-spacing: -0.02em;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-sub {
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-card .lt-body {
        padding: 16px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .lt-body > form[data-floorplan-upload-form],
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload form,
    .page-section--inspection-show [data-tab-panel="layout"] :is(.qr-dc-actions, .tag-card__actions, .tag-card__more-actions) form {
        display: block;
        gap: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-state {
        padding-top: 14px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-label {
        margin: 0 0 12px;
        color: #c49510;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload {
        padding: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__empty,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card {
        padding: 16px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel {
        display: grid;
        gap: 14px;
        width: 100%;
        justify-items: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-panel > .floorplan-repeater__list--empty {
        justify-self: stretch;
    }

    /* Flex: summary stays content-width; column centered; form stays full width below. */
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > form {
        align-self: stretch;
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-state .floorplan-repeater {
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__list--empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        text-align: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-copy {
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions--empty {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__actions {
        display: grid;
        gap: 10px;
        justify-items: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-add-btn {
        width: auto;
        align-self: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__limit--empty {
        margin-top: 0;
        font-size: 11.5px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-repeater__limit {
        justify-self: center;
        font-size: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-empty-hint {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload > summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload__footer {
        margin-top: 14px;
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-upload__footer .btn {
        width: auto;
        justify-self: start;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card {
        gap: 16px;
        padding: 14px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__header {
        display: grid;
        gap: 8px;
        align-items: start;
        justify-content: start;
        padding-bottom: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__header .btn.btn-link,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card [data-floorplan-remove] {
        justify-self: start;
        min-height: 0;
        padding: 0;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__label-inputs {
        flex-direction: column;
        align-items: stretch;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__label-inputs select,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__label-inputs input {
        width: 100%;
        min-height: 42px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card label,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-field,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__notes label {
        display: grid;
        gap: 8px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .form-hint {
        margin-top: 0;
        line-height: 1.45;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-upload-card {
        padding: 6px;
        border-radius: 16px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-upload-card__action {
        min-height: 92px;
        padding: 14px;
        border-radius: 14px;
        align-items: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-upload-card__action > div {
        display: grid;
        gap: 4px;
        min-width: 0;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-upload-card__action strong {
        font-size: 13px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card .file-upload-card__action p {
        font-size: 12px;
        line-height: 1.45;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card__notes textarea {
        min-height: 76px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 14px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__item {
        gap: 12px;
        padding: 14px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__canvas {
        min-height: 220px;
        border-radius: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__meta {
        display: grid;
        gap: 8px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__title {
        color: #1a1815;
        font-size: 14px;
        font-weight: 600;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__hint {
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-selects {
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-selects--actions {
        margin: 12px 0 16px;
        grid-template-columns: minmax(0, 1fr);
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-select {
        min-height: 44px;
        height: auto;
        padding: 0 14px;
        border-radius: 12px;
        background: #f7f5f0;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-save-note {
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-section-label {
        display: grid;
        gap: 4px;
        align-items: start;
        margin-bottom: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-count {
        font-size: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-door-card,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card {
        padding: 14px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] :is(.qr-door-card, .tag-card) + :is(.qr-door-card, .tag-card) {
        margin-top: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-top,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-tagged,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__status {
        align-self: flex-start;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-meta,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__meta,
    .page-section--inspection-show [data-tab-panel="layout"] .table-subtext {
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions form,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions form,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more-actions form {
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .scan-tag-btn,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__actions .btn,
    .page-section--inspection-show [data-tab-panel="layout"] .qr-dc-actions .btn,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more summary {
        width: auto;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .scan-tag-btn {
        justify-self: start;
        align-self: flex-start;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more {
        width: auto;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tag-card__more summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-advanced {
        margin-top: 16px;
        padding-top: 16px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-advanced > summary {
        display: flex;
        align-items: center;
        min-height: 34px;
        color: #3d3a34;
        font-weight: 600;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-layout-groups {
        margin-top: 16px;
        display: grid;
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-group__header {
        display: grid;
        gap: 4px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-group {
        display: grid;
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .tagging-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .tab-content {
        display: grid;
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-remedials-banner,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-card {
        border-radius: 14px;
        overflow: hidden;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-remedials-banner {
        display: grid;
        align-items: start;
        justify-content: stretch;
        gap: 12px;
        padding: 16px;
        border: 1px solid rgba(196, 149, 16, 0.22);
        background: rgba(196, 149, 16, 0.08);
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-remedials-banner > div {
        display: grid;
        gap: 6px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-rem-title,
    .page-section--inspection-show [data-tab-panel="followup"] .cs-title {
        font: 700 16px/1.15 "Space Grotesk", "Inter", sans-serif;
        letter-spacing: -0.02em;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-rem-sub,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-inline-note,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-sched-note,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-footer-note,
    .page-section--inspection-show [data-tab-panel="followup"] .rsc-status,
    .page-section--inspection-show [data-tab-panel="followup"] .small-text,
    .page-section--inspection-show [data-tab-panel="followup"] .f-hint {
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-inline-note {
        margin-top: 2px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-remedials-banner form,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-tracker-btn {
        width: 100%;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-remedials-banner form {
        display: block;
        gap: 0;
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-card {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show [data-tab-panel="followup"] .cs-header {
        display: grid;
        gap: 8px;
        align-items: start;
        justify-content: start;
        padding: 16px 16px 0;
        border-bottom: 0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .cs-header > div {
        display: grid;
        gap: 6px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .cs-body {
        padding: 16px;
        border-radius: 0 0 14px 14px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-body-note {
        margin: 0 0 14px;
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-footer-note {
        margin: 14px 0 0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .reminder-form {
        gap: 14px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin: 0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-card {
        position: relative;
        display: grid;
        gap: 4px;
        align-items: start;
        justify-items: start;
        padding: 16px 52px 16px 16px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
        box-shadow: none;
        cursor: pointer;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-card::after {
        content: "";
        position: absolute;
        top: 16px;
        right: 16px;
        width: 18px;
        height: 18px;
        border: 1.5px solid rgba(61, 58, 52, 0.24);
        border-radius: 6px;
        background: #ffffff;
        box-sizing: border-box;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-card.is-active {
        border-color: rgba(0, 0, 0, 0.18);
        background: #f7f5f0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-card.is-active::after {
        border-color: #1a1815;
        background: #1a1815;
        box-shadow: inset 0 0 0 4px #ffffff;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rsc-period {
        font-size: 14px;
        line-height: 1.3;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-check {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        appearance: none;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-footer,
    .page-section--inspection-show [data-tab-panel="followup"] .reminder-actions {
        display: grid;
        gap: 12px;
        align-items: stretch;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-save-btn,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-tracker-btn,
    .page-section--inspection-show [data-tab-panel="followup"] .reminder-actions .btn {
        width: 100%;
        align-self: stretch;
        min-height: 42px;
        border-radius: 10px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .reminder-actions .btn.btn-primary {
        background: #1a1815;
        border-color: #1a1815;
        color: #ffffff;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .rem-sched-footer .btn.btn-primary,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-save-btn,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-save-btn.btn.btn-primary {
        background: #1a1815;
        border-color: #1a1815;
        color: #ffffff;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-tracker-btn:disabled {
        border: 1px solid rgba(0, 0, 0, 0.14);
        background: #f7f5f0;
        color: #6b6458;
        box-shadow: none;
        cursor: not-allowed;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .reminder-actions .small-text {
        margin: 0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-field {
        gap: 8px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-field--toggle {
        display: grid;
        gap: 10px;
        padding: 14px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background: #f7f5f0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-toggle {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        line-height: 1.45;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-toggle input {
        width: 18px;
        height: 18px;
        margin: 2px 0 0;
        flex-shrink: 0;
        accent-color: #1a1815;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-toggle > span {
        display: grid;
        gap: 2px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .qr-pin-input {
        min-height: 44px;
        background: #ffffff;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .cs-body > form + form {
        margin-top: 14px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reveal-form,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reset-form {
        display: grid;
        gap: 10px;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reveal-row {
        display: grid;
        gap: 10px;
        align-items: stretch;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reveal-row > * {
        min-width: 0;
    }

    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reveal-row .btn,
    .page-section--inspection-show [data-tab-panel="followup"] .fu-pin-reset-form .btn {
        width: 100%;
    }

    .page-section--inspection-show .doors-table {
        display: none !important;
    }

    .page-section--inspection-show .isd-doors-list {
        display: flex !important;
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .isd-doorcard {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show .isd-doorcard__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .page-section--inspection-show .isd-doorcard__copy {
        min-width: 0;
    }

    .page-section--inspection-show .isd-doorcard__title {
        margin: 0;
        color: #1a1815;
        font: 700 16px/1.15 "Space Grotesk", "Inter", sans-serif;
        letter-spacing: -0.02em;
    }

    .page-section--inspection-show .isd-doorcard__sub {
        margin: 4px 0 0;
        color: #9a9188;
        font-size: 12px;
        line-height: 1.5;
    }

    .page-section--inspection-show .isd-doorcard__manage {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 68px;
        min-height: 36px;
        padding: 0 12px;
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #ffffff;
        color: #3d3a34;
        font: 600 12px/1 "Inter", sans-serif;
        text-decoration: none;
    }

    .page-section--inspection-show .isd-doorcard__chips,
    .page-section--inspection-show .isd-doorcard__footer {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show .isd-doorcard__chips .pass-chip,
    .page-section--inspection-show .isd-doorcard__chips .sev-chip,
    .page-section--inspection-show .isd-doorcard__chips .isd-doorcard__tagpill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        border: 1px solid rgba(0, 0, 0, 0.11);
        box-shadow: none;
        white-space: nowrap;
    }

    .page-section--inspection-show .isd-doorcard__chips .pass-chip.chip-pass {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show .isd-doorcard__chips .pass-chip.chip-fail {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .isd-doorcard__chips .sev-chip.sev-l {
        background: #edeae3;
        color: #8f8578;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show .isd-doorcard__chips .sev-chip.sev-m {
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        border-color: rgba(196, 149, 16, 0.22);
    }

    .page-section--inspection-show .isd-doorcard__chips .sev-chip.sev-h {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show .isd-doorcard__meta {
        display: grid;
        gap: 10px;
        margin: 0;
    }

    .page-section--inspection-show .isd-doorcard__meta div {
        display: grid;
        gap: 2px;
    }

    .page-section--inspection-show .isd-doorcard__meta dt {
        margin: 0;
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .page-section--inspection-show .isd-doorcard__meta dd {
        margin: 0;
        color: #3d3a34;
        font-size: 12.5px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tab-content {
        display: grid;
        gap: 12px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-desktop-controls {
        display: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-mobile-rail {
        display: flex;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls {
        display: grid;
        gap: 10px;
        align-items: stretch;
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-filter-title {
        display: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-panel {
        position: fixed;
        inset: 0;
        display: none;
        justify-content: flex-end;
        z-index: 2120;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-panel.is-open {
        display: flex;
    }

    /* Timeline drawer now uses canonical `.tnt-filter-drawer` — chrome
       (overlay, panel, head, body, foot) handled by tnt-filter-drawer.css. */

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-panel .tl-filter-title {
        display: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .timeline-filter-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-filter-label {
        display: flex;
        align-items: center;
        min-width: 0;
        margin: 0;
    }

    .page-section--inspection-show .tl-filter-copy {
        display: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-filter-select {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        height: auto;
        padding: 0 12px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 12px;
        background: #f7f5f0;
        color: #1a1815;
        font: 500 13px/1 "Inter", sans-serif;
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-right {
        display: none;
        margin-left: 0;
        align-items: center;
        gap: 8px;
    }

    /* Timeline drawer export button — rendered inside the canonical
       .tnt-filter-drawer__foot-actions grid alongside Clear / Done. */
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-panel .tnt-filter-drawer__foot-actions .tl-export-btn svg {
        flex-shrink: 0;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-controls-panel .tl-filter-select {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        height: auto;
        padding: 0 14px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 12px;
        background: #ffffff;
        color: #1a1815;
        font: 500 13px/1 "Inter", sans-serif;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-filter-select {
        margin-left: 0;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .ipi-filter-railbtn span[data-timeline-filters-count] {
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .ipi-filter-railbtn:disabled {
        opacity: 1;
        background: #edeae3;
        border-color: rgba(0, 0, 0, 0.16);
        color: #6b6458;
        cursor: default;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-timeline-wrap {
        display: grid;
        gap: 12px;
        padding: 0 16px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .timeline-empty {
        margin: 0;
        padding: 8px 0 0;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-date-group {
        display: grid;
        gap: 8px;
        margin-bottom: 14px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-date-label {
        padding: 0;
        color: #9a9188;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-date-label::after {
        content: "";
        flex: 1;
        height: 1px;
        background: rgba(0, 0, 0, 0.07);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-events {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-event {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-icon {
        width: 30px;
        height: 30px;
        margin-top: 0;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #edeae3;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-icon.added {
        background: rgba(30, 122, 69, 0.08);
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-icon.update {
        background: rgba(37, 99, 168, 0.08);
        border-color: rgba(37, 99, 168, 0.15);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-icon svg {
        width: 13px;
        height: 13px;
        color: #9a9188;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-body {
        min-width: 0;
        flex: 1 1 auto;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-top {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
        flex-wrap: wrap;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-time,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-ref,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-actor-byline {
        color: #9a9188;
        font-size: 11.5px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-type-chip {
        display: inline-flex;
        align-items: center;
        min-height: 20px;
        padding: 2px 8px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-chip-update {
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border-color: rgba(37, 99, 168, 0.16);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-chip-added {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-desc {
        margin-bottom: 5px;
        color: #1a1815;
        font-size: 13px;
        line-height: 1.5;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-ref {
        margin-top: 0;
        line-height: 1.45;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attrs {
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
        gap: 6px;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr {
        display: inline-flex;
        min-height: 0;
        gap: 4px;
        padding: 2px 8px;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.11);
        background: #edeae3;
        color: #6b6458;
        align-items: center;
        font-size: 11.5px;
        line-height: 1.4;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr__label {
        color: inherit;
        font-weight: 400;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr__value {
        color: inherit;
        font-weight: 500;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-pass,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-complete,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-completed {
        background: rgba(30, 122, 69, 0.08);
        color: #1e7a45;
        border-color: rgba(30, 122, 69, 0.2);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-fail,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-failed {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-scheduled,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-in-progress,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--status-in_progress {
        background: rgba(37, 99, 168, 0.08);
        color: #2563a8;
        border-color: rgba(37, 99, 168, 0.16);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--severity-low {
        background: #edeae3;
        color: #8f8578;
        border-color: rgba(0, 0, 0, 0.11);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--severity-medium {
        background: rgba(196, 149, 16, 0.08);
        color: #c49510;
        border-color: rgba(196, 149, 16, 0.22);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--severity-high,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--failures {
        background: rgba(176, 48, 48, 0.07);
        color: #b03030;
        border-color: rgba(176, 48, 48, 0.18);
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--failures {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        width: 100%;
        gap: 6px;
        white-space: normal;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--failures .tl-attr__label {
        white-space: nowrap;
        font-weight: 500;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--failures .tl-attr__value {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--rating,
    .page-section--inspection-show [data-tab-panel="timeline"] .tl-attr--floor {
        background: #f2efe9;
        color: #6b6458;
        border-color: rgba(0, 0, 0, 0.11);
    }

}

@media (min-width: 1025px) {
    .page-section--inspection-show [data-tab-panel="layout"] .qr-door-card,
    .page-section--inspection-show [data-tab-panel="layout"] .tag-card {
        background: #f7f5f0;
        border: 1px solid rgba(0, 0, 0, 0.07);
        box-shadow: none;
    }

    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-gallery__empty,
    .page-section--inspection-show [data-tab-panel="layout"] .floorplan-card {
        background: #f7f5f0;
        border: 1px solid rgba(0, 0, 0, 0.07);
        box-shadow: none;
    }
}

/* Responsive capture and door-modal rules extracted from legacy viewport CSS. */
@media (max-width: 768px) {
    body.stepper-overlay-open .topbar {
        display: none !important;
    }

    body.stepper-overlay-open .content {
        padding: 0 !important;
    }

    body.stepper-overlay-open .page-section--inspection-show {
        padding-top: 0 !important;
    }

    .page-section--inspection-show .add-door-app {
        border-radius: 0;
        padding: 20px 16px 24px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page-section--inspection-show .add-door-app--fullscreen {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        border-radius: 0;
        z-index: 1500;
        overflow-y: auto;
        padding: 24px 16px calc(32px + env(safe-area-inset-bottom, 0px));
        background: var(--card);
        box-shadow: none;
    }

    .page-section--inspection-show [data-door-step][hidden] {
        display: none !important;
    }

    .page-section--inspection-show .door-stepper__intro-points {
        margin: 12px 0 0;
        padding-left: 20px;
        color: var(--text-muted, #475569);
    }

    /* Legacy .door-stepper__progress / __jump / __collapse / __resume blocks
       removed 2026-04-12 (Phase 0 stepper cleanup). HTML deleted from
       _capture.php lines 168-201. */

    .page-section--inspection-show .door-step--entered {
        animation: fdDoorStepEnter 240ms ease-out;
    }

    .page-section--inspection-show .door-stepper__controls {
        display: none;
    }

    .page-section--inspection-show .door-stepper--active .door-stepper__controls {
        display: flex;
        gap: 12px;
        margin-top: 16px;
    }

    .page-section--inspection-show .add-door-app--fullscreen .door-stepper__controls {
        position: static;
        bottom: auto;
        background: transparent;
        padding-bottom: 0;
        box-shadow: none;
        z-index: auto;
    }

    .page-section--inspection-show .door-stepper__control {
        flex: 1;
    }

    .page-section--inspection-show .door-stepper__controls [hidden] {
        display: none !important;
    }

    body.stepper-overlay-open {
        overflow: hidden;
    }

    .page-section--inspection-show .door-spec-grid,
    .page-section--inspection-show .door-spec-grid--update,
    .page-section--inspection-show .form-grid.three-col.door-spec-grid {
        grid-template-columns: 1fr !important;
    }

    .page-section--inspection-show .door-type-options,
    .page-section--inspection-show .door-type-options--update {
        flex-direction: column;
        align-items: stretch;
    }

    .page-section--inspection-show .door-type-option span {
        width: 100%;
    }

    .page-section--inspection-show .add-door-app__hero {
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__hero {
        gap: 10px;
        padding-bottom: 12px;
        margin-bottom: 16px;
        border-bottom-color: rgba(0, 82, 204, 0.1);
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__eyebrow {
        margin-bottom: 2px;
        font-size: 0.68rem;
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__hero h3 {
        margin: 0;
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__hero .text-muted {
        margin: 6px 0 0;
        font-size: 0.88rem;
        line-height: 1.4;
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__chips {
        gap: 8px;
        justify-content: flex-start;
    }

    .page-section--inspection-show .add-door-app--fullscreen .add-door-app__chips .app-chip--quiet:not([data-offline-inspection-count]) {
        display: none;
    }

    .page-section--inspection-show .add-door-app__chips {
        justify-content: flex-start;
    }

    .page-section--inspection-show .app-field-grid {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .add-door-app .form-grid.app-field-grid {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .app-field-card {
        padding: 14px;
    }

    .page-section--inspection-show .component-row--app {
        padding: 16px;
    }

    .page-section--inspection-show .component-row__fields--app {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .component-icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .page-section--inspection-show .component-icon svg {
        width: 26px;
        height: 26px;
    }

    .page-section--inspection-show .door-summary {
        margin-top: 16px;
        padding: 12px 16px;
        border-radius: 12px;
        border: 1px dashed rgba(0, 82, 204, 0.35);
        background: rgba(0, 82, 204, 0.06);
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
    }

    /* Container + dialog full-screen chrome now owned by canonical
       `.modal.modal--sheet` rule in style.css. */
    .page-section--inspection-show [data-door-modal] .modal__header {
        position: sticky;
        top: 0;
        background: var(--card);
        z-index: 2;
        padding: 14px 16px;
        margin: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    }

    .page-section--inspection-show [data-door-modal] .modal__close {
        inline-size: 44px;
        block-size: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-section--inspection-show [data-door-modal] .modal__body {
        padding: 16px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-card {
        padding: 0;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-header {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px 10px;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-header h3 {
        flex: 1 1 100%;
        margin: 0;
        font-size: 1.1rem;
        line-height: 1.25;
    }

    .page-section--inspection-show [data-door-modal] .door-edit summary {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 14px;
        border: 1px solid rgba(226, 232, 240, 0.9);
        background: rgba(248, 250, 252, 0.95);
        font-weight: 700;
    }

    html[data-theme="dark"] .page-section--inspection-show [data-door-modal] .door-edit summary {
        border-color: rgba(148, 163, 184, 0.22);
        background: rgba(15, 23, 42, 0.7);
        color: var(--text);
    }

    .page-section--inspection-show [data-door-modal] .door-edit summary::-webkit-details-marker {
        display: none;
    }

    .page-section--inspection-show [data-door-modal] .door-edit[open] summary {
        background: #ffffff;
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    }

    html[data-theme="dark"] .page-section--inspection-show [data-door-modal] .door-edit[open] summary {
        background: rgba(15, 23, 42, 0.85);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45);
    }

    .page-section--inspection-show [data-door-modal] .door-update-form {
        padding: 14px;
        border-radius: 16px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        background: #ffffff;
        overflow-wrap: break-word;
    }

    html[data-theme="dark"] .page-section--inspection-show [data-door-modal] .door-update-form {
        border-color: rgba(148, 163, 184, 0.22);
        background: rgba(15, 23, 42, 0.65);
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid {
        grid-template-columns: 1fr !important;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > label {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > label > :where(input, select, textarea) {
        min-width: 0;
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > .door-type-options {
        grid-column: 1 / -1;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .component-row__fields {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .file-field,
    .page-section--inspection-show [data-door-modal] .door-update-form .file-upload-card,
    .page-section--inspection-show [data-door-modal] .door-update-form .file-upload-card__action {
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .btn {
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .component-table thead {
        display: none;
    }

    .page-section--inspection-show [data-door-modal] .component-table tbody,
    .page-section--inspection-show [data-door-modal] .component-table tr,
    .page-section--inspection-show [data-door-modal] .component-table td {
        display: block;
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .component-table tr {
        margin-bottom: 12px;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    html[data-theme="dark"] .page-section--inspection-show [data-door-modal] .component-table tr {
        background: rgba(15, 23, 42, 0.65);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(148, 163, 184, 0.22);
    }

    .page-section--inspection-show [data-door-modal] .component-table td {
        border-bottom: 1px solid rgba(226, 232, 240, 0.9);
        padding: 8px 14px;
        position: relative;
        font-size: 0.9rem;
    }

    html[data-theme="dark"] .page-section--inspection-show [data-door-modal] .component-table td {
        border-bottom-color: rgba(148, 163, 184, 0.18);
    }

    .page-section--inspection-show [data-door-modal] .component-table td:last-child {
        border-bottom: none;
    }

    .page-section--inspection-show [data-door-modal] .component-table td::before {
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #9ca3af;
        margin-bottom: 2px;
    }
}

/* Aligns with inspection-show stepper JS (mobile = max-width 1024px): avoid duplicate Save on tablet. */
@media (min-width: 769px) and (max-width: 1024px) {
    .page-section--inspection-show .door-submit--desktop {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1366px) {
    .page-section--inspection-show .add-door-app {
        border-radius: 0;
        padding: 20px 16px 24px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page-section--inspection-show .add-door-app--fullscreen {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        border-radius: 0;
        z-index: 1500;
        overflow-y: auto;
        padding: 24px 16px calc(32px + env(safe-area-inset-bottom, 0px));
        background: var(--card);
        box-shadow: none;
    }

    .page-section--inspection-show [data-door-step][hidden] {
        display: none !important;
    }

    .page-section--inspection-show .door-stepper__intro-points {
        margin: 12px 0 0;
        padding-left: 20px;
        color: var(--text-muted, #475569);
    }

    .page-section--inspection-show .door-stepper__controls {
        display: none;
    }

    .page-section--inspection-show .door-stepper--active .door-stepper__controls {
        display: flex;
        gap: 12px;
        margin-top: 16px;
    }

    .page-section--inspection-show .add-door-app--fullscreen .door-stepper__controls {
        position: static;
        bottom: auto;
        background: transparent;
        padding-bottom: 0;
        box-shadow: none;
        z-index: auto;
    }

    .page-section--inspection-show .door-stepper__control {
        flex: 1;
    }

    .page-section--inspection-show .door-stepper__controls [hidden] {
        display: none !important;
    }

    body.stepper-overlay-open {
        overflow: hidden;
    }

    .page-section--inspection-show .door-spec-grid,
    .page-section--inspection-show .door-spec-grid--update,
    .page-section--inspection-show .form-grid.three-col.door-spec-grid {
        grid-template-columns: 1fr !important;
    }

    .page-section--inspection-show .door-type-options,
    .page-section--inspection-show .door-type-options--update {
        flex-direction: column;
        align-items: stretch;
    }

    .page-section--inspection-show .door-type-option span {
        width: 100%;
    }

    .page-section--inspection-show .add-door-app__hero {
        flex-direction: column;
        gap: 12px;
    }

    .page-section--inspection-show .add-door-app__chips {
        justify-content: flex-start;
    }

    .page-section--inspection-show .app-field-grid {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .add-door-app .form-grid.app-field-grid {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .app-field-card {
        padding: 14px;
    }

    .page-section--inspection-show .component-row--app {
        padding: 16px;
    }

    .page-section--inspection-show .component-row__fields--app {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show .add-door-app .component-icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .page-section--inspection-show .add-door-app .component-icon svg {
        width: 26px;
        height: 26px;
    }

    .page-section--inspection-show [data-door-modal].modal {
        align-items: flex-end;
        justify-content: flex-end;
        padding: 0;
    }

    .page-section--inspection-show [data-door-modal] .modal__dialog {
        width: 100%;
        max-height: 100dvh;
        height: 100dvh;
        border-radius: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .page-section--inspection-show [data-door-modal] .modal__header {
        position: sticky;
        top: 0;
        background: var(--card);
        z-index: 2;
        padding: 14px 16px;
        margin: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    }

    .page-section--inspection-show [data-door-modal] .modal__close {
        inline-size: 44px;
        block-size: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .page-section--inspection-show [data-door-modal] .modal__body {
        padding: 16px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-card {
        padding: 0;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-header {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px 10px;
    }

    .page-section--inspection-show [data-door-modal] .door-detail-header h3 {
        flex: 1 1 100%;
        margin: 0;
        font-size: 1.1rem;
        line-height: 1.25;
    }

    .page-section--inspection-show [data-door-modal] .door-edit summary {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 14px;
        border: 1px solid var(--border);
        background: color-mix(in srgb, var(--card) 92%, var(--surface-muted));
        font-weight: 700;
    }

    .page-section--inspection-show [data-door-modal] .door-edit summary::-webkit-details-marker {
        display: none;
    }

    .page-section--inspection-show [data-door-modal] .door-edit[open] summary {
        background: var(--card);
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    }

    .page-section--inspection-show [data-door-modal] .door-update-form {
        padding: 14px;
        border-radius: 16px;
        border: 1px solid var(--border);
        background: var(--card);
        overflow-wrap: break-word;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid {
        grid-template-columns: 1fr !important;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > label {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > label > :where(input, select, textarea) {
        min-width: 0;
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .door-spec-grid--update > .door-type-options {
        grid-column: 1 / -1;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .component-row__fields {
        grid-template-columns: 1fr;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .file-field,
    .page-section--inspection-show [data-door-modal] .door-update-form .file-upload-card,
    .page-section--inspection-show [data-door-modal] .door-update-form .file-upload-card__action {
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .door-update-form .btn {
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .component-table thead {
        display: none;
    }

    .page-section--inspection-show [data-door-modal] .component-table tbody,
    .page-section--inspection-show [data-door-modal] .component-table tr,
    .page-section--inspection-show [data-door-modal] .component-table td {
        display: block;
        width: 100%;
    }

    .page-section--inspection-show [data-door-modal] .component-table tr {
        margin-bottom: 12px;
        border-radius: 12px;
        background: var(--card);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
        overflow: hidden;
    }

    .page-section--inspection-show [data-door-modal] .component-table td {
        border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
        padding: 8px 14px;
        position: relative;
        font-size: 0.9rem;
    }

    .page-section--inspection-show [data-door-modal] .component-table td:last-child {
        border-bottom: none;
    }

    .page-section--inspection-show [data-door-modal] .component-table td::before {
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--text-muted, #9ca3af);
        margin-bottom: 2px;
    }
}

@keyframes fdStepperLabelFlash {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    25% {
        transform: translateY(-1px);
        opacity: 0.96;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fdDoorStepEnter {
    0% {
        opacity: 0;
        transform: translateY(6px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 360px) {
    .inspection-details-drawer__actions,
    .inspection-details-drawer__offline-buttons {
        grid-template-columns: 1fr;
    }
}

body.stepper-overlay-open .back-link,
body.stepper-overlay-open .top-bar,
body.stepper-overlay-open .inspection-header,
body.stepper-overlay-open .inspection-meta,
body.stepper-overlay-open .inspection-summary-grid {
    display: none !important;
}

body.stepper-overlay-open .capture-desktop-gate__notice,
body.stepper-overlay-open .offline-status-card {
    display: none !important;
}

@media (max-width: 768px) {
    body.scan-task-open .top-bar,
    body.scan-task-open .sidebar,
    body.scan-task-open .mobile-nav-overlay,
    body.scan-task-open .inspection-header {
        display: none !important;
    }

    .inspection-header {
        align-items: flex-start;
    }

    .inspection-header__details {
        display: none !important;
    }
}

/* -------------------------------------------------------------------------- */
/* Inspection PDF download — single progress card (generating → downloading) */
/* -------------------------------------------------------------------------- */

.inspection-pdf-job-host {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 10000;
    max-width: min(400px, calc(100vw - 44px));
    pointer-events: auto;
    animation: inspection-pdf-job-enter 280ms ease-out;
}

@keyframes inspection-pdf-job-enter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.inspection-pdf-job {
    padding: 18px 20px 16px;
    border-radius: var(--radius-md);
    background: var(--surface-card);
    border: 1px solid var(--rule-strong);
    box-shadow: var(--shadow-md);
    color: var(--ink);
}

.inspection-pdf-job__eyebrow {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-4);
    margin: 0 0 6px;
}

.inspection-pdf-job__title {
    margin: 0 0 8px;
    font: 600 1.05rem/1.25 "Space Grotesk", "Inter", sans-serif;
    letter-spacing: -0.02em;
    color: var(--ink);
}

.inspection-pdf-job__sub {
    margin: 0 0 14px;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ink-3);
    font-weight: 500;
}

.inspection-pdf-job__sub--hint {
    margin-top: -8px;
    color: var(--ink-4);
    font-size: 0.78rem;
}

.inspection-pdf-job__track {
    position: relative;
    height: 6px;
    border-radius: 999px;
    background: var(--surface-inset);
    overflow: hidden;
    margin-bottom: 10px;
}

.inspection-pdf-job__bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--info), color-mix(in srgb, var(--info) 70%, #ffffff));
    transition: width 160ms ease-out;
}

.inspection-pdf-job__track--success .inspection-pdf-job__bar-fill {
    background: linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 70%, #ffffff));
}

.inspection-pdf-job__bar-indet {
    position: absolute;
    inset: 0;
    width: 40%;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--info) 55%, transparent), var(--info));
    animation: inspection-pdf-job-indet 1.1s ease-in-out infinite;
}

.inspection-pdf-job__track--success .inspection-pdf-job__bar-indet {
    display: none !important;
}

@keyframes inspection-pdf-job-indet {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(350%);
    }
}

.inspection-pdf-job__meta {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ink-4);
    font-variant-numeric: tabular-nums;
}

.inspection-pdf-job__footer--error {
    margin-top: 4px;
}

.inspection-pdf-job__errmsg {
    margin: 0 0 12px;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--danger);
    font-weight: 500;
}

html[data-theme="dark"] .inspection-pdf-job {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.24);
    color: #f1f5f9;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .inspection-pdf-job__eyebrow,
html[data-theme="dark"] .inspection-pdf-job__sub--hint,
html[data-theme="dark"] .inspection-pdf-job__meta {
    color: rgba(148, 163, 184, 0.85);
}

html[data-theme="dark"] .inspection-pdf-job__title {
    color: #f1f5f9;
}

html[data-theme="dark"] .inspection-pdf-job__sub {
    color: rgba(226, 232, 240, 0.82);
}

html[data-theme="dark"] .inspection-pdf-job__track {
    background: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] .inspection-pdf-job__errmsg {
    color: #fca5a5;
}

@media (prefers-reduced-motion: reduce) {
    .inspection-pdf-job-host {
        animation: none;
    }

    .inspection-pdf-job__bar-indet {
        animation: none;
        width: 100%;
        opacity: 0.35;
        transform: none;
    }

    .inspection-pdf-job__bar-fill {
        transition: none;
    }
}

@media (max-width: 1024px) {
    .inspection-pdf-job-host {
        right: 16px;
        left: 16px;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 108px);
        max-width: none;
    }
}

/* ============================================================================
   Inspection-show canonical modal primitives — `.inspection-modal*` (rewrite-in-place)
   ----------------------------------------------------------------------------
   Scoped to `.page-section--inspection-show` so these rules WIN via source
   order over the earlier scoped blocks (lines ~3390-3900) that share the same
   specificity. All 6 show-page modals (door-remedials, door, property-assign,
   offline-preflight, offline-recovery, reinspection) share this chrome.
   Values lifted verbatim from inspections.css `.inspection-modal` block.
   ============================================================================ */

.page-section--inspection-show .inspection-modal {
    --insp-accent: var(--accent, #c49510);
    --insp-accent-soft: var(--accent-soft, rgba(196, 149, 16, 0.1));
    --insp-accent-strong: rgba(196, 149, 16, 0.34);
    --insp-ink: var(--ink, #1a1815);
    --insp-ink-muted: var(--ink-3, #6b6458);
    --insp-ink-faint: var(--ink-4, #9a9188);
    --insp-border: var(--rule, rgba(26, 24, 21, 0.08));
    --insp-border-rule: rgba(26, 24, 21, 0.07);
    --insp-border-input: rgba(26, 24, 21, 0.14);
    --insp-bg-warm: #f7f5f0;
    --insp-surface: var(--surface-card, #ffffff);
    --insp-surface-soft: #fcfaf4;

    /* --ipi-* token aliases so canonical primitives (.ipi-tabs, .ipi-tab,
       .ipi-filter-search) render correctly inside the modal scope. */
    --ipi-bg: var(--canvas, #f7f5f0);
    --ipi-bg-inset: var(--surface-inset, #edeae3);
    --ipi-bg-card: var(--surface-card, #ffffff);
    --ipi-bg-hover: rgba(26, 24, 21, 0.04);
    --ipi-rule: var(--rule, rgba(26, 24, 21, 0.08));
    --ipi-rule-h: rgba(26, 24, 21, 0.11);
    --ipi-ink: var(--ink, #1a1815);
    --ipi-ink-2: #3d3a34;
    --ipi-ink-3: var(--ink-3, #6b6458);
    --ipi-ink-4: var(--ink-4, #9a9188);
    --ipi-accent: var(--accent, #c49510);
    --ipi-accent-bg: rgba(196, 149, 16, 0.08);
    --ipi-accent-border: rgba(196, 149, 16, 0.34);
    --ipi-shadow-sm: 0 1px 3px rgba(26, 24, 21, 0.06), 0 1px 2px rgba(26, 24, 21, 0.04);
    --ipi-shadow-card: 0 1px 4px rgba(26, 24, 21, 0.06), 0 0 0 1px rgba(26, 24, 21, 0.05);
}

/* Default dialog: content-driven height. Use --stable on tabbed/multi-state modals. */
.page-section--inspection-show .inspection-modal .inspection-modal__dialog {
    width: min(880px, calc(100vw - 32px));
    max-height: min(90vh, 960px);
    border-radius: 16px;
    border: 1px solid var(--insp-border);
    background: var(--insp-surface);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.18),
        0 4px 16px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.page-section--inspection-show .inspection-modal .inspection-modal__dialog--stable {
    height: min(85vh, 760px);
    min-height: min(60vh, 520px);
}

.page-section--inspection-show .inspection-modal .inspection-modal__dialog--narrow {
    width: min(560px, calc(100vw - 32px));
}

.page-section--inspection-show .inspection-modal .inspection-modal__dialog--wide {
    width: min(1280px, calc(100vw - 32px));
}

/* Form wrapping body+footer must be flex so body's overflow-y:auto has a
   constrained parent. */
.page-section--inspection-show .inspection-modal form {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    width: 100%;
}

.page-section--inspection-show .inspection-modal .inspection-modal__header {
    padding: 20px 22px 16px;
    border-bottom: 1px solid var(--insp-border-rule);
    flex-shrink: 0;
    background: var(--insp-surface);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.page-section--inspection-show .inspection-modal .inspection-modal__header > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.page-section--inspection-show .inspection-modal .inspection-modal__header-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.page-section--inspection-show .inspection-modal .inspection-modal__header .eyebrow {
    margin: 0;
    color: var(--insp-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-section--inspection-show .inspection-modal .inspection-modal__header .modal__title,
.page-section--inspection-show .inspection-modal .inspection-modal__header h3 {
    margin: 0;
    font-family: var(--font-display, 'Space Grotesk', system-ui, sans-serif);
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--insp-ink);
}

.page-section--inspection-show .inspection-modal .inspection-modal__header .text-muted,
.page-section--inspection-show .inspection-modal .inspection-modal__header > div > p:not(.eyebrow) {
    margin: 4px 0 0;
    max-width: 60ch;
    color: var(--insp-ink-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}

.page-section--inspection-show .inspection-modal .modal__close {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--surface-inset, #edeae3);
    border: none;
    color: var(--insp-ink-muted);
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease, color 0.15s ease;
}

.page-section--inspection-show .inspection-modal .modal__close:hover {
    background: rgba(26, 24, 21, 0.1);
    color: var(--insp-ink);
}

.page-section--inspection-show .inspection-modal .inspection-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 20px 22px 22px;
    background: var(--insp-bg-warm);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer {
    padding: 13px 22px 14px;
    border-top: 1px solid var(--insp-border-rule);
    background: var(--insp-surface);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer-copy strong {
    font-family: var(--font-display, 'Space Grotesk', system-ui, sans-serif);
    font-size: 13px;
    font-weight: 700;
    color: var(--insp-ink);
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer-copy p {
    margin: 0;
    font-size: 12px;
    color: var(--insp-ink-faint);
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.page-section--inspection-show .inspection-modal .inspection-modal__footer .btn {
    min-height: 40px;
    padding: 8px 18px;
}

/* Form controls */
.page-section--inspection-show .inspection-modal :where(input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], select, textarea) {
    min-height: 40px;
    padding: 10px 13px;
    border-radius: 9px;
    border: 1px solid var(--insp-border-input);
    background: var(--insp-surface);
    font-family: var(--font-sans, inherit);
    font-size: 13.5px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    color: var(--insp-ink);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
    width: 100%;
}

.page-section--inspection-show .inspection-modal :where(input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="datetime-local"], select, textarea):focus {
    border-color: var(--insp-accent-strong);
    box-shadow: 0 0 0 3px var(--insp-accent-soft);
    outline: none;
}

.page-section--inspection-show .inspection-modal textarea {
    min-height: 72px;
    resize: vertical;
    line-height: 1.5;
}

.page-section--inspection-show .inspection-modal select {
    padding-right: 34px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239a9188' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    cursor: pointer;
}

/* Dark mode */
html[data-theme="dark"] .page-section--inspection-show .inspection-modal {
    --insp-surface: #0f172a;
    --insp-surface-soft: rgba(15, 23, 42, 0.6);
    --insp-bg-warm: #0b1220;
    --insp-ink: #e2e8f0;
    --insp-ink-muted: #94a3b8;
    --insp-ink-faint: #94a3b8;
    --insp-border: rgba(148, 163, 184, 0.22);
    --insp-border-rule: rgba(148, 163, 184, 0.18);
    --insp-border-input: rgba(148, 163, 184, 0.28);
    --insp-accent: #e3b008;
    --insp-accent-soft: rgba(227, 176, 8, 0.18);
    --insp-accent-strong: rgba(244, 217, 139, 0.5);

    --ipi-bg: rgba(15, 23, 42, 0.55);
    --ipi-bg-inset: rgba(15, 23, 42, 0.62);
    --ipi-bg-card: rgba(15, 23, 42, 0.7);
    --ipi-bg-hover: rgba(148, 163, 184, 0.08);
    --ipi-rule: rgba(148, 163, 184, 0.22);
    --ipi-rule-h: rgba(148, 163, 184, 0.28);
    --ipi-ink: #e2e8f0;
    --ipi-ink-2: #cbd5e1;
    --ipi-ink-3: #94a3b8;
    --ipi-ink-4: #94a3b8;
    --ipi-accent: #e3b008;
    --ipi-accent-bg: rgba(227, 176, 8, 0.18);
    --ipi-accent-border: rgba(244, 217, 139, 0.5);
    --ipi-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --ipi-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(148, 163, 184, 0.1);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal .inspection-modal__dialog {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal .modal__close {
    background: rgba(148, 163, 184, 0.16);
    color: rgba(226, 232, 240, 0.92);
}

html[data-theme="dark"] .page-section--inspection-show .inspection-modal .modal__close:hover {
    background: rgba(148, 163, 184, 0.28);
}

/* Mobile layout overrides (≤900px) — sheet chrome handled by canonical .modal--sheet rule */
@media (max-width: 900px) {
    .page-section--inspection-show .inspection-modal .inspection-modal__header {
        padding: 14px 16px 12px;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__header .modal__title,
    .page-section--inspection-show .inspection-modal .inspection-modal__header h3 {
        font-size: 1.1rem;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__body {
        padding: 14px 16px 16px;
        gap: 12px;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__footer {
        padding: 12px 16px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 10px;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__footer-copy { display: none; }

    .page-section--inspection-show .inspection-modal .inspection-modal__footer-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__footer-actions .btn {
        width: 100%;
        justify-content: center;
        min-height: 44px;
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .page-section--inspection-show .inspection-modal .inspection-modal__footer-actions .btn-primary { order: 2; }
    .page-section--inspection-show .inspection-modal .inspection-modal__footer-actions .btn-secondary { order: 1; }
}

/* Capture exit-confirm modal: equal-width buttons. */
.icm-exit-confirm-modal .modal__footer-actions {
    display: flex;
    gap: 10px;
    width: 100%;
}

.icm-exit-confirm-modal .modal__footer-actions .btn {
    flex: 1;
}

/* Follow-up tab: two-button action cluster (quote-first + no-quote paths). */
.page-section--inspection-show .fu-remedials-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 200px;
}

.page-section--inspection-show .fu-remedials-actions .fu-remedials-form {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.page-section--inspection-show .fu-tracker-btn--secondary {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid rgba(26, 24, 21, 0.22);
    border-radius: 7px;
    background: var(--surface-card, #ffffff);
    color: var(--ink, #1a1815);
    font: 600 13px/1 "Inter", sans-serif;
    text-decoration: none;
    cursor: pointer;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.06));
    transition: background 0.12s ease, border-color 0.12s ease;
}

.page-section--inspection-show .fu-tracker-btn--secondary:hover {
    background: var(--surface-subtle, #f2efe9);
    border-color: rgba(26, 24, 21, 0.38);
}

html[data-theme="dark"] .page-section--inspection-show .fu-tracker-btn--secondary {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.32);
    color: var(--ink, #f1f5f9);
    box-shadow: none;
}

html[data-theme="dark"] .page-section--inspection-show .fu-tracker-btn--secondary:hover {
    background: rgba(30, 41, 59, 0.72);
    border-color: rgba(148, 163, 184, 0.55);
}

/* Post-completion nudge banner: shows on a completed inspection when failing doors
   have not yet been pushed to the remedials board. */
.page-section--inspection-show .insp-nudge-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0 0;
    padding: 14px 18px;
    border: 1px solid rgba(196, 149, 16, 0.32);
    border-radius: 12px;
    background: rgba(196, 149, 16, 0.10);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
}

.page-section--inspection-show .insp-nudge-banner__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.page-section--inspection-show .insp-nudge-banner__eyebrow {
    font: 600 10px/1 "Inter", sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-strong, #a97807);
}

.page-section--inspection-show .insp-nudge-banner__title {
    font: 600 15px/1.25 "Inter", sans-serif;
    color: var(--ink, #1a1815);
}

.page-section--inspection-show .insp-nudge-banner__sub {
    font: 500 12px/1.45 "Inter", sans-serif;
    color: var(--ink-3, #6b6458);
}

.page-section--inspection-show .insp-nudge-banner__actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.page-section--inspection-show .insp-nudge-banner__link {
    font: 600 12px/1 "Inter", sans-serif;
    color: var(--ink-2, #3d3a34);
    text-decoration: underline;
    text-decoration-color: rgba(26, 24, 21, 0.24);
    text-underline-offset: 3px;
}

.page-section--inspection-show .insp-nudge-banner__link:hover {
    text-decoration-color: var(--ink-2, #3d3a34);
}

html[data-theme="dark"] .page-section--inspection-show .insp-nudge-banner {
    border-color: rgba(227, 176, 8, 0.40);
    background: rgba(227, 176, 8, 0.12);
    box-shadow: none;
}

html[data-theme="dark"] .page-section--inspection-show .insp-nudge-banner__eyebrow {
    color: #f4d98b;
}

html[data-theme="dark"] .page-section--inspection-show .insp-nudge-banner__title {
    color: #f1f5f9;
}

html[data-theme="dark"] .page-section--inspection-show .insp-nudge-banner__sub {
    color: rgba(241, 245, 249, 0.72);
}

html[data-theme="dark"] .page-section--inspection-show .insp-nudge-banner__link {
    color: rgba(241, 245, 249, 0.88);
    text-decoration-color: rgba(148, 163, 184, 0.38);
}

@media (max-width: 900px) {
    .page-section--inspection-show .fu-remedials-actions {
        width: 100%;
        min-width: 0;
    }

    .page-section--inspection-show .fu-tracker-btn--secondary {
        width: 100%;
    }

    .page-section--inspection-show .insp-nudge-banner {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 16px;
    }

    .page-section--inspection-show .insp-nudge-banner__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .page-section--inspection-show .insp-nudge-banner__actions .btn {
        width: 100%;
        justify-content: center;
        min-height: 44px;
    }

    .page-section--inspection-show .insp-nudge-banner__link {
        text-align: center;
    }
}