.people-import{width:min(840px,calc(100vw - 40px));max-height:90vh;border:1px solid #e4e7ec;border-radius:18px;padding:0;color:#202433;background:#fff;box-shadow:0 24px 90px #17223b26;font:14px inherit}.people-import::backdrop{background:#16213b55;backdrop-filter:blur(3px)}.people-import>header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #eef0f4}.people-import h2{font-size:23px;letter-spacing:-.5px;margin:5px 0 0}.pi-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#7b8190}.pi-body{padding:22px 28px;overflow:auto;max-height:65vh}.people-import>footer{padding:18px 28px;border-top:1px solid #eef0f4;display:flex;justify-content:flex-end;gap:10px}.people-import label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#667085}.people-import input:not([type=checkbox]):not([type=file]),.people-import textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #e0e4ec;border-radius:8px;background:#fff;color:#202433;font:14px inherit}.people-import :focus-visible{outline:2px solid #7063ed;outline-offset:2px}.pi-tabs{display:flex;gap:5px;padding:4px;background:#f3f4f7;border-radius:10px;width:fit-content;margin-bottom:22px}.pi-tabs button{border:0;background:transparent;padding:10px 20px;border-radius:7px;font:inherit;color:#6b7280;cursor:pointer}.pi-tabs button[aria-selected=true]{background:#fff;color:#312966;box-shadow:0 1px 4px #16213b15}.pi-upload{border:1px dashed #c6c3e1;border-radius:12px;padding:30px;text-align:center;background:#fafaff;align-items:center}.pi-upload input{margin:14px 0}.pi-hint,.pi-urls small,.pi-upload small{color:#7b8190;font-size:12px}.pi-review-summary{display:flex;align-items:center;gap:12px}.pi-review-summary>span{color:#777;font-size:12px}.pi-review-summary>button{margin-left:auto}.pi-rows{display:grid;gap:12px;margin-top:18px}.pi-rows article{border:1px solid #e6e8ee;border-radius:12px;padding:16px}.pi-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.people-import .pi-pick{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;color:#202433}.pi-badge{font-size:11px;color:#6b618f;text-align:right;max-width:50%}.pi-badge.existing{color:#b0722a}.pi-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pi-rows summary,.pi-warnings summary{cursor:pointer;font-size:12px;color:#797487;padding:12px 0 0}.pi-rows details[open] summary{margin-bottom:12px}.people-import .pi-connected{display:flex;flex-direction:row;align-items:center;gap:8px}.pi-error{color:#b42318}.pi-progress{color:#625b89;margin-bottom:0}.pi-error:empty,.pi-progress:empty{display:none}.pi-warnings p{font-size:12px;color:#6b7280}@media(max-width:600px){.pi-fields{grid-template-columns:1fr}.people-import>header,.pi-body,.people-import>footer{padding:16px}.people-import>footer{flex-wrap:wrap}.pi-row-top{align-items:flex-start}.pi-badge{max-width:40%}}
.people-import{margin:auto;font-family:inherit}.pi-upload input::file-selector-button{background:#fff;border:1px solid #ddd9ec;border-radius:8px;padding:10px 16px;color:#49416d;cursor:pointer;margin-right:10px}
.people-import:has(.crm-directory){width:min(1200px,calc(100vw - 40px));}
.people-import .pi-rows:has(.crm-directory){display:block;}
.people-import .crm-directory{min-width:1000px;width:100%;border-collapse:collapse;}
.people-import .crm-directory th{text-align:left;font-size:12px;font-weight:500;color:#778193;background:#fafbfc;padding:12px;border-bottom:1px solid #e8ecf1;}
.people-import .crm-directory td{padding:14px 12px;border-bottom:1px solid #e8ecf1;vertical-align:top;}
.people-import .crm-directory [data-column=person]{min-width:280px;}
.people-import .crm-directory [data-column=title],.people-import .crm-directory [data-column=company]{min-width:180px;}
.people-import .crm-directory input:not([type=checkbox]){border-color:transparent;padding:5px;background:transparent;}
.people-import .crm-directory input:not([type=checkbox]):hover,.people-import .crm-directory input:not([type=checkbox]):focus{border-color:#dce2eb;background:white;}
.people-import .pi-badge{text-align:left;display:block;max-width:180px;}.pi-match{display:block;margin-top:5px;color:#788394;}
.people-import .pi-progress:not(:empty){padding:10px 0;font-weight:500;}
.people-import .crm-directory caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.people-import table.fit.crm-directory{table-layout:auto!important;min-width:1100px!important;width:100%!important}
.people-import table.fit.crm-directory tr>[data-column]{display:table-cell!important;position:static!important;max-width:none!important;width:auto!important;box-shadow:none!important;white-space:normal!important}
.people-import table.fit.crm-directory tr>[data-column=select]{width:38px!important;min-width:38px!important;padding:14px 10px!important}
.people-import table.fit.crm-directory tr>[data-column=person]{min-width:270px!important}
.people-import table.fit.crm-directory tr>[data-column=title]{min-width:230px!important}
.people-import table.fit.crm-directory tr>[data-column=company]{min-width:180px!important}
.people-import table.fit.crm-directory tr>[data-column=website]{min-width:200px!important}
.people-import table.fit.crm-directory tr>[data-column=status]{min-width:140px!important}
.people-import .directory-identity>div{flex:1;min-width:0}

.pi-selection-actions{display:flex;gap:8px;margin-left:auto}.pi-live-progress{padding:14px 16px;background:#f5f7fc;border:1px solid #e2e8f3;border-radius:10px;margin-top:16px}.pi-live-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.pi-live-progress>div>span,.pi-live-progress small{color:#667085}.pi-live-progress small{display:block;margin-top:7px;font-size:12px}.pi-live-progress progress{display:block;width:100%;height:6px;margin-top:11px;accent-color:#425eaf;border:0;border-radius:8px;overflow:hidden}.pi-live-progress progress::-webkit-progress-bar{background:#e4e9f2}.pi-live-progress progress::-webkit-progress-value{background:#425eaf;border-radius:8px}.people-import button:disabled{opacity:.5;cursor:default}.pi-progress{color:#4b5872}.pi-badge{line-height:1.5}.people-import :focus-visible{outline-color:#425eaf}@media(max-width:600px){.pi-review-summary{flex-wrap:wrap}.pi-selection-actions{margin-left:0}.pi-live-progress>div{align-items:flex-start;flex-direction:column;gap:4px}}

.pi-live-progress{position:sticky;top:0;z-index:4;box-shadow:0 3px 10px #24314b0a;margin-top:0;margin-bottom:16px;background:#f5f7fc}.people-import .pi-body:has(.pi-live-progress){scroll-padding-top:108px}

.pi-direct-link{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;margin-top:5px;text-decoration:none;color:#425eaf;border-radius:4px}.pi-direct-link:hover{background:#e8edf8}.pi-linkedin{font:bold 12px Arial,sans-serif;background:#0a66c2;color:#fff;min-width:20px;min-height:20px;margin-top:4px}.pi-linkedin:hover{background:#09579f}

.pi-live-progress{border-left:3px solid #425eaf}.pi-live-progress strong{display:flex;align-items:center;gap:8px}.pi-progress-spinner{width:12px;height:12px;border:2px solid #d5def1;border-top-color:#425eaf;border-radius:50%;display:inline-block;animation:pi-progress-spin .85s linear infinite;flex-shrink:0}@keyframes pi-progress-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pi-progress-spinner{animation:none}}

/* Import readiness and email proof use quiet, readable secondary text. */
.people-import .pi-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:2px 6px;border-radius:4px;background:#f3f5f7;color:#596a7b;font-size:12px;font-weight:400;line-height:18px;text-align:left;white-space:normal}
.people-import .pi-email-info{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:4px;min-width:0}
.people-import .pi-email-info .directory-missing-email{margin:0}

/* Full-page import uses the CRM canvas; only the table scrolls sideways. */
.people-import.pi-page,.people-import.pi-page:has(.crm-directory){width:100%;max-width:100%;min-width:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;font:14px/1.5 inherit}
.people-import.pi-page>header{padding:20px 24px;gap:16px}
.people-import.pi-page>header .crm-close{width:auto;height:auto;flex-shrink:0;white-space:nowrap;border:1px solid #e2e6ed;border-radius:8px;padding:7px 12px;color:#475569}
.people-import.pi-page h2{font-size:20px;margin:0;letter-spacing:-.3px}
.people-import.pi-page .pi-hint{font-size:13px;margin:6px 0 0}
.people-import.pi-page .pi-body{padding:20px 24px;max-height:none;min-width:0;overflow:visible}
.people-import.pi-page .pi-rows{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e2e6ed;border-radius:8px}
.people-import.pi-page>footer{position:sticky;bottom:0;z-index:5;background:#fff;padding:14px 24px;box-shadow:0 -4px 12px #17203305;flex-wrap:wrap;align-items:center}
.people-import.pi-page>footer [data-new]{margin-right:auto}
.people-import.pi-page .btn{min-height:36px;padding:7px 12px;font-size:14px;border-radius:8px}
.people-import.pi-page .pi-review-summary{flex-wrap:wrap;gap:10px}
.people-import.pi-page .pi-live-progress>div{font-size:14px}
@media(max-width:600px){.people-import.pi-page>header,.people-import.pi-page .pi-body,.people-import.pi-page>footer{padding:16px}.people-import.pi-page>header{align-items:flex-start}.people-import.pi-page .pi-selection-actions{margin-left:auto}}

/* Saved imports reuse the CRM table and account-scoped review workspace. */
.people-import .pi-session-tools{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}
.people-import .pi-session-tools label{min-width:220px;max-width:420px;flex:1}
.people-import .pi-session-tools input{min-height:36px;padding:6px 10px!important}
.people-import .pi-session-tools [role=status]{font-size:12px;color:#64748b;align-self:center}
.people-import .pi-library-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.people-import .pi-library-toolbar [role=status]{margin-right:auto;color:#64748b;font-size:13px}
.people-import .pi-session-open{background:none;border:0;color:#2443b7;text-align:left;font:inherit;padding:6px 0;cursor:pointer}
.people-import .pi-session-open:hover{text-decoration:underline}
.people-import .pi-library-empty{padding:40px 16px;background:#f7f9fc;border:1px solid #e2e6ed;border-radius:8px;color:#64748b;text-align:center}
.people-import .pi-rows:has([data-session]) table.fit.crm-directory{min-width:760px!important}
.people-import .pi-library-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Screenshot bytes stay in this tab; the preview precedes explicit extraction. */
.people-import .pi-screenshot-preview{display:flex;align-items:center;gap:20px;margin:0;padding:16px;border:1px solid #e2e6ed;border-radius:8px;background:#f7f9fc;min-width:0}
.people-import .pi-row-error{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:240px;margin-top:6px;font-size:12px;line-height:1.45;color:#994331}
.people-import .pi-screenshot-thumbnail{display:block;flex:0 0 220px;max-width:42%;height:150px;padding:0;border:1px solid #dce3ed;border-radius:6px;background:#fff;overflow:hidden;cursor:zoom-in}
.people-import .pi-screenshot-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.people-import .pi-screenshot-preview figcaption{min-width:0;display:grid;gap:6px}.people-import .pi-screenshot-preview strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.people-import .pi-screenshot-preview figcaption>span{font-size:12px;color:#64748b}.people-import .pi-screenshot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.people-import [data-image][hidden]{display:none}
.pi-screenshot-lightbox{position:fixed;inset:0;margin:auto;padding:0;width:min(1120px,calc(100vw - 40px));height:min(860px,calc(100dvh - 40px));max-width:none;max-height:none;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#172033;box-shadow:0 20px 65px #17203333;font:14px/1.5 Inter,system-ui,sans-serif;overflow:hidden}
.pi-screenshot-lightbox::backdrop{background:#17203399}.pi-screenshot-lightbox[open]{display:flex;flex-direction:column}.pi-screenshot-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #e2e6ed}.pi-screenshot-lightbox header strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-screenshot-lightbox header button{min-height:32px;padding:5px 12px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#172033;font:inherit;cursor:pointer;flex:none}.pi-screenshot-lightbox>div{flex:1;min-height:0;overflow:auto;background:#f7f9fc;padding:16px}.pi-screenshot-lightbox img{display:block;max-width:100%;height:auto;margin:auto}.pi-screenshot-lightbox :focus-visible{outline:2px solid #2443b7;outline-offset:2px}
@media(max-width:600px){.people-import .pi-screenshot-preview{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.people-import .pi-screenshot-thumbnail{flex:auto;max-width:none;width:100%;height:180px}.pi-screenshot-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.pi-screenshot-lightbox>div{padding:8px}}
