:root{ /* Palette + semantic tokens: app/static/css/ppp_design_tokens.css */ /* Overall UI scale (1 = default). Set from localStorage via inline style on . */ --ppp-scale: 1; --sidebar-w: calc(220px * var(--ppp-scale)); --radius: 8px; }html{ font-size: calc(15px * var(--ppp-scale)); }*, *::before, *::after{ box-sizing: border-box; }body{ margin: 0; font-family: var(--ppp-font-sans); font-size: 1rem; line-height: 1.5; color: var(--text); background: var(--bg); min-height: 100vh; }a{ color: var(--accent); text-decoration: none; }a:hover{ text-decoration: underline; }.layout{ display: flex; min-height: 100vh; }.sidebar{ display: flex; flex-direction: column; width: var(--sidebar-w); flex-shrink: 0; background: var(--surface); border-right: 1px solid var(--border); padding: 1.25rem 0; box-shadow: var(--shadow); }.sidebar nav{ flex: 1 1 auto; }.sidebar-brand{ padding: 0 1rem 1rem; font-weight: 700; font-size: 1.05rem; color: var(--text); letter-spacing: -0.02em; }.sidebar-brand .brand-prime, .auth-brand .brand-prime{ color: var(--ppp-text); }.sidebar-brand .brand-point, .auth-brand .brand-point{ color: var(--ppp-text); }.sidebar-brand .brand-platform, .auth-brand .brand-platform{ color: var(--ppp-muted); }.nav-section{ margin-top: 1rem; padding: 0 0.75rem; }.nav-section-title{ font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); padding: 0.5rem 0.5rem 0.35rem; }.sidebar a.nav-link{ display: block; padding: 0.45rem 0.65rem; border-radius: 6px; color: var(--text); text-decoration: none; font-size: 0.92rem; }.sidebar a.nav-link:hover{ background: var(--bg); text-decoration: none; }.sidebar a.nav-link.active{ background: rgba(var(--ppp-gold-rgb), 0.12); color: var(--ppp-charcoal-900); font-weight: 600; }.sidebar .nav-link.disabled{ display: block; font-size: 0.62rem; line-height: 1.35; padding: 0.22rem 0.65rem; color: var(--muted); pointer-events: none; cursor: default; opacity: 0.85; }.nav-section--future-placeholders .nav-link.disabled{ font-size: 0.82rem; line-height: 1.4; }.main{ flex: 1; padding: 1.5rem 2rem 3rem; min-width: 0; }.page-header{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.75rem; margin-bottom: 1.25rem; }.page-header h1{ margin: 0; font-size: 1.5rem; font-weight: 650; letter-spacing: -0.02em; }.page-header-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }.role-help-text{ font-size: 0.9em; color: #66707a; line-height: 1.35; margin: 4px 0 10px 0; font-weight: 400; }.role-help-text > div{ margin: 0; }.role-help-text > div + div{ margin-top: 2px; }.dispatch-context{ background: rgba(var(--ppp-charcoal-rgb), 0.04); border: 1px solid rgba(var(--ppp-charcoal-rgb), 0.1); border-radius: var(--radius); padding: 0.85rem 1.1rem; margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; }.dispatch-context strong{ color: var(--text); }.dispatch-context a{ font-weight: 600; }.btn{ display: inline-block; padding: 0.45rem 0.9rem; border-radius: 6px; border: 1px solid var(--border); background: var(--surface); color: var(--text); font-size: 0.9rem; cursor: pointer; text-decoration: none; font-family: inherit; }.btn:hover{ border-color: rgba(var(--ppp-charcoal-rgb), 0.22); color: var(--ppp-text); text-decoration: none; }.btn-primary{ background: var(--ppp-btn-primary-bg); border-color: var(--ppp-btn-primary-border); color: var(--ppp-btn-primary-text); box-shadow: none; }.btn-primary:hover{ background: var(--ppp-btn-primary-hover-bg); border-color: var(--ppp-btn-primary-hover-border); color: var(--ppp-btn-primary-text); }.btn-sm{ padding: 0.25rem 0.55rem; font-size: 0.82rem; }.card{ background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.1rem 1.25rem; box-shadow: var(--shadow); margin-bottom: 1rem; }.card h2{ margin: 0 0 0.75rem; font-size: 1.05rem; font-weight: 650; }.notes-images-placeholder__hint{ margin: 0 0 0.85rem; font-size: 0.92rem; }.notes-images-placeholder__figure{ margin: 0; }.notes-images-placeholder__figure img{ display: block; max-width: min(100%, 22rem); height: auto; border-radius: 6px; border: 1px solid var(--border); box-shadow: var(--shadow); }.notes-images-placeholder__figure figcaption{ margin-top: 0.5rem; font-size: 0.85rem; }.field-checklist-design-sandbox__canvas{ min-height: 12rem; border: 2px dashed var(--border); border-radius: var(--radius); background: rgba(30, 107, 184, 0.04); padding: 1.25rem; display: flex; align-items: center; justify-content: center; text-align: center; }.field-checklist-design-sandbox__placeholder-label{ margin: 0; max-width: 28rem; font-size: 0.92rem; }.field-checklist-design-sandbox > h2 + .muted{ margin: 0 0 0.75rem; }.field-checklist-design-sandbox > .muted + .muted{ margin: 0 0 1rem; }.table-wrap{ overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }table.data{ width: 100%; border-collapse: collapse; font-size: 0.9rem; }table.data th, table.data td{ padding: 0.55rem 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }table.data th{ background: var(--bg); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); }table.data tr:last-child td{ border-bottom: none; }table.data tr:hover td{ background: var(--ppp-ops-surface-raised); }table.data a{ font-weight: 500; }.filters{ display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: flex-end; margin-bottom: 1rem; }.filters label{ display: flex; flex-direction: column; font-size: 0.78rem; color: var(--muted); gap: 0.2rem; }.filters input, .filters select{ padding: 0.35rem 0.5rem; border: 1px solid var(--border); border-radius: 6px; font-size: 0.9rem; min-width: 120px; }.filters-disclosure{ padding: 0; overflow: hidden; }.filters-disclosure-summary{ padding: 0.75rem 1.1rem; font-weight: 650; font-size: 0.95rem; cursor: pointer; list-style: none; user-select: none; }.filters-disclosure-summary::-webkit-details-marker{ display: none; }.filters-disclosure-summary::before{ content: ""; display: inline-block; width: 0.45em; height: 0.45em; margin-right: 0.5rem; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(-45deg); vertical-align: 0.15em; transition: transform 0.15s ease; }.filters-disclosure[open] .filters-disclosure-summary::before{ transform: rotate(45deg); vertical-align: 0.05em; }.filters-disclosure-hint{ font-weight: 400; color: var(--muted); font-size: 0.82rem; margin-left: 0.35rem; }.filters-disclosure .filters{ padding: 0 1.1rem 1rem; margin-bottom: 0; border-top: 1px solid var(--border); padding-top: 0.85rem; }.filters-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0.75rem 1rem; align-items: end; } @media (min-width: 900px) {.filters-grid{ grid-template-columns: repeat(4, minmax(140px, 1fr)); }.filters-span-2{ grid-column: span 2; } }.filters-checkbox{ display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding-bottom: 0.15rem; }.filters-checkbox input{ width: auto; min-width: 0; margin: 0; }.filters-checkbox span{ font-size: 0.85rem; color: var(--text); font-weight: 500; }.filters-actions{ display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; grid-column: 1 / -1; }.sortable-th{ color: inherit; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.25rem; }.sortable-th:hover{ color: var(--accent); text-decoration: none; }.sort-ind{ font-size: 0.65rem; opacity: 0.85; }table.data-zebra th, table.data-zebra td{ padding: 0.62rem 0.8rem; }table.data-zebra tbody tr:nth-child(even) td{ background: #f5f7fb; }table.data-zebra tbody tr:nth-child(even):hover td{ background: rgba(24, 24, 26, 0.032); }table.data-clickable-rows tbody tr.row-clickable{ cursor: pointer; }table.data-clickable-rows tbody tr.row-clickable:focus{ outline: 2px solid rgba(30, 107, 184, 0.45); outline-offset: -2px; }.td-address{ max-width: 14rem; min-width: 8rem; }.address-ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.td-project-id{ font-variant-numeric: tabular-nums; user-select: text; cursor: default; }.td-coordinator, .td-inspector{ text-align: left; vertical-align: middle; }.row-action-link{ display: inline-block; margin-left: 0.35rem; padding: 0.2rem 0.45rem; font-size: 0.82rem; font-weight: 500; border-radius: 4px; border: 1px solid var(--border); background: var(--surface); color: var(--accent); text-decoration: none; }.row-action-link--block-start{ margin-left: 0; }.row-action-link:hover{ border-color: var(--accent); background: rgba(30, 107, 184, 0.06); text-decoration: none; }.list-pagination{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; margin-top: 1rem; }.list-pagination .pagination-meta{ font-size: 0.88rem; }.btn-disabled{ opacity: 0.45; pointer-events: none; cursor: default; }.form-grid{ display: grid; gap: 0.85rem; max-width: 520px; }.form-grid label{ display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.85rem; color: var(--muted); }.form-grid input, .form-grid select, .form-grid textarea{ padding: 0.45rem 0.55rem; border: 1px solid var(--border); border-radius: 6px; font-size: 0.95rem; font-family: inherit; }.form-grid textarea{ min-height: 88px; resize: vertical; }dl.meta{ display: grid; grid-template-columns: 140px 1fr; gap: 0.35rem 1rem; margin: 0; font-size: 0.92rem; }dl.meta dt{ color: var(--muted); margin: 0; }dl.meta dd{ margin: 0; }.badge{ display: inline-block; padding: 0.15rem 0.45rem; border-radius: 4px; font-size: 0.78rem; font-weight: 600; background: var(--bg); color: var(--muted); }.badge-ok{ background: #e3f4e8; color: #1e6b3a; }.badge-warn{ background: var(--bg-warning); color: #8a5b00; }.badge-email{ display: inline-flex; align-items: center; padding: 0.12rem 0.42rem; border-radius: 4px; font-size: 0.72rem; font-weight: 600; line-height: 1.3; border: 1px solid transparent; white-space: nowrap; }.badge-email--delivered{ background: var(--bg-success); color: #047857; border-color: #6ee7b7; }.badge-email--sent{ background: var(--bg-info); color: #1d4ed8; border-color: #93c5fd; }.badge-email--processing{ background: #f1f5f9; color: #475569; border-color: #cbd5e1; }.badge-email--delayed{ background: var(--bg-warning); color: #b45309; border-color: #fcd34d; }.badge-email--failed{ background: var(--bg-danger); color: #b91c1c; border-color: #fecaca; }.rank-pill{ display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 2.85rem; padding: 0.24rem 0.8rem; border-radius: 999px; font-size: 0.82rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.02em; border: 1px solid transparent; vertical-align: middle; }.rank-pill__value{ display: block; min-width: 2ch; text-align: center; font-variant-numeric: tabular-nums; }.rank-pill--green{ background: #d8ead4; color: #1f4f32; border-color: #9fc49a; }.rank-pill--blue{ background: #d4e2f0; color: #1c3f62; border-color: #9eb8d4; }.rank-pill--gray{ background: #e2e3e1; color: #3a4048; border-color: #bcbec0; }.rank-pill--amber{ background: #ebe0c4; color: #5a4518; border-color: #cdb885; }.rank-pill--red{ background: #ead4cf; color: #6a2e28; border-color: #c99a92; }.rank-field-row{ display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap; }.rank-field-row input[type="number"]{ max-width: 5.5rem; }.inspector-edit-layout{ display: grid; grid-template-columns: minmax(280px, 520px) minmax(320px, 1fr); gap: 1.25rem; align-items: start; } @media (max-width: 900px) {.inspector-edit-layout{ grid-template-columns: 1fr; } }.inspector-edit-layout__profile, .inspector-edit-layout__notes{ max-width: none; }.inspector-notes-log__title{ margin: 0 0 1rem; font-size: 1.05rem; font-weight: 650; color: var(--ink, #1a2332); }.inspector-notes-log__compose{ display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--border, #d8dce2); }.inspector-notes-log__new-label{ font-size: 0.85rem; font-weight: 600; color: var(--muted-ink, #5a6270); }.inspector-notes-log__compose textarea{ min-height: 5.5rem; resize: vertical; }.inspector-notes-log__compose-actions{ display: flex; justify-content: flex-start; }.inspector-notes-log__list{ list-style: none; margin: 0; padding: 0; }.inspector-notes-log__entry{ padding: 0.85rem 0; border-bottom: 1px solid var(--border, #e4e6ea); }.inspector-notes-log__entry:first-child{ padding-top: 0; }.inspector-notes-log__entry:last-child{ border-bottom: none; padding-bottom: 0; }.inspector-notes-log__meta{ display: flex; flex-direction: column; gap: 0.15rem; margin-bottom: 0.45rem; font-size: 0.82rem; color: var(--muted-ink, #5a6270); }.inspector-notes-log__meta time{ font-weight: 600; color: var(--ink-soft, #3a4454); }.inspector-notes-log__author{ font-weight: 500; }.inspector-notes-log__text{ margin: 0; white-space: pre-wrap; line-height: 1.45; color: var(--ink, #1a2332); }.inspector-notes-log__empty{ margin: 0; font-size: 0.9rem; }.inspector-note-count{ margin-top: 0.2rem; font-size: 0.78rem; line-height: 1.3; }a.inspector-notes-link{ color: inherit; text-decoration: underline; text-underline-offset: 2px; }.inspector-list-summary{ margin: 0 0 0.65rem; font-size: 0.88rem; }.inspector-name-cell{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }.badge.inspector-status-inactive{ background: #ececea; color: #5a6270; border: 1px solid #d3d4d2; font-size: 0.72rem; font-weight: 600; padding: 0.12rem 0.45rem; border-radius: 999px; letter-spacing: 0.01em; vertical-align: middle; }.inspector-list-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.45rem; }.inspector-list-actions__form{ display: inline-flex; margin: 0; }.inspector-list-actions__sep{ color: var(--muted-ink, #8a9199); font-size: 0.82rem; user-select: none; }.inspector-list-actions__delete{ color: #6b3a34; border-color: #dcc8c4; }.inspector-list-actions__delete:hover{ background: #f0e8e6; color: #5a2f2a; }a.inspector-notes-link:hover{ color: var(--ink, #1a2332); }.badge-project-status{ display: inline-block; padding: 0.28rem 0.58rem; border-radius: 6px; font-size: 0.8rem; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; border: none; }.badge-project-status--new{ background: var(--ppp-status-new-bg); color: var(--ppp-status-new-text); }.badge-project-status--dispatched{ background: var(--ppp-status-dispatched-bg); color: var(--ppp-status-dispatched-text); }.badge-project-status--scheduled{ background: var(--ppp-status-scheduled-bg); color: var(--ppp-status-scheduled-text); }.badge-project-status--submitted{ background: var(--ppp-status-submitted-bg); color: var(--ppp-status-submitted-text); }.badge-project-status--inspector_assigned, .badge-project-status--coordinator_assigned{ background: var(--ppp-status-new-bg); color: var(--ppp-status-new-text); }.badge-project-status--ready_for_dispatch, .badge-project-status--field_package_delivered{ background: var(--ppp-status-dispatched-bg); color: var(--ppp-status-dispatched-text); }.badge-project-status--under_review{ background: var(--ppp-status-under-review-bg); color: var(--ppp-status-under-review-text); }.badge-project-status--completed{ background: var(--ppp-status-completed-bg); color: var(--ppp-status-completed-text); }.badge-project-status--cancelled{ background: var(--ppp-status-cancelled-bg); color: var(--ppp-status-cancelled-text); }.badge-project-status--on_hold{ background: var(--ppp-status-on-hold-bg); color: var(--ppp-status-on-hold-text); }.badge-project-status--custom, .badge-project-status--default{ background: var(--ppp-status-default-bg); color: var(--ppp-status-default-text); border: 1px solid var(--ppp-border); }.ppp-project-map-marker{ box-sizing: border-box; width: 13px; height: 13px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.92); box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.14), 0 1px 4px rgba(15, 23, 42, 0.18); flex-shrink: 0; }.ppp-project-map-marker--new{ background: var(--ppp-marker-new); }.ppp-project-map-marker--dispatched{ background: var(--ppp-marker-dispatched); }.ppp-project-map-marker--scheduled{ background: var(--ppp-marker-scheduled); }.ppp-project-map-marker--submitted{ background: var(--ppp-marker-submitted); }.ppp-project-map-marker--under_review{ background: var(--ppp-marker-under-review); }.ppp-project-map-marker--completed{ background: var(--ppp-marker-completed); }.ppp-project-map-marker--on_hold{ background: var(--ppp-marker-on-hold); }.ppp-project-map-marker--cancelled{ background: var(--ppp-marker-cancelled); }.ppp-project-map-marker--unknown{ background: var(--ppp-marker-unknown); }.badge-inspection-type{ display: inline-block; padding: 0.28rem 0.58rem; border-radius: 6px; font-size: 0.8rem; font-weight: 600; line-height: 1.3; letter-spacing: 0.04em; border: none; }.badge-inspection-type--eso{ background: #e6f5ec; color: #276348; }.badge-inspection-type--pca{ background: #e8eefc; color: #2d4f8f; }.badge-inspection-type--cdi{ background: #f3ecfc; color: #5b3fa6; }.badge-inspection-type--combo{ background: #fcf1e6; color: #8a4b12; }.badge-inspection-type--unset{ background: var(--ppp-stone-100); color: #657080; border: 1px solid rgba(186, 198, 212, 0.45); }.badge-dispatch-action{ display: inline-block; padding: 0.2rem 0.45rem; border-radius: 4px; font-size: 0.76rem; font-weight: 600; }.badge-dispatch-action--no_answer{ background: #eceff4; color: #4a5568; }.badge-dispatch-action--text_sent{ background: #dff4fc; color: #0b5a7a; }.badge-dispatch-action--declined{ background: #fde8e8; color: #9b1c1c; }.badge-dispatch-action--interested{ background: #e3f4e8; color: #1e6b3a; }.badge-dispatch-action--assigned{ background: #d9e8f7; color: #0f4a8a; }.badge-dispatch-action--default{ background: var(--bg); color: var(--muted); }.muted{ color: var(--muted); font-size: 0.9rem; }.section-block{ border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.1rem; margin-bottom: 1rem; background: var(--ppp-ops-surface-raised); }.section-block h3{ margin: 0 0 0.75rem; font-size: 1rem; }.yesno{ display: flex; gap: 1rem; align-items: center; }.yesno label{ display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 500; color: var(--text); }.sidebar-footer{ margin-top: auto; flex-shrink: 0; }.sidebar-display-size{ padding: 1rem 0.75rem 0; border-top: 1px solid var(--border); }.sidebar-build-info{ padding: 0.55rem 0.75rem 0.85rem; border-top: 1px solid var(--border); font-size: 11px; line-height: 1.35; color: var(--muted); text-align: left; }.sidebar-build-info__version{ font-size: 12px; font-weight: 600; color: var(--text); letter-spacing: 0.01em; }.sidebar-build-info__commit{ margin-top: 0.12rem; font-family: var( --ppp-font-mono, ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace ); font-size: 11px; letter-spacing: 0.03em; color: var(--muted); }.sidebar-build-info__built{ margin-top: 0.18rem; color: var(--muted); }.sidebar-build-info__env{ display: flex; align-items: center; gap: 0.35rem; margin-top: 0.28rem; font-size: 11px; color: var(--muted); }.sidebar-build-env-dot{ width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; background: #9ca3af; }.sidebar-build-info__env--production .sidebar-build-env-dot{ background: #22c55e; }.sidebar-build-info__env--staging .sidebar-build-env-dot{ background: #3b82f6; }.sidebar-build-info__env--local .sidebar-build-env-dot{ background: #9ca3af; }.sidebar-display-size .nav-section-title{ padding-top: 0; }.sidebar-display-size label{ display: block; font-size: 0.78rem; color: var(--muted); margin-bottom: 0.35rem; }.sidebar-display-size input[type="range"]{ width: 100%; max-width: 100%; margin: 0.25rem 0 0.15rem; cursor: pointer; accent-color: var(--ppp-range-accent, #b88a35); }.sidebar-display-size .display-size-value{ font-size: 0.75rem; color: var(--muted); text-align: right; }.data-projects-summary{ font-size: 0.88rem; }.data-projects-summary th, .data-projects-summary td{ padding: 0.45rem 0.5rem; vertical-align: middle; }.td-ellipsis{ max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.td-nowrap{ white-space: nowrap; }.data-projects-summary th.th-projects-site-visit-scheduler{ white-space: normal; line-height: 1.25; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }.data-projects-summary .td-projects-scheduling{ max-width: 10.5rem; font-weight: 400; color: inherit; }.data-projects-summary .td-projects-scheduling--pending{ color: var(--muted); font-weight: 400; }.data-projects-summary .th-inspection-type, .data-projects-summary .td-inspection-type{ text-align: center; max-width: 5.75rem; }.meta--compact{ display: grid; grid-template-columns: 10rem 1fr; gap: 0.35rem 1rem; max-width: 48rem; }.meta--compact dt{ margin: 0; color: var(--muted); font-size: 0.85rem; }.meta--compact dd{ margin: 0; }.project-overview-dl.meta--compact{ grid-template-columns: max-content 1fr; column-gap: 1rem; row-gap: 0.28rem; max-width: none; }.project-overview-dl.meta--compact dt{ white-space: nowrap; margin: 0 0 0.28rem; font-size: calc(0.7rem - 0.5pt); letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; color: #5f7286; }.project-overview-dl.meta--compact dd{ min-width: 0; line-height: 1.35; font-size: calc(1em - 0.5pt); }.project-overview-status-dd{ align-self: start; }.project-overview-field-inspection-dd{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; }.overview-status-pill{ display: inline-flex; align-items: center; border-radius: 999px; padding: 0.14rem 0.5rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.2; }.overview-status-pill--green{ background: #e8f5ec; border: 1px solid #b9dfc7; color: #166a34; }.overview-status-pill--gray{ background: var(--ppp-stone-100); border: 1px solid #d5dee9; color: #334155; }.overview-status-pill--yellow, .overview-status-pill--gold{ background: var(--bg-warning); border: 1px solid #f0d9a8; color: #7a4d16; }.overview-status-detail{ display: block; font-size: 0.75rem; line-height: 1.35; color: #94a3b8; }.project-overview-dt-emphasis{ font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; color: #1e3a5c; margin-top: 0.15rem; }.project-overview-status-dd--emphasis{ background: var(--ppp-ops-surface-raised); border: 1px solid #d7e4f2; border-radius: 8px; padding: 0.45rem 0.55rem; margin-top: 0.1rem; }.project-overview-status-dd--emphasis .project-overview-status-row{ gap: 0.45rem 0.65rem; }.project-overview-status-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }.project-overview-status-edit{ margin-top: 0.5rem; }.project-overview-status-form{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }.overview-status-field-label{ font-size: 0.85rem; font-weight: 600; color: var(--muted); }.overview-status-select{ min-width: 12rem; font: inherit; padding: 0.4rem 0.55rem; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); }.workflow-card-title{ margin: 0 0 0.35rem; }.workflow-lead{ margin: 0 0 1.25rem; font-size: 0.9rem; max-width: 42rem; }.workflow-steps{ --workflow-step-indent: calc(1.65rem + 0.65rem); /* ~95% wider than base 44rem (1.3× then +50%); inspector / scheduling / coordinator summaries */ --workflow-summary-card-max: calc(44rem * 1.3 * 1.5); list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }.workflow-step{ margin: 0; padding: 1.15rem 0; border-top: 1px solid var(--border); }.workflow-step:first-of-type{ border-top: none; padding-top: 0; }.workflow-step-head{ display: flex; align-items: flex-start; gap: 0.65rem; margin-bottom: 0.65rem; }.workflow-step--actions > .workflow-step-head:not(.workflow-step-head--toggle){ margin-bottom: 0; }.workflow-inspector-below-head{ margin-bottom: 0.75rem; }.workflow-inspector-below-head.workflow-step-summary-align{ padding-left: var(--workflow-step-indent); box-sizing: border-box; }.workflow-inspector-primary-col{ display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }.workflow-inspector-summary--unassigned .workflow-unassigned{ margin: 0; }.workflow-inspector-below-head .workflow-step-body--inspector-actions{ padding-left: 0; }.workflow-inspector-summary{ padding: 0.65rem 0.9rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--ppp-ops-surface-raised); }.workflow-inspector-summary-name{ margin: 0; font-size: 15px; line-height: 1.3; }.workflow-inspector-summary-dl{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.35rem 1rem; margin: 0.5rem 0 0; font-size: 0.88rem; }.workflow-inspector-summary-dl dt{ margin: 0; color: var(--muted); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.03em; }.workflow-inspector-summary-dl dd{ margin: 0; word-break: break-word; }.workflow-step-body--inspector-actions{ padding-top: 0; }.workflow-inspector-fee-form{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem 0.65rem; margin-bottom: 0.65rem; }.workflow-inspector-fee-label{ display: flex; flex-direction: column; gap: 0.3rem; margin: 0; min-width: min(100%, 14rem); }.workflow-inspector-fee-label-text{ font-size: 0.8rem; font-weight: 600; color: var(--muted); }.workflow-inspector-fee-input{ max-width: 14rem; }.workflow-staff-layout{ padding-left: var(--workflow-step-indent); box-sizing: border-box; display: flex; flex-direction: column; gap: 0.85rem; }.workflow-staff-primary-grid{ display: grid; gap: 0.85rem 1.25rem; grid-template-columns: 1fr; align-items: start; } @media (min-width: 720px) {.workflow-staff-primary-grid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }.workflow-staff-grid{ display: grid; gap: 0.85rem 1.25rem; grid-template-columns: 1fr; align-items: start; } @media (min-width: 720px) {.workflow-staff-grid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }.workflow-staff-col{ display: flex; flex-direction: column; gap: 0.42rem; min-width: 0; }.workflow-staff-subheading{ margin: 0; font-size: 0.88rem; line-height: 1.35; }.workflow-staff-assignment-name{ margin: 0; font-size: 0.95rem; font-weight: 650; line-height: 1.35; }.workflow-staff-assignment-meta{ display: flex; flex-direction: column; gap: 0.2rem; margin-top: 0.3rem; }.workflow-staff-meta-line{ margin: 0; font-size: 0.88rem; line-height: 1.35; }.workflow-staff-meta-line--rank{ display: flex; align-items: center; }.workflow-staff-fee-block{ margin-top: 0.65rem; padding-top: 0.55rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 0.35rem; }.workflow-staff-coordinator-block{ margin-top: 0.65rem; padding-top: 0.55rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 0.35rem; }.workflow-coordinator-inline-form{ margin: 0; }.workflow-coordinator-select-label{ display: block; margin: 0; max-width: 16.5rem; }.workflow-coordinator-select{ width: 100%; max-width: 16.5rem; box-sizing: border-box; }.workflow-staff-detail-dl{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.22rem 0.85rem; margin: 0.35rem 0 0; font-size: 0.84rem; }.workflow-staff-detail-dl dt{ margin: 0; color: var(--muted); font-weight: 600; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.03em; }.workflow-staff-detail-dl dd{ margin: 0; word-break: break-word; }.workflow-staff-actions{ margin-top: 0.15rem; }.workflow-staff-permission-note{ margin: 0; font-size: 0.88rem; }.workflow-staff-fee-row{ display: flex; flex-direction: column; gap: 0.35rem; }.workflow-staff-fee-body{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.65rem; }.workflow-staff-fee-display{ margin: 0; font-size: 0.95rem; font-weight: 600; }.workflow-staff-fee-placeholder{ margin: 0; }.workflow-staff-meta-line--email{ word-break: break-word; }.workflow-staff-meta-line--email a{ color: inherit; }.workflow-staff-fee-form{ margin: 0; }.workflow-scheduling-below-head, .workflow-coordinator-below-head{ margin-bottom: 0.75rem; padding-left: var(--workflow-step-indent); box-sizing: border-box; }.workflow-step-body--scheduling-form{ padding-top: 0; }.workflow-step-body--scheduling-actions{ padding-top: 0; }.workflow-step-body--coordinator-actions{ padding-top: 0; }.workflow-step-num{ flex-shrink: 0; width: 1.65rem; height: 1.65rem; border-radius: 50%; background: rgba(30, 107, 184, 0.15); color: var(--accent); font-weight: 700; font-size: 0.85rem; line-height: 1.65rem; text-align: center; }.workflow-step-title{ margin: 0; font-family: var(--ppp-font-sans); font-size: 1.05rem; font-weight: 650; line-height: 1.65rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; flex: 1 1 auto; min-width: 0; }.workflow-step-body{ padding-left: var(--workflow-step-indent); box-sizing: border-box; }.workflow-dispatch-panel{ min-width: 0; padding: 0.65rem 0.9rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--ppp-ops-surface-raised); }.workflow-dispatch-heading{ margin: 0 0 0.65rem; font-size: 0.95rem; font-weight: 650; color: var(--text); }.workflow-dispatch-empty{ margin: 0; font-size: 0.88rem; }.workflow-dispatch-table-wrap{ box-shadow: none; margin: 0; max-width: 100%; overflow-x: auto; /* ~1 header row + 4 log rows; scroll for additional entries (+5% height) */ max-height: calc(9.75rem * 1.05); overflow-y: auto; }.workflow-dispatch-table{ font-size: 0.75rem; }.workflow-dispatch-table thead th{ position: sticky; top: 0; z-index: 1; background: var(--bg); box-shadow: 0 1px 0 var(--border); }.workflow-dispatch-table th, .workflow-dispatch-table td{ padding: 0.35rem 0.45rem; white-space: nowrap; }.workflow-dispatch-table td:last-child{ white-space: normal; max-width: 10rem; }.workflow-assigned-name{ margin: 0 0 0.65rem; font-size: 1rem; }.workflow-unassigned{ margin: 0 0 0.65rem; }.workflow-actions{ display: flex; flex-wrap: wrap; gap: 0; align-items: center; }.workflow-actions--row{ gap: 0; }.workflow-inline-form{ display: flex; flex-wrap: wrap; align-items: center; gap: 0; }.workflow-scheduling-form{ max-width: min(100%, 72rem); }.workflow-scheduling-columns{ display: grid; gap: 1.25rem 1.5rem; align-items: stretch; grid-template-columns: 1fr; } @media (min-width: 900px) {.workflow-scheduling-columns{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.05fr); } }.workflow-scheduling-col--other[hidden]{ display: block !important; visibility: hidden; pointer-events: none; }.workflow-scheduling-deadline-panel{ margin-top: 1.15rem; max-width: min(100%, 72rem); }.workflow-scheduling-deadline-field{ display: block; margin: 0; }.workflow-scheduling-deadline-field .workflow-scheduling-deadline-input{ width: 25%; min-width: 10rem; max-width: 18rem; } @media (max-width: 900px) {.workflow-scheduling-deadline-field .workflow-scheduling-deadline-input{ width: 100%; min-width: 0; max-width: 100%; } }.workflow-scheduling-save{ margin-top: 1.15rem; }.workflow-scheduling-question{ margin: 0 0 0.65rem; font-size: 0.95rem; color: var(--text); }.workflow-scheduling-options{ display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.85rem; }.workflow-scheduling-option{ display: flex; align-items: flex-start; gap: 0.5rem; padding-block: 0.15rem; box-sizing: border-box; font-size: 0.92rem; line-height: 1.35; cursor: pointer; }.workflow-scheduling-option input{ margin: 0.2rem 0 0; flex-shrink: 0; }.workflow-scheduling-option--multiline span{ line-height: 1.35; }.workflow-access-fields{ display: flex; flex-direction: column; gap: 0.65rem; }.workflow-scheduling-col--other .workflow-access-fields{ gap: 0.4rem; } @media (min-width: 900px) {.workflow-scheduling-col--other .workflow-access-field{ display: grid; grid-template-columns: minmax(8.75rem, 10.5rem) minmax(0, 1fr); align-items: center; gap: 0.35rem 0.55rem; }.workflow-scheduling-col--other .workflow-access-label{ margin: 0; line-height: 1.2; }.workflow-scheduling-col--other .intake-control{ padding: 0.34rem 0.45rem; } }.workflow-scheduling-instructions-panel__title{ margin: 0 0 0.75rem; font-size: 1rem; font-weight: 700; line-height: 1.3; color: var(--text); }.workflow-scheduling-notes-field{ display: block; margin: 0; width: 100%; max-width: 100%; }.workflow-scheduling-notes-input{ width: 100%; min-height: 5.5rem; resize: vertical; box-sizing: border-box; line-height: 1.45; }.workflow-scheduling-summary-notes{ white-space: pre-wrap; word-break: break-word; }.workflow-access-field{ display: flex; flex-direction: column; gap: 0.3rem; margin: 0; }.workflow-access-label{ font-size: 0.8rem; font-weight: 600; color: var(--muted); }.workflow-label{ display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.85rem; font-weight: 600; color: var(--muted); min-width: min(100%, 22rem); }.workflow-label select{ font-weight: 400; color: var(--text); padding: 0.45rem 0.55rem; border: 1px solid var(--border); border-radius: 6px; font-family: inherit; font-size: 0.95rem; background: var(--surface); } @media (min-width: 720px) {.workflow-step:not(.workflow-step--actions) .workflow-step-body, .workflow-step:not(.workflow-step--actions) .workflow-scheduling-below-head, .workflow-step:not(.workflow-step--actions) .workflow-coordinator-below-head, .workflow-inspector-below-head.workflow-step-summary-align{ max-width: var(--workflow-summary-card-max); } }.workflow-step-summary-align{ display: grid; gap: 1.25rem 1.5rem; align-items: start; grid-template-columns: 1fr; }.workflow-step-summary-align__rail{ display: none; } @media (min-width: 960px) {.workflow-step-summary-align{ grid-template-columns: minmax(0, 1.05fr) minmax(14rem, 0.95fr); }.workflow-step-summary-align__rail{ display: block; min-height: 1px; } }.workflow-inspection-brief-lead{ max-width: 52rem; }.workflow-step-body--coordinator-actions, .workflow-coordinator-below-head > div:first-child{ max-width: min(100%, 28rem); }.workflow-step-body--inspection-brief .workflow-inspection-brief-summary-block{ max-width: min(100%, 28rem); }.workflow-inspection-brief-checklist{ list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }.workflow-inspection-brief-checklist li{ margin: 0; padding: 0.4rem 0.55rem 0.4rem 1.85rem; border-radius: 6px; font-size: 0.95rem; position: relative; border: 1px solid var(--border); background: var(--surface); }.workflow-inspection-brief-checklist__ok::before{ content: "✓"; position: absolute; left: 0.5rem; font-weight: 700; color: #137333; }.workflow-inspection-brief-checklist__warn::before{ content: "○"; position: absolute; left: 0.5rem; color: var(--muted); }.workflow-inspection-brief-done{ margin: 0.85rem 0 0; font-size: 0.95rem; }.workflow-inspection-brief-field-block{ margin-bottom: 1.15rem; max-width: min(100%, 28rem); }.workflow-inspection-brief-field-block--drive{ width: 75%; max-width: none; box-sizing: border-box; }.workflow-inspection-brief-complete-check{ margin: 0 0 1rem; max-width: min(100%, 28rem); }.workflow-inspection-brief-complete-check__label{ display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.88rem; color: var(--text); font-weight: 400; }.workflow-inspection-brief-complete-check__label input[type="checkbox"]{ margin-top: 0.15rem; width: 1.15rem; height: 1.15rem; }.workflow-inspection-brief-field-block--notes{ max-width: min(100%, 28rem); }.workflow-inspection-brief-notes-subhead{ display: block; font-size: 0.88rem; font-weight: 600; color: var(--text); margin: 0.65rem 0 0.35rem; }.workflow-inspection-brief-notes-subhead:first-of-type{ margin-top: 0.35rem; }.workflow-inspection-brief-notes-subhead--second{ margin-top: 1rem; }.workflow-inspection-brief-caption-hint{ margin: -0.35rem 0 0.5rem; font-size: 0.85rem; line-height: 1.4; max-width: min(100%, 28rem); }.workflow-inspection-brief-summary-value{ overflow-wrap: anywhere; word-break: break-word; }.workflow-inspection-brief-drive-label{ display: block; margin: 0; }.workflow-inspection-brief-drive-input{ box-sizing: border-box; width: 100%; max-width: min(100%, 28rem); }.workflow-inspection-brief-field-block .workflow-inspection-brief-drive-input--row{ display: block; width: 26rem; max-width: min(100%, 26rem); }.workflow-inspection-brief-field-block--drive .workflow-inspection-brief-drive-input--row{ width: 100%; max-width: 100%; }.workflow-inspection-brief-field-block--drive .workflow-inspection-brief-drive-input{ max-width: 100%; }.workflow-inspection-brief-field-block--drive .workflow-inspection-brief-caption-hint{ max-width: none; }.workflow-adjacent-maps{ max-width: min(100%, 28rem); margin-bottom: 1.15rem; /* line space after West (last row) before next section */ }.workflow-adjacent-maps--framing{ max-width: min(100%, 72rem); }.workflow-step-body--inspection-brief{ --inspection-brief-shared-width: 100%; }.workflow-step-body--inspection-brief .workflow-brief-width-sync{ width: var(--inspection-brief-shared-width); max-width: min(100%, 48rem); box-sizing: border-box; margin-left: 0; margin-right: auto; }.workflow-step-body--inspection-brief .workflow-inspection-brief-complete-check, .workflow-step-body--inspection-brief .workflow-adjacent-maps--framing > .workflow-inspection-brief-drive-label .workflow-inspection-brief-caption-hint{ max-width: none; }.workflow-step-body--inspection-brief .workflow-handoff.workflow-handoff--summary{ width: min(100%, 28rem); max-width: min(100%, 28rem); }.workflow-adjacent-grid{ display: flex; flex-direction: column; gap: 0.35rem; }.workflow-adjacent-cell{ display: flex; flex-direction: row; align-items: center; gap: 0.5rem; margin: 0; }.workflow-adjacent-dir{ flex: 0 0 auto; min-width: 3.5rem; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); }.workflow-adjacent-dir-input.workflow-inspection-brief-drive-input{ flex: 1 1 auto; min-width: 0; width: 22rem; max-width: min(100%, 22rem); }.workflow-map-crop-preview{ position: relative; margin-top: 0.6rem; width: 100%; max-width: 42rem; aspect-ratio: 16 / 9; border: 1px solid var(--border); border-radius: calc(var(--radius) - 2px); overflow: hidden; background: var(--bg-surface); }.workflow-map-crop-preview__img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transform-origin: center center; }.workflow-map-crop-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #1d4ed8; background: rgba(37, 99, 235, 0.12); box-shadow: inset 0 0 0 9999px rgba(15, 23, 42, 0.18); cursor: move; box-sizing: border-box; z-index: 2; }.workflow-map-source-stage:not(.is-framed) .workflow-map-crop-box{ border-style: dashed; border-color: rgba(29, 78, 216, 0.95); background: rgba(37, 99, 235, 0.08); box-shadow: inset 0 0 0 9999px rgba(15, 23, 42, 0.1); }.workflow-map-crop-box__handle{ position: absolute; right: -8px; bottom: -8px; width: 18px; height: 18px; border: 2px solid #1d4ed8; background: var(--bg-surface); cursor: nwse-resize; border-radius: 4px; padding: 0; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2); }.workflow-map-framing-layout{ display: grid; grid-template-columns: repeat(2, minmax(18rem, 1fr)); gap: 0.85rem 1rem; align-items: start; margin-top: 0.55rem; width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; }.workflow-map-source-panel, .workflow-map-controls, .workflow-map-doc-panel{ border: 1px solid var(--border); border-radius: 8px; background: var(--bg-surface); padding: 0.65rem 0.75rem; }.workflow-map-source-panel, .workflow-map-doc-panel{ width: 100%; margin: 0; }.workflow-map-source-view{ margin-top: 0.35rem; width: 100%; min-width: 16rem; min-height: 16rem; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--ppp-ops-surface-raised); padding: 0; display: flex; align-items: center; justify-content: center; }.workflow-map-source-stage{ position: relative; display: inline-block; line-height: 0; max-width: 100%; }.workflow-map-source-view img{ display: block; width: auto; max-height: 100%; max-width: 100%; height: auto; }.workflow-map-controls{ display: flex; flex-direction: column; gap: 0.55rem; margin-top: 0.55rem; margin-bottom: 0.55rem; width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; }.workflow-map-tool-row{ display: flex; flex-wrap: wrap; gap: 0.45rem; }.workflow-map-control-btn{ background: #e7f1ff; border-color: #b9d3f7; color: #1f4f86; }.workflow-map-control-btn:hover{ background: #d6e8ff; border-color: #9fc2ef; }.workflow-map-doc-preview{ position: relative; margin-top: 0.35rem; width: 100%; min-width: 16rem; min-height: 16rem; aspect-ratio: 1 / 1; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background: var(--bg-surface); }.workflow-map-doc-preview__img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; transform-origin: center center; }.workflow-map-doc-preview__viewport{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; transform-origin: center center; }.workflow-map-doc-preview.is-framed .workflow-map-doc-preview__img{ object-fit: fill; object-position: initial; transform-origin: center center; }.workflow-map-doc-orient{ position: absolute; font-size: 0.36rem; font-weight: 700; letter-spacing: 0.04em; color: #1d4f91; background: rgba(173, 216, 255, 0.42); border: 1px solid rgba(93, 150, 220, 0.55); border-radius: 999px; padding: 0.08rem 0.225rem; box-shadow: 0 2px 10px rgba(21, 71, 132, 0.18); backdrop-filter: blur(1px); z-index: 2; pointer-events: none; }.workflow-map-doc-orient--n{ top: 0.175rem; left: 50%; transform: translateX(-50%); }.workflow-map-doc-orient--s{ bottom: 0.175rem; left: 50%; transform: translateX(-50%); }.workflow-map-doc-orient--e{ right: 0.175rem; top: 50%; transform: translateY(-50%); }.workflow-map-doc-orient--w{ left: 0.175rem; top: 50%; transform: translateY(-50%); } @media (max-width: 1080px) {.workflow-map-framing-layout{ grid-template-columns: minmax(0, 1fr); } }.workflow-inspection-brief-notes-label{ display: block; margin-top: 1rem; }.workflow-inspection-brief-notes-label-text{ display: block; font-weight: 600; margin-bottom: 0.2rem; }.workflow-inspection-brief-notes-hint{ display: block; font-size: 0.85rem; margin-bottom: 0.45rem; }.workflow-inspection-brief-notes-input{ width: 100%; max-width: 52rem; min-height: 42px; height: 42px; resize: vertical; }.workflow-inspection-brief-form-actions{ margin-top: 0.45rem; }.intake-panel{ padding: 0; overflow: hidden; }.intake-disclosure{ border-radius: inherit; }.intake-disclosure-summary{ cursor: pointer; list-style: none; font-size: 1.15rem; font-weight: 700; color: var(--text); padding: 1rem 1.25rem 0.95rem; user-select: none; }.intake-disclosure-summary::-webkit-details-marker{ display: none; }.intake-disclosure-summary::before{ content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.55rem; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(-45deg); vertical-align: 0.12em; transition: transform 0.15s ease; }.intake-disclosure[open] .intake-disclosure-summary::before{ transform: rotate(45deg); vertical-align: 0.02em; }.intake-panel__header{ padding: 1.1rem 1.25rem 1rem; border-bottom: 1px solid var(--border); }.intake-panel__title{ margin: 0 0 0.5rem; font-size: 1.15rem; font-weight: 700; color: var(--text); line-height: 1.3; }.intake-panel__lead{ margin: 0; font-size: 0.9rem; line-height: 1.45; max-width: 44rem; }.intake-panel__toc{ padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--border); background: var(--bg); }.intake-panel__form{ padding: 1rem 1.25rem 0; display: flex; flex-direction: column; gap: 1rem; }.intake-subcard{ margin: 0; padding: 1rem 1.1rem; background: var(--ppp-ops-surface-raised); border: 1px solid var(--border); border-radius: calc(var(--radius) - 1px); box-shadow: none; }.intake-panel__save{ margin: 0.25rem 0 0; padding: 1rem 1.25rem 1.15rem; border-top: 1px solid var(--border); border-radius: 0; background: var(--bg); box-shadow: none; }.intake-summary-panel--cc-intake-tools{ box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); }.intake-summary-panel--cc-intake-tools > details + details{ border-top: 1px solid var(--border); }.intake-summary-panel__modify{ margin: 0; border-radius: inherit; }.intake-summary-panel__modify-summary{ cursor: pointer; list-style: none; user-select: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.85rem; padding: 0.48rem 0.92rem 0.52rem; border-bottom: 1px solid var(--border); background: linear-gradient(to bottom, rgba(255, 251, 235, 0.75), rgba(255, 255, 255, 0)); }.intake-summary-panel__modify-summary::-webkit-details-marker{ display: none; }.intake-summary-panel__modify-summary:focus{ outline: none; }.intake-summary-panel__modify-summary:focus-visible{ outline: 2px solid rgba(217, 119, 6, 0.4); outline-offset: 2px; border-radius: 2px; }.intake-summary-panel__modify-summary-main{ min-width: 0; }.intake-summary-panel__modify-kicker{ display: block; margin: 0 0 0.12rem; font-size: 0.598rem; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; }.intake-summary-panel__modify-heading{ margin: 0 0 0.2rem; font-size: 0.972rem; font-weight: 700; letter-spacing: -0.02em; }.intake-summary-panel__modify-teaser{ margin: 0; font-size: 0.745rem; line-height: 1.42; }.intake-summary-panel__modify-teaser code{ font-size: 0.71em; }.intake-summary-panel__modify-affordance{ flex-shrink: 0; display: inline-block; margin-top: 0.42rem; width: 0.48rem; height: 0.48rem; border-right: 2px solid rgba(120, 53, 15, 0.42); border-bottom: 2px solid rgba(120, 53, 15, 0.42); transform: rotate(45deg); transition: transform 0.16s ease, margin-top 0.16s ease; }details.intake-summary-panel__modify[open] > .intake-summary-panel__modify-summary .intake-summary-panel__modify-affordance{ margin-top: 0.62rem; transform: rotate(225deg); }details.intake-summary-panel__modify[open] > .intake-summary-panel__modify-summary{ background: rgba(255, 251, 235, 0.92); }.intake-summary-panel__modify-body{ padding: 0.42rem 0.72rem 0.72rem; }.intake-summary-panel__modify-note{ margin: 0 0 0.52rem; font-size: 0.734rem; line-height: 1.42; max-width: 44rem; }.intake-summary-panel__modify-body .intake-summary-panel__modify-form{ display: flex; flex-direction: column; gap: 0.54rem; padding: 0; }.intake-summary-panel__modify-body .intake-subcard{ padding: 0.48rem 0.62rem; border-radius: 4px; }.intake-summary-panel__modify-body .intake-section-title{ margin-bottom: 0.35rem; font-size: 0.75rem; font-weight: 650; }.intake-summary-panel__modify-body .intake-grid{ gap: 0.38rem 0.72rem; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }.intake-summary-panel__modify-body .intake-ladder-pair{ gap: 0.38rem 0.72rem; grid-template-columns: minmax(9.5rem, 13rem) minmax(7rem, 18rem); }.intake-summary-panel__modify-body .intake-field label{ font-size: 0.68rem; font-weight: 600; margin-bottom: 0.14rem; }.intake-summary-panel__modify-body .intake-control{ padding: 0.26rem 0.42rem; font-size: 0.8rem; line-height: 1.3; }.intake-summary-panel__modify-body textarea.intake-control{ min-height: 1.72rem; }.intake-summary-panel__modify-save{ padding: 0.58rem 0 0 !important; margin-top: 0.38rem !important; border-top: 1px solid var(--border) !important; }.intake-summary-panel__archive{ margin: 0; border-radius: inherit; }.intake-summary-panel__archive-summary{ cursor: pointer; list-style: none; user-select: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.85rem; padding: 0.5rem 0.92rem 0.55rem; border-bottom: 1px solid var(--border); background: linear-gradient(to bottom, rgba(248, 250, 252, 0.65), rgba(255, 255, 255, 0)); }.intake-summary-panel__archive-summary::-webkit-details-marker{ display: none; }.intake-summary-panel__archive-summary:focus{ outline: none; }.intake-summary-panel__archive-summary:focus-visible{ outline: 2px solid rgba(59, 130, 246, 0.45); outline-offset: 2px; border-radius: 2px; }.intake-summary-panel__archive-summary-main{ min-width: 0; }.intake-summary-panel__archive-kicker{ display: block; margin: 0 0 0.12rem; font-size: 0.598rem; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; }.intake-summary-panel__archive-summary .intake-panel__title, .intake-summary-panel__archive-heading{ margin: 0 0 0.2rem; font-size: 0.972rem; font-weight: 700; letter-spacing: -0.02em; }.intake-summary-panel__archive-teaser{ margin: 0; font-size: 0.745rem; line-height: 1.42; }.intake-summary-panel__archive-teaser code{ font-size: 0.71em; }.intake-summary-panel__archive-when{ margin: 0.2rem 0 0; font-size: 0.7rem; line-height: 1.38; }.intake-summary-panel__archive-affordance{ flex-shrink: 0; display: inline-block; margin-top: 0.42rem; width: 0.48rem; height: 0.48rem; border-right: 2px solid rgba(71, 85, 105, 0.55); border-bottom: 2px solid rgba(71, 85, 105, 0.55); transform: rotate(45deg); transition: transform 0.16s ease, margin-top 0.16s ease; }details.intake-summary-panel__archive[open] > .intake-summary-panel__archive-summary .intake-summary-panel__archive-affordance{ margin-top: 0.62rem; transform: rotate(225deg); }details.intake-summary-panel__archive[open] > .intake-summary-panel__archive-summary{ background: rgba(248, 250, 252, 0.9); }.intake-summary-panel__archive-lead{ margin: 0 0 0.25rem; padding: 0.28rem 0.72rem 0; font-size: 0.734rem; line-height: 1.42; max-width: 46rem; }.intake-summary-panel__archive-body{ padding-bottom: 0.2rem; }.intake-summary-panel__empty{ padding: 0.58rem 0.92rem 0.78rem; }.intake-summary-panel__empty-heading{ margin: 0 0 0.26rem; font-size: 0.982rem; font-weight: 700; }.intake-summary-panel__empty-lead{ margin: 0; font-size: 0.782rem; line-height: 1.41; }.intake-summary-panel__archive-body .intake-summary-panel__shell{ padding: 0.24rem 0.72rem 0.55rem; gap: 0.58rem; } @media (min-width: 960px) {.intake-summary-panel__archive-body .intake-summary-panel__shell--split{ gap: 0.85rem; } }.intake-summary-panel__archive-body .intake-summary-sections{ gap: 0.46rem; }.intake-summary-panel__archive-body .intake-summary-section__title{ margin: 0 0 0.16rem; padding-bottom: 0.14rem; font-size: 0.682rem; font-weight: 650; line-height: 1.26; letter-spacing: -0.01em; color: #334155; border-bottom: 1px solid rgba(148, 163, 184, 0.42); }.intake-summary-panel__archive-body .intake-summary-dl{ gap: 0; }.intake-summary-panel__archive-body .intake-summary-dl--section{ gap: 0; }.intake-summary-panel__archive-body .intake-summary-dl__row{ grid-template-columns: minmax(0, 10rem) minmax(0, 1fr); gap: 0.26rem 0.72rem; padding: 0.16rem 0; align-items: start; border-bottom: none; }.intake-summary-panel__archive-body .intake-summary-dl__row + .intake-summary-dl__row{ border-top: 1px solid rgba(15, 23, 42, 0.046); }.intake-summary-panel__archive-body .intake-summary-dl dt{ font-size: 0.596rem; font-weight: 600; letter-spacing: 0.06em; line-height: 1.38; }.intake-summary-panel__archive-body .intake-summary-dl dd{ font-size: 0.794rem; line-height: 1.38; }.intake-summary-panel__archive-body .intake-summary-panel__facts-empty{ margin: 0; font-size: 0.764rem; line-height: 1.41; }.intake-summary-panel__archive-body .intake-summary-panel__exhibit-title{ margin: 0 0 0.28rem; font-size: 0.68rem; font-weight: 650; }.intake-summary-panel__archive-body .intake-boundary-map-figure{ margin: 0 0 0.25rem; }.intake-summary-panel__archive-body .intake-boundary-map-frame{ min-height: 188px; border-radius: 4px; }.intake-summary-panel__archive-body .intake-summary-panel__exhibit-caption, .intake-summary-panel__archive-body .intake-summary-panel__exhibit-fallback{ margin: 0.22rem 0 0; font-size: 0.694rem; line-height: 1.35; }.intake-summary-sections{ display: flex; flex-direction: column; gap: 1.05rem; }.intake-summary-section{ margin: 0; }.intake-summary-section__title{ margin: 0 0 0.4rem; padding-bottom: 0.3rem; font-size: 0.775rem; font-weight: 650; line-height: 1.28; letter-spacing: -0.012em; color: #334155; border-bottom: 1px solid rgba(148, 163, 184, 0.48); }.intake-summary-dl--section{ gap: 0.4rem 1rem; }.intake-summary-dl--section .intake-summary-dl__row{ padding-bottom: 0.34rem; border-bottom: 1px solid rgba(15, 23, 42, 0.046); }.intake-summary-dl--section .intake-summary-dl__row:last-of-type{ border-bottom: none; }.intake-summary-panel__facts-empty{ max-width: 34rem; }.intake-summary-panel__shell{ display: flex; flex-direction: column; gap: 1.25rem; padding: 0.5rem 1.25rem 1.15rem; } @media (min-width: 960px) {.intake-summary-panel__shell--split{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); align-items: start; gap: 1.5rem; } }.intake-summary-dl{ margin: 0; display: flex; flex-direction: column; gap: 0.55rem 1rem; }.intake-summary-dl__row{ display: grid; grid-template-columns: minmax(0, 11.5rem) minmax(0, 1fr); gap: 0.35rem 1rem; align-items: baseline; padding-bottom: 0.48rem; border-bottom: 1px solid rgba(15, 23, 42, 0.06); }.intake-summary-dl__row:last-of-type{ border-bottom: none; padding-bottom: 0; }.intake-summary-dl dt{ margin: 0; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(71, 85, 105, 0.78); }.intake-summary-dl dd{ margin: 0; font-size: 0.96rem; line-height: 1.45; color: rgba(15, 23, 42, 0.92); word-break: break-word; } @media (max-width: 520px) {.intake-summary-dl__row{ grid-template-columns: 1fr; } }.intake-summary-panel__exhibit .intake-boundary-map-frame{ width: 100%; }.intake-boundary-map-figure{ margin: 0 0 1rem; }.intake-boundary-map-frame{ position: relative; width: min(400px, 100%); aspect-ratio: 1 / 1; min-height: 280px; max-width: 100%; border-radius: 6px; border: 1px solid var(--border); overflow: hidden; background: var(--bg-surface-muted); }.intake-boundary-map-frame--raster{ display: flex; align-items: center; justify-content: center; background: #0f172a; }.intake-boundary-map-frame--empty{ background: repeating-linear-gradient( 135deg, #e8ecf0, #e8ecf0 8px, #dfe5eb 8px, #dfe5eb 16px ); }.intake-boundary-map-frame__img{ width: 100%; height: 100%; object-fit: contain; }.intake-boundary-map-leaflet{ position: absolute; inset: 0; width: 100%; height: 100%; }.intake-boundary-map-frame .leaflet-container{ width: 100% !important; height: 100% !important; border-radius: 0; }.intake-panel__form textarea.intake-control.intake-textarea--single, .intake-form.intake-panel__form textarea.intake-textarea--single{ min-height: 2.25rem; max-height: 2.85rem; line-height: 1.35; padding-top: 0.35rem; padding-bottom: 0.35rem; resize: vertical; overflow-y: auto; }.intake-toc{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; font-size: 0.88rem; }.intake-toc-label{ font-weight: 600; color: var(--muted); margin-right: 0.25rem; }.intake-toc a{ white-space: nowrap; }.intake-toc-sep{ color: var(--border); user-select: none; }.intake-section{ scroll-margin-top: 1rem; }.auth-page{ min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem; }.auth-card{ width: 100%; }.auth-error{ color: #b91c1c; font-size: 0.88rem; margin: 0 0 0.75rem; }.auth-label{ display: block; font-size: 0.86rem; margin-bottom: 0.75rem; font-weight: 600; }.auth-input{ display: block; width: 100%; margin-top: 0.25rem; padding: 0.5rem 0.55rem; border: 1px solid var(--border); border-radius: 6px; font: inherit; color: var(--text); background: var(--surface); }.auth-password-wrap{ position: relative; display: block; }.auth-input--password{ padding-right: 2.5rem; }.auth-password-toggle{ position: absolute; right: 0.3rem; top: calc(50% + 0.12rem); transform: translateY(-50%); border: none; background: transparent; color: var(--muted); width: 2rem; height: 2rem; border-radius: 999px; padding: 0.35rem; cursor: pointer; }.auth-password-toggle-icon{ display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.auth-password-toggle-icon--hide{ display: none; }.auth-password-toggle[aria-pressed="true"] .auth-password-toggle-icon--show{ display: none; }.auth-password-toggle[aria-pressed="true"] .auth-password-toggle-icon--hide{ display: block; }.auth-form{ margin: 0; }.auth-submit{ width: 100%; margin-top: 0.25rem; }.auth-submit{ width: 100%; margin-top: 0.3rem; font-weight: 600; }.alert{ border: 1px solid var(--border); border-radius: var(--radius); padding: 0.65rem 0.85rem; margin: 0 0 1rem; font-size: 0.9rem; }.alert-success{ background: #eaf8ef; border-color: #b9e1c5; color: #1f6a39; }.alert-error{ background: #fbeaea; border-color: #efbaba; color: #8a1f1f; }.inline-admin-form{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; }.inline-admin-form input, .inline-admin-form select{ padding: 0.35rem 0.5rem; border: 1px solid var(--border); border-radius: 6px; font-size: 0.88rem; }.sidebar-account{ padding: 0.35rem 0.75rem 0.55rem; margin: 0 0.5rem 0.4rem; border-bottom: 1px solid var(--border); }.sidebar .sidebar-account-email{ display: block; font-size: calc(10px * var(--ppp-scale, 1)); font-weight: 500; line-height: 1.2; color: var(--muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sidebar-account-role{ margin: 0.35rem 0 0.5rem; }.badge-role{ text-transform: capitalize; font-size: 0.72rem; }.sidebar-logout-form{ margin: 0; }.intake-section-title{ margin: 0 0 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border); font-size: 1.1rem; }.email-preview-dialog{ border: none; padding: 0; width: min(860px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); background: transparent; }.email-preview-dialog::backdrop{ background: rgba(17, 24, 39, 0.5); }.email-preview-dialog__panel{ background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 1rem; max-height: calc(100vh - 2rem); overflow: auto; }.email-preview-dialog__head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.7rem; }.email-preview-dialog__head h3{ margin: 0; font-size: 1.05rem; }.email-preview-dialog__meta{ margin: 0.35rem 0 0.25rem; font-size: 0.8rem; }.email-preview-dialog__subject{ border: 1px solid var(--border); border-radius: 6px; padding: 0.55rem 0.65rem; background: var(--bg); margin-bottom: 0.55rem; }.email-preview-dialog__body{ margin: 0 0 0.75rem; border: 1px solid var(--border); border-radius: 6px; padding: 0.7rem; background: var(--bg); white-space: pre-wrap; line-height: 1.4; display: none; }.email-preview-dialog__body-rich{ margin: 0 0 0.75rem; border: 1px solid var(--border); border-radius: 6px; padding: 0.75rem 0.8rem; background: var(--bg); line-height: 1.35; font-size: 0.88rem; }.email-preview-coordinator-intro{ margin: 0 0 0.65rem; font-size: 0.9rem; line-height: 1.45; }.email-preview-workflow-box{ margin: 0 0 0.75rem; padding: 0.65rem 0.75rem; border: 1px solid var(--border); border-radius: 8px; background: color-mix(in srgb, var(--bg) 92%, var(--border)); font-size: 0.82rem; line-height: 1.35; }.email-preview-workflow-section{ margin: 0 0 0.55rem; }.email-preview-workflow-section:last-child{ margin-bottom: 0; }.email-preview-workflow-box--minimal{ padding: 0.55rem 0.65rem; }.email-preview-workflow-line{ margin: 0.15rem 0; font-size: 0.84rem; line-height: 1.4; }.email-preview-workflow-line:first-child{ margin-top: 0; }.email-preview-workflow-line:last-child{ margin-bottom: 0; }.email-preview-workflow-dl{ display: grid; grid-template-columns: minmax(7.5rem, 10rem) 1fr; gap: 0.18rem 0.5rem; margin: 0.35rem 0 0; font-size: 0.82rem; }.email-preview-workflow-dl dt{ margin: 0; color: var(--muted, #6b7280); font-weight: 500; }.email-preview-workflow-dl dd{ margin: 0; white-space: pre-wrap; }.email-preview-draft-separator{ margin: 0.75rem 0; border: none; border-top: 1px solid var(--border); }.email-preview-dialog__body-rich h4{ margin: 0.62rem 0 0.22rem; font-size: 0.88rem; }.email-preview-dialog__body-rich .email-preview-section-title{ text-decoration: underline; }.email-preview-dialog__body-rich p{ margin: 0.25rem 0; }.email-preview-steps p{ margin: 0.2rem 0; }.email-preview-reminder{ margin: 0.22rem 0; }.email-preview-reminder-label{ font-size: inherit; font-weight: 600; }.email-preview-dialog__body-rich ol, .email-preview-dialog__body-rich ul{ margin: 0.2rem 0 0.35rem 1.2rem; }.email-preview-dialog__body-rich li{ margin: 0.2rem 0; }.email-preview-step-title{ font-weight: 600; }.email-preview-btn{ display: inline-block; margin-top: 0.35rem; padding: 0.36rem 0.62rem; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; }.email-preview-btn--prose{ font-size: 0.84rem; font-weight: 600; letter-spacing: normal; text-transform: none; }.email-preview-brief-callout{ margin: 0.75rem 0 0.65rem; padding: 0.8rem 0.9rem; border: 1px solid #e6e1d9; border-radius: 10px; background: var(--bg-surface-subtle); }.email-preview-brief-callout-title{ margin: 0 0 0.35rem; font-size: 0.94rem; font-weight: 600; line-height: 1.35; color: #1b1b1d; }.email-preview-brief-callout-text{ margin: 0; font-size: 0.86rem; line-height: 1.45; color: #3d3d40; }.email-preview-confidentiality{ margin-top: 0.85rem; padding-top: 0.55rem; border-top: 1px solid var(--border); }.email-preview-confidentiality-title{ margin: 0 0 0.2rem; font-size: 0.78rem; font-weight: 600; color: var(--muted, #6b7280); }.email-preview-confidentiality-text{ margin: 0; font-size: 0.76rem; line-height: 1.4; color: var(--muted, #6b7280); }.email-preview-dialog__hidden-close{ display: none; }.report-history-dialog__panel{ max-width: 56rem; }.report-history-dialog__table-wrap{ margin-top: 0.55rem; }.report-history-latest-badge{ vertical-align: middle; }tr.report-history-row-latest td{ font-weight: 600; }.intake-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1rem 1.25rem; }.intake-field label{ display: block; font-size: 0.8rem; font-weight: 600; color: var(--muted); margin-bottom: 0.3rem; }.intake-grid > .intake-field--text{ grid-column: 1 / -1; }.intake-ladder-pair{ grid-column: 1 / -1; display: grid; grid-template-columns: minmax(11rem, 15rem) minmax(8rem, 22rem); gap: 1rem 1.25rem; align-items: start; }.intake-ladder-pair .intake-field{ min-width: 0; } @media (max-width: 640px) {.intake-ladder-pair{ grid-template-columns: 1fr; } }.intake-control{ width: 100%; max-width: 100%; padding: 0.45rem 0.55rem; border: 1px solid var(--border); border-radius: 6px; font-family: inherit; font-size: 0.92rem; background: var(--surface); color: var(--text); }.intake-control:focus{ outline: 2px solid rgba(30, 107, 184, 0.35); outline-offset: 1px; }textarea.intake-control.workflow-scheduling-notes-input.workflow-scheduling-notes-input--command-center{ width: 75%; max-width: 75%; min-height: calc(5.5rem * 0.5); }textarea.intake-control.workflow-inspection-brief-notes-input{ min-height: 42px; height: 42px; resize: vertical; }textarea.intake-control{ resize: vertical; min-height: 4.5rem; }.intake-save-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; position: sticky; bottom: 0.5rem; z-index: 2; }.project-detail-page{ background: transparent; }.project-detail-header{ padding: 0.85rem 1.05rem; border-radius: var(--ppp-ops-radius-lg, 10px); border: 1px solid var(--ppp-border); background: var(--ppp-surface); box-shadow: var(--shadow); align-items: flex-start; }.project-detail-header-primary{ flex: 1 1 auto; min-width: 0; }.project-detail-header-meta-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.75rem; }.project-detail-header-meta-row .project-detail-kicker{ margin: 0; }.project-detail-header h1{ margin: 0; font-size: 1.55rem; color: var(--ppp-text); letter-spacing: -0.02em; }.project-detail-kicker{ margin: 0.2rem 0 0; font-size: 0.9rem; }.project-detail-header-actions{ align-items: center; flex-shrink: 0; }.project-role-chip{ display: inline-flex; align-items: center; border: 1px solid var(--ppp-border); background: var(--ppp-stone-100); color: var(--ppp-muted); border-radius: 999px; padding: 0.22rem 0.65rem; font-size: 0.78rem; font-weight: 600; }.project-actions-menu{ position: relative; }.project-actions-menu__summary{ cursor: pointer; user-select: none; list-style: none; }.project-actions-menu__summary::-webkit-details-marker{ display: none; }.project-actions-menu[open] > .project-actions-menu__summary{ border-color: #9bb3cf; }.project-actions-menu__panel{ position: absolute; right: 0; top: calc(100% + 0.28rem); min-width: 11.5rem; padding: 0.35rem 0; background: var(--bg-surface); border: 1px solid #d5e0ec; border-radius: 10px; box-shadow: 0 8px 26px rgba(15, 54, 95, 0.14); z-index: 45; }.project-actions-menu__item{ display: block; width: 100%; text-align: left; padding: 0.48rem 0.9rem; border: none; margin: 0; background: transparent; font-family: inherit; font-size: 0.84rem; font-weight: 500; line-height: 1.4; cursor: pointer; color: #5c3340; text-decoration: none; }.project-actions-menu__item:hover{ background: rgba(91, 74, 119, 0.06); }.project-soft-delete-dialog__reason{ display: block; margin-top: 0.65rem; }.project-soft-delete-dialog__reason textarea{ display: block; width: 100%; margin-top: 0.35rem; box-sizing: border-box; }.project-soft-delete-confirm-btn{ background: rgba(91, 43, 61, 0.1); color: #602034; border: 1px solid rgba(91, 43, 61, 0.35); }.project-soft-delete-confirm-btn:hover{ background: rgba(91, 43, 61, 0.16); }.projects-list-soft-delete-banner{ margin: 0 0 1rem; padding: 0.5rem 0.78rem; border-radius: 8px; font-size: 0.875rem; font-weight: 500; color: rgba(39, 70, 102, 0.9); background: rgba(240, 246, 252, 0.98); border: 1px solid rgba(200, 215, 235, 0.82); }.inspection-status-block{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; margin-top: 0.35rem; }.inspection-status-byline{ margin: 0; font-size: 0.78rem; line-height: 1.35; color: #5c6b86; }.project-status-panel .workflow-card-title{ margin: 0 0 0.875rem; }.project-status-panel .project-status-rows{ display: grid; gap: 0; margin-top: 0; }.project-status-panel .project-status-row{ display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: baseline; column-gap: 0.7rem; padding-bottom: 0.35rem; }.project-status-panel .project-status-row:not(:first-child){ border-top: 1px solid rgba(0, 0, 0, 0.06); padding-top: 0.35rem; }.project-status-panel .project-status-row:first-child{ padding-top: 0; }.project-status-panel .project-status-row:last-child{ padding-bottom: 0; }.project-status-panel .project-status-row__label{ font-size: 0.82rem; font-weight: 600; color: #2f3b52; line-height: 1.35; padding-top: 0; text-align: left; white-space: nowrap; }.project-status-panel .project-status-row__meta{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.12rem; text-align: left; min-width: 0; }.project-status-panel .project-status-row__cluster{ display: flex; max-width: 100%; }.project-status-panel .project-status-row__cluster--stack{ flex-direction: column; align-items: flex-start; gap: 0.15rem; }.project-status-panel .project-status-row__cluster--suffix{ flex-wrap: wrap; justify-content: flex-start; align-items: baseline; column-gap: 0; row-gap: 0.12rem; }.project-status-panel .project-status-row__detail, .project-status-panel .project-status-row__suffix{ font-size: 0.72rem; line-height: 1.3; color: #5c6b86; }.project-status-panel .project-status-row__suffix{ text-align: left; min-width: 0; }.project-status-panel .project-status-row__cluster--suffix .project-status-row__suffix{ white-space: normal; } @media (max-width: 520px) {.project-status-panel .project-status-row{ grid-template-columns: 1fr; row-gap: 0.15rem; align-items: flex-start; }.project-status-panel .project-status-row__label{ white-space: normal; padding-top: 0; }.project-status-panel .project-status-row__suffix{ flex: 0 1 auto; } }.project-overview-next-action{ margin: 0.45rem 0 0; font-size: 0.84rem; }.cmd-ins-map-meta{ display: flex; flex-direction: column; gap: 0.62rem; min-width: 0; }.cmd-ins-map-meta__acreage{ margin: 0; font-size: calc(0.76rem - 0.5pt); line-height: 1.35; color: #5f7286; white-space: normal; }.cmd-ins-map-meta__item{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.14rem; min-width: 0; }.cmd-ins-map-meta__label{ font-size: calc(0.7rem - 0.5pt); letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; line-height: 1.25; color: #5f7286; }.cmd-ins-map-meta__value{ font-size: calc(0.76rem - 0.5pt); font-weight: 400; line-height: 1.35; color: #5f7286; }.cmd-ins-map-meta__value--muted{ color: #5f7286; }.cmd-ins-map-meta__value--coords{ white-space: nowrap; font-size: calc(0.72rem - 0.5pt); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; max-width: 100%; }.cmd-inspection-map-sidebar{ display: flex; flex-direction: column; align-items: flex-start; gap: 0.52rem; flex: 0 1 auto; width: max-content; max-width: 11rem; min-width: 6.75rem; align-self: flex-start; }.cmd-inspection-map-pane{ min-width: var(--cmd-ins-map-min, 11.25rem); }.cmd-inspection-map-thumb{ display: block; flex-shrink: 0; width: var(--cmd-ins-map-min, 11.25rem); height: var(--cmd-ins-map-min, 11.25rem); min-width: var(--cmd-ins-map-min, 11.25rem); min-height: var(--cmd-ins-map-min, 11.25rem); text-decoration: none; border-radius: 6px; overflow: hidden; border: 1px solid #d5dce5; box-sizing: border-box; }.cmd-inspection-map-thumb--openable{ cursor: pointer; }.cmd-inspection-map-thumb--openable:hover{ border-color: rgba(var(--ppp-gold-rgb, 214, 175, 92), 0.55); }.cmd-inspection-map-pane .cmd-inspection-map-frame{ margin: 0; }.cmd-inspection-map-frame{ position: relative; box-sizing: border-box; width: var(--cmd-ins-map-min, 11.25rem); height: var(--cmd-ins-map-min, 11.25rem); min-width: var(--cmd-ins-map-min, 11.25rem); min-height: var(--cmd-ins-map-min, 11.25rem); max-width: var(--cmd-ins-map-min, 11.25rem); max-height: var(--cmd-ins-map-min, 11.25rem); aspect-ratio: 1 / 1; flex-shrink: 0; background: var(--bg-surface-muted); overflow: hidden; }.cmd-inspection-map-frame--muted{ display: flex; align-items: center; justify-content: center; padding: 0.48rem 0.58rem; width: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); height: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); min-width: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); min-height: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); max-width: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); max-height: var(--cmd-ins-map-size, var(--cmd-ins-map-min, 11.25rem)); flex-shrink: 0; box-sizing: border-box; text-align: center; font-size: 0.82rem; line-height: 1.35; }.cmd-inspection-map-viewport{ position: absolute; inset: 0; overflow: hidden; transform-origin: center center; }.cmd-inspection-map-img{ position: absolute; left: 0; top: 0; display: block; transform-origin: left top; max-width: none; }.cmd-inspection-map-thumb.cmd-inspection-map-thumb--leaflet-live, .cmd-inspection-map-thumb.cmd-inspection-map-thumb--intake-live{ cursor: default; width: var(--cmd-ins-map-min, 11.25rem); height: var(--cmd-ins-map-min, 11.25rem); min-width: var(--cmd-ins-map-min, 11.25rem); min-height: var(--cmd-ins-map-min, 11.25rem); }.intake-boundary-map-frame--linked{ display: block; cursor: pointer; text-decoration: none; color: inherit; }.intake-boundary-map-frame--linked:hover{ border-color: rgba(var(--ppp-gold-rgb, 214, 175, 92), 0.45); }.cmd-inspection-map-frame.cmd-inspection-map-frame--intake-leaflet{ padding: 0; }.cmd-inspection-map-frame.cmd-inspection-map-frame--intake-leaflet .cmd-ins-map-intake-inner.ci-confirmation-boundary-square{ position: absolute; inset: 0; width: auto; height: auto; min-height: 0; }.cmd-ins-map-leaflet-root.intake-boundary-map-leaflet.leaflet-container{ width: 100%; height: 100%; border-radius: 0; }.leaflet-pane.ppp-esri-labels-pane, .leaflet-pane .ppp-esri-imagery-labels, .leaflet-pane .ppp-esri-imagery-transportation, .leaflet-pane .ppp-esri-imagery-labels img, .leaflet-pane .ppp-esri-imagery-transportation img{ pointer-events: none !important; }.cmd-inspection-map-actions{ display: flex; flex-direction: column; flex-wrap: wrap; gap: 0.24rem; min-width: 0; width: 100%; align-self: stretch; }.cmd-inspection-map-actions .btn.cmd-ins-map-util-btn{ width: max-content; max-width: 100%; box-sizing: border-box; min-height: 1.94rem; display: inline-flex; align-items: center; justify-content: flex-start; text-align: left; padding: 0.14rem 0.42rem; font-size: 0.77rem; font-weight: 600; border-radius: 4px; line-height: 1.35; white-space: nowrap; }.cmd-ins-map-util-btn__inner{ display: inline-flex; align-items: center; justify-content: flex-start; gap: 0.26rem; }.cmd-ins-map-util-btn .cmd-ins-map-util-btn__icon{ flex-shrink: 0; color: inherit; opacity: 0.76; } /* Narrow: stack footer under map; preview stays locked square */ @media (max-width: 540px) {.cmd-inspection-map-actions .btn.cmd-ins-map-util-btn{ flex: 0 1 auto; max-width: 100%; } }.email-preview-dialog.cmd-ins-map-adjust-dialog{ width: min(96vw, 1280px); max-width: min(96vw, 1280px); box-sizing: border-box; }.cmd-ins-map-adjust-dialog .cmd-ins-map-adjust-dialog__panel.email-preview-dialog__panel{ width: 100%; max-width: none; padding: 0.5rem 0.58rem 0.52rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }.cmd-ins-map-adjust-dialog #cmd-ins-map-adjust-form{ display: block; min-width: 0; box-sizing: border-box; }.cmd-ins-map-adjust-dialog .cmd-ins-map-modal-helper{ margin: 0 0 0.32rem; font-size: 0.7425rem; line-height: 1.38; max-width: 44rem; }.cmd-ins-map-adjust-dialog .email-preview-dialog__head{ margin-bottom: 0.22rem; gap: 0.48rem; min-width: 0; }.cmd-ins-map-adjust-dialog .email-preview-dialog__head h3{ margin: 0; font-size: 0.9125rem; line-height: 1.2; flex: 1 1 auto; min-width: 0; }.cmd-ins-map-adjust-dialog .email-preview-dialog__head .btn-sm{ flex-shrink: 0; }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal{ padding: 0.2rem 0.26rem; margin: 0 0 0.34rem; gap: 0.28rem 0.45rem; border-radius: 6px; background: rgba(248, 250, 252, 0.97); border: 1px solid rgba(226, 232, 240, 0.92); }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .workflow-map-toolbar__cluster{ min-width: 0; }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .workflow-map-toolbar__cluster--readout{ margin-inline-start: auto; min-width: 0; flex: 1 1 12rem; justify-content: flex-end; }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .workflow-map-toolbar__controls{ gap: 0.16rem; padding: 0; margin: 0; border: none; background: transparent; border-radius: 0; box-shadow: none; }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .workflow-map-toolbar__readout{ margin: 0; padding: 0.08rem 0.32rem; font-size: 0.698rem; font-weight: 500; line-height: 1.28; color: #586b80; white-space: normal; word-break: break-word; overflow-wrap: anywhere; border: 1px solid rgba(218, 228, 240, 0.75); border-radius: 5px; background: rgba(255, 255, 255, 0.7); }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .btn.btn-sm.workflow-map-control-btn{ padding: 0.1rem 0.34rem; min-height: 1.45rem; font-size: 0.716rem; line-height: 1.14; }.cmd-ins-map-adjust-dialog .workflow-map-toolbar.workflow-map-toolbar--modal .btn-sm{ box-sizing: border-box; }.cmd-ins-map-adjust-dialog .cmd-ins-map-framing-layout.workflow-map-framing-layout{ margin-top: 0.32rem; width: 100%; box-sizing: border-box; min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.42rem 0.54rem; align-items: stretch; }.cmd-ins-map-adjust-dialog .workflow-map-source-panel, .cmd-ins-map-adjust-dialog .workflow-map-doc-panel{ border: none; background: transparent; padding: 0; border-radius: 0; min-width: 0; }.cmd-ins-map-adjust-dialog .workflow-map-panel-heading{ margin: 0 0 0.18rem; padding: 0; min-height: 0; border-bottom: none; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.28; color: #67798c; }.cmd-ins-map-adjust-dialog .workflow-map-panel-heading strong{ font-size: inherit; font-weight: inherit; }.cmd-ins-map-adjust-dialog .workflow-map-source-view.cmd-ins-map-src-view, .cmd-ins-map-adjust-dialog .workflow-map-doc-preview.cmd-ins-map-doc-preview{ margin-top: 0.12rem; min-width: 0 !important; width: 100%; max-width: none !important; margin-inline: 0 !important; padding: 0; border: none; border-radius: 0; overflow: hidden; background: #e7edf4; aspect-ratio: 1 / 1; box-sizing: border-box; position: relative; }.cmd-ins-map-adjust-dialog .workflow-map-source-stage.cmd-im-square-exhibit-stage{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; line-height: 0; }.cmd-ins-map-adjust-dialog .cmd-im-square-exhibit-img{ position: absolute; left: 0; top: 0; display: block; max-width: none; max-height: none; margin: 0; }.cmd-ins-map-adjust-dialog .workflow-map-doc-preview__viewport{ position: absolute; inset: 0; overflow: hidden; }.cmd-ins-map-adjust-dialog .workflow-map-doc-preview__img{ position: absolute; left: 0; top: 0; display: block; max-width: none; max-height: none; transform-origin: top left; }.cmd-ins-map-adjust-dialog .workflow-map-doc-preview.is-framed .workflow-map-doc-preview__img{ object-fit: initial; object-position: initial; width: auto; height: auto; }.cmd-ins-map-adjust-dialog .workflow-map-crop-box{ aspect-ratio: 1 / 1; }.cmd-ins-map-adjust-dialog .workflow-map-source-stage{ max-width: 100%; }.cmd-ins-map-adjust-dialog .workflow-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-top: 0.42rem !important; }.cmd-ins-map-adjust-dialog .workflow-actions .btn{ padding: 0.22rem 0.72rem; font-size: 0.81rem; min-height: 1.88rem; box-sizing: border-box; } @media (max-width: 760px) {.cmd-ins-map-adjust-dialog .cmd-ins-map-framing-layout.workflow-map-framing-layout{ grid-template-columns: minmax(0, 1fr); } }.project-overview-packet-actions{ display: grid; gap: 0.55rem; }.project-overview-packet-actions .btn{ width: 100%; height: 2.25rem; padding: 0 0.9rem; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--surface); border-color: var(--border); color: var(--text); }.project-overview-packet-actions .btn:hover{ background: var(--surface); border-color: var(--accent); color: var(--accent); }.project-overview-packet-actions{ justify-items: start; }.project-status-documents__stack{ display: flex; flex-direction: column; gap: 0; }.project-status-documents__milestones{ display: flex; flex-direction: column; gap: 0; }.project-status-documents__milestone{ padding: 0.4rem 0; border-bottom: 1px solid rgba(226, 232, 240, 0.75); }.project-status-documents__milestone:last-child{ border-bottom: none; }.project-status-documents__milestone-coordination{ margin-top: 0.32rem; padding-top: 0.4rem; border-top: 1px solid rgba(235, 239, 246, 0.92); }.project-status-documents__micro-grid--compact{ gap: 0.18rem; margin: 0; padding: 0; }.project-status-documents__status-strong--secondary{ margin: 0.08rem 0 0; font-size: 0.76rem; font-weight: 600; color: #64748b; }.project-status-documents__micro-grid{ display: flex; flex-direction: column; gap: 0.26rem; margin: 0 0 0.42rem; padding: 0; }.project-status-documents__micro-pair{ display: grid; grid-template-columns: minmax(5.2rem, 34%) minmax(0, 1fr); gap: 0.28rem 0.45rem; align-items: start; margin: 0; }.project-status-documents__micro-dt{ margin: 0; font-size: 0.66rem; font-weight: 750; line-height: 1.35; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.04em; }.project-status-documents__micro-dd{ margin: 0; font-size: 0.74rem; font-weight: 650; line-height: 1.38; color: #0f172a; }.project-status-documents__micro-dd--next{ font-weight: 700; color: #1d4ed8; }.project-status-documents__micro-dd--multiline{ font-weight: 500; line-height: 1.38; color: #334155; white-space: pre-wrap; word-break: break-word; }.project-status-documents__micro-dd--coordinator{ color: #64748b; }.project-status-documents__subnote--compact{ margin-top: 0.1rem; padding: 0.32rem 0.4rem; font-size: 0.72rem; }.project-status-documents__subnote--compact .project-status-documents__subnote-body{ font-size: 0.72rem; line-height: 1.38; }.project-status-documents__status-block{ padding: 0.45rem 0; }.project-status-documents__status-block + .project-status-documents__status-block{ border-top: 1px solid rgba(226, 232, 240, 0.95); margin-top: 0.65rem; padding-top: 0.72rem; }.project-status-documents__status-row{ display: grid; grid-template-columns: 1.55rem minmax(0, 1fr) auto; gap: 0.42rem 0.48rem; align-items: start; }.project-status-documents__emoji{ display: block; font-size: 1.12rem; line-height: 1.35; text-align: center; margin-top: 0.04rem; }.project-status-documents__status-copy{ min-width: 0; }.project-status-documents__status-head{ margin: 0 0 0.14rem; font-size: 0.9rem; font-weight: 850; line-height: 1.3; color: #0f172a; letter-spacing: -0.012em; }.project-status-documents__headline{ font-weight: inherit; color: inherit; }.project-status-documents__status-strong{ margin: 0 0 0.1rem; font-size: 0.8rem; font-weight: 700; line-height: 1.32; color: #64748b; }.project-status-documents__status-meta{ margin: 0; font-size: 0.68rem; line-height: 1.38; color: #94a3b8; }.project-status-documents__tracking{ margin: 0.28rem 0 0; font-size: 0.68rem; line-height: 1.38; color: #94a3b8; }.project-status-documents__tracking-suffix{ color: #cbd5e1; }.project-status-documents__status-actions{ display: flex; flex-direction: column; align-items: flex-end; gap: 0.3rem; align-self: center; }.project-status-documents__action-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 0.32rem 0.55rem; font-size: 0.72rem; font-weight: 700; line-height: 1.2; font-family: inherit; color: #fff; text-decoration: none; white-space: nowrap; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1); background: #2563eb; box-sizing: border-box; transition: background 0.15s ease, border-color 0.15s ease; }.project-status-documents__action-btn:hover{ background: #1d4ed8; color: #fff; }.project-status-documents__clear-form{ margin: 0; }.project-status-documents__clear-btn{ margin: 0; padding: 0.28rem 0.45rem; font-size: 0.68rem; font-weight: 600; font-family: inherit; color: #64748b; background: transparent; border: 1px solid rgba(100, 116, 139, 0.42); border-radius: 6px; cursor: pointer; box-sizing: border-box; }.project-status-documents__clear-btn:hover{ color: #334155; border-color: rgba(51, 65, 85, 0.5); }.project-status-documents__subnote{ margin-top: 0.35rem; padding: 0.32rem 0.4rem; border-radius: 6px; border: 1px solid #e8edf3; background: rgba(255, 255, 255, 0.72); font-size: 0.68rem; line-height: 1.38; color: #475569; display: flex; flex-wrap: wrap; gap: 0.22rem 0.35rem; align-items: baseline; }.project-status-documents__subnote-label{ font-weight: 700; color: #64748b; flex: 0 0 auto; }.project-status-documents__subnote-body{ flex: 1 1 12rem; min-width: 0; word-break: break-word; }.project-status-documents__rule{ height: 0; margin: 0.85rem 0 0.55rem; border: none; border-top: 1px solid rgba(226, 232, 240, 0.98); }.project-status-inline-wrap{ position: relative; display: inline-block; max-width: 100%; }.project-status-dropdown{ position: absolute; left: 0; top: calc(100% + 4px); min-width: 12rem; max-width: min(18rem, calc(100vw - 24px)); padding: 0.28rem; margin: 0; background: var(--bg-surface); border: 1px solid rgba(203, 213, 225, 0.95); border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 54, 95, 0.12); z-index: 50; }.project-status-dropdown__option{ display: flex; width: 100%; align-items: center; gap: 0.45rem; padding: 0.42rem 0.55rem; margin: 0; border: none; border-radius: 7px; background: transparent; font: inherit; font-size: 0.84rem; font-weight: 600; color: #334155; cursor: pointer; text-align: left; }.project-status-dropdown__option:hover, .project-status-dropdown__option:focus-visible{ background: var(--ppp-stone-100); }.project-status-dropdown__option.is-current{ background: #ece7ff; color: #5b3fa6; }.project-status-confirm-dialog .project-status-confirm-dialog__panel{ max-width: 22rem; }.project-communications-summary .project-coordination__comms-metrics{ display: flex; flex-direction: column; gap: 0.22rem; margin: 0; padding: 0; }.project-communications-summary .project-coordination__comms-metric{ margin: 0; padding: 0; }.project-communications-summary .project-coordination__comms-metric-label{ margin: 0 0 0.06rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #64748b; line-height: 1.3; }.project-communications-summary .project-coordination__comms-metric-value{ margin: 0; font-size: 0.76rem; font-weight: 500; color: #334155; line-height: 1.35; }.project-communications-summary .project-coordination__comms-metric-value.project-coordination__comms-issues{ font-weight: 700; color: #b45309; }.project-communications-summary .project-coordination__comms-last-type{ display: block; font-weight: 600; color: #334155; }.project-communications-summary .project-coordination__comms-last-stamp{ display: block; margin-top: 0.08rem; font-size: 0.72rem; color: #64748b; font-weight: 500; }.project-communications-history{ list-style: none; margin: 0; padding: 0; max-width: 42rem; display: flex; flex-direction: column; gap: 0.55rem; }.project-communications-history__item{ margin: 0; padding: 0.55rem 0.65rem; border: 1px solid var(--ppp-border, #e5e2db); border-radius: 8px; background: var(--ppp-ops-surface-raised, var(--bg-surface)); }.project-communications-history__meta{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.65rem; margin-bottom: 0.22rem; }.project-communications-history__when{ font-size: 0.8rem; font-weight: 600; color: #334155; }.project-communications-history__type{ font-size: 0.78rem; font-weight: 600; color: #486281; }.project-communications-history__status-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.55rem; }.project-communications-history__recipient{ font-size: 0.78rem; color: #475569; }.project-communications-history__subject{ margin: 0.2rem 0 0; font-size: 0.76rem; line-height: 1.35; }.project-communications-history__sent-by{ margin: 0.18rem 0 0; font-size: 0.7rem; }.workflow-card-title{ color: #12395f; }.workflow-steps{ gap: 0.55rem; }.workflow-step-panel-wrap{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s ease; overflow: hidden; }.workflow-step.is-expanded .workflow-step-panel-wrap{ grid-template-rows: 1fr; }.workflow-step-panel-inner{ min-height: 0; overflow: hidden; }.workflow-step-owner-pill{ display: inline-flex; align-items: center; padding: 0.1rem 0.38rem; border-radius: 6px; border: 1px solid var(--ppp-border); background: var(--ppp-stone-100); color: #64748b; font-size: 0.7rem; font-weight: 650; line-height: 1.25; white-space: nowrap; flex-shrink: 0; }.workflow-step--finish-line{ border-width: 1px; box-shadow: none; }.workflow-step--complete{ background: var(--ppp-ops-surface-raised); border-color: rgba(235, 239, 246, 0.88); }.workflow-step--ready-blue{ background: var(--ppp-ops-surface-raised); border-color: rgba(235, 239, 246, 0.88); }.workflow-step-num{ background: #f39a2f; color: #fff; }.workflow-step--attention .workflow-step-num, .workflow-step--finish-line .workflow-step-num{ background: #f39a2f; color: #fff; }.workflow-step--complete .workflow-step-num, .workflow-step--ready-blue .workflow-step-num{ background: rgba(100, 116, 139, 0.16); color: #4a5568; border: 1px solid rgba(148, 163, 184, 0.35); }.workflow-owner-badge{ display: inline-block; margin-left: auto; padding: 0.12rem 0.45rem; border-radius: 999px; border: 1px solid #c9d9eb; background: #f4f8fc; color: #2f4d69; font-size: 0.72rem; font-weight: 600; vertical-align: middle; white-space: nowrap; }.workflow-handoff{ margin: 0 0 0.8rem; width: 100%; max-width: min(100%, 48rem); box-sizing: border-box; border: 1px solid #d9e4f2; border-left: 3px solid #8eb4d8; border-radius: 8px; background: var(--ppp-ops-surface-raised); padding: 0.5rem 0.65rem; font-size: 0.86rem; color: #2f4d69; box-shadow: none; }.workflow-inspector-materials{ margin-top: 1rem; padding: 0.85rem 0.9rem; border: 1px solid #d7e2ef; border-radius: 10px; background: var(--ppp-ops-surface-raised); }.workflow-inspector-materials h4{ margin: 0 0 0.35rem; color: #12395f; }.workflow-btn-send-package{ min-width: 12.5rem; }.workflow-primary-btn{ display: inline-flex; align-items: center; justify-content: center; height: 2.25rem; width: 10.65rem; min-width: 10.65rem; flex: 0 0 10.65rem; padding: 0 0.9rem; line-height: 1; font-weight: 650; white-space: nowrap; }.workflow-primary-btn--coordinator{ width: 15rem; min-width: 15rem; flex-basis: 15rem; }.intake-read-value{ min-height: 2.2rem; border: 1px solid #d5e0ed; border-radius: 6px; background: var(--ppp-ops-surface-raised); padding: 0.45rem 0.55rem; color: #2f465f; font-size: 0.9rem; line-height: 1.35; white-space: pre-wrap; word-break: break-word; }.workflow-inspection-brief-two-col{ display: grid; gap: 0.85rem 1.25rem; align-items: start; } @media (min-width: 1100px) {.workflow-inspection-brief-two-col{ grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr); } }.workflow-inspection-brief-col--forms .workflow-inspection-brief-field-block, .workflow-inspection-brief-col--forms .workflow-adjacent-maps, .workflow-inspection-brief-form-fields .workflow-inspection-brief-field-block, .workflow-inspection-brief-form-fields .workflow-adjacent-maps{ max-width: none; width: 100%; }.workflow-inspection-brief-col--forms .workflow-inspection-brief-field-block--drive, .workflow-inspection-brief-form-fields .workflow-inspection-brief-field-block--drive{ width: 100%; }.workflow-inspection-brief-col--forms .workflow-inspection-brief-notes-input, .workflow-inspection-brief-form-fields .workflow-inspection-brief-notes-input{ max-width: none; min-height: 42px; height: 42px; resize: vertical; }.workflow-inspection-brief-col--forms .workflow-inspection-brief-caption-hint, .workflow-inspection-brief-form-fields .workflow-inspection-brief-caption-hint{ max-width: none; }.workflow-map-workspace{ border-radius: 10px; background: var(--ppp-ops-surface-raised); border: 1px solid var(--ppp-border); padding: 0.48rem 0.6rem 0.38rem; box-sizing: border-box; }.workflow-map-workspace > .workflow-scheduling-question{ margin-bottom: 0.35rem; }.workflow-map-workspace__lede{ margin: -0.06rem 0 0.28rem !important; max-width: none !important; }.workflow-map-toolbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.38rem 0.65rem; padding: 0.3rem 0.42rem; margin-bottom: 0.38rem; background: var(--bg-surface); border: 1px solid var(--ppp-border); border-radius: 8px; box-sizing: border-box; }.workflow-map-toolbar__controls{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }.workflow-map-toolbar__readout{ margin: 0; font-size: 0.78rem; font-weight: 600; color: #64748b; white-space: nowrap; }.workflow-map-workspace .workflow-inspection-brief-complete-check{ margin: 0; max-width: none; }.workflow-map-workspace-footer{ border-top: 1px solid rgba(148, 163, 184, 0.35); margin-top: 0.45rem; padding-top: 0.32rem; }.workflow-map-workspace-footer .workflow-inspection-brief-complete-check__label{ flex-direction: row; align-items: center; gap: 0.45rem; }.workflow-map-workspace-footer .workflow-inspection-brief-complete-check__label input[type="checkbox"]{ margin-top: 0; }.workflow-map-panel-heading{ margin: 0 0 0.28rem; font-size: 0.9rem; font-weight: 650; color: #12395f; }.workflow-map-workspace .workflow-map-source-panel, .workflow-map-workspace .workflow-map-doc-panel{ border: none; background: transparent; padding: 0; border-radius: 0; }.workflow-map-workspace .workflow-map-framing-layout{ margin-top: 0; gap: 0.48rem 0.72rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: stretch; }.workflow-map-workspace .workflow-map-source-view, .workflow-map-workspace .workflow-map-doc-preview{ min-height: 14.9rem; }.sidebar .nav-section-title{ font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; color: #94a3b8; } @media (max-width: 900px) {.layout{ flex-direction: column; }.sidebar{ width: 100%; border-right: none; border-bottom: 1px solid var(--border); }.main{ padding: 1rem; }.workflow-step-body--inspection-brief .workflow-brief-width-sync{ width: 100%; }.workflow-step-body--inspection-brief{ --inspection-brief-shared-width: 100%; } }.fc-final-staff-hint{ margin: 0 12px 10px; font-size: 9.25pt; line-height: 1.25; color: #334155; font-family: var(--ppp-font-sans); }body.fc-field-checklist-route #print-root, body.fc-field-checklist-route .field-checklist-preview .preview-pages{ font-family: var(--ppp-font-sans); font-size: 9.25pt; line-height: 1.25; color: #1f2937; }body.fc-field-checklist-route .fc-approved-cl *, body.fc-field-checklist-route .fc-approved-cl *::before, body.fc-field-checklist-route .fc-approved-cl *::after{ box-sizing: border-box; }body.fc-field-checklist-route #print-root .fc-approved-cl .card{ margin: 0; padding: 0; background: transparent; border-radius: 0; border: none; box-shadow: none; }body.fc-field-checklist-route #print-root .fc-approved-cl .header{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; border-bottom: 1px solid #c4c4c4; padding-bottom: 7px; margin-bottom: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl h1{ font-size: 14.5pt; line-height: 1.1; font-weight: 700; color: #1f2937; margin: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .address-line{ font-size: 9.2pt; font-weight: 600; margin-top: 4px; color: #111827; }body.fc-field-checklist-route #print-root .fc-approved-cl .brand{ font-size: 8.6pt; font-weight: 700; text-align: right; text-transform: uppercase; letter-spacing: 0.03em; color: #4b5563; line-height: 1.25; }body.fc-field-checklist-route #print-root .fc-approved-cl .top-grid{ display: grid; grid-template-columns: 1.22fr minmax(0, 0.75fr); grid-template-rows: auto auto; gap: 9px; margin-bottom: 8px; align-items: stretch; min-width: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary{ grid-column: 1; grid-row: 1; min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary > .body.rows{ flex: 1 1 auto; min-height: 0; gap: 2px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary > .body{ padding: 5px 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .row{ gap: 5px; grid-template-columns: 122px 1fr; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .value{ min-height: 12px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .fc-special-notes-stack{ display: flex; flex-direction: column; gap: 3px; padding-bottom: 0; border-bottom: none; min-height: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .fc-special-notes-stack > .fc-value-pre{ border-bottom: 1px solid #d9d9d9; min-height: 13px; padding-bottom: 1px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .fc-summary-notes-rule{ border-bottom: 1px solid #d9d9d9; min-height: 13px; flex: 0 0 auto; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary .coord-note{ margin-top: auto; padding: 3px 5px 2px 5px; font-size: 8.4pt; line-height: 1.3; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-summary > h2{ flex: 0 0 auto; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-map{ grid-column: 2; grid-row: 1; min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; align-self: stretch; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-photo-rules{ grid-column: 1 / -1; grid-row: 2; min-width: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-map > h2{ flex: 0 0 auto; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-map > .body{ flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; box-sizing: border-box; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-top-map .map-box{ width: 100%; max-width: 100%; aspect-ratio: 1 / 1; height: auto; box-sizing: border-box; flex: 0 0 auto; align-self: stretch; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi.fc-approved-cl--p1 .fc-top-map.fc-top-map--cdi-image-first > .body{ justify-content: center; align-items: stretch; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi.fc-approved-cl--p1 .fc-top-map.fc-top-map--cdi-image-first .map-box{ flex: 1 1 auto; width: 100%; max-width: 100%; max-height: 100%; min-height: 0; aspect-ratio: 1 / 1; height: auto; }body.fc-field-checklist-route #print-root .fc-approved-cl .card, body.fc-field-checklist-route #print-root .fc-approved-cl > .section, body.fc-field-checklist-route #print-root .fc-approved-cl .section{ border: 1px solid #c4c4c4; background: var(--bg-surface); break-inside: avoid; page-break-inside: avoid; border-radius: 0; box-shadow: none; }body.fc-field-checklist-route #print-root .fc-approved-cl > .section, body.fc-field-checklist-route #print-root .fc-approved-cl > .cols .section{ margin-bottom: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl .top-grid > .card{ margin-bottom: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .cols--page1-split{ margin-bottom: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl .cols--page1-split > .section{ margin-bottom: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .card h2, body.fc-field-checklist-route #print-root .fc-approved-cl .section h2{ margin: 0; padding: 4px 6px; border-bottom: 1px solid #c4c4c4; background: var(--bg-surface-muted); color: #1f2937; font-size: 10.2pt; line-height: 1.05; font-weight: 700; }body.fc-field-checklist-route #print-root .fc-approved-cl .body{ padding: 7px; }body.fc-field-checklist-route #print-root .fc-approved-cl .rows{ display: grid; gap: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl .row{ display: grid; grid-template-columns: 130px 1fr; gap: 7px; align-items: start; }body.fc-field-checklist-route #print-root .fc-approved-cl .label{ font-weight: 700; color: #374151; text-transform: uppercase; font-size: 8.2pt; letter-spacing: 0.02em; }body.fc-field-checklist-route #print-root .fc-approved-cl .value{ border-bottom: 1px solid #d9d9d9; min-height: 14px; color: #1f2937; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-value-pre{ white-space: pre-wrap; word-break: break-word; }body.fc-field-checklist-route #print-root .fc-approved-cl .coord-note{ margin-top: 5px; padding: 5px 7px 5px 9px; border: 1px solid #d9d9d9; border-left: 3px solid #6b7280; background: var(--bg-surface); color: #1f2937; font-style: normal; font-size: 8.6pt; }body.fc-field-checklist-route #print-root .fc-approved-cl .write-row{ display: grid; grid-template-columns: 115px 1fr; gap: 8px; align-items: center; margin: 3px 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .write-line{ border-bottom: 1px solid #4b5563; min-height: 15px; }body.fc-field-checklist-route #print-root .fc-approved-cl .bullet{ margin: 2px 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .body.photo-rules{ padding-top: 2px; padding-bottom: 2px; }body.fc-field-checklist-route #print-root .fc-approved-cl .photo-rules{ display: block; }body.fc-field-checklist-route #print-root .fc-approved-cl .photo-rules .bullet{ margin: 1px 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .photo-rules .bullet:first-child{ margin-top: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .photo-rules .bullet:last-child{ margin-bottom: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .box{ width: 10px; height: 10px; flex: 0 0 10px; margin-top: 2px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi.fc-approved-cl--p2 .header{ padding-bottom: 5px; margin-bottom: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi.fc-approved-cl--p1 > .fc-section-cdi-fvr{ margin-bottom: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__title{ font-size: 9.5pt; margin: 0 0 4px; font-weight: 700; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__items, body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__special-list{ list-style: none; margin: 0; padding: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__item, body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__special-item{ font-size: 8.45pt; line-height: 1.32; padding: 2px 0; display: flex; gap: 6px; align-items: flex-start; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__special{ margin-top: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-fvr-display .cdi-fvr-display__special-title{ font-size: 8.55pt; margin: 0 0 3px; font-weight: 650; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi.fc-approved-cl--p1 > .fc-section-cdi-admin{ margin-bottom: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-section-cdi-admin .body{ padding-top: 6px; padding-bottom: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-lead{ padding-top: 4px; padding-bottom: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin-bottom: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-grid .fc-cdi-admin-check{ font-size: 8.45pt; line-height: 1.28; padding: 3px 0; gap: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-photo-count-prompt{ margin: 0 0 7px; font-size: 8.35pt; line-height: 1.35; font-weight: 500; color: #475569; letter-spacing: 0.02em; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-notes-divider{ height: 0; margin: 0 0 6px; border-top: 1px solid rgba(148, 163, 184, 0.65); }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-notes-head{ margin-top: 0; margin-bottom: 3px; font-weight: 700; color: #1e293b; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-admin-note-line{ height: 15px; margin-top: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-verify-block{ margin: 0 0 7px; padding: 5px 8px 6px 10px; border: 1px solid #d9d9d9; border-left: 3px solid #6b7280; background: var(--bg-surface); }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-verify-head{ font-size: 8.25pt; font-weight: 700; color: #374151; margin: 0 0 5px; letter-spacing: 0.045em; text-transform: uppercase; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-verify-check{ margin: 0 0 3px; font-size: 8.38pt; line-height: 1.24; gap: 6px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-notes-block{ margin-top: 1px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-notes-head{ margin: 0 0 4px; font-size: 8.15pt; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #334155; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-capture-mini-spaced{ margin-top: 4px; margin-bottom: 2px; font-size: 8.35pt; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-capture-line{ height: 15px; margin-top: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-field-capture-cols{ gap: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-capture-card h2{ margin-bottom: 2px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-capture-card .body{ padding-top: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .section.fc-section-field-capture{ padding-bottom: 2px; }body.fc-field-checklist-route #print-root .fc-approved-cl.fc-doc-cdi .fc-cdi-additional-notes .mini{ font-size: 8.35pt; }body.fc-field-checklist-route #print-root .fc-approved-cl .check{ display: flex; align-items: flex-start; gap: 4px; line-height: 1.2; margin: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .check > span:last-child{ display: block; min-width: 0; flex: 1 1 auto; }body.fc-field-checklist-route #print-root .fc-approved-cl .box{ width: 9px; height: 9px; border: 1px solid #4b5563; background: var(--bg-surface); box-sizing: border-box; flex: 0 0 9px; margin-top: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl .map-box{ width: 100%; aspect-ratio: 1 / 1; border: 1px solid #c4c4c4; background: var(--bg-surface); display: flex; align-items: center; justify-content: center; text-align: center; color: #4b5563; font-weight: 700; position: relative; }body.fc-field-checklist-route #print-root .fc-approved-cl .map-box--has-map{ display: block; padding: 0; background: var(--bg-surface); }body.fc-field-checklist-route #print-root .fc-approved-cl .map-box--has-map > .fc-map-stage--approved{ position: absolute; inset: 0; z-index: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .map-box--has-map .fc-map-print-image-wrap{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; margin: 0; border: none; border-radius: 0; padding: 0; aspect-ratio: auto; background: var(--bg-surface); }body.fc-field-checklist-route #print-root .fc-approved-cl .north{ position: absolute; top: 7px; right: 8px; border: 1px solid #c4c4c4; background: var(--bg-surface); padding: 2px 5px; font-size: 8pt; font-weight: 700; color: #374151; z-index: 4; }body.fc-field-checklist-route #print-root .fc-approved-cl .workflow{ display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 8px; }body.fc-field-checklist-route #print-root .fc-approved-cl .step{ border: 1px solid #c4c4c4; background: var(--bg-surface); padding: 6px; break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root .fc-approved-cl .step-title{ font-size: 10pt; font-weight: 700; color: #1f2937; margin-bottom: 4px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-section-workflow.section{ break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root .fc-approved-cl .section-note{ padding: 5px 7px; background: var(--bg-surface); border-bottom: 1px solid #d9d9d9; color: #4b5563; font-size: 8.6pt; font-style: normal; }body.fc-field-checklist-route #print-root .fc-approved-cl .paren{ color: #637386; font-size: 8.4pt; }body.fc-field-checklist-route #print-root .fc-approved-cl .cols{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-checklist-cols{ align-items: start; }body.fc-field-checklist-route #print-root .fc-approved-cl .fc-checklist-column{ display: flex; flex-direction: column; gap: 5px; min-width: 0; }body.fc-field-checklist-route #print-root .fc-approved-cl .mini{ font-weight: 700; color: #1f2937; margin: 6px 0 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl .note-line{ border-bottom: 1px solid #9ca3af; height: 16px; margin-top: 3px; }body.fc-field-checklist-route #print-root .fc-approved-cl table{ width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 8.45pt; }body.fc-field-checklist-route #print-root .fc-approved-cl th, body.fc-field-checklist-route #print-root .fc-approved-cl td{ border: 1px solid #c4c4c4; padding: 3px 4px; height: 18px; vertical-align: top; background: var(--bg-surface); }body.fc-field-checklist-route #print-root .fc-approved-cl th{ background: var(--bg-surface-muted); color: #1f2937; text-align: center; font-weight: 700; }body.fc-field-checklist-route #print-root .fc-approved-cl .example-row td{ font-style: italic; color: #4b5563; background: var(--bg-surface); }body.fc-field-checklist-route #print-root .fc-approved-cl .footer{ text-align: center; color: #6b7280; font-size: 8pt; margin-top: auto; padding-top: 3px; flex-shrink: 0; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section{ margin-bottom: 0; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl > .cols.fc-checklist-cols{ margin-bottom: 0; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .card, body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section{ break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .fc-checklist-column{ gap: 6px; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .fc-table-section{ margin-bottom: 4px; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl > div.fc-table-section:nth-of-type(2){ margin-bottom: 10px; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .instruction-line{ margin-top: 2px; font-size: 8.1pt; line-height: 1.05; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .fc-checklist-column > .section{ display: flex; flex-direction: column; justify-content: flex-start; min-height: 0; padding-bottom: 1px; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section.fc-env-indicators .body{ padding-bottom: calc(7px - 2.5pt); }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section.additional-notes{ margin-top: 8px; margin-bottom: 0; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section.additional-notes .body{ padding-top: 3px; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section.additional-notes .cols > div > .mini{ margin-top: 0; margin-bottom: 3px; }.field-checklist-prototype{ padding: 1.3rem 1.4rem; border: 1px solid rgba(30, 107, 184, 0.2); background: linear-gradient(180deg, rgba(30, 107, 184, 0.08) 0%, rgba(30, 107, 184, 0.02) 8rem, #fff 12rem), #fff; box-shadow: none; }.fc-print-container{ display: none; }.fc-print-footer{ display: none; }.fc-inspector-note-anchor{ display: none; }body.fc-standalone-print{ margin: 0; padding: 0.9rem; background: #f4f6f9; }body.fc-field-checklist-route.fc-standalone-print{ margin: 0; padding: 0; background: #e8e8e8; }.field-checklist-preview{ min-height: 100vh; }.field-checklist-preview .preview-toolbar.print-bar{ position: fixed; top: 10px; left: 10px; z-index: 1000; margin: 0; padding: 8px 12px; background: var(--ppp-ops-surface-raised); border: 1px solid #d8e1eb; border-radius: 6px; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12); } @media print {body.fc-field-checklist-route .print-bar{ display: none !important; } }.field-checklist-preview .preview-toolbar button{ height: 32px; padding: 0 12px; border-radius: 5px; border: 1px solid #1f5f99; background: #1f6fb2; color: #fff; font-weight: 600; cursor: pointer; font: inherit; }.field-checklist-preview .preview-pages{ padding: 60px 12px 48px; }.field-checklist-preview .field-checklist-page{ width: 8.5in; max-width: 100%; min-height: 11in; margin: 20px auto; padding: 0.28in; box-sizing: border-box; background: var(--bg-surface); border: 1px solid #c4c4c4; box-shadow: none; overflow: visible; display: flex; flex-direction: column; }.field-checklist-preview .field-checklist-page .fc-doc, .field-checklist-preview .field-checklist-page .fc-approved-cl{ max-width: none; margin: 0; }body.fc-field-checklist-route #print-root section.field-checklist-page > .fc-approved-cl{ flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; width: 100%; }.fc-standalone-toolbar{ margin: 0 0 0.65rem; }.fc-toolbar-note{ margin: 0.35rem 0 0.75rem; max-width: 58rem; }.fc-toolbar-actions{ margin-bottom: 0.25rem; }.fc-screen-toolbar > h1{ margin-bottom: 0.1rem; }.fc-doc{ font-family: var(--ppp-font-sans); font-size: 13.5px; font-weight: 400; line-height: 1.45; letter-spacing: 0.01em; color: #111; max-width: 8.5in; margin: 0 auto; }.fc-doc__header{ border: 1px solid #c8d9ee; border-radius: 12px; background: var(--ppp-ops-surface-raised); padding: 0.8rem 1rem; margin-bottom: 0.9rem; }.fc-doc__title{ font-size: 1.25rem; font-weight: 700; color: #0f365f; margin: 0 0 0.4rem; letter-spacing: -0.02em; }.fc-doc__meta{ margin: 0; font-size: 0.95rem; }.fc-doc__meta--sample{ font-size: 0.9rem; }.fc-doc__meta-sep{ margin: 0 0.25rem; color: var(--muted); }.fc-doc__flow{ display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1rem; }.fc-pill{ display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; border-radius: 999px; border: 1px solid transparent; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; }.fc-pill--prep{ color: #0f4d85; background: #e7f0ff; border-color: #b9d3f6; }.fc-pill--photo{ color: #0f5f70; background: #e6f8fc; border-color: #b8e5ef; }.fc-pill--storage{ color: #6b4506; background: #fff3d6; border-color: #f1d49a; }.fc-pill--observe{ color: #14532d; background: #e7f8ee; border-color: #bde8cb; }.fc-pill--reference{ color: #4c1d95; background: #f2eaff; border-color: #ddc5fb; }.fc-print-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }.fc-ph-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }.fc-top-split{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 0.75rem; align-items: start; }.fc-top-split__right{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }.fc-ph-item{ border: none; border-radius: 0; padding: 0; background: transparent; }.fc-ph-item .fc-subhead{ margin-top: 0.1rem; }.fc-kv-list{ display: grid; gap: 0.2rem; }.fc-kv-row{ display: grid; grid-template-columns: minmax(8.5rem, 10.5rem) minmax(0, 1fr); gap: 0.4rem; align-items: start; }.fc-kv-key{ color: #3a4f65; font-weight: 600; font-size: 0.92rem; }.fc-kv-val{ color: #13253a; font-size: 0.95rem; }.fc-kv-minimum{ color: #b91c1c; font-weight: 600; }.fc-text-red{ color: #b91c1c; font-weight: 600; }.fc-inline-divider{ color: #64748b; margin: 0 0.3rem; font-weight: 600; }.fc-kv-row--section{ border-top: none; margin-top: 0.1rem; padding-top: 0; }.fc-kv-row--urgent{ display: block; margin-top: 0.2rem; padding: 0; background: transparent; border: none; border-radius: 0; }.fc-map-grid{ display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 0.75rem; }.fc-map-photo-frame{ position: relative; border: 1px solid #a9bed8; border-radius: 8px; overflow: hidden; aspect-ratio: 1 / 1; background: #e6eff9; }.fc-map-photo-frame--empty{ display: flex; align-items: center; justify-content: center; padding: 1rem; }.fc-map-photo-center{ position: absolute; inset: 0; display: grid; place-items: center; min-width: 0; min-height: 0; z-index: 0; }.fc-map-photo-slide{ position: relative; box-sizing: border-box; width: 100%; height: 100%; max-width: none; overflow: hidden; }.fc-map-photo-viewport{ position: absolute; inset: 0; overflow: hidden; transform-origin: center center; }.boundary-exhibit-viewport{ position: absolute; inset: 0; overflow: hidden; transform-origin: center center; }.map-photo-center .boundary-exhibit-viewport{ position: relative; width: 100%; height: 100%; }.boundary-exhibit-img{ display: block; max-width: none; }.fc-map-photo{ position: absolute; left: 0; top: 0; display: block; min-width: 100%; min-height: 100%; max-width: none; object-fit: fill; object-position: center center; }.fc-map-print-image{ position: absolute; left: 0; top: 0; display: block; min-width: 100%; min-height: 100%; max-width: none; object-fit: fill; object-position: center center; }.fc-map-print-image-wrap{ position: relative; background: var(--bg-surface); border: 1px solid #b6c1cd; border-radius: 6px; aspect-ratio: 1 / 1; overflow: hidden; padding: 0.14rem; }.fc-map-empty{ margin: 0; text-align: center; color: #3a4f65; font-size: 0.92rem; }.fc-nowrap{ white-space: nowrap; }.fc-map-orient{ position: absolute; z-index: 2; pointer-events: none; font-size: 0.37rem; font-weight: 700; letter-spacing: 0.04em; color: #1d4f91; background: rgba(173, 216, 255, 0.42); border: 1px solid rgba(93, 150, 220, 0.55); border-radius: 999px; padding: 0.09rem 0.24rem; box-shadow: 0 2px 10px rgba(21, 71, 132, 0.18); backdrop-filter: blur(1px); }.fc-map-orient--n{ top: 0.175rem; left: 50%; transform: translateX(-50%); }.fc-map-orient--s{ bottom: 0.175rem; left: 50%; transform: translateX(-50%); }.fc-map-orient--e{ right: 0.175rem; top: 50%; transform: translateY(-50%); }.fc-map-orient--w{ left: 0.175rem; top: 50%; transform: translateY(-50%); }.fc-map-panel{ border: 1px solid #bdd3ea; border-radius: 8px; background: var(--ppp-ops-surface-raised); padding: 0.55rem 0.65rem; }.fc-map-right-col{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.32rem; align-items: start; }.fc-map-panel-box{ border: 1px solid #d2d8e0; border-radius: 6px; background: var(--bg-surface); padding: 0.28rem 0.38rem; margin: 0.22rem 0 0.28rem; }.fc-adj-lines{ border: none; border-radius: 0; background: transparent; padding: 0; margin: 0.16rem 0 0.18rem; }.fc-adj-lines p{ margin: 0.08rem 0; font-size: 0.93rem; }.fc-alert{ border: 1px solid #d4b8f0; background: #f5edff; border-radius: 4px; padding: 0.42rem 0.5rem; font-size: 0.9rem; line-height: 1.35; }.fc-note--special, .fc-note--green-drive{ border-radius: 5px; padding: 0.32rem 0.45rem; }.fc-note--special{ background: #fff7e0; border: 1px solid #f0d79b; }.fc-note--green-drive{ background: var(--bg-success); border: 1px solid #bde8cb; }.fc-placeholder-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; margin: 0.35rem 0 0.5rem; }.fc-placeholder{ border: 1px dashed #8fa3bc; border-radius: 6px; background: var(--ppp-ops-surface-raised); padding: 0.32rem 0.42rem; font-size: 0.84rem; color: #1f2d3d; text-align: center; font-weight: 600; }.fc-section{ margin-bottom: 0.9rem; padding: 0.75rem 0.8rem 0.7rem; border: 1px solid #d8e1ec; border-radius: 10px; background: var(--bg-surface); box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03); }.fc-section:last-child{ margin-bottom: 0; }.fc-section--prep{ background: linear-gradient(180deg, #f5f9ff 0%, var(--bg-surface) 55%); }.fc-section--photo{ background: linear-gradient(180deg, #f2fcff 0%, var(--bg-surface) 55%); }.fc-section--storage{ background: linear-gradient(180deg, #fff9ee 0%, var(--bg-surface) 55%); }.fc-section--observe{ background: linear-gradient(180deg, #f2fcf6 0%, var(--bg-surface) 55%); }.fc-section--reference{ background: linear-gradient(180deg, #f9f4ff 0%, var(--bg-surface) 55%); }.fc-section__title{ font-size: 1.05rem; font-weight: 600; margin: 0 0 0.45rem; color: #13253a; border-bottom: 1px solid #d6dee8; padding-bottom: 0.2rem; }.fc-subhead{ font-size: 0.98rem; font-weight: 600; margin: 0.65rem 0 0.35rem; }.fc-section-row--divider{ border-top: 1px dashed #b8c2ce; margin-top: 0.45rem; padding-top: 0.45rem; }.fc-note, .fc-footnote{ font-size: 0.93rem; margin: 0 0 0.52rem; color: #333; line-height: 1.42; }.fc-footnote{ font-style: italic; margin-top: 0.5rem; }.fc-checklist{ margin: 0.25rem 0 0.1rem; padding: 0; }.fc-checklist li{ list-style: none; margin: 0.24rem 0; padding: 0; display: grid; grid-template-columns: 0.95rem minmax(0, 1fr); column-gap: 0.4rem; align-items: start; line-height: 1.4; }.fc-checklist li::before{ content: "☐"; font-size: 0.9rem; line-height: 1.2; margin-top: 0.05rem; color: #2a4f73; }.fc-checklist--compact li{ margin: 0.14rem 0; }.fc-checklist--two-col{ column-count: 2; column-gap: 1rem; }.fc-checklist--two-col li{ break-inside: avoid; }.fc-onsite-access-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }.fc-lines{ width: 100%; border-collapse: collapse; margin: 0.2rem 0 0; }.fc-lines th{ text-align: left; font-weight: 600; width: 12rem; vertical-align: bottom; padding: 0.2rem 0.4rem 0.2rem 0; font-size: 9.5pt; line-height: 1.1; }.fc-onsite-label{ font-size: 8pt; line-height: 1.15; }.fc-lines td{ padding: 0.2rem 0; vertical-align: bottom; }.fc-line{ display: block; min-height: 0.78rem; border-bottom: 1px solid #333; }.fc-adj-table{ width: 100%; border-collapse: collapse; font-size: 0.95rem; margin-top: 0.35rem; }.fc-adj-table th, .fc-adj-table td{ border: 1px solid #afc6dd; padding: 0.35rem 0.5rem; vertical-align: top; }.fc-adj-table th{ background: #eaf2ff; font-weight: 600; width: 5.5rem; }.fc-table-wrap{ overflow-x: auto; margin-top: 0.35rem; }.fc-table{ width: 100%; border-collapse: collapse; font-size: 9.5pt; }.fc-table th, .fc-table td{ border: 1px solid #8fa3bc; padding: 0.28rem 0.35rem; vertical-align: top; min-height: 1.1rem; }.fc-table thead th{ background: #e7eef9; font-weight: 600; }.fc-table__example td{ font-style: italic; color: #444; }.fc-note-cell{ display: block; min-height: 1.02rem; }body.fc-unified-print-preview #print-root .fc-doc{ font-size: 9.2pt; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: #111; }body.fc-unified-print-preview #print-root .fc-doc__flow, body.fc-unified-print-preview #print-root .fc-pill{ display: none !important; }body.fc-unified-print-preview #print-root .fc-doc__header{ margin-bottom: 0.22rem; padding: 0.2rem 0.28rem; border-radius: 0; }body.fc-unified-print-preview #print-root .fc-doc__title{ font-size: 10.4pt; margin: 0 0 0.14rem; }body.fc-unified-print-preview #print-root .fc-doc__meta{ font-size: 8.5pt; }body.fc-unified-print-preview #print-root .fc-section{ border: 1px solid #b8c2ce; background: var(--bg-surface); margin-bottom: 0.18rem; padding: 0.24rem 0.3rem 0.2rem; border-radius: 0; }body.fc-unified-print-preview #print-root .fc-section__title{ font-size: 9.4pt; margin: 0 0 0.14rem; padding-bottom: 0.08rem; }body.fc-unified-print-preview #print-root .fc-subhead{ font-size: 8.9pt; margin: 0.18rem 0 0.08rem; }body.fc-unified-print-preview #print-root .fc-note, body.fc-unified-print-preview #print-root .fc-footnote{ font-size: 8.45pt; line-height: 1.4; margin: 0 0 0.15rem; } @media (max-width: 900px) {.field-checklist-preview .preview-pages{ padding-left: 12px; padding-right: 12px; }.field-checklist-prototype{ padding: 0.95rem; }.fc-doc__header, .fc-section{ border-radius: 8px; }.fc-lines th{ width: 9.5rem; }.fc-map-grid{ grid-template-columns: minmax(0, 1fr); }.fc-onsite-access-grid{ grid-template-columns: minmax(0, 1fr); }.fc-top-split{ grid-template-columns: minmax(0, 1fr); }.fc-top-split__right{ gap: 0.6rem; }.fc-kv-row{ grid-template-columns: minmax(0, 1fr); gap: 0.1rem; }.fc-placeholder-grid{ grid-template-columns: minmax(0, 1fr); } } @media print {.no-print{ display: none !important; } @page { size: letter; margin: 0.3in 0.32in; }body.fc-field-checklist-route{ background: var(--bg-surface) !important; padding: 0 !important; }body.fc-field-checklist-route .layout{ display: block !important; }body.fc-field-checklist-route .screen-only, body.fc-field-checklist-route .fc-standalone-toolbar{ display: none !important; }body.fc-field-checklist-route .layout > aside.sidebar, body.fc-field-checklist-route .page-header.fc-screen-toolbar, body.fc-field-checklist-route #fc-screen-root{ display: none !important; }body.fc-field-checklist-route .main{ width: 100%; margin: 0; padding: 0; max-width: none; display: block !important; }body.fc-field-checklist-route #print-root{ display: block !important; visibility: visible !important; width: 100% !important; margin: 0 !important; border: none !important; box-shadow: none !important; background: var(--bg-surface) !important; padding: 0 !important; position: static !important; }body.fc-field-checklist-route .field-checklist-preview .preview-toolbar, body.fc-field-checklist-route .preview-toolbar{ display: none !important; }body.fc-field-checklist-route .field-checklist-preview .preview-pages{ padding: 0; }body.fc-field-checklist-route section.field-checklist-page:last-of-type{ page-break-after: auto; break-after: auto; }body.fc-field-checklist-route #print-root *, body.fc-field-checklist-route #print-root *::before, body.fc-field-checklist-route #print-root *::after{ visibility: visible !important; text-shadow: none !important; filter: none !important; }body.fc-field-checklist-route canvas, body.fc-field-checklist-route iframe, body.fc-field-checklist-route video, body.fc-field-checklist-route [class*="leaflet"], body.fc-field-checklist-route [id*="leaflet"], body.fc-field-checklist-route [class*="google-map"], body.fc-field-checklist-route [class*="mapbox"]{ display: none !important; }body.fc-field-checklist-route #print-root [style*="transform"]:not(.fc-map-photo-slide):not(.fc-map-print-image):not(.fc-map-photo), body.fc-field-checklist-route #print-root [style*="scale("]:not(.fc-map-photo-slide):not(.fc-map-print-image):not(.fc-map-photo){ transform: none !important; }body.fc-field-checklist-route #print-root [style*="position:fixed"], body.fc-field-checklist-route #print-root [style*="position: fixed"]{ position: static !important; }body.fc-field-checklist-route #print-root .fc-approved-cl .map-box--has-map .fc-map-print-image-wrap{ min-height: 0; max-height: none; overflow: hidden; }body.fc-field-checklist-route #print-root .fc-approved-cl table thead{ display: table-header-group; }body.fc-field-checklist-route{ -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }body.fc-field-checklist-route #print-root .fc-approved-cl .card, body.fc-field-checklist-route #print-root .fc-approved-cl .section, body.fc-field-checklist-route #print-root .fc-approved-cl .step{ break-inside: auto; page-break-inside: auto; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .card, body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl .section{ break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root .fc-approved-cl--p1 .top-grid, body.fc-field-checklist-route #print-root .fc-approved-cl--p1 .cols--page1-split, body.fc-field-checklist-route #print-root .fc-approved-cl--p1 .fc-section-workflow.section{ break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root .fc-approved-cl--p1 .fc-section-workflow .step{ break-inside: avoid; page-break-inside: avoid; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl.fc-doc-cdi .section{ break-inside: auto; page-break-inside: auto; }body.fc-field-checklist-route #print-root section.page-two .fc-approved-cl.fc-doc-cdi .section.fc-cdi-additional-notes{ break-inside: avoid; page-break-inside: avoid; } }.ppp-demo-banner{ margin: 0 0 1rem; padding: 0.5rem 0.75rem; font-size: 0.85rem; color: #5c4a00; background: #fff8e1; border: 1px solid #e6d08c; border-radius: var(--radius, 8px); }.import-summary-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.75rem; margin: 0 0 1.25rem; }.import-summary-grid .summary-card{ padding: 0.75rem 1rem; background: var(--surface-elevated, var(--bg-surface)); border: 1px solid var(--border-subtle, #e2e6ea); border-radius: var(--radius, 8px); }.import-summary-grid .summary-card .label{ display: block; font-size: 0.78rem; color: var(--text-muted, #66707a); margin-bottom: 0.25rem; }.import-summary-grid .summary-card .value{ font-size: 1.35rem; font-weight: 650; line-height: 1.2; }.import-result-list{ margin: 1rem 0 0; padding-left: 1.25rem; line-height: 1.6; }.import-preview-table td.status-new{ color: var(--success-text, #1a6b3c); }.import-preview-table td.status-update{ color: var(--link, #0b5cab); }.import-preview-table td.status-invalid, .import-preview-table td.status-conflict{ color: var(--danger-text, #b42318); }