/* Workspace isolation, image choices, and durable import progress. */
.selector-page{min-height:100vh;background:var(--canvas)}
.selector-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--surface,#fff)}
.selector-header .brand{font-size:27px}.login-identity{font-size:12px;color:var(--subtle)}.login-identity strong{color:var(--text);margin-left:5px}
.selector-main{max-width:1040px;margin:0 auto;padding:64px 32px 80px}.selector-main>.eyebrow{color:var(--blue);letter-spacing:2px}.selector-main>h1{font-size:30px;letter-spacing:-1px;margin:14px 0 12px}.selector-main>.muted{font-size:12px}.selector-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 18px}.selector-tools .search{flex:1}.selector-tools .search input{width:100%;font-size:12px;padding-top:12px;padding-bottom:12px;background:var(--surface,#fff)}
.workspace-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border-bottom:1px solid var(--line)}.workspace-row:last-child{border:0}.workspace-row strong{display:block;font-size:14px;color:var(--text);overflow-wrap:anywhere}.workspace-account{display:flex;align-items:center;gap:15px;min-width:0}.workspace-account>.icon{width:33px;height:33px;color:var(--blue);padding:7px;background:var(--hover);border-radius:10px;flex-shrink:0}.workspace-account .muted{display:inline-block;font-size:10px;margin-top:7px}.user-number{font-family:Consolas,monospace;color:var(--subtle);font-size:10px;font-weight:400;display:inline-block;margin:5px 8px 0 0;letter-spacing:.4px}.workspace-account .user-number{display:block;margin-top:6px}
.topbar{height:auto;min-height:83px;gap:16px;padding-top:10px;padding-bottom:10px}.top-right{flex-wrap:wrap;justify-content:flex-end;gap:12px}.topbar .breadcrumb{flex-shrink:0}.work-identity{display:flex;align-items:center;gap:9px;max-width:310px;font-size:10px;color:var(--subtle);padding-left:12px;border-left:1px solid var(--line)}.work-identity>span{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}.work-identity strong{color:var(--text);max-width:170px;overflow-wrap:anywhere;font-size:12px}.work-identity .user-number{margin:0;width:100%}.work-identity .btn{white-space:nowrap}.user{white-space:nowrap;font-size:10px}.user strong{font-weight:600}.workspace-pill{overflow-wrap:anywhere}.workspace-pill span{overflow:hidden;text-overflow:ellipsis}
.variant-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);background:var(--surface-raised);border-radius:9px;gap:3px}.variant-button{display:flex;align-items:center;gap:5px;padding:7px 8px;min-width:52px;border-radius:6px;color:var(--subtle);font-size:9px;font-weight:600;letter-spacing:.35px}.variant-button .icon{width:16px;height:16px}.variant-button.active{background:#e8efff;color:#375fc0;box-shadow:0 1px 4px #2435580c}.variant-button:hover{background:var(--hover)}.variant-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.missing-variant{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--subtle);width:100%;height:100%;min-height:65px;font-size:10px}.missing-variant .icon{width:32px;height:32px;stroke-width:1}.detail-hero .missing-variant{font-size:12px}.list-product{display:flex;align-items:center;gap:12px;min-width:160px}.list-photo{width:56px;height:56px;border-radius:6px;background:var(--image-surface);overflow:hidden;flex-shrink:0;padding:0}.list-photo img{height:100%;width:100%;object-fit:contain}.list-photo .missing-variant{min-height:0;font-size:7px;gap:3px}.list-photo .icon{width:17px;height:17px}
.full-import-panel{background:linear-gradient(110deg,#f2f6ff,#fff);border-color:#d9e4fb}.full-import-panel .panel-body{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:27px}.full-import-panel .eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--blue);margin-bottom:9px}.full-import-panel h2{font-size:18px;margin-bottom:11px}.full-import-panel .actions{flex-shrink:0;flex-direction:column;align-items:stretch}.full-import-panel .btn{justify-content:center}
#import-progress{width:min(610px,calc(100vw - 28px));max-height:92vh;overflow:auto;overscroll-behavior:contain;background:var(--surface,#fff);color:var(--text);border-color:var(--line)}.job-header{text-align:center;padding:30px 25px 21px;border-bottom:1px solid var(--line);background:linear-gradient(150deg,#edf3ff99,transparent)}.job-symbol{width:58px;height:58px;border-radius:18px;background:#e6efff;color:#547fe1;display:grid;place-items:center;margin:0 auto 17px}.job-symbol .icon{width:28px;height:28px}.job-symbol.is-running{box-shadow:0 0 0 7px #587fe309}.job-header .eyebrow{color:var(--subtle);font-size:9px;letter-spacing:2px}.job-header h2{font-size:23px;letter-spacing:-.7px;margin:9px 0 10px}.job-header p{font-size:11px;color:var(--subtle)}.job-header p strong{color:var(--secondary);margin-left:5px}.job-body{padding:22px 28px}.job-stage{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--secondary)}.job-stage>span:first-child{display:flex;align-items:center;gap:8px}.job-pulse{width:7px;height:7px;border-radius:50%;background:#7398ef;box-shadow:0 0 0 4px #7398ef18}.job-meter{margin:16px 0 23px}.job-meter progress{display:block;height:7px;width:100%;border:0;border-radius:5px;overflow:hidden;accent-color:#6f94ec;background:var(--hover)}.job-meter progress::-webkit-progress-bar{background:var(--hover)}.job-meter progress::-webkit-progress-value{background:#7197ef;border-radius:5px;transition:width .4s}.job-meter>span{display:block;font-size:10px;color:var(--subtle);margin-top:9px;text-align:right}.job-track{height:7px;border-radius:5px;background:var(--hover);overflow:hidden}.job-track>span{display:block;width:28%;height:100%;background:#7197ef;border-radius:5px;animation:job-scan 2.3s ease-in-out infinite}.job-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.job-counters>div{background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;text-align:center;padding:16px 7px}.job-counters strong{display:block;font-size:24px;letter-spacing:-.8px;font-weight:600}.job-counters span{display:block;font-size:10px;color:var(--subtle);margin-top:7px}.job-counters>div:last-child strong{color:#cc7a72}.job-current{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px 12px;font-size:10px;margin:19px 0 23px;align-items:center}.job-current>span{color:var(--subtle)}.job-current strong{font-weight:500;overflow-wrap:anywhere}.job-image-stats{border:1px solid var(--line);border-radius:9px;overflow:hidden}.job-image-stats table{width:100%}.job-image-stats caption{text-align:left;padding:13px 15px;background:var(--surface-raised);color:var(--secondary);font-size:11px;font-weight:600}.job-image-stats th{font-size:10px;text-align:right;padding:10px 15px}.job-image-stats th:first-child{text-align:left}.job-image-stats td{padding:12px 15px;font-size:11px;text-align:right}.job-image-stats td:first-child{text-align:left}.job-image-stats td:first-child strong{font-size:10px;letter-spacing:.5px;display:inline-block;min-width:43px}.job-image-stats td:first-child span{font-size:10px;color:var(--subtle)}.job-errors{margin-top:17px;border:1px solid #d8978b66;border-radius:8px;background:#fff5f2}.job-errors summary{font-size:11px;padding:12px 14px;color:#b3695a;cursor:pointer}.job-errors ul{padding:0 15px 12px 28px;margin:0;max-height:170px;overflow:auto}.job-errors li{font-size:10px;line-height:1.7;margin-bottom:7px;color:var(--secondary)}.job-errors li strong{display:block;font-family:Consolas,monospace}.job-errors li span{overflow-wrap:anywhere}.job-note{font-size:10px;color:var(--subtle);line-height:1.8;margin-top:16px;text-align:center}.job-connection{color:#bd7566;font-size:10px;line-height:1.7;margin-top:12px}.job-connection:empty{display:none}.job-footer{display:flex;justify-content:center;gap:10px;padding:18px 25px 23px;border-top:1px solid var(--line);background:var(--surface-raised)}.job-footer .btn{min-width:130px;justify-content:center}.danger-panel{border-color:#d49b8c66}.danger-panel h2{color:#ba7463}.delete-counts{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:10px 0 20px}.delete-counts>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.delete-counts dt{color:var(--subtle)}.delete-counts dd{margin:0;font-weight:600}input[readonly]{background:var(--surface-raised);color:var(--secondary);cursor:default}
[data-theme=dark] .variant-button.active{color:#bfd1ff;background:#34486e;box-shadow:none}[data-theme=dark] .full-import-panel{background:linear-gradient(115deg,#202b3d,#1c222b);border-color:#3c4d67}[data-theme=dark] .job-header{background:linear-gradient(150deg,#27364d99,transparent)}[data-theme=dark] .job-symbol{background:#2b3d5d;color:#aec7ff}[data-theme=dark] .job-errors{background:#352628;border-color:#80554e}[data-theme=dark] .job-errors summary{color:#e1a395}[data-theme=dark] .danger-panel h2{color:#e0a090}[data-theme=dark] .job-counters>div:last-child strong{color:#e4a198}
@keyframes job-scan{0%,100%{transform:translateX(-100%)}50%{transform:translateX(360%)}}
@media(max-width:1200px){.topbar{flex-wrap:wrap}.top-right{margin-left:auto}.topbar .breadcrumb{font-size:10px}.top-right .user .avatar{display:none}.top-right .user{display:flex}.work-identity{max-width:260px}.work-identity strong{max-width:130px}.variant-button{min-width:45px;padding:6px}.variant-button .icon{width:14px}.full-import-panel .panel-body{align-items:flex-start;flex-direction:column}.full-import-panel .actions{flex-direction:row}}
@media(max-width:680px){.selector-header{padding:15px 18px;height:auto;align-items:flex-start}.selector-header .brand{font-size:23px}.selector-header .actions{gap:7px;justify-content:flex-end;flex-wrap:wrap}.selector-header .login-identity{font-size:10px}.selector-main{padding:35px 17px 55px}.selector-main>h1{font-size:25px}.selector-tools{align-items:stretch;flex-direction:column;gap:10px}.selector-tools>.btn{justify-content:center}.workspace-row{padding:18px 15px;gap:12px}.workspace-account{gap:10px}.workspace-row strong{font-size:12px}.workspace-row>.btn{font-size:10px;flex-shrink:0}.topbar{padding:12px 14px}.topbar>.breadcrumb{width:100%;font-size:10px}.top-right{width:100%;gap:8px;justify-content:flex-start}.top-right>.user{margin-left:auto}.top-right>.user>span{display:inline;font-size:9px}.top-right .work-identity{order:2;width:100%;max-width:none;padding:8px 0 0;border-left:0;border-top:1px solid var(--line);justify-content:space-between}.work-identity>span{gap:5px}.work-identity strong{max-width:190px}.work-identity .user-number{width:auto;margin-left:7px}.variant-button{min-width:47px;gap:4px}.variant-button span{font-size:8px}.variant-switch{margin-right:auto}.full-import-panel .panel-body{padding:22px 19px}.full-import-panel h2{font-size:16px}.full-import-panel .actions{flex-wrap:wrap}.job-header{padding:25px 20px 19px}.job-header h2{font-size:21px}.job-body{padding:20px 17px}.job-counters{gap:6px}.job-counters strong{font-size:21px}.job-counters>div{padding:13px 4px}.job-current{grid-template-columns:auto 1fr;gap:9px}.job-image-stats th,.job-image-stats td{padding:10px}.job-image-stats td:first-child strong{min-width:39px}.job-image-stats td:first-child span{font-size:9px}.job-footer{padding:17px}.job-footer .btn{min-width:0;flex:1}.delete-counts{gap:0 15px}.danger-panel .panel-head{align-items:flex-start;gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.job-track>span{animation:none}}
.detail-photo-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.detail-photo-toolbar .variant-button{min-width:62px;justify-content:center}

.job-percent{font-size:46px;font-weight:700;letter-spacing:-2px;color:var(--text);margin:4px 0 12px}.job-percent small{font-size:20px;font-weight:400;color:var(--subtle);margin-left:5px}

/* Detail images retain their natural ratio; the modal body owns scrolling. A fixed
   grid height plus overflow:hidden used to clip tall intrinsic image contents. */
.detail-hero{display:block;height:auto;min-height:0;overflow:visible;background:var(--image-surface)}
.detail-hero img{display:block;width:auto;max-width:100%;height:auto;max-height:60vh;object-fit:contain;margin:0 auto}
.detail-hero .missing-variant{min-height:160px;padding:24px}
.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable}
.catalog-mode-switch{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.catalog-mode-switch>.muted{margin-left:5px}
.org-search-panel{border-color:#6288dc77;background:linear-gradient(120deg,var(--surface),var(--surface-raised))}
.org-search-panel .eyebrow{font-size:10px;color:var(--blue);letter-spacing:1.6px;margin-bottom:17px}
.org-search-main{display:flex;align-items:stretch;gap:10px}
.org-search-main>.search{flex:1;min-width:0}
.org-search-main .search input{width:100%;font-size:15px;min-height:48px;padding-left:40px}
.org-search-main>.btn{min-width:84px;font-size:13px}
.org-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin:18px 0 14px}
.org-owner{font-size:10px;line-height:1.8;color:var(--subtle);overflow-wrap:anywhere;margin:13px 0 10px}
.org-owner strong{color:var(--text);font-weight:600}.org-owner>span{font-family:Consolas,monospace}
.org-keywords{display:flex;gap:5px;flex-wrap:wrap;line-height:1.6}
.org-keywords .badge{white-space:normal;overflow-wrap:anywhere}
.org-snippet{font-size:11px;color:var(--subtle);line-height:1.8;margin:11px 0 0;overflow-wrap:anywhere}
mark{background:#f3df9e99;color:inherit;padding:0 1px;border-radius:2px}
[data-theme=dark] mark{background:#92712c99;color:#ffe4a0}
@media(max-width:900px){.org-filters{grid-template-columns:1fr 1fr}.org-filters>label:first-child{grid-column:1/-1}}
@media(max-width:680px){.catalog-mode-switch>.btn{flex:1;font-size:10px;padding:9px}.catalog-mode-switch>.muted{width:100%;margin-left:0}.org-search-main .search input{font-size:12px}.org-filters{grid-template-columns:1fr;gap:12px}.org-filters>label:first-child{grid-column:auto}.org-search-panel .panel-body{padding:18px}.detail-photo-toolbar .variant-button{min-width:48px}.org-search-main>.btn{min-width:60px}.org-owner{font-size:9px}}
.retry-progress{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 8px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);font-size:11px;color:var(--subtle)}
.retry-progress strong{font-size:18px;color:var(--text);margin-left:8px;font-weight:600}

/* v0.62.1: minimal product-to-product exploration */
.orderg-similar-jump{margin:0 0 16px;width:100%;justify-content:center;min-height:46px;font-size:13px;position:sticky;top:0;z-index:2}
.orderg-explorer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.orderg-explorer-header h1{margin:4px 0}.orderg-explorer{display:grid;grid-template-columns:minmax(290px,40%) 1fr;gap:20px;align-items:start}
.orderg-explorer-feature,.orderg-explorer-results{border-radius:14px;background:var(--panel,#171c25);padding:16px;min-width:0}
.orderg-explorer-feature{position:sticky;top:12px}.orderg-explorer-feature img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:rgba(127,127,127,.05)}
.orderg-explorer-meta{display:grid;gap:8px;margin-top:12px}.orderg-explorer-meta strong{font-size:1.18rem}.orderg-explorer-meta span,.orderg-explorer-meta p{opacity:.75}
.orderg-explorer-results h2{margin:0 0 14px;font-size:1.1rem}.orderg-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.orderg-explorer-card{display:block;cursor:pointer;border:1px solid rgba(180,155,95,.20);background:transparent;color:inherit;border-radius:10px;padding:7px;text-align:left;min-width:0}
.orderg-explorer-card:hover{border-color:#b6934c}.orderg-explorer-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:7px}
.orderg-explorer-card > .orderg-explorer-name{display:block;font-size:.83rem;padding:5px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:740px){.orderg-explorer-header{align-items:start;flex-direction:column}.orderg-explorer{grid-template-columns:1fr}.orderg-explorer-feature{position:static;min-height:52vh}.orderg-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.62.2: compact, low-contrast similarity meter at lower-left of recommendations */
.orderg-explorer-card .orderg-similarity{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:1px 2px 3px;color:#999;font-size:10px;line-height:14px;white-space:nowrap;opacity:.82}
.orderg-explorer-card .orderg-similarity-label{display:inline;flex:none;padding:0;font-size:inherit;line-height:inherit;overflow:visible}
.orderg-explorer-card .orderg-similarity-track{display:block;width:68px;height:3px;flex:none;border-radius:2px;background:rgba(145,145,145,.22);overflow:hidden}
.orderg-explorer-card .orderg-similarity-fill{display:block;height:100%;background:#999;border-radius:2px}

/* v0.62.4: Scope card title styling; preserve the small meter in a separate block. */
.orderg-explorer-card > .orderg-similarity{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:1px 2px 0;padding:0 0 2px;opacity:.78;color:#999;font-size:11px;line-height:14px;white-space:nowrap;min-height:15px;overflow:visible}
.orderg-explorer-card > .orderg-similarity > .orderg-similarity-label{display:inline;flex:none;overflow:visible;white-space:nowrap;padding:0;font-size:11px;line-height:14px}
.orderg-explorer-card > .orderg-similarity > .orderg-similarity-track{display:block;flex:none;width:68px;height:3px;background:#414141;border-radius:3px;overflow:hidden}
.orderg-explorer-card .orderg-similarity-fill{display:block;height:100%;background:#999;border-radius:3px}
