@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/JobApprovalAdhesiveEdge.razor.rz.scp.css */
.vi-seam[b-hs75n13p9f] { color: #1e293b; min-width: 0; }
.vi-seam-intro[b-hs75n13p9f] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .25rem .75rem; }
.vi-seam-intro p[b-hs75n13p9f] { max-width: 75ch; color: #475569; margin: 0; font-size: .75rem; }
.vi-seam-source[b-hs75n13p9f] { color: #64748b; font-size: .8rem; }
.vi-seam-groups[b-hs75n13p9f] { display: flex; gap: .6rem; overflow-x: auto; padding: .375rem 0; }
.vi-seam-group[b-hs75n13p9f] { flex: 0 0 140px; display: flex; align-items: center; text-align: left; gap: .375rem; padding: .25rem; border: 2px solid #e2e8f0; border-radius: .5rem; background: white; }
.vi-seam-group img[b-hs75n13p9f] { width: 24px; height: 32px; object-fit: contain; background: #f1f5f9; }
.vi-seam-group > span[b-hs75n13p9f] { min-width: 0; }
.vi-seam-group span span[b-hs75n13p9f], .vi-seam-group strong[b-hs75n13p9f] { display: block; font-size: .65rem; line-height: 1.2; overflow-wrap: anywhere; }
.vi-seam-group strong[b-hs75n13p9f] { font-size: .7rem; }
.vi-seam-group.accepted[b-hs75n13p9f] { background: #f0fdf4; }
.vi-seam-group.problem[b-hs75n13p9f] { background: #fef2f2; }
.vi-seam-group.active[b-hs75n13p9f] { border-color: #0284c7; box-shadow: 0 0 0 1px #0284c7; }
.vi-seam-settings[b-hs75n13p9f] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; padding: .375rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .5rem; }
.vi-seam label[b-hs75n13p9f] { display: flex; flex-direction: column; gap: .125rem; font-size: .7rem; font-weight: 600; }
.vi-seam input[type=number][b-hs75n13p9f] { width: 80px; }
.vi-seam select[b-hs75n13p9f], .vi-seam input[type=number][b-hs75n13p9f] { background: white; border: 1px solid #cbd5e1; padding: .25rem .375rem; border-radius: .3rem; color: #0f172a; min-height: 30px; }
.vi-seam-setting-actions[b-hs75n13p9f] { display: flex; flex-wrap: wrap; gap: .5rem; }
.vi-seam button[b-hs75n13p9f] { min-height: 30px; cursor: pointer; }
.vi-seam button:disabled[b-hs75n13p9f], .vi-seam input:disabled[b-hs75n13p9f], .vi-seam select:disabled[b-hs75n13p9f] { opacity: .5; cursor: default; }
.vi-seam-setting-actions button[b-hs75n13p9f], .vi-seam-toolbar button[b-hs75n13p9f] { border: 1px solid #cbd5e1; border-radius: .35rem; padding: .4rem .7rem; background: white; font-size: .8rem; font-weight: 600; }
.vi-seam-toolbar[b-hs75n13p9f] { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; justify-content: space-between; margin: .375rem 0; }
.vi-seam-toggle[b-hs75n13p9f], .vi-seam-zoom[b-hs75n13p9f] { display: flex; gap: .3rem; }
.vi-seam-toggle button[b-hs75n13p9f] { width: 100px; height: 32px; white-space: nowrap; }
.vi-seam-zoom button[b-hs75n13p9f] { width: 32px; height: 32px; padding: .2rem 0; white-space: nowrap; }
.vi-seam-zoom [data-testid=seam-fit][b-hs75n13p9f] { width: 76px; }
.vi-seam-zoom [data-testid=seam-native][b-hs75n13p9f] { width: 40px; }
.vi-seam-toggle button.active[b-hs75n13p9f] { background: #e0f2fe; border-color: #0284c7; color: #075985; }
.vi-seam label.vi-seam-checkbox[b-hs75n13p9f] { display: flex; flex-direction: row; align-items: center; gap: .4rem; }
.vi-seam-viewport[b-hs75n13p9f] { position: relative; height: 480px; max-height: 65vh; overflow: auto; background: #e8edf2; border: 1px solid #cbd5e1; border-radius: .5rem; touch-action: none; }
.vi-seam-viewport canvas[b-hs75n13p9f] { display: block; max-width: none; max-height: none; margin: 0 auto; touch-action: none; }
.vi-seam-loading[b-hs75n13p9f] { position: absolute; inset: 0; display: grid; place-content: center; color: #475569; }
.vi-seam-help[b-hs75n13p9f] { font-size: .8rem; color: #64748b; margin: .5rem 0; }

.vi-seam-error[b-hs75n13p9f], .vi-seam-dirty[b-hs75n13p9f] { padding: .7rem .85rem; margin: .6rem 0; border-radius: .35rem; font-size: .85rem; }
.vi-seam-error[b-hs75n13p9f] { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.vi-seam-dirty[b-hs75n13p9f] { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }
.vi-seam-measurement[b-hs75n13p9f] { border: 1px solid #e2e8f0; border-radius: .5rem; padding: .75rem; margin-top: .8rem; }
.vi-seam-measurement summary[b-hs75n13p9f] { cursor: pointer; font-weight: 650; font-size: .9rem; }
.vi-seam-metric-settings[b-hs75n13p9f] { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin: .7rem 0; font-size: .8rem; }
.vi-seam-metrics[b-hs75n13p9f] { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; font-size: .8rem; margin: .8rem 0; }
.vi-seam-profile[b-hs75n13p9f] { display: block; width: 100%; height: 90px; background: #f8fafc; border-bottom: 1px solid #cbd5e1; }
.vi-seam-profile-axis[b-hs75n13p9f] { display: flex; justify-content: space-between; color: #64748b; font-size: .7rem; }
.vi-seam-confirm[b-hs75n13p9f] { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .5rem; }
.vi-seam-confirm p[b-hs75n13p9f] { flex: 1 1 220px; font-size: .8rem; color: #475569; }
.vi-seam-confirm button[b-hs75n13p9f] { width: 180px; height: 36px; border-radius: .4rem; padding: .25rem .5rem; font-size: .85rem; font-weight: 600; white-space: nowrap; }
.vi-seam-confirm .accept[b-hs75n13p9f] { background: #0284c7; color: white; border: 1px solid #0284c7; }
.vi-seam-confirm .problem[b-hs75n13p9f] { color: #b91c1c; border: 1px solid #dc2626; background: white; }
.vi-seam-readonly[b-hs75n13p9f] { font-size: .85rem; color: #475569; padding: .75rem; background: #f1f5f9; margin-top: .5rem; }
@media(max-width: 640px) { .vi-seam-viewport[b-hs75n13p9f] { height: 360px; } .vi-seam-settings > label[b-hs75n13p9f] { flex: 1 1 110px; } .vi-seam input[type=number][b-hs75n13p9f] { width: 100%; } }
/* /Pages/JobApproval.razor.rz.scp.css */
.vi-approval-job-header[b-ptikz7pdby] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .375rem .75rem; padding: 4px 12px; }
.vi-approval-job-info[b-ptikz7pdby] { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .75rem; min-width: 0; font-size: .75rem; color: #64748b; }
.vi-approval-job-info h1[b-ptikz7pdby] { margin: 0; color: #0f172a; font-size: .875rem; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.vi-approval-analysis-date[b-ptikz7pdby] { white-space: nowrap; }
.vi-approval-step-heading[b-ptikz7pdby] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .125rem .75rem; }
.vi-approval-step-heading h2[b-ptikz7pdby] { margin: 0; color: #0f172a; font-size: 1rem; line-height: 1.35; font-weight: 700; }
.vi-approval-step-question[b-ptikz7pdby] { color: #475569; font-size: .75rem; line-height: 1.4; }
.vi-approval-step-nav[aria-current="step"][b-ptikz7pdby] { background: #e0f2fe; border-left-color: #075985; box-shadow: inset 0 0 0 2px #075985; }
.vi-approval-step-nav[aria-current="step"] .vi-approval-step-name[b-ptikz7pdby] { color: #0c4a6e; font-weight: 700; }
.vi-approval-current-marker[b-ptikz7pdby] { flex: 0 0 10px; align-self: center; color: #075985; font-size: .75rem; visibility: hidden; }
.vi-approval-step-nav[aria-current="step"] .vi-approval-current-marker[b-ptikz7pdby] { visibility: visible; }
.vi-approval-step-instruction[b-ptikz7pdby] { margin: 0; padding: .5rem 1rem 0; color: #475569; font-size: .75rem; line-height: 1.4; }
.vi-approval-evidence-header[b-ptikz7pdby] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; padding: 5px 8px; }
.vi-approval-sync-frame[b-ptikz7pdby] { width: 100%; aspect-ratio: 8 / 5; min-height: 260px; max-height: min(70vh, 760px); touch-action: none; }
.vi-approval-evidence-description[b-ptikz7pdby] { display: flex; align-items: center; gap: .375rem; flex: 1 1 0; min-width: 0; overflow: hidden; }
.vi-approval-finding-id[b-ptikz7pdby] { flex: 0 1 auto; max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; font-weight: 600; color: #1e293b; }
.vi-approval-evidence-status[b-ptikz7pdby] { flex: 0 0 auto; border-radius: 4px; padding: 2px 5px; font-size: .65rem; line-height: 1.2; white-space: nowrap; }
.vi-approval-finding-summary[b-ptikz7pdby] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #64748b; font-size: .7rem; }
.vi-approval-finding-empty-caption[b-ptikz7pdby] { display: flex; align-items: center; gap: .5rem; padding: .5rem 0; }
.vi-approval-evidence-controls[b-ptikz7pdby] { display: flex; flex: 0 0 auto; align-items: center; gap: 4px; }
.vi-approval-evidence-controls > button[b-ptikz7pdby],
.vi-approval-evidence-controls > a[b-ptikz7pdby] { flex: 0 0 30px; width: 30px; height: 32px; }
.vi-approval-evidence-switcher[b-ptikz7pdby] { display: flex; flex: 0 0 228px; width: 228px; height: 34px; }
.vi-approval-evidence-switcher > button[b-ptikz7pdby] { flex: 0 0 28px; width: 28px; height: 30px; }
.vi-approval-evidence-switcher > .vi-approval-evidence-choice[b-ptikz7pdby] { display: grid; grid-template-columns: minmax(0, 1fr) 1.75rem; align-items: center; gap: .25rem; flex: 0 0 168px; width: 168px; height: 30px; padding: 0 .375rem; white-space: nowrap; font-size: .75rem; }
.vi-approval-evidence-count[b-ptikz7pdby] { padding: .125rem 0; text-align: center; font-variant-numeric: tabular-nums; font-size: .65rem; }
.vi-approval-code-values[b-ptikz7pdby] { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; padding: 3px 8px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; color: #64748b; font-size: .7rem; }
.vi-approval-code-values span[b-ptikz7pdby] { min-width: 0; overflow-wrap: anywhere; }
.vi-approval-code-values strong[b-ptikz7pdby] { color: #1e293b; font-family: monospace; font-weight: 500; }
.vi-approval-evidence-notice[b-ptikz7pdby] { margin: 0; padding: 4px 8px; font-size: .75rem; color: #92400e; background: #fffbeb; }
.vi-approval-layout-summary[b-ptikz7pdby] { display: flex; flex-wrap: wrap; gap: .25rem .75rem; align-items: center; padding: .5rem; font-size: .75rem; color: #475569; }
.vi-approval-layout-summary h4[b-ptikz7pdby] { font-weight: 600; color: #1e293b; }
@media (max-width: 640px) {
    .vi-approval-evidence-header[b-ptikz7pdby] { flex-wrap: wrap; }
    .vi-approval-evidence-description[b-ptikz7pdby] { flex-basis: 100%; }
    .vi-approval-evidence-controls[b-ptikz7pdby] { margin-left: auto; }
}

.vi-approval-label-navigation[b-ptikz7pdby] { margin-bottom: .375rem; color: #475569; font-size: .75rem; }
.vi-approval-label-heading[b-ptikz7pdby] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: .25rem; }
.vi-approval-label-legend[b-ptikz7pdby] { display: flex; flex-wrap: wrap; gap: .75rem; color: #64748b; }
.vi-approval-label-legend .bi-check-lg[b-ptikz7pdby] { color: #047857; }
.vi-approval-label-legend .bi-x-lg[b-ptikz7pdby] { color: #b91c1c; }
.vi-approval-label-scroll[b-ptikz7pdby] { max-width: 100%; overflow-x: auto; padding: 3px; }
.vi-approval-label-grid[b-ptikz7pdby] { display: grid; grid-template-columns: 3.5rem repeat(var(--label-columns), 96px); gap: 4px 6px; width: max-content; }
.vi-approval-label-axis[b-ptikz7pdby] { align-self: center; text-align: center; font-size: .7rem; }
.vi-approval-label-row[b-ptikz7pdby] { text-align: left; }
.vi-approval-label-cell[b-ptikz7pdby] { display: flex; flex-direction: column; gap: 4px; }
.vi-approval-label-tile[b-ptikz7pdby] { display: flex; align-items: center; justify-content: center; gap: .375rem; width: 96px; height: 20px; padding: 0 6px; border: 1px solid; border-radius: 5px; font-size: .75rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.vi-approval-label-tile span[b-ptikz7pdby] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vi-approval-label-tile i[b-ptikz7pdby] { flex-shrink: 0; }
.vi-approval-label-pass[b-ptikz7pdby] { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.vi-approval-label-fail[b-ptikz7pdby] { background: #fff1f2; border-color: #fda4af; color: #9f1239; }
.vi-approval-label-warn[b-ptikz7pdby] { background: #fffbeb; border-color: #fcd34d; color: #92400e; }
.vi-approval-label-pending[b-ptikz7pdby] { background: #f1f5f9; border-color: #cbd5e1; color: #475569; }
.vi-approval-label-tile[aria-pressed="true"][b-ptikz7pdby],
.vi-approval-label-option[aria-pressed="true"][b-ptikz7pdby] { outline: 2px solid #0284c7; outline-offset: 1px; }
.vi-approval-label-tile:hover[b-ptikz7pdby], .vi-approval-label-option:hover[b-ptikz7pdby] { filter: brightness(.96); }
.vi-approval-label-tile:focus-visible[b-ptikz7pdby], .vi-approval-label-option:focus-visible[b-ptikz7pdby] { outline: 3px solid #0f172a; outline-offset: 1px; }
.vi-approval-label-options[b-ptikz7pdby] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .375rem 3px 3px; }
.vi-approval-label-option[b-ptikz7pdby] { min-height: 24px; padding: .125rem .5rem; border: 1px solid; border-radius: 5px; text-align: left; }
/* /Shared/Layout/UserMenu.razor.rz.scp.css */
.vi-user-menu[b-0xekxeu8r8] { position: relative; min-width: 0; }
.vi-user-menu-button[b-0xekxeu8r8] { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; padding: 4px; border-radius: 6px; color: #1e1f26; text-align: left; font-size: .8125rem; font-weight: 500; }
.vi-user-menu-button:hover[b-0xekxeu8r8], .vi-user-logout:hover[b-0xekxeu8r8] { background: #f4f5f7; }
.vi-user-menu-button:focus-visible[b-0xekxeu8r8], .vi-user-logout:focus-visible[b-0xekxeu8r8] { outline: 2px solid #14a9e5; outline-offset: 1px; }
.vi-user-avatar[b-0xekxeu8r8] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #14a9e5, #ec0a8c); color: white; font-size: 10px; font-weight: 600; }
.vi-user-name[b-0xekxeu8r8] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vi-user-menu-button svg[b-0xekxeu8r8] { flex-shrink: 0; color: #64748b; }
.vi-user-menu-panel[b-0xekxeu8r8] { position: absolute; bottom: calc(100% + 4px); left: 0; z-index: 30; width: 216px; border: 1px solid #e5e7eb; border-radius: 10px; background: white; padding: 4px; box-shadow: 0 8px 24px rgb(15 23 42 / 15%); }
.vi-user-details[b-0xekxeu8r8] { padding: 6px 8px; border-bottom: 1px solid #f1f5f9; font-size: .8125rem; font-weight: 500; }
.vi-user-role[b-0xekxeu8r8] { color: #64748b; font-size: .75rem; font-weight: 400; }
.vi-user-logout[b-0xekxeu8r8] { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 6px; color: #1e1f26; font-size: .8125rem; }