/* Exit-only workspace, using the same dimensions and surfaces as New Entry. */ body:has(#partsExitModal.exit-workspace:not(.hidden)) #tab-parts > .parts-control-panel { row-gap: 10px; } #partsExitModal.exit-workspace { --exit-surface: #ffffff; --exit-canvas: #f6f7f7; --exit-text: #24292d; --exit-muted: #657078; --exit-border: #d2d8db; --exit-accent: #4168ca; --exit-control: var(--icon-button-size, 34px); --parts-entry-control: var(--exit-control); --exit-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E"); position: fixed !important; inset: var(--parts-modal-top, 100px) var(--parts-modal-right, 8px) var(--parts-modal-bottom, 8px) var(--parts-modal-left, 8px) !important; display: block; padding: 0 !important; background: none !important; backdrop-filter: none !important; overflow: hidden !important; z-index: 120; color: var(--exit-text); container-type: inline-size; } #partsExitModal.exit-workspace.hidden { display: none !important; } #partsExitModal.exit-workspace * { box-sizing: border-box; letter-spacing: 0; } #partsExitModal.exit-workspace [hidden] { display: none !important; } #partsExitModal.exit-workspace .exit-shell { display: grid !important; grid-template-rows: minmax(0, 1fr) auto !important; gap: 0 !important; position: relative !important; inset: auto !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; scrollbar-gutter: auto !important; border: 1px solid var(--line) !important; border-top-color: var(--exit-border) !important; border-radius: 0 0 8px 8px !important; background: var(--exit-surface); box-shadow: none; transform: none !important; } #partsExitModal.exit-workspace .exit-body { display: block; min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 0 var(--chrome-inline-padding, 9px) 16px; background: var(--exit-surface); } #partsExitModal.exit-workspace .exit-section { margin: 0; padding: 8px 0 12px; border: 0; border-bottom: 1px solid var(--exit-border); background: transparent; } #partsExitModal.exit-workspace .exit-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 38px; margin: 0 0 4px; } #partsExitModal.exit-workspace h3 { margin: 0; font-size: calc(13px + var(--app-text-size-offset, 0px)); font-weight: 600; line-height: 1.3; color: var(--exit-text); text-transform: uppercase; display: flex; align-items: center; gap: 8px; } #partsExitModal.exit-workspace h3::before { content: ""; display: block; flex: 0 0 18px; width: 18px; height: 18px; background: currentColor; mask: var(--exit-section-icon) center / contain no-repeat; -webkit-mask: var(--exit-section-icon) center / contain no-repeat; } #partsExitModal.exit-workspace .exit-section-body { display: grid; gap: 8px; min-width: 0; } #partsExitModal.exit-workspace .exit-section-toggle { color: var(--exit-muted); border-color: transparent; background: transparent; } #partsExitModal.exit-workspace .exit-section-toggle::before { content: ""; width: 18px; height: 18px; background: currentColor; mask: var(--exit-chevron) center / contain no-repeat; -webkit-mask: var(--exit-chevron) center / contain no-repeat; } #partsExitModal.exit-workspace .exit-section-toggle[aria-expanded="false"]::before { rotate: 180deg; } #partsExitModal.exit-workspace .exit-field { display: grid; gap: 3px; width: 100%; min-width: 0; margin: 0; position: relative; align-content: start; } #partsExitModal.exit-workspace .exit-field > span, #partsExitModal.exit-workspace .exit-total > span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(12px + var(--app-text-size-offset, 0px)); line-height: 16px; font-weight: 400; color: var(--exit-muted); } #partsExitModal.exit-workspace .exit-field input, #partsExitModal.exit-workspace .exit-field textarea, #partsExitModal.exit-workspace .exit-field select, #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display) { display: block; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: var(--exit-control) !important; min-height: var(--exit-control) !important; max-height: var(--exit-control) !important; padding: 0 9px !important; margin: 0 !important; border: 1px solid var(--exit-border) !important; border-radius: 4px !important; background-color: var(--exit-surface) !important; color: var(--exit-text) !important; font-size: calc(13px + var(--app-text-size-offset, 0px)) !important; font-weight: 400 !important; line-height: normal !important; text-align: left !important; box-shadow: none !important; overflow: hidden; text-overflow: ellipsis; } #partsExitModal.exit-workspace .exit-field textarea { height: auto !important; min-height: 70px !important; max-height: none !important; padding: 6px 9px !important; line-height: 1.4 !important; resize: vertical; overflow: auto; } #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display) { display: flex; align-items: center; padding-right: 28px !important; position: relative; white-space: nowrap; } #partsExitModal.exit-workspace .exit-field :is(.estimate-select-native, .limited-user-native) { display: none !important; } #partsExitModal.exit-workspace .exit-field :is(.estimate-select-shell, .limited-user-select-shell) { position: relative; min-width: 0; width: 100%; } #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display)::after { content: ""; position: absolute; right: 10px; top: 50%; width: 15px; height: 15px; margin-top: -7px; background: currentColor; mask: var(--exit-chevron) center / contain no-repeat; -webkit-mask: var(--exit-chevron) center / contain no-repeat; rotate: 180deg; opacity: .7; } #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display)[aria-expanded="true"]::after { rotate: 0deg; } #partsExitModal.exit-workspace .exit-field input[type="date"] { padding-right: 32px !important; background-image: none !important; } #partsExitModal.exit-workspace .exit-field:has(input[type="date"])::after { content: ""; position: absolute; right: 10px; bottom: 9px; width: 16px; height: 16px; pointer-events: none; background: var(--exit-text); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M4 10h16'/%3E%3C/svg%3E") center / contain no-repeat; } #partsExitModal.exit-workspace .exit-field input:disabled, #partsExitModal.exit-workspace .exit-field select:disabled, #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display):disabled { background: var(--exit-canvas) !important; color: var(--exit-muted) !important; opacity: 1 !important; } #partsExitModal.exit-workspace .exit-field input:focus-visible, #partsExitModal.exit-workspace .exit-field textarea:focus-visible, #partsExitModal.exit-workspace .exit-field :is(.estimate-select-display, .limited-user-select-display):focus-visible, #partsExitModal.exit-workspace .exit-material-table input:focus-visible { border-color: var(--exit-text) !important; outline: none !important; box-shadow: none !important; } #partsExitModal.exit-workspace .exit-pair, #partsExitModal.exit-workspace .exit-document-grid, #partsExitModal.exit-workspace .exit-stock-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; } #partsExitModal.exit-workspace .exit-client-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; } #partsExitModal.exit-workspace .exit-tax-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 8px 12px; } #partsExitModal.exit-workspace .exit-tax-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; min-width: 0; } #partsExitModal.exit-workspace .exit-tax-controls > .exit-field { flex: 1 0 44px; width: auto; } #partsExitModal.exit-workspace .exit-tax-controls > .exit-actions { flex-wrap: wrap; max-width: 100%; } #partsExitModal.exit-workspace .exit-actions, #partsExitModal.exit-workspace .exit-footer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; } #partsExitModal.exit-workspace .exit-modes { display: flex; gap: 0; } #partsExitModal.exit-workspace .exit-modes button { display: inline-flex; justify-content: center; align-items: center; min-width: 48px; height: var(--exit-control); padding: 0 12px; margin: 0; border: 1px solid var(--exit-border); border-radius: 0 4px 4px 0; font-size: var(--button-text-size) !important; line-height: 1; background: var(--exit-surface); color: var(--exit-muted); } #partsExitModal.exit-workspace .exit-modes button:first-child { border-radius: 4px 0 0 4px; border-right: 0; } #partsExitModal.exit-workspace .exit-modes button[aria-pressed="true"] { background: var(--exit-accent) !important; border-color: var(--exit-accent) !important; color: #fff !important; } #partsExitModal.exit-workspace .exit-estimate-search { position: relative; min-width: 0; } #partsExitModal.exit-workspace .exit-estimate-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; } #partsExitModal.exit-workspace .exit-checkbox { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; color: var(--exit-muted); font-size: calc(12px + var(--app-text-size-offset, 0px)); } #partsExitModal.exit-workspace .exit-checkbox input { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; accent-color: var(--exit-accent); } #partsExitModal.exit-workspace .exit-paid { align-self: end; min-height: var(--exit-control); } #partsExitModal.exit-workspace .exit-paid input:disabled + span { opacity: .55; } #partsExitModal.exit-workspace .exit-address-row { grid-column: 1 / -1; } #partsExitModal.exit-workspace .exit-address-row .exit-checkbox span { overflow-wrap: anywhere; } #partsExitModal.exit-workspace .exit-materials { padding: 8px 0 0; min-width: 0; } #partsExitModal.exit-workspace .exit-count { color: var(--exit-muted); font-size: 12px; font-variant-numeric: tabular-nums; } #partsExitModal.exit-workspace .exit-material-scroll { overflow-x: auto; min-width: 0; padding-bottom: 4px; } #partsExitModal.exit-workspace #partsExitLinesTable { display: block; table-layout: fixed; width: 100% !important; min-width: 430px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #partsExitModal.exit-workspace #partsExitLinesTable colgroup { display: none; } #partsExitModal.exit-workspace #partsExitLinesTable thead, #partsExitModal.exit-workspace #partsExitLinesTable tbody { display: block; } #partsExitModal.exit-workspace #partsExitLinesTable tr { display: grid; grid-template-columns: minmax(148px, 2.5fr) minmax(80px, 1.25fr) minmax(42px, .55fr) minmax(46px, .6fr) minmax(64px, .9fr); gap: 5px; align-items: center; border: 0 !important; margin: 0 !important; padding: 4px 0 !important; background: transparent; } #partsExitModal.exit-workspace #partsExitLinesTable thead { background: var(--exit-canvas); margin-bottom: 3px; } #partsExitModal.exit-workspace #partsExitLinesTable :is(td, th) { display: block; width: auto !important; min-width: 0; padding: 0 !important; border: 0 !important; background: transparent; } #partsExitModal.exit-workspace #partsExitLinesTable th { padding: 0 4px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--exit-muted); font-size: calc(11px + var(--app-text-size-offset, 0px)); font-weight: 400 !important; line-height: 20px; text-align: left; } /* Retain calculated/stock inputs for the existing document handlers, out of the compact grid. */ #partsExitModal.exit-workspace #partsExitLinesTable :is(td, th):nth-child(4), #partsExitModal.exit-workspace #partsExitLinesTable :is(td, th):nth-child(n + 7) { display: none !important; } #partsExitModal.exit-workspace #partsExitLinesTable .line-product-wrap { min-width: 0; width: 100%; display: block; margin: 0; padding: 0; } #partsExitModal.exit-workspace #partsExitLinesTable input { width: 100% !important; min-width: 0 !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; padding: 0 5px !important; margin: 0 !important; border: 1px solid var(--exit-border) !important; border-radius: 3px !important; background: var(--exit-surface) !important; color: var(--exit-text) !important; font-size: calc(12px + var(--app-text-size-offset, 0px)) !important; font-weight: 400 !important; line-height: normal !important; box-shadow: none !important; text-overflow: ellipsis; } #partsExitModal.exit-workspace #partsExitLinesTable td:nth-child(n + 5) input { text-align: right; font-variant-numeric: tabular-nums; } #partsExitModal.exit-workspace #partsExitLinesTable input[type="number"] { appearance: textfield; } #partsExitModal.exit-workspace #partsExitLinesTable input::-webkit-inner-spin-button, #partsExitModal.exit-workspace #partsExitLinesTable input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #partsExitModal.exit-workspace .exit-footer { min-width: 0; padding: 10px var(--chrome-inline-padding, 9px) 12px; border-top: 1px solid var(--exit-border); background: var(--exit-canvas); } #partsExitModal.exit-workspace .exit-totals { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #partsExitModal.exit-workspace .exit-total { min-width: 0; display: grid; gap: 3px; margin: 0; } #partsExitModal.exit-workspace .exit-total input { width: 100% !important; min-width: 0 !important; height: 27px !important; min-height: 27px !important; max-height: 27px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; color: var(--exit-text) !important; opacity: 1 !important; font-size: calc(16px + var(--app-text-size-offset, 0px)) !important; font-weight: 500 !important; text-align: right; font-variant-numeric: tabular-nums; text-overflow: ellipsis; } #partsExitModal.exit-workspace .exit-total:last-child input { font-weight: 600 !important; } #partsExitModal.exit-workspace .exit-footer-bar { display: flex; align-items: center; gap: 12px; margin-top: 10px; min-width: 0; } #partsExitModal.exit-workspace .exit-footer-currency { --exit-currency-bottom-gap: max(0px, calc((var(--exit-control) - 1lh) / 2)); align-self: flex-end; margin: 0 auto var(--exit-currency-bottom-gap) calc(12px + var(--exit-currency-bottom-gap) - var(--chrome-inline-padding, 9px)); flex: 0 0 auto; color: var(--exit-muted); font-size: var(--button-text-size); line-height: 1.4; white-space: nowrap; } #partsExitModal.exit-workspace .exit-footer-actions { flex-wrap: wrap; } .exit-product-options { position: fixed !important; z-index: 5200 !important; box-sizing: border-box; margin: 0 !important; padding: 4px !important; overflow-y: auto !important; border: 1px solid #d2d8db; border-radius: 6px; background: #fff; color: #24292d; box-shadow: 0 6px 18px #24292d26; } .exit-product-options.hidden { display: none !important; } #partsExitEstimateSuggestions.exit-product-options { min-width: 0; max-width: calc(100vw - 16px); overflow-x: hidden; } #partsExitEstimateSuggestions .parts-exit-estimate-suggestion { display: block; width: 100%; min-width: 0; height: auto; margin: 0; white-space: normal; font-size: calc(13px + var(--app-text-size-offset, 0px)); line-height: 1.4; text-align: left; } #partsExitEstimateSuggestions .parts-exit-estimate-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 2lh; max-height: 2lh; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal; } .exit-product-options :is(.parts-partner-suggestion, .parts-exit-estimate-suggestion, .parts-exit-product-suggestion) { display: grid; gap: 3px; padding: 8px; cursor: pointer; border-radius: 3px; } .exit-product-options .parts-partner-suggestion { grid-template-columns: minmax(0, 1fr); } .exit-product-options .parts-partner-title { grid-column: 1; grid-row: 1; min-width: 0; font-size: 13px; } .exit-product-options .parts-partner-meta { grid-column: 1; grid-row: 2; min-width: 0; font-size: 11px; } .exit-product-options :is(.estimate-select-option, .limited-user-select-option) { display: block; width: 100%; min-height: 32px; margin: 0; padding: 6px 8px; border: 0; border-radius: 3px; background: #fff; color: #24292d; font: inherit; font-size: 13px; text-align: left; } .exit-product-options :is(.parts-partner-suggestion, .parts-exit-estimate-suggestion, .parts-exit-product-suggestion, :is(.estimate-select-option, .limited-user-select-option)):hover, .exit-product-options :is(.estimate-select-option, .limited-user-select-option).selected, .exit-product-options [aria-selected="true"] { background: #4168ca !important; color: #fff !important; } .exit-product-options :is(:hover, [aria-selected="true"]) > :is(small, .parts-partner-meta) { color: inherit; } body.theme-dark #partsExitModal.exit-workspace { --exit-surface: #242628; --exit-canvas: #2c2f33; --exit-text: #edf0f3; --exit-muted: #b7bdc5; --exit-border: #4e545c; } body.theme-dark .exit-product-options, body.theme-dark .exit-product-options :is(.estimate-select-option, .limited-user-select-option) { background: #242628; color: #edf0f3; border-color: #4e545c; } @container (min-width: 720px) { #partsExitModal.exit-workspace .exit-document-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } #partsExitModal.exit-workspace .exit-stock-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @container (max-width: 420px) { #partsExitModal.exit-workspace .exit-actions { gap: 4px; } #partsExitModal.exit-workspace .exit-modes button { padding-inline: 8px; } #partsExitModal.exit-workspace .exit-estimate-grid { grid-template-columns: minmax(0, 1fr); } #partsExitModal.exit-workspace .exit-total > span { font-size: 10px; } #partsExitModal.exit-workspace .exit-total input { font-size: 13px !important; } #partsExitModal.exit-workspace .exit-totals { gap: 6px !important; } } @container (max-width: 480px) { #partsExitModal.exit-workspace .exit-footer-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } #partsExitModal.exit-workspace #partsExitAddLine { grid-column: 1 / -1; } } @container (max-width: 560px) { #partsExitModal.exit-workspace .exit-tax-controls { display: contents; } #partsExitModal.exit-workspace .exit-tax-controls > .exit-actions { grid-column: 1 / -1; } } #partsExitModal.exit-workspace #exitDocumentTitle { --exit-section-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E"); } #partsExitModal.exit-workspace #exitStockTitle { --exit-section-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.1 18.1V6.9c0-1 .82-1.82 1.82-1.82h4.23c.58 0 1.11.27 1.46.73l.86 1.14c.35.46.88.73 1.46.73h5.72c1 0 1.82.82 1.82 1.82v2.6'/%3E%3Cpath d='M3.1 10.2h10.8'/%3E%3Cpath d='M3.1 18.1c0 1 .82 1.82 1.82 1.82h8.38'/%3E%3Ccircle cx='17.25' cy='16.65' r='3.05'/%3E%3Cpath d='m19.55 18.95 2.1 2.1'/%3E%3C/svg%3E"); } #partsExitModal.exit-workspace #exitMaterialsTitle { --exit-section-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); }