/* Shared field-work presentation. Loaded last to replace legacy mobile overrides. */
.request-parts-list { min-width: 0; width: 100%; }
.request-branch-summary { min-width: 0; }
.request-reference-line { display: flex; gap: 8px; align-items: baseline; margin-top: 6px; }
.request-reference-line > span { flex: 0 0 32px; color: #64748b; font-size: 12px; }
.request-reference-line > strong { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .content table.request-responsive-table > tbody > tr > td.request-branch-cell {
        row-gap: 5px;
        padding-bottom: 0 !important;
    }
    .request-branch-cell > .request-branch-summary { display: contents; }
    .request-branch-summary > strong,
    .request-branch-summary > .table-sub { grid-column: 2; }
    .content .request-branch-summary > .request-reference-line {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        margin: 0 -13px;
        padding: 5px 13px;
        border-top: 1px solid #edf0f5;
        line-height: 1.4;
    }
    .request-branch-summary > .table-sub { margin-bottom: 5px; }
    .request-reference-line > span { text-align: right; font-size: 12px; font-weight: 400; }
    .request-reference-line > strong { font-size: 13px; font-weight: 800; color: #243852; }
}
@media (max-width: 600px) {
    .content .request-responsive-table .mobile-request-parts-cell > .request-parts-list {
        grid-column: 2;
        min-width: 0;
    }
}
[hidden] { display:none !important; }
.mobile-bottom-nav { display:none; }
.scan-step-strip { display:flex; list-style:none; gap:20px; padding:0; margin:0 0 20px; }
.scan-step-strip li { display:flex; align-items:center; gap:8px; color:#43536a; font-size:14px; }
.scan-step-strip b { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#e6ecf8; color:#24467e; }
.camera-scanner { overflow:hidden; border:1px solid #dce3ee; border-radius:16px; background:#fff; }
.camera-frame { position:relative; background:#101e34; min-height:190px; border-radius:0; }
.camera-video { width:100%; height:100%; object-fit:cover; }
.camera-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; background:#101e34; padding:24px; text-align:center; }
.camera-placeholder strong { color:#fff; font-size:18px; }
.camera-placeholder span { color:#c5d0df; font-size:14px; }
.camera-controls { display:flex; flex-wrap:wrap; gap:8px; padding:14px; }
.camera-controls .btn { min-height:44px; }
.camera-status { flex:0 0 100%; padding:10px 12px; border-radius:8px; background:#f0f4fa; color:#40516d; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.camera-status.success { background:#eaf7ef; color:#17613b; }
.camera-status.error { background:#fff0ec; color:#9a321c; }
.camera-guide { pointer-events:none; }
.camera-scanner:not(.camera-active) .camera-guide { display:none; }
.scan-flash .camera-frame { box-shadow:inset 0 0 0 5px #3bd291; }
.camera-controls button:disabled { opacity:.48; }
.btn[aria-disabled="true"] { opacity:.65; cursor:wait; }
.mobile-work-priority { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#173a6b; color:#fff; padding:18px; margin:0 0 20px; border-radius:16px; text-decoration:none; }
.mobile-work-priority strong,.mobile-work-priority small { display:block; }
.mobile-work-priority small { margin-top:7px; color:#d5e1f4; font-size:13px; }
@media (max-width:1024px) {
    :root { --mobile-page-pad:16px; }
    body { background:#f3f5f9; }
    .topbar { position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid #dce3ed; box-shadow:none; color:#172b4d; padding-top:max(12px, env(safe-area-inset-top)); min-height:72px; }
    .mobile-topbar-identity strong,.mobile-topbar-identity span,.mobile-page-identity strong,.mobile-home-back,.mobile-kebab { color:#17345b; }
    .mobile-home-menu .mobile-kebab { color:#17345b; }
    .mobile-home-menu[open] .mobile-kebab,.mobile-home-menu .mobile-kebab:active { background:#edf2f8; }
    .mobile-topbar-identity small,.mobile-page-identity small { color:#51627c; font-size:12px; }
    .mobile-home-back { background:#edf2f8; border-radius:12px; min-width:44px; min-height:44px; }
    .cs-scope-bar { display:none; }
    .content,.dashboard-page .content { padding:20px 16px calc(98px + env(safe-area-inset-bottom)) !important; }
    .dashboard-page .mobile-app-home { padding:0; min-height:0; }
    .workspace-tools { margin:0 0 12px; }
    .workspace-tools > a { display:none; }
    .mobile-bottom-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed; inset:auto 0 0; z-index:45; background:#fff; border-top:1px solid #dce3ed; padding:7px 8px calc(7px + env(safe-area-inset-bottom)); box-shadow:0 -4px 18px #19345608; }
    .mobile-bottom-nav a { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; min-height:54px; border-radius:10px; color:#5b6980; text-decoration:none; font-size:11px; font-weight:600; }
    .mobile-bottom-nav svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .mobile-bottom-nav a.active { color:#244dab; background:#edf3ff; }
    .mobile-bottom-nav .mobile-scan-tab { color:#244dab; }
    .keyboard-open .mobile-bottom-nav { display:none; }
    .mobile-home-intro h1 { font-size:27px; letter-spacing:-.04em; color:#172b4d; }
    .mobile-home-kicker { color:#526a91; font-size:11px; }
    .mobile-home-intro p { font-size:13px; }
    .mobile-home-grid { gap:12px; }
    .mobile-home-tile { min-height:150px; padding:20px 14px; border:1px solid #dce3ed; border-radius:16px; box-shadow:0 2px 4px #18376104; background:#fff; }
    .mobile-home-tile strong { font-size:16px; color:#223852; }
    .mobile-home-tile small { font-size:12px; line-height:1.5; color:#5a6c83; }
    .mobile-tile-icon { width:45px; height:45px; margin-bottom:12px; }
    .mobile-tile-badge { min-width:24px; min-height:24px; font-size:12px; }
    .page-heading h1 { font-size:24px; line-height:1.3; letter-spacing:-.03em; }
    .page-heading p { font-size:14px; line-height:1.6; color:#53647c; }
    .panel { border-radius:14px; border-color:#dce3ed; box-shadow:none; }
    .panel-head h2 { font-size:18px; }
    .panel-note { font-size:12px; line-height:1.5; }
    .btn,.btn.small { min-height:44px; padding:11px 14px; font-size:14px; border-radius:10px; }
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea { min-height:46px; font-size:16px !important; border-radius:10px; }
    .alert { font-size:14px; line-height:1.65; padding:14px; overflow-wrap:anywhere; }
    .content table.mobile-auto-table > tbody > tr { border-radius:14px; border:1px solid #dce3ed; box-shadow:none; }
    .content table.mobile-auto-table > tbody > tr > td { grid-template-columns:88px minmax(0,1fr); gap:10px; padding:11px 13px !important; font-size:13px; line-height:1.55; }
    .content table.mobile-auto-table > tbody > tr > td::before { font-size:12px; color:#596b83; }
    .content .table-sub { font-size:12px; line-height:1.6; }
    .content .status-pill { font-size:12px; padding:5px 9px; }
    .scan-step-strip { justify-content:space-between; gap:8px; }
    .scan-step-strip li { font-size:12px; gap:5px; }
    .scan-step-strip b { width:22px; height:22px; }
    .camera-frame { height:210px; min-height:0; border-radius:0; transition:height .15s; }
    .camera-active .camera-frame { height:clamp(240px,38dvh,360px); }
    .camera-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:8px; }
    .camera-start { grid-column:1 / -1; }
    .camera-controls .camera-status { grid-column:1 / -1; margin:0; font-size:13px; width:100%; max-width:none; }
    .camera-scanner:not(.camera-active) .camera-start { background:#244dab; }
    .scan-search-form { gap:12px; padding:16px 0 0; }
    .scan-scope-banner { padding:14px; }
    .scan-scope-banner strong { font-size:14px; }
    .scan-scope-banner small { font-size:12px; line-height:1.6; }
    .qr-live-qty span { font-size:11px; }
    .qr-live-qty strong { font-size:16px; }
    .operations-summary { gap:8px; }
    .operations-summary a { padding:14px 10px; border-radius:12px; font-size:12px; }
    .operations-summary strong { font-size:26px; }
}
@media (prefers-reduced-motion:reduce) { .camera-frame { transition:none; } }
@media print { .mobile-bottom-nav,.workspace-tools { display:none !important; } }

/* Scanning is a focused, temporary mode; the work page only shows its launcher. */
.scanner-launcher.camera-scanner { border:0; background:transparent; overflow:visible; }
.scanner-launcher .camera-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:0; margin:0; }
.scanner-launcher .camera-start { grid-column:auto; min-height:56px; background:#244dab; color:#fff; font-size:16px; }
.scanner-launcher .camera-start::before { content:''; width:21px; height:21px; display:inline-block; vertical-align:middle; margin-right:10px; border:2px solid currentColor; border-radius:3px; background:repeating-linear-gradient(90deg,transparent 0 3px,currentColor 3px 5px,transparent 5px 7px); background-size:13px 12px; background-repeat:no-repeat; background-position:center; }
.scanner-launcher .camera-manual { min-height:56px; background:#edf2f8; border:0; color:#355071; }
.scanner-launcher .camera-controls .camera-status { grid-column:1/-1; padding:0; margin:0; width:100%; max-width:none; background:transparent; color:#607088; font-size:13px; }
.scanner-launcher .camera-controls .camera-status.success { color:#17613b; }
.scanner-launcher .camera-controls .camera-status.error { color:#9a321c; }
.scanner-open { overflow:hidden; }
.scanner-dialog:not([open]) { display:none; }
.scanner-dialog[open] { display:flex; flex-direction:column; width:min(520px,100vw); height:min(820px,94dvh); max-width:100vw; max-height:100dvh; padding:0; border:0; border-radius:22px; background:#101b2c; color:#fff; overflow:hidden; }
.scanner-dialog::backdrop { background:#071221bd; }
.scanner-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:24px; flex-shrink:0; }
.scanner-mode { font-size:12px; color:#a6bad5; }
.scanner-dialog-heading h2 { color:white; margin:7px 0 0; font-size:22px; }
.scanner-close { min-width:52px; min-height:44px; padding:10px; border:1px solid #516077; border-radius:10px; background:#25344a; color:#fff; font:inherit; cursor:pointer; }
.scanner-dialog .camera-frame { position:relative; flex:1; min-height:180px; height:auto; aspect-ratio:auto; border:0; border-radius:0; background:#152238; }
.scanner-dialog .camera-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.scanner-dialog .camera-placeholder { background:#152238; }
.scanner-dialog .camera-placeholder strong { display:none; }
.scanner-dialog .camera-placeholder span { font-size:14px; color:#b8c8dd; }
.scanner-dialog .camera-guide span { width:78%; height:42%; border:2px solid #fff; border-radius:18px; box-shadow:0 0 0 2000px #06102060; }
.scanner-dialog.scan-flash .camera-guide span { border-color:#50e4a3; box-shadow:0 0 0 2000px #06102060,0 0 24px #50e4a380; }
.scanner-viewfinder-hint { position:absolute; bottom:24px; left:12px; right:12px; z-index:3; text-align:center; color:#fff; font-size:13px; text-shadow:0 1px 5px #000; }
.scanner-dialog-footer { padding:22px 24px; background:#101b2c; flex-shrink:0; }
.scanner-feedback { padding:0 0 16px; color:#e1eaf5; font-size:14px; line-height:1.6; overflow-wrap:anywhere; max-height:100px; overflow:auto; }
.scanner-feedback.success { color:#61e8ab; }
.scanner-dialog-actions { display:flex; justify-content:center; gap:12px; margin-bottom:12px; }
.scanner-dialog .btn.secondary { background:#25344a; border:1px solid #50617a; color:#fff; min-height:46px; font-size:14px; }
.scanner-dialog .camera-stop { width:100%; }
.scanner-manual-link { display:block; width:100%; min-height:44px; padding:12px 0 0; color:#c2d2e8; font:inherit; font-size:14px; text-decoration:underline; background:none; border:0; cursor:pointer; }
.serial-camera-panel { margin:14px 0; }
.serial-camera-panel > summary { min-height:44px; padding:12px; color:#244dab; cursor:pointer; font-size:14px; }
.serial-camera-panel .scanner-launcher { margin-top:8px; }
@media(max-width:600px) {
    .scanner-dialog[open] { width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; margin:0; border-radius:0; }
    .scanner-dialog-header { padding:calc(18px + env(safe-area-inset-top)) 20px 18px; }
    .scanner-dialog-footer { padding:20px 20px calc(16px + env(safe-area-inset-bottom)); }
    .scanner-dialog-heading h2 { font-size:20px; }
}
@media(max-height:550px) and (orientation:landscape) {
    .scanner-dialog[open] { width:100vw; height:100dvh; margin:0; border-radius:0; }
    .scanner-dialog-header { padding:10px 20px; }
    .scanner-dialog-footer { padding:8px 20px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .scanner-feedback { padding:0; }
    .scanner-dialog-actions { margin:0; }
    .scanner-dialog .camera-frame { min-height:100px; }
}
@media(max-width:1024px) {
    .scan-page .page-heading { margin:0 0 12px; }
    .scan-page .page-heading h1,.scan-page .page-heading .eyebrow { display:none; }
    .scan-page .page-heading p { margin:0; }
    .scan-page .scan-scope-banner { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; padding:12px; margin-bottom:16px; }
    .scan-page .scan-scope-banner small { flex-basis:100%; }
    .scan-page .scan-page-panel .panel-head { padding-top:16px; padding-bottom:16px; }
    .scan-page .scan-search-form { margin-top:16px; }
    .scan-page .scan-search-form input { letter-spacing:normal; }
}

/* Final mobile identity-line rules. This file is loaded after the legacy
   responsive table rules, so these are intentionally last. */
@media (max-width: 600px) {
    .content .request-responsive-table .mobile-request-parts-cell .request-part-line {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .content .request-responsive-table .mobile-request-parts-cell .request-part-line .mono {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .content .request-responsive-table .mobile-request-parts-cell .request-part-line .request-part-name {
        display: block !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-part-summary {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-part-summary::before,
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-primary-cell:not(.mobile-part-summary),
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td[data-label="Part Name"] {
        display: none !important;
    }
}

/* The mobile request card has one readable identity line per part. Keep this
   after the generic table rules because field-work.css is loaded last. */
@media (max-width: 600px) {
    .content .request-responsive-table .mobile-request-parts-cell .request-part-line {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .content .request-responsive-table .mobile-request-parts-cell .request-part-line .mono {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .content .request-responsive-table .mobile-request-parts-cell .request-part-line .request-part-name {
        display: block !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-part-summary {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px 12px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-part-summary::before,
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-primary-cell,
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td[data-label="Part Name"] {
        display: none !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-part-summary-name {
        display: inline !important;
        margin-left: 8px !important;
        font-weight: 700 !important;
    }
}
.camera-scanner > .camera-frame { display:none; }

/* This file loads after mobile.css. Keep outbound request cards from falling
   back to the generic label/value grid: the code must remain one line. */
@media (max-width: 600px) {
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-primary-cell,
    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td[data-label="Part Name"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-primary-cell {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td.mobile-primary-cell::before {
        display: none !important;
    }

    .content .request-progress-panel table.mobile-auto-table > tbody > tr > td[data-label="Part Name"] {
        white-space: normal !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

/* Field workspace: work first, secondary functions on demand. */
.field-home-heading > span { font-size:12px; color:#5e7390; }
.field-home-heading h1 { margin:8px 0; font-size:28px; letter-spacing:-.04em; color:#172e50; }
.field-home-heading p { font-size:13px; color:#596a82; margin:0 0 22px; }
.field-metrics { display:grid; grid-template-columns:repeat(3,1fr); background:#fff; border:1px solid #dce3ed; border-radius:14px; padding:18px 0; margin-bottom:18px; }
.field-metrics a { text-align:center; text-decoration:none; color:#526880; border-right:1px solid #e3e9f1; }
.field-metrics a:last-child { border:0; }
.field-metrics strong,.field-metrics span { display:block; }
.field-metrics strong { color:#193b6b; font-size:26px; }
.field-metrics span { font-size:12px; margin-top:6px; }
.field-attention { display:flex; flex-direction:column; gap:7px; padding:16px; margin-bottom:16px; border:1px solid #efc796; border-radius:12px; background:#fff8eb; color:#805222; text-decoration:none; font-size:14px; }
.field-attention span { font-size:12px; }
.field-primary-actions { display:grid; gap:10px; margin-bottom:26px; }
.field-primary-actions a { text-decoration:none; border-radius:14px; }
.field-action-primary { position:relative; display:flex; flex-direction:column; gap:8px; padding:22px; background:#214d88; color:#fff; }
.field-action-primary > span { font-size:19px; font-weight:700; }
.field-action-primary small { color:#dce8f7; font-size:12px; }
.field-action-primary b { position:absolute; right:22px; top:24px; font-size:24px; }
.field-action-scan { display:flex; align-items:center; justify-content:center; gap:12px; padding:18px; border:1px solid #b8c9df; background:#fff; color:#244774; font-size:15px; font-weight:600; }
.field-action-scan svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
.field-section-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.field-section-heading h2 { margin:0; font-size:18px; color:#233955; }
.field-section-heading a { font-size:13px; color:#315b96; padding:8px 0 8px 12px; }
.field-task-list { margin-bottom:16px; }
.field-task-row { display:block; padding:17px; margin:10px 0; border:1px solid #dce3ed; border-radius:13px; background:#fff; color:#253c58; text-decoration:none; }
.field-task-row > div { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.field-task-age { font-size:11px; color:#657a94; }
.field-task-row > strong,.field-task-row > span,.field-task-row > small { display:block; overflow-wrap:anywhere; }
.field-task-row > strong { font-size:15px; margin-bottom:6px; }
.field-task-row > span { font-size:13px; }
.field-task-row > small { font-size:12px; color:#5a6f8a; margin-top:14px; }
.field-task-row small b { float:right; font-size:17px; }
.field-empty { padding:24px 18px; border:1px dashed #bfcddd; border-radius:13px; text-align:center; color:#526a84; }
.field-empty strong,.field-empty span { display:block; font-size:14px; }
.field-empty span { font-size:12px; margin-top:9px; }
.field-all-work { margin:24px 0 8px; border-top:1px solid #d4deeb; }
.field-all-work summary { padding:18px 0; color:#4e627d; font-size:14px; cursor:pointer; }
.field-all-work a { display:block; padding:15px 10px; border-bottom:1px solid #e0e6ee; color:#244363; font-size:14px; }
.field-process-steps { display:none; }
.outbound-review:not([open]) { display:none; }
.outbound-review[open] { width:min(540px,calc(100vw - 24px)); max-height:90dvh; padding:26px; border:0; border-radius:20px; color:#213852; }
.outbound-review::backdrop { background:#0c1e39aa; }
.review-heading span { color:#647b98; font-size:13px; }
.review-heading h2 { font-size:23px; margin:8px 0 22px; }
.review-summary { display:grid; grid-template-columns:100px 1fr; margin:0; font-size:14px; }
.review-summary dt,.review-summary dd { margin:0; padding:13px 0; border-bottom:1px solid #e1e8f0; }
.review-summary dt { color:#5a6d86; }
.review-summary dd { font-weight:600; white-space:pre-wrap; overflow-wrap:anywhere; }
.review-impact { background:#f0f4fa; border-radius:10px; padding:14px; font-size:13px; line-height:1.7; }
.review-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:1024px) {
    .field-process-page .page-heading h1,.field-process-page .page-heading .eyebrow,.field-process-page .linked-workflow,.field-process-page .request-context-strip { display:none; }
    .field-process-page .page-heading p { font-size:13px; }
    .field-process-page .heading-actions { display:none; }
    .field-process-steps { display:grid; grid-template-columns:repeat(3,1fr); position:sticky; top:72px; z-index:35; background:#f3f5f9; margin:0 -16px 16px; padding:12px 16px; gap:6px; }
    .field-process-steps > * { display:flex; align-items:center; justify-content:center; gap:6px; padding:10px 5px; min-height:44px; font:inherit; font-size:12px; background:transparent; border:0; border-radius:10px; color:#627891; }
    .field-process-steps b { font-size:12px; border:1px solid #c8d4e3; border-radius:50%; width:20px; height:20px; display:grid; place-items:center; }
    .field-process-steps [aria-current=step] { color:#244dab; background:#e5edfd; font-weight:700; }
    .field-process-page[data-field-step=select] [data-field-stage=details],.field-process-page[data-field-step=details] [data-field-stage=select] { display:none; }
    .field-process-page .linked-case-panel { max-height:280px; overflow:auto; }
    .field-process-page .close-action-note,.field-process-page .linked-case-panel .eyebrow { display:none; }
    .field-process-page .field-request-items tr td:nth-child(4),.field-process-page .field-request-items tr td:nth-child(6),.field-process-page .field-request-items tr td:nth-child(8),.field-process-page .field-request-items tr td:nth-child(9) { display:none !important; }
    .field-process-page .form-panel .form-actions { position:sticky; bottom:74px; z-index:20; padding:12px 0; background:#fff; }
    .field-process-page .form-actions .btn { width:100%; min-height:52px; }
    .keyboard-open.field-process-page .form-panel .form-actions { bottom:0; }
    .field-process-page .selected-request-item strong { font-size:16px; }
    .field-process-page .tracking-workflow-card small { font-size:12px; line-height:1.6; }
    .field-process-page .prf-candidate { border-radius:12px; padding:14px; }
    .field-process-page .prf-candidate-grid { grid-template-columns:1fr 1fr; }
    .field-process-page .prf-candidate-grid span { font-size:12px; }
    .field-process-page .prf-candidate-grid span:nth-child(3),.field-process-page .prf-candidate-grid span:nth-child(4),.field-process-page .prf-candidate-grid span:nth-child(6) { display:none; }
}