:root {
  color-scheme: dark;
  --bg: #0d1215;
  --card: #151d21;
  --text: #edf3f3;
  --muted: #8e9fa6;
  --accent: #9be8bd;
  --border: #273238;
  --good: #9be8bd;
  --bad: #f3a3a3;
  --ui-rail: 254px;
  --ui-top: 74px;
  --ui-radius: 14px;
}
html { scroll-padding-top: calc(var(--ui-top) + 24px); }
body.workspace-body {
  /* clip does not create a competing scroll container for sticky chrome. */
  overflow-x: clip;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.workspace-body::before { display: none; }
body [hidden] { display: none !important; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--scheme-text, #c9f6da); }
button, input, textarea, select { font: inherit; }
button, a, input, summary, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--scheme-accent-border, #81c9a1) !important; box-shadow: 0 0 0 3px #9be8bd14; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .45; }
svg { flex: 0 0 auto; vertical-align: middle; }
.ui-skip-link { position: fixed; top: -80px; left: 16px; z-index: 3000; padding: 12px; background: var(--accent); color: #0d2316; }
.ui-skip-link:focus { top: 10px; }
.ui-topbar {
  position: sticky; top: 0; z-index: 1100; flex-shrink: 0;
  height: var(--ui-top); display: flex; align-items: center; gap: 20px;
  padding: 0 24px; background: rgb(var(--scheme-navigation-rgb, 16 23 27) / 0.94902); border-bottom: 1px solid var(--border);
  backdrop-filter: blur(16px);
}
.ui-brand-row { width: calc(var(--ui-rail) - 24px); flex: 0 0 auto; }
.ui-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--text); font-size: 27px; font-weight: 740; letter-spacing: -.9px; line-height: 1.1; }
.ui-brand:hover { color: var(--scheme-text, #fff); }
.ui-brand-mark { display: grid; place-items: center; width: 39px; height: 43px; color: var(--accent); }
.ui-brand-mark img { width: 43px; height: 43px; object-fit: contain; }
.ui-brand-accent { color: var(--accent); }
.ui-brand small { display: block; margin-top: 5px; font-size: 12px; font-weight: 450; color: var(--muted); letter-spacing: 1.4px; text-transform: uppercase; }
.ui-topnav { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1; }
.ui-topnav-link { min-height: 39px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 12px; border-radius: 9px; font-size: 15px; font-weight: 560; white-space: nowrap; color: var(--scheme-muted, #9daeb5); transition: color .15s, background .15s; }
.ui-topnav-link:hover { color: var(--scheme-text, #fff); background: rgb(var(--scheme-surface-raised-rgb, 255 255 255) / 0.027451); }
.ui-topnav-link.is-active { color: var(--accent); background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0509804); box-shadow: inset 0 0 0 1px #9be8bd17; }
.ui-topbar-tools { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.ui-icon-button { width: auto; min-width: 34px; height: 36px; padding: 7px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; background: transparent; border: 0; border-radius: 8px; color: var(--muted); }
.ui-icon-button:hover { background: rgb(var(--scheme-button-rgb, 255 255 255) / 0.0313725); color: var(--text); }
.ui-language-menu { position: relative; font-size: 14px; }
.ui-language-menu summary { list-style: none; }
.ui-language-menu summary::-webkit-details-marker { display: none; }
.ui-menu-popover { position: absolute; right: 0; top: 44px; width: 150px; padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); box-shadow: 0 12px 28px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.333333); }
.ui-menu-popover a { display: block; padding: 8px 11px; border-radius: 7px; color: var(--text); }
.ui-menu-popover a:hover { background: rgb(var(--scheme-surface-raised-rgb, 255 255 255) / 0.0313725); }
.ui-avatar { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgb(var(--scheme-accent-border-rgb, 155 232 189) / 0.207843); border-radius: 50%; background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0705882); color: var(--accent); font-weight: 650; font-size: 15px; }
.ui-signin { padding: 7px 11px; font-size: 15px; border: 1px solid var(--border); border-radius: 8px; }
.ui-mobile-menu { display: none; }
.workspace-shell { display: grid; grid-template-columns: var(--ui-rail) minmax(0,1fr); min-height: calc(100vh - var(--ui-top)); }
.workspace-sidebar { position: sticky; top: var(--ui-top); align-self: start; display: flex; flex-direction: column; height: calc(100vh - var(--ui-top)); height: calc(100dvh - var(--ui-top)); min-height: 0; box-sizing: border-box; padding: 22px 15px max(14px, env(safe-area-inset-bottom)); border-right: 1px solid var(--border); background: var(--scheme-navigation, #11181c); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scroll-padding-block: 14px; scrollbar-width: thin; scrollbar-color: #304047 transparent; }
/* Keep every heading, navigation entry and account action in the rail's scroll flow. */
.workspace-sidebar > * { flex-shrink: 0; }
.ui-sidebar-heading { display: flex; align-items: center; gap: 11px; margin: 0 9px 24px; }
.ui-section-icon { display: grid; place-items: center; width: 38px; height: 38px; background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0392157); border: 1px solid rgb(var(--scheme-accent-border-rgb, 155 232 189) / 0.0862745); border-radius: 11px; color: var(--accent); }
.ui-eyebrow { display: block; color: var(--scheme-muted, #657c86); font-size: 12px; text-transform: uppercase; letter-spacing: 1.7px; line-height: 1.7; }
.ui-sidebar-heading strong { font-size: 16px; font-weight: 600; }
.ui-nav-group { margin-bottom: 20px; }
.ui-nav-group-label { display: block; margin: 0 11px 7px; color: var(--scheme-muted, #667c85); text-transform: uppercase; letter-spacing: 1.3px; font-size: 12px; font-weight: 650; }
.workspace-sidebar .ui-side-link { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 38px; padding: 9px 11px; margin: 2px 0; border: 0; border-radius: 8px; background: transparent; color: var(--scheme-muted, #9caeb5); font-size: 15px; font-weight: 450; line-height: 1.4; text-align: left; box-shadow: none; }
.workspace-sidebar .ui-side-link > span { min-width: 0; overflow-wrap: anywhere; }
.workspace-sidebar .ui-side-link svg { color: var(--scheme-muted, #718790); }
.workspace-sidebar .ui-side-link:hover { color: var(--text); background: rgb(var(--scheme-navigation-rgb, 255 255 255) / 0.0156863); }
.workspace-sidebar .ui-side-link.is-active { background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0627451); color: var(--accent); font-weight: 580; }
.workspace-sidebar .ui-side-link.is-active svg { color: var(--accent); }
.workspace-sidebar .ui-side-link.is-active::after { content: ''; position: absolute; right: 10px; width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
.ui-sidebar-sets { margin: 3px 5px 8px 22px; padding-left: 10px; border-left: 1px solid var(--border); }
.ui-sidebar-sets summary { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 14px; cursor: pointer; padding: 5px 8px; }
.official-collection-sidebar-list { max-height: 260px; overflow: auto; }
.official-collection-sidebar-list button { background: transparent !important; border: 0 !important; color: var(--muted); padding: 7px !important; font-size: 13px !important; border-radius: 6px !important; text-align: left; width: 100%; }
.official-collection-sidebar-list button:hover { color: var(--accent); }
.ui-sidebar-bottom { margin-top: auto; padding-top: 18px; }
.ui-user-summary { display: flex; align-items: center; gap: 7px; font-size: 13px; padding: 17px 6px 1px; color: var(--scheme-muted, #879da7); }
.ui-user-summary > span:nth-child(2) { max-width: 100px; overflow: hidden; text-overflow: ellipsis; }
.ui-user-summary small { padding: 1px 5px; background: var(--scheme-surface-raised, #233039); border-radius: 4px; font-size: 12px; color: var(--scheme-muted, #8fa3ad); }
.ui-user-summary a { margin-left: auto; color: var(--scheme-muted, #7d929c); }
.ui-user-status { width: 5px; height: 5px; border-radius: 50%; background: #8bdaa9; }
.workspace-content.page { position: relative; width: 100%; max-width: none; min-width: 0; padding: 30px 34px 12px; margin: 0; }
.ui-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 0 0 27px; }
.ui-breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--scheme-muted, #718994); font-size: 13px; margin-bottom: 10px; }
.ui-breadcrumb > span:first-child { color: var(--scheme-text-soft, #a0b5bd); }
.ui-page-heading h1 { margin: 0; font-size: clamp(25px, 2.1vw, 33px); font-weight: 640; line-height: 1.15; letter-spacing: -1px; color: var(--scheme-text, #f0f5f5); }
.ui-page-heading p { margin: 8px 0 0; color: var(--scheme-muted, #829ba5); font-size: 15px; }
.ui-page-actions { display: flex; align-items: center; gap: 12px; }
.ui-primary-button, .ui-secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 9px 14px; border-radius: 8px; font-weight: 600; font-size: 14px; white-space: nowrap; }
.ui-primary-button { background: var(--accent); border: 1px solid var(--accent); color: #143322; }
.ui-primary-button:hover { background: var(--scheme-primary-hover, #b4efcd); border-color: var(--scheme-border, #b4efcd); color: #143322; }
.ui-secondary-button { background: var(--scheme-button, #19242a); border: 1px solid var(--scheme-border, #34434b); color: var(--scheme-text, #b5c8cf); }
.ui-secondary-button:hover { background: var(--scheme-button, #223139); color: var(--scheme-text, #dce8ec); }
.ui-save-status { color: var(--muted); font-size: 14px; }
.ui-save-status.is-dirty { color: var(--scheme-warning, #dfc181); }
.page-content { min-width: 0; }
.page-content > section.card { padding: 0; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.page-content > section.card::before, .page-content > section.card::after { display: none; }
.page-content > section.card > h1, .page-content > section.card > h1 + p.muted { display: none; }
.workspace-body .card, .workspace-body .card .card {
  border: 1px solid var(--border); background: var(--card); border-radius: var(--ui-radius);
  padding: 20px; margin-bottom: 18px; box-shadow: 0 2px 4px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.0392157);
}
.workspace-body .card::before, .workspace-body .card::after { display: none; }
.page-content > section.card { border: 0; background: none; padding: 0; margin-bottom: 0; }
.workspace-body .card h2 { font-size: 19px; font-weight: 620; letter-spacing: -.25px; line-height: 1.35; }
.workspace-body .card h3 { font-size: 16px; font-weight: 580; line-height: 1.45; }
.workspace-body .card p { font-size: 15px; }
.workspace-body .muted, .workspace-body small.muted { color: var(--muted); }
.workspace-body .card .card { background: var(--scheme-surface, #121b20); border-color: var(--scheme-border, #29363d); padding: 18px; }
.workspace-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .workspace-body select, .workspace-body textarea { background: var(--scheme-field, #10191e); color: var(--scheme-text, #dce8ed); border: 1px solid var(--scheme-border, #34454e); border-radius: 7px; padding: 9px 11px; min-height: 37px; font-size: 15px; width: 100%; max-width: 100%; }
.workspace-body input::placeholder, .workspace-body textarea::placeholder { color: var(--scheme-muted, #627b87); }
.workspace-body input[type=checkbox], .workspace-body input[type=radio] { width: 15px; height: 15px; accent-color: var(--accent); flex: 0 0 auto; }
.workspace-body label { font-size: 15px; color: var(--scheme-text-soft, #a8bdc7); }
.workspace-body label > span:first-child { font-size: 15px; }
.workspace-body button:not(.ui-icon-button):not(.ui-side-link):not(.card-preview-button):not(.recognition-candidate-preview-btn):not(.inventory-preview-btn):not(.catalog-preview-btn):not(.gallery-preview-btn) { border-radius: 8px; min-height: 35px; font-size: 14px; line-height: 1.4; }
.workspace-body .card button { background: var(--scheme-button, #23333b); border: 1px solid var(--scheme-border, #344751); color: var(--scheme-text, #c7dbe3); box-shadow: none; }
.workspace-body .card button:hover { background: var(--scheme-button, #2a3c44); border-color: var(--scheme-border, #46616d); }
.workspace-body .card button.action-blue, .workspace-body .card button.recent-scan-add-btn, .workspace-body .card #addAllScansBtn { background: var(--scheme-primary, #9be8bd); color: #143322; border-color: var(--scheme-accent-border, #9be8bd); font-weight: 600; }
.workspace-body .card button.action-blue:hover, .workspace-body .card button.recent-scan-add-btn:hover { background: var(--scheme-primary-hover, #b4efcd); border-color: var(--scheme-border, #b4efcd); }
.workspace-body .card button.action-red, .workspace-body .card button.scan-list-clear-btn { background: rgb(var(--scheme-danger-surface-rgb, 58 37 40) / 0.168627); border-color: var(--scheme-danger-border, #67484f); color: var(--scheme-danger, #e4a8ae); }
.workspace-body .card button.card-preview-button, .workspace-body .card button.recognition-candidate-preview-btn, .workspace-body .card button.inventory-preview-btn, .workspace-body .card button.catalog-preview-btn { background: transparent; border: 0; box-shadow: none; padding: 0; min-height: 0; }
.workspace-body .automation-shell, .workspace-body .portfolio-shell, .workspace-body .settings-shell, .workspace-body .hardware-shell, .workspace-body .account-shell, .workspace-body .admin-shell { display: block; margin-top: 0; grid-template-columns: minmax(0,1fr); }
.automation-content, .portfolio-content, .settings-content, .hardware-content, .account-content, .admin-content { min-width: 0; }
.workspace-body table { font-size: 14px; border-spacing: 0; width: 100%; }
.workspace-body th { color: var(--scheme-muted, #7e99a6); font-size: 13px; font-weight: 550; white-space: nowrap; letter-spacing: .2px; background: var(--scheme-surface, #111b20); }
.workspace-body th, .workspace-body td { padding: 11px 10px !important; border-bottom: 1px solid var(--scheme-border, #27363e); vertical-align: middle; }
.workspace-body tbody tr:hover { background: rgb(var(--scheme-surface-raised-rgb, 255 255 255) / 0.00784314); }
.workspace-body tbody td input, .workspace-body tbody td select { padding: 6px 7px !important; min-height: 30px !important; font-size: 13px !important; }
.workspace-body .success, .workspace-body .error { border-radius: 9px; padding: 11px 14px; font-size: 15px; margin-bottom: 18px; }
.workspace-body .success { border: 1px solid rgb(var(--scheme-accent-border-rgb, 88 158 114) / 0.219608); background: rgb(var(--scheme-selected-rgb, 26 58 38) / 0.176471); color: var(--scheme-text, #b5e0c5); }
.workspace-body .error { border: 1px solid rgb(var(--scheme-danger-border-rgb, 176 101 111) / 0.266667); background: rgb(var(--scheme-danger-surface-rgb, 74 39 42) / 0.168627); color: var(--scheme-danger, #e8b3b9); }
.ui-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--border); margin-top: 30px; padding: 20px 0 6px; font-size: 12px; color: var(--scheme-muted, #69808d); }
.ui-footer > span { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.ui-footer > div { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.ui-footer a { color: var(--scheme-muted, #708792); }
.ui-footer details { position: relative; }
.ui-footer summary { cursor: pointer; list-style: none; }
.ui-footer-extra { position: absolute; right: 0; bottom: 25px; width: 200px; display: grid; padding: 12px; gap: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); box-shadow: 0 8px 20px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.333333); z-index: 50; }
.workspace-body .cookie-consent { background: var(--scheme-surface-soft, #17242b); border-color: var(--scheme-border, #354b56); border-radius: 12px; max-width: 420px; left: auto; right: 20px; bottom: 20px; padding: 15px; font-size: 14px; box-shadow: 0 10px 40px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.333333); z-index: 2100; }
.workspace-body .cookie-consent h2 { font-size: 16px; }
.workspace-body .cookie-consent p { font-size: 14px; line-height: 1.55; }
.workspace-body .cookie-consent button { width: auto; margin-left: auto; background: var(--accent); border-color: var(--accent); color: #143322; font-size: 13px; }
.workspace-body .pokescan-modal { z-index: 2200; background: #081117cd; }
.workspace-body .pokescan-modal__panel { border-color: var(--scheme-border, #354a56); background: var(--scheme-surface-soft, #16232a); border-radius: 17px; }
.workspace-body .search-add-modal { z-index: 2200; }
.workspace-body .search-add-modal__panel { background: var(--scheme-surface-soft, #16232a); border-color: var(--scheme-border, #354a56); }
.ui-scan-options { margin: 0 0 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--scheme-surface-soft, #141f25); }
.ui-scan-options:not(:has(.automation-sidebar-section:not([hidden]))) { display: none; }
.ui-scan-options-body { padding: 12px 15px; }
.ui-scan-filters-heading { display: flex; align-items: center; gap: 8px; }
.ui-scan-filters-heading svg { color: var(--muted); }
#scanControlPrefsStatus { margin: 8px 0 0; font-size: 14px; }
#scanControlPrefsStatus:empty { display: none; }
.ui-scan-options .automation-sidebar-section { padding: 0; margin: 0; border: 0; background: none; }
.ui-scan-options .automation-scan-controls { display: grid; grid-template-columns: repeat(var(--scan-control-columns,4),minmax(0,1fr)); gap: 14px; align-items: start; }
body[data-scan-source="folder"] .automation-scan-controls,
body[data-scan-source="upload"] .automation-scan-controls { --scan-control-columns: 3; }
body[data-scan-source="folder"] #scanControlPrefsStatus[data-machine-only="true"],
body[data-scan-source="upload"] #scanControlPrefsStatus[data-machine-only="true"] { display: none; }
.ui-scan-control-column { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ui-scan-control-column label { margin: 0; }
.ui-scan-control-column select, .ui-scan-control-column input[type="search"] { width: 100%; min-width: 0; margin: 0; }
.ui-scan-set-column { gap: 8px; }
.ui-scan-set-column > label { font-size: 15px; }
.ui-scan-set-hint { margin: 2px 0 0; font-size: 14px; }
.ui-scan-options .automation-toggle-row { display: flex; justify-content: space-between; min-height: 44px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; }
.ui-scan-options .automation-control-divider, .ui-scan-options .automation-condition-tags, .ui-scan-options .automation-sidebar-subtitle + p { display: none; }
.workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,1.12fr) minmax(0,1fr); gap: 20px; align-items: stretch; }
.workspace-body .scan-cards-panel { padding: 19px; }
.automation-panel-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.automation-panel-header h2 { margin: 0; }
.automation-panel-header p { font-size: 12px !important; max-width: 54%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-source-picker { display: flex; padding: 4px; border: 1px solid var(--border); border-radius: 9px; background: var(--scheme-surface, #0e171c); gap: 4px; margin-bottom: 14px; }
.ui-source-option { display: flex; flex: 1; justify-content: center; align-items: center; gap: 7px; padding: 8px 10px; border-radius: 6px; cursor: pointer; color: var(--scheme-muted, #829ca8); font-size: 14px !important; }
.ui-source-option input { position: absolute; opacity: 0; width: 1px !important; height: 1px !important; }
.ui-source-option:has(input:checked) { color: var(--accent); background: var(--scheme-selected, #1e3430); box-shadow: 0 1px 3px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.2); }
.ui-source-option:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.ui-folder-toolbar { padding: 10px 0; margin: -3px 0 10px; }
.ui-folder-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ui-folder-actions button { width: auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 11px; }
.ui-folder-name { flex: 1; min-width: 70px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#watchedFolderStatus { font-size: 13px !important; margin: 7px 0 0 !important; }
.workspace-body .scan-cards-preview-frame { position: relative; padding: 16px; border: 1px solid var(--scheme-border, #2e424b); border-radius: 10px; background: var(--scheme-surface, #0e181e); min-height: 338px; height: 338px; display: grid; place-items: center; overflow: hidden; }
.workspace-body .scan-cards-preview-frame::before { display: none; }
.workspace-body .scan-cards-preview-frame img { max-height: 305px !important; max-width: 100%; width: auto; height: auto; object-fit: contain; border-radius: 7px; }
.ui-preview-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--scheme-muted, #506f7d); text-align: center; gap: 11px; padding: 30px; }
.ui-preview-empty svg { color: var(--scheme-positive, #497c6b); width: 86px; height: 86px; margin-bottom: 5px; opacity: .8; }
.ui-preview-empty strong { font-size: 16px; font-weight: 520; color: var(--scheme-text-soft, #9bb8c4); }
.ui-preview-empty p { max-width: 200px; margin: 0; font-size: 14px; color: var(--scheme-muted, #5f7e8d); }
.ui-preview-tag { position: absolute; top: 11px; left: 12px; display: flex; align-items: center; gap: 5px; color: var(--scheme-muted, #83a5b5); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 7px; border-radius: 5px; background: rgb(var(--scheme-surface-soft-rgb, 21 35 43) / 0.929412); border: 1px solid var(--scheme-border, #30434d); }
.scan-cards-preview-frame.is-dragging { border: 2px dashed var(--accent); background: var(--scheme-selected, #14312a); }
.ui-scan-result-card { height: 100%; display: flex; flex-direction: column; }
.ui-scan-machine-row { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 14px; }
.ui-scan-machine-row > div:first-child { flex: 1; min-width: 0; }
.ui-scan-machine-row label { display: block; font-size: 13px !important; color: var(--scheme-muted, #7893a0); margin-bottom: 5px; }
.ui-scan-machine-row button { min-height: 38px !important; white-space: nowrap; padding: 9px 12px; }
.ui-scan-result-card #latestResultHeaderTitle { text-align: left !important; font-size: 13px; text-transform: uppercase; letter-spacing: 1.1px; color: var(--scheme-muted, #778f9b); margin-top: 18px !important; }
.ui-scan-result-card #startScanningStatus { font-size: 12px; margin: -5px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-latest-result { padding: 0; margin-top: 15px; border: 0; background: transparent; min-height: 245px; }
.ui-match-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.ui-match-status { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--scheme-positive, #97d9b4); }
.ui-match-status.is-unmatched { color: var(--scheme-warning, #e5bd86); }
.ui-match-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.ui-confidence { padding: 5px 8px; border: 1px solid var(--scheme-accent-border, #416b58); border-radius: 6px; font-size: 14px; color: var(--accent); background: rgb(var(--scheme-selected-rgb, 40 79 56) / 0.160784); font-variant-numeric: tabular-nums; }
.ui-match-body { display: grid; grid-template-columns: minmax(100px,142px) minmax(0,1fr); gap: 18px; align-items: start; }
.ui-match-image { padding: 0 !important; border: 0 !important; background: transparent !important; display: block; border-radius: 8px; overflow: hidden; }
.ui-match-image img { display: block; width: 100%; max-height: 220px; object-fit: contain; border-radius: 8px; }
.ui-match-info h3 { font-size: 26px !important; line-height: 1.15 !important; margin: 0 0 5px !important; letter-spacing: -.5px; }
.ui-match-info > p { color: var(--scheme-muted, #7e9aa9); font-size: 13px !important; margin: 5px 0; }
.ui-card-number { font-size: 13px; color: var(--scheme-text-soft, #a7c3cf); }
.ui-card-tags { display: flex; gap: 5px; flex-wrap: wrap; margin: 15px 0; }
.ui-card-tags span { border: 1px solid var(--scheme-border, #3b4d57); color: var(--scheme-muted, #8ea9b7); border-radius: 5px; padding: 3px 6px; font-size: 12px; }
.ui-match-price { color: var(--scheme-text, #dcf0e8); font-size: 27px; font-weight: 550; margin: 13px 0; line-height: 1.1; letter-spacing: -.5px; }
.ui-match-price small { color: var(--scheme-muted, #6f8d9d); font-size: 12px; font-weight: 400; letter-spacing: 0; display: block; margin-top: 5px; }
.ui-match-info .recent-scan-add-btn { width: auto !important; padding: 8px 12px; margin-top: 7px; }
.ui-match-details { margin-top: 20px; border-top: 1px solid var(--scheme-border, #2b3e49); padding-top: 10px; }
.ui-match-details > summary { font-size: 13px; color: var(--scheme-muted, #7796a6); cursor: pointer; }
.ui-match-details-content { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding-top: 15px; }
.ui-match-details-content img { max-height: 200px; width: auto; max-width: 100%; }
.ui-match-details-content p, .ui-match-details-content strong { font-size: 13px; }
.ui-match-unmatched { padding: 30px 18px; text-align: center; }
.ui-match-unmatched h3 { color: var(--scheme-text-soft, #acbac0); font-size: 21px !important; }
.ui-match-unmatched p { color: var(--scheme-muted, #7994a1); max-width: 260px; margin: 10px auto; font-size: 14px; }
.workspace-body .scan-list { overflow-x: auto; }
.workspace-body .scan-list .scan-row { min-width: 1020px; border: 0; border-bottom: 1px solid var(--scheme-border, #2a3b45); border-radius: 0; padding: 10px 0; background: transparent; font-size: 13px; }
.workspace-body .scan-list .scan-row:first-child { font-size: 12px; color: var(--scheme-muted, #7693a2) !important; }
.workspace-body .scan-list .scan-row img { width: 37px !important; max-height: 52px !important; border-radius: 4px !important; }
.workspace-body .scan-list .scan-row input, .workspace-body .scan-list .scan-row select { min-height: 28px !important; font-size: 12px !important; padding: 5px 6px !important; }
.workspace-body .scan-list .scan-row button { font-size: 12px !important; min-height: 27px !important; }
.workspace-body .settings-machine-profile { display: flex; align-items: center; gap: 15px; padding: 14px 17px; margin-bottom: 20px; background: var(--scheme-surface-soft, #142129); border-color: var(--scheme-border, #314651); }
.workspace-body .settings-machine-profile > label { min-width: 230px; max-width: 380px; flex: 1; }
.workspace-body .settings-machine-profile > p { max-width: 400px; font-size: 13px; margin: 0; color: var(--scheme-muted, #6f8f9f); }
.workspace-body .settings-section-head, .workspace-body .account-section-head, .workspace-body .portfolio-section-head { margin-bottom: 18px; }
.workspace-body .settings-section-kicker { display: none; }
.workspace-body .settings-section-head h2 { margin: 0; font-size: 21px; }
.workspace-body .settings-section-head p { margin: 6px 0 0; font-size: 14px; color: var(--scheme-muted, #7393a4); }
.workspace-body .settings-form > .settings-shell > .settings-content > .row.gap:last-child { display: none; }
.workspace-body .recognition-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; }
.workspace-body .recognition-panel:last-child { grid-column: 1/-1; }
.workspace-body .recognition-row, .workspace-body .debug-row { font-size: 14px; line-height: 1.7; }
.workspace-body .recognition-row strong { min-width: 210px; font-size: 13px; font-weight: 500; color: var(--scheme-muted, #789cab); }
.ui-search-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.ui-search-box { display: flex; align-items: center; gap: 10px; border: 1px solid var(--scheme-border, #354d5b); border-radius: 9px; padding: 0 13px; flex: 1; color: var(--scheme-positive, #7aa193); background: var(--scheme-surface-soft, #111d24); }
.workspace-body .ui-search-box input { border: 0 !important; background: transparent !important; min-height: 44px; padding: 10px 0; box-shadow: none; }
.ui-search-box kbd { color: var(--scheme-muted, #5d7b8b); border: 1px solid var(--scheme-border, #304754); border-radius: 4px; padding: 1px 5px; font-size: 12px; }
.ui-filter-button { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; }
.ui-filters { border: 1px solid var(--border); border-radius: 10px; background: var(--scheme-surface-soft, #131f26); margin-bottom: 16px; }
.ui-filters > summary { padding: 10px 14px; font-size: 14px; cursor: pointer; color: var(--scheme-muted, #83a2b3); }
.ui-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 15px; }
.ui-filter-grid label { font-size: 13px; }
.ui-filter-grid label input { display: block; margin-top: 5px; }
.ui-catalog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 0 14px; color: var(--scheme-muted, #7697a8); font-size: 14px; }
.ui-catalog-toolbar > div { display: flex; align-items: center; gap: 8px; }
.ui-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.ui-pagination button { padding: 6px 10px; }
.catalog-card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(175px,1fr)); gap: 17px; }
.ui-catalog-card { background: var(--scheme-surface-soft, #16242d); border: 1px solid var(--scheme-border, #2c4352); border-radius: 12px; overflow: hidden; }
.ui-catalog-card .ui-catalog-art { display: block; position: relative; width: 100%; aspect-ratio: .79; padding: 17px 20px 0; background: var(--scheme-surface-soft, #111e26); border: 0; cursor: zoom-in; }
.ui-catalog-card .ui-catalog-art img { display: block; height: 100%; width: 100%; object-fit: contain; filter: drop-shadow(0 8px 7px #0005); }
.ui-catalog-card-body { padding: 13px 14px 14px; }
.ui-catalog-card h3 { margin: 0 0 4px; font-size: 16px !important; font-weight: 560; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-catalog-card p { margin: 0; font-size: 12px !important; color: var(--scheme-muted, #6c91a6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-catalog-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 13px; }
.ui-catalog-card-footer strong { font-size: 15px; color: var(--scheme-text, #c7e7dc); font-weight: 550; }
.ui-catalog-card-footer button { width: auto; min-width: 29px; min-height: 28px !important; padding: 4px 7px; background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0980392) !important; color: var(--accent) !important; border-color: rgb(var(--scheme-accent-border-rgb, 98 149 121) / 0.282353) !important; font-size: 13px !important; }
.ui-catalog-card-footer span { font-size: 12px; color: var(--scheme-muted, #809bac); }
.ui-tutorial-grid, .ui-device-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.ui-guide-card { padding: 23px !important; margin: 0 !important; }
.ui-guide-icon { display: grid; place-items: center; height: 48px; width: 48px; border: 1px solid rgb(var(--scheme-accent-border-rgb, 74 121 100) / 0.219608); background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0431373); color: var(--accent); border-radius: 13px; margin-bottom: 20px; }
.ui-guide-card h2 { font-size: 21px !important; margin: 0 0 10px; }
.ui-guide-card > p { color: var(--scheme-muted, #7597a8); min-height: 40px; font-size: 14px !important; }
.ui-guide-card a { display: inline-flex; gap: 8px; align-items: center; margin-top: 14px; font-size: 14px; }
.ui-guide-article { margin-top: 28px; padding: 25px !important; scroll-margin-top: calc(var(--ui-top) + 22px); }
.ui-guide-article ol { margin: 18px 0 0; padding-left: 23px; color: var(--scheme-text-soft, #a2bbc7); font-size: 15px; }
.ui-guide-article li { padding: 6px 0; }
.ui-device-hero { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 26px !important; background: linear-gradient(110deg,var(--scheme-surface-soft, #172a31),var(--scheme-selected, #13211f)) !important; }
.ui-device-hero > div:first-child { flex: 1; }
.ui-device-hero h2 { font-size: 28px !important; margin: 10px 0; }
.ui-device-hero p { max-width: 420px; color: var(--scheme-text-soft, #82a8ba); }
.ui-device-illustration { display: grid; place-items: center; width: 180px; height: 170px; border: 1px solid rgb(var(--scheme-accent-border-rgb, 108 159 129) / 0.188235); border-radius: 20px; color: rgb(var(--scheme-positive-rgb, 155 232 189) / 0.780392); background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0196078); }
.ui-device-illustration svg { width: 110px; height: 110px; }
.ui-device-actions { display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap; }
.workspace-body .portfolio-section-head > p, .workspace-body .portfolio-panel > p { font-size: 14px; }
.workspace-body .gallery-binder-card { background: var(--scheme-surface-soft, #132029); border-color: var(--scheme-border, #314755); border-radius: 13px; }
.workspace-body .account-content .account-subcard { margin-bottom: 20px; }
.ui-empty-state { text-align: center; padding: 35px 20px; color: var(--scheme-muted, #7596a8); font-size: 15px; }
.ui-empty-state svg { color: var(--scheme-positive, #59907e); margin-bottom: 13px; }
.ui-sidebar-overlay { position: fixed; inset: var(--ui-top) 0 0; background: #041018b3; backdrop-filter: blur(3px); z-index: 1050; }
@media (min-width: 1700px) { .workspace-content.page { padding-right: 5vw; padding-left: 4vw; } }
@media (max-width: 1250px) {
  :root { --ui-rail: 236px; }
  .ui-topbar { padding: 0 18px; gap: 10px; }
  .ui-brand-row { width: 165px; }
  .ui-topnav { gap: 1px; }
  .ui-topnav-link { padding: 8px 9px; font-size: 14px; gap: 5px; }
  .ui-topbar-tools { gap: 5px; }
  .workspace-content.page { padding: 27px 25px 12px; }
}
@media (max-width: 1080px) {
  .ui-topnav-link { padding: 8px 7px; }
  .ui-topnav-link svg { width: 16px; }
  .ui-brand { font-size: 24px; }
  .ui-brand-row { width: 145px; }
  .ui-brand small { font-size: 12px; letter-spacing: .8px; }
  .workspace-body .automation-scanning-grid { grid-template-columns: 1fr; }
  .ui-scan-options .automation-scan-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-body .settings-machine-profile { flex-wrap: wrap; }
  .workspace-body .settings-machine-profile > p { width: 100%; max-width: none; }
  .ui-tutorial-grid { grid-template-columns: 1fr; }
  .ui-guide-card > p { min-height: 0; }
}
@media (max-width: 820px) {
  :root { --ui-top: 111px; --ui-rail: 230px; }
  .ui-topbar { display: grid; grid-template-columns: 1fr auto; height: 111px; padding: 10px 14px 0; gap: 4px 12px; }
  .ui-brand-row { width: auto; display: flex; align-items: center; gap: 7px; }
  .ui-mobile-menu { display: inline-flex; }
  .ui-brand { font-size: 21px; }
  .ui-brand small { display: none; }
  .ui-brand-mark, .ui-brand-mark img { width: 30px; height: 33px; }
  .ui-topbar-tools { grid-column: 2; grid-row: 1; }
  .ui-topnav { grid-column: 1/-1; padding: 0 1px 6px; overflow-x: auto; scrollbar-width: none; gap: 3px; }
  .ui-topnav-link { flex: 1 0 auto; padding: 8px; min-height: 39px; font-size: 13px; gap: 5px; }
  .workspace-shell { grid-template-columns: minmax(0,1fr); }
  .workspace-sidebar { position: fixed; left: 0; top: var(--ui-top); width: 230px; z-index: 1060; transform: translateX(-100%); transition: transform .18s ease; }
  body.ui-sidebar-open .workspace-sidebar { transform: translateX(0); }
  .workspace-content.page { padding: 22px 18px 10px; }
  .ui-page-heading { align-items: flex-start; gap: 12px; margin-bottom: 22px; }
  .ui-page-heading h1 { font-size: 30px; }
  .ui-page-heading p { font-size: 14px; max-width: 220px; }
  .ui-page-actions { padding-top: 21px; }
  .ui-page-actions .ui-primary-button, .ui-page-actions .ui-secondary-button { font-size: 12px; padding: 8px 10px; }
  .ui-page-actions .ui-save-status { display: none; }
  .ui-source-option { font-size: 13px !important; }
  .workspace-body .card, .workspace-body .card .card { padding: 16px; border-radius: 12px; }
  .page-content > section.card { padding: 0; border-radius: 0; }
  .workspace-body .recognition-grid { grid-template-columns: 1fr; }
  .ui-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ui-footer { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ui-footer > div { gap: 12px; }
  .ui-device-illustration { width: 100px; height: 115px; }
  .ui-device-illustration svg { width: 70px; height: 70px; }
}
@media (max-width: 520px) {
  .ui-topnav-link { gap: 4px; padding: 8px 7px; }
  .ui-page-heading { flex-wrap: wrap; }
  .ui-page-actions { padding-top: 0; margin-top: 0; }
  .ui-page-heading p { max-width: none; }
  .ui-scan-options .automation-scan-controls { grid-template-columns: minmax(0,1fr); }
  .ui-search-toolbar { gap: 7px; }
  .ui-search-box { padding: 0 9px; }
  .ui-search-box kbd { display: none; }
  .ui-filter-button { font-size: 13px; padding: 9px; }
  .catalog-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ui-catalog-card .ui-catalog-art { padding: 10px 12px 0; }
  .ui-catalog-card-body { padding: 11px; }
  .ui-catalog-card h3 { font-size: 14px !important; }
  .ui-match-body { grid-template-columns: 110px minmax(0,1fr); gap: 13px; }
  .ui-match-info h3 { font-size: 23px !important; }
  .ui-match-price { font-size: 24px; }
  .ui-match-details-content { grid-template-columns: 1fr; }
  .workspace-body .cookie-consent { right: 10px; left: 10px; bottom: 10px; max-width: none; }
  .ui-device-hero { padding: 20px !important; }
  .ui-device-illustration { display: none; }
  .ui-filter-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Apply the same quiet surfaces to the older functional panels. */
.workspace-body .settings-panel, .workspace-body .account-panel, .workspace-body .portfolio-panel, .workspace-body .hardware-panel, .workspace-body .automation-panel, .workspace-body .recognition-panel {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--ui-radius); padding: 20px; box-shadow: none;
}
.workspace-body .settings-panel::before, .workspace-body .settings-panel::after, .workspace-body .automation-panel::before, .workspace-body .automation-panel::after { display: none; }
.ui-scan-result-card { height: auto; }
.ui-confidence.is-unmatched { color: var(--scheme-warning, #e5bd86); border-color: var(--scheme-warning-border, #70583b); background: rgb(var(--scheme-warning-surface-rgb, 110 80 34) / 0.101961); }
body[data-scan-source="folder"] #machineFeedControls, body[data-scan-source="upload"] #machineFeedControls { display: none !important; }
.ui-guide-article h2 { display: flex; align-items: center; gap: 10px; }
.ui-guide-article > a { margin-top: 20px; }
#scanList .scan-row { grid-template-columns: 42px 65px 85px minmax(120px,1.6fr) minmax(90px,1fr) 72px 90px 80px 85px 65px 110px !important; min-width: 1020px; }
@media (max-width: 820px) {
 .workspace-body .settings-panel, .workspace-body .account-panel, .workspace-body .portfolio-panel, .workspace-body .hardware-panel, .workspace-body .automation-panel { padding: 16px; }
 .ui-device-illustration { width: 95px; height: 110px; }
 .ui-device-illustration svg { width: 70px; height: 70px; }
 .ui-device-hero { padding: 18px !important; }
}
@media (max-width: 520px) { .ui-device-illustration { display: none; } }
/* Allow tables to scroll within their panel rather than stretching the page. */
.workspace-body .card, .workspace-body .automation-panel, .workspace-body .portfolio-panel, .workspace-body .settings-panel, .workspace-body .hardware-panel, .workspace-body .account-panel, .automation-scanning-right { min-width: 0; max-width: 100%; }
.workspace-body .ui-search-box { min-width: 0; flex: 1 1 0; }
.workspace-body .ui-search-box input { min-width: 0; width: 100%; }
.workspace-body .ui-filter-button { width: auto; flex: 0 0 auto; }
.workspace-body .ui-catalog-card .ui-catalog-art { padding: 12px 14px 0; background: var(--scheme-surface-soft, #111e26); }
.ui-pagination button { width: auto; }
@media (max-width: 520px) {
 .workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,1fr); }
 .ui-source-option { min-width: 0; padding: 8px 5px; gap: 5px; }
 .ui-source-option span { font-size: 14px !important; }
 .ui-scan-machine-row { flex-wrap: wrap; }
 .ui-search-box kbd { display: none; }
 .workspace-body .settings-machine-profile > label { min-width: 0; width: 100%; flex-basis: 100%; }
}
.ui-toast-region { position: fixed; bottom: 24px; right: 24px; z-index: 2300; display: grid; gap: 8px; max-width: min(420px,calc(100vw - 32px)); pointer-events: none; }
.ui-toast { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 11px; background: var(--scheme-selected, #213c2e); border: 1px solid rgb(var(--scheme-accent-border-rgb, 155 232 189) / 0.333333); color: var(--scheme-text, #d1f1dc); box-shadow: 0 10px 30px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.333333); font-size: 16px; }
.ui-toast > span:first-child { color: var(--accent); }
#automation-scanning { background: none; padding: 0; border: 0; }
@media (max-width: 520px) { .ui-toast-region { bottom: 16px; right: 16px; } }
.ui-latest-selection { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 8px; margin: 14px 0 4px; }
.ui-latest-selection label span { display: block; font-size: 13px !important; margin-bottom: 4px; color: var(--scheme-muted, #7996a4); }
.workspace-body .ui-latest-selection select { padding: 7px; min-height: 32px; font-size: 13px; }
.ui-advanced-settings { border: 1px solid var(--border); border-radius: 10px; background: var(--scheme-surface, #111a1f); margin-top: 18px; }
.ui-advanced-settings > summary { cursor: pointer; color: var(--scheme-text-soft, #a4bac4); padding: 13px 16px; font-size: 15px; }
.ui-advanced-body { padding: 16px; border-top: 1px solid var(--border); }
.ui-account-lifecycle > summary { color: var(--scheme-danger, #d5a0a7); }
@media (max-width: 820px) {
 #settings-ocr [style*="min-width:340px"], #settings-ocr [style*="min-width:300px"], #settings-finish [style*="min-width:300px"], #settings-fixed-roi [style*="min-width:340px"] { min-width: 0 !important; }
}
.workspace-body .scan-cards-panel { min-height: 0; }
.workspace-body .scan-cards-preview-frame img { width: 100%; height: 100%; }

/* Readable controls and two full-size images on the scanning page. */
.workspace-body .card p, .workspace-body label, .workspace-body label > span:first-child { font-size: 15px; }
.workspace-body .card small, .workspace-body .muted { line-height: 1.65; }
.ui-topnav { overflow-x: auto; scrollbar-width: none; }
.ui-topnav-link { flex: 0 0 auto; }
.ui-scan-toolbar { margin-bottom: 22px; }
.ui-scan-toolbar-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); gap: 26px; }
.ui-scan-input-controls, .ui-scan-machine-controls { min-width: 0; }
.ui-scan-machine-controls .ui-scan-machine-row { margin: 0; }
.ui-scan-machine-controls .ui-scan-machine-row > div:first-child { max-width: none !important; }
.ui-scan-machine-controls #startScanningStatus { font-size: 13px; margin-top: 7px; }
.workspace-body .ui-scan-image-actions button { width: auto; padding: 8px 13px; }
.workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: stretch; }
.ui-card-pane-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; margin: 0 0 15px; }
.workspace-body .ui-card-pane-heading h2, .workspace-body #latestResultHeaderTitle { font-size: 21px; margin: 0 !important; color: var(--text); text-transform: none; letter-spacing: -.3px; }
.workspace-body .ui-card-pane-heading p { font-size: 13px !important; }
.workspace-body .ui-card-image-frame { position: relative; width: 100%; height: 520px; min-height: 0; padding: 0; display: block; overflow: hidden; border: 1px solid var(--scheme-border, #354750); border-radius: 11px; background: var(--scheme-surface, #0e181e); scrollbar-width: thin; scrollbar-color: #486359 #152126; touch-action: pan-x pan-y; }
.workspace-body .ui-card-image-frame:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.ui-card-image-canvas { position: relative; width: 100%; height: 100%; }
.workspace-body .ui-card-image-canvas > img { position: absolute; left: 50%; top: 50%; max-width: none !important; max-height: none !important; object-fit: contain; transform: translate(-50%,-50%); border-radius: 9px; user-select: none; -webkit-user-drag: none; }
.ui-card-image-canvas > img:not([src]) { display: none; }
.ui-card-image-frame .ui-preview-empty, .ui-reference-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--scheme-text-soft, #9fb3bc); }
.ui-reference-empty > p { padding: 22px; text-align: center; }
.ui-reference-image-frame { margin-bottom: 19px; }
.ui-scan-image-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
.ui-latest-result { margin-top: 0; }
.ui-match-body { display: block; }
.ui-match-info h3 { font-size: 26px !important; }
.ui-match-info > p { font-size: 15px !important; }
.ui-card-number { font-size: 15px; }
.ui-card-tags span { font-size: 13px; }
.ui-match-price small { font-size: 13px; }
.workspace-body .scan-list .scan-row { font-size: 14px; }
.workspace-body .scan-list .scan-row:first-child { font-size: 13px; }
.workspace-body .scan-list .scan-row input, .workspace-body .scan-list .scan-row select, .workspace-body .scan-list .scan-row button { font-size: 13px !important; min-height: 35px !important; }
.workspace-body .scan-list .scan-row img { width: 44px !important; max-height: 65px !important; }
#scanList .scan-row { min-width: 1270px; grid-template-columns: 52px 72px 100px minmax(140px,1.4fr) minmax(130px,1fr) 92px 115px 100px 105px 95px 145px !important; }
@media (min-width: 821px) and (max-width: 1250px) {
 :root { --ui-top: 118px; }
 .ui-topbar { display: grid; grid-template-columns: 1fr auto; height: 118px; padding: 12px 18px 0; gap: 8px 14px; }
 .ui-brand-row { width: auto; }
 .ui-brand small { display: none; }
 .ui-topbar-tools { grid-column: 2; grid-row: 1; }
 .ui-topnav { grid-column: 1/-1; padding-bottom: 8px; }
 .ui-topnav-link { font-size: 14px; padding: 8px 10px; }
}
@media (max-width: 1100px) { .ui-scan-toolbar-grid { grid-template-columns: minmax(0,1fr); gap: 15px; } }
@media (max-width: 820px) {
 .workspace-sidebar { width: 254px; }
 .ui-card-image-frame { height: 450px !important; }
 .workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,1fr); }
 .workspace-body .ui-source-option, .workspace-body .ui-source-option span { font-size: 14px !important; }
 .workspace-body .ui-latest-selection select { font-size: 15px; }
}
html { font-size: 18px; }
.workspace-sidebar .ui-side-link { color: var(--scheme-text, #b7c6cd); }
.ui-nav-group-label, .ui-eyebrow { color: var(--scheme-muted, #8a9da6); }
.workspace-body .ui-match-info h3 { color: var(--text); }
.workspace-body .ui-preview-empty { padding: 22px; }
.ui-catalog-toolbar { flex-wrap: wrap; }
.ui-catalog-toolbar > div { max-width: 100%; }
@media (max-width: 520px) {
 .ui-catalog-toolbar > span, .ui-catalog-toolbar > div { width: 100%; }
 .ui-catalog-toolbar select { flex: 1; min-width: 0; }
 .ui-catalog-toolbar button { width: auto; flex: 0 0 36px; }
}

/* A wide gallery with both cards, alongside a compact information panel. */
.workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,2fr) minmax(0,1fr); align-items: start; }
.ui-scan-gallery, .automation-scanning-right, .ui-card-info-panel { min-width: 0; }
.ui-card-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: start; }
.ui-card-image-column { min-width: 0; }
.workspace-body .ui-card-pair .ui-card-image-frame { height: auto !important; aspect-ratio: 63 / 88; }
.ui-card-pair .ui-reference-image-frame { margin-bottom: 0; }
.ui-scan-gallery .ui-scan-image-actions { justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ui-scan-gallery .ui-scan-image-actions p { min-width: 0; flex: 1; margin: 0; overflow-wrap: anywhere; font-size: 13px; }
.ui-scan-gallery .ui-scan-image-actions button { flex: 0 0 auto; }
.ui-card-info-panel .ui-match-heading { align-items: flex-start; flex-wrap: wrap; }
.ui-card-info-panel .ui-confidence { flex: 0 0 auto; }
.ui-card-info-panel .ui-match-info h3, .ui-card-info-panel .ui-match-details-content { overflow-wrap: anywhere; }
.ui-card-info-panel .ui-match-details-content { grid-template-columns: minmax(0,1fr); }
@media (max-width: 1100px) {
  .workspace-body .automation-scanning-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 520px) {
  .ui-card-pair { gap: 10px; }
  .workspace-body .ui-card-pair .ui-card-pane-heading h2 { font-size: 17px; }
  .ui-card-pair .ui-preview-empty { padding: 10px; }
  .ui-card-pair .ui-preview-empty svg { width: 48px; height: 48px; margin: 0; }
  .ui-card-pair .ui-preview-empty strong { font-size: 14px; }
  .ui-card-pair .ui-preview-empty p, .ui-card-pair .ui-reference-empty p { font-size: 12px; padding: 8px; }
}

/* Lower-left card details and the larger paired preview. */
[data-card-preview-trigger][aria-disabled="false"] { cursor: pointer; }
[data-card-preview-trigger][aria-disabled="false"]:hover { border-color: var(--scheme-accent-border, #80bd9b); }
.ui-card-detail { margin: 14px 0 0; }
.ui-card-detail figcaption { margin-bottom: 7px; color: var(--muted); font-size: 13px; }
.ui-card-detail-frame { position: relative; width: 100%; aspect-ratio: 4; overflow: hidden; border: 1px solid var(--scheme-border, #354750); border-radius: 9px; background: var(--scheme-surface, #0e181e); }
.workspace-body .ui-card-detail-frame > img { position: absolute; max-width: none !important; max-height: none !important; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.ui-card-detail-frame > img:not([src]) { display: none; }
.ui-card-detail-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; color: var(--scheme-text-soft, #9fb3bc); font-size: 13px; text-align: center; }
.ui-card-pair-dialog { width: min(1600px,calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0 22px 22px; box-sizing: border-box; border: 1px solid var(--scheme-border, #40565d); border-radius: 16px; background: var(--scheme-surface-soft, #111e24); color: var(--text); box-shadow: 0 24px 80px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.533333); overscroll-behavior: contain; }
.ui-card-pair-dialog::backdrop { background: #050c11d9; backdrop-filter: blur(5px); }
.ui-card-pair-dialog-heading { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 -22px 18px; padding: 16px 22px; background: var(--scheme-surface-soft, #111e24); border-bottom: 1px solid var(--scheme-border, #354750); }
.workspace-body .ui-card-pair-dialog-heading h2 { margin: 0; font-size: 20px; }
.workspace-body .ui-card-pair-dialog-heading button { width: auto; margin: 0; padding: 8px 18px; }
@media (max-width: 520px) {
  .ui-card-pair-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 0 10px 12px; border-radius: 12px; }
  .ui-card-pair-dialog-heading { margin: 0 -10px 12px; padding: 10px; }
  .ui-card-detail { margin-top: 10px; }
  .ui-card-detail figcaption { font-size: 12px; }
  .ui-card-detail-empty { font-size: 12px; }
}

/* Three intake choices, with controls only for the selected input. */
.workspace-body .ui-scan-toolbar-grid { display: block; }
.workspace-body #machineFeedControls { margin-top: 4px; }
.workspace-body #machineFeedControls .ui-scan-machine-row { max-width: 760px; }
.workspace-body .ui-source-picker { max-width: 100%; }
.workspace-body .ui-source-option { min-height: 46px; font-size: 16px !important; }
.workspace-body .ui-folder-toolbar { margin: 0; padding: 0; }
.workspace-body .ui-folder-locations { display: flex; gap: 8px; margin: 6px 0 16px; }
.workspace-body .ui-folder-locations button { width: auto; display: inline-flex; align-items: center; gap: 8px; }
.workspace-body .ui-folder-locations button[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); background: var(--scheme-selected, #1e3430); }
.workspace-body .ui-nas-folder-controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.workspace-body .ui-input-help, .workspace-body #nasWatchStatus { flex-basis: 100%; margin: 5px 0 0; }
.workspace-body .ui-local-pages { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.workspace-body .ui-local-pages select { width: auto; }
.workspace-body .ui-upload-button { width: auto; display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 520px) {
 .workspace-body .ui-source-option { flex-direction: column; padding: 9px 5px; gap: 5px; }
 .workspace-body .ui-source-option span { font-size: 13px !important; text-align: center; }
 .workspace-body .ui-folder-locations { flex-wrap: wrap; }
 .workspace-body #nasWatchPath { min-width: 0 !important; width: 100%; }
 .workspace-body #nasWatchSelect { min-width: 0 !important; max-width: 100%; }
}

.workspace-body .ui-nas-setup { flex-basis: 100%; padding: 16px; border: 1px solid var(--border); border-radius: 10px; }
.workspace-body .ui-nas-setup p { margin: 8px 0 12px; }
.workspace-body .ui-guide-article p { line-height: 1.65; }
.workspace-body .ui-guide-article details { margin: 14px 0; }
.workspace-body .ui-guide-article summary { cursor: pointer; font-weight: 600; }
.workspace-body .ui-guide-article code { overflow-wrap: anywhere; white-space: normal; }
.workspace-body .ui-guide-table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 18px 0; }
.workspace-body .ui-guide-table th, .workspace-body .ui-guide-table td { padding: 11px; white-space: normal; overflow-wrap: anywhere; text-align: left; border-bottom: 1px solid var(--border); }

.workspace-body .ui-tutorial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.workspace-body #nas-guide > p, .workspace-body #nas-guide ol, .workspace-body #nas-guide details { max-width: 95ch; }
@media (max-width: 720px) { .workspace-body .ui-tutorial-grid { grid-template-columns: minmax(0,1fr); } }

/* Customer equipment setup: a short chooser with expandable instructions. */
.workspace-body .ui-setup-intro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
.workspace-body .ui-setup-intro > div:first-child { flex: 1 1 480px; }
.workspace-body .ui-setup-intro p { margin: 8px 0 0; line-height: 1.65; max-width: 85ch; }
.workspace-body .ui-setup-intro > p { flex-basis: 100%; }
.workspace-body .ui-setup-kicker { color: var(--accent); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.workspace-body .ui-setup-guide { margin-bottom: 18px; scroll-margin-top: calc(var(--ui-top) + 20px); }
.workspace-body .ui-setup-guide > summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; cursor: pointer; list-style: none; }
.workspace-body .ui-setup-guide > summary::-webkit-details-marker { display: none; }
.workspace-body .ui-setup-guide > summary::after { content: '+'; color: var(--accent); font-size: 25px; line-height: 1; margin-left: auto; }
.workspace-body .ui-setup-guide[open] > summary::after { content: '−'; }
.workspace-body .ui-setup-guide > summary h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 21px; }
.workspace-body .ui-setup-guide > summary span { font-size: 14px; }
.workspace-body .ui-setup-guide[open] > summary { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--border); }
.workspace-body .ui-setup-guide .ui-guide-article { max-width: 95ch; margin: 0; padding: 0 !important; }
.workspace-body .ui-setup-guide .ui-guide-article ol { font-size: 16px; }
.workspace-body .ui-setup-guide > summary h2 svg { flex: 0 0 auto; }
.workspace-body .ui-setup-guide li { margin-bottom: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.workspace-body .ui-setup-guide h3 { scroll-margin-top: calc(var(--ui-top) + 20px); }
.workspace-body .ui-setup-check { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border-left: 3px solid var(--accent); background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0313725); }
.workspace-body .ui-setup-check svg { flex: 0 0 auto; margin-top: 5px; }
.workspace-body .ui-setup-choices { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 20px; }
@media (max-width: 1100px) { .workspace-body .ui-setup-choices { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 520px) {
 .workspace-body .ui-setup-guide > summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; }
 .workspace-body .ui-setup-guide > summary h2, .workspace-body .ui-setup-guide > summary span { grid-column: 1; }
 .workspace-body .ui-setup-guide > summary::after { grid-column: 2; grid-row: 1; align-self: start; }
}

/* Account coins: one balance across every input. */
.ui-coin-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--scheme-accent-border, #57754e); border-radius: 999px; color: var(--scheme-warning, #e2ce87); font-size: 15px; white-space: nowrap; }
.ui-coin-badge svg { color: var(--scheme-warning, #e2ce87); }
.ui-coin-badge.is-empty { border-color: var(--scheme-danger-border, #c57569); color: var(--scheme-danger, #f1a897); }
.ui-coin-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
.ui-coin-layout > .card { margin: 0 0 20px; }
.ui-wallet-card h2 { font-size: 56px !important; margin: 6px 0; line-height: 1.1; }
.ui-wallet-card > p { margin: 10px 0 16px; }
.ui-coin-symbol { display: inline-flex; color: var(--scheme-warning, #e2ce87); }
.ui-coin-layout p { line-height: 1.7; }
.ui-coin-table-wrap { overflow-x: auto; }
.ui-coin-packs-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:20px; }
.ui-coin-packs-heading h2 { margin:0 0 6px; }
.ui-coin-packs-heading p { margin:0; }
.ui-coin-pack-status { padding:7px 12px; border:1px solid var(--border); border-radius:999px; color:var(--muted); font-size:14px; }
.ui-coin-pack-grid { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; padding:0; margin:0; }
.ui-coin-pack { padding:20px; border:1px solid var(--border); border-radius:12px; background: var(--scheme-surface, #10191e); }
.ui-coin-pack-amount { display:flex; align-items:center; gap:12px; }
.ui-coin-pack-amount svg { color: var(--scheme-warning, #e2ce87); }
.ui-coin-pack-amount strong { display:block; font-size:27px; line-height:1.2; font-variant-numeric:tabular-nums; }
.ui-coin-pack-amount span { display:block; color:var(--muted); font-size:14px; margin-top:3px; }
.workspace-body .ui-coin-packs .ui-coin-pack-price { font-size:25px; color:var(--accent); margin:20px 0 0; font-weight:600; font-variant-numeric:tabular-nums; }
.workspace-body .ui-coin-packs .ui-coin-pack-rate { margin:4px 0 0; color:var(--muted); font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ui-coin-pack-discount { display:inline-flex; align-items:center; margin-top:10px; padding:3px 8px; border: 1px solid rgb(var(--scheme-accent-border-rgb, 155 232 189) / 0.188235); border-radius:999px; background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0627451); color:var(--accent); font-size:13px; font-weight:600; white-space:nowrap; }
.ui-coin-pack-discount.is-base { color:var(--muted); border-color:var(--border); background:transparent; font-weight:450; }
@media(max-width:520px) {
 .ui-coin-pack-grid { grid-template-columns:minmax(0,1fr); }
 .ui-coin-pack-pricing { text-align:right; }
 .ui-coin-pack { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; }
 .workspace-body .ui-coin-packs .ui-coin-pack-price { margin:0; }
}
.ui-coin-history table { width: 100%; border-collapse: collapse; }
.ui-coin-history td, .ui-coin-history th { padding: 13px 10px; text-align: left; border-bottom: 1px solid var(--border); }
.ui-coin-credit { color: var(--accent); }
.ui-coin-credit-form { display: flex; align-items: flex-end; gap: 15px; flex-wrap: wrap; }
.ui-coin-credit-form label { flex: 1 1 180px; }
.ui-coin-credit-form label input, .ui-coin-credit-form label select { width: 100%; display: block; margin-top: 8px; }
.ui-coin-credit-form button { width: auto; }
.ui-coin-notice { border: 1px solid var(--scheme-warning-border, #977257); padding: 14px 18px; border-radius: 10px; color: var(--scheme-warning, #e8c79c); }
.ui-registration-coins { color: var(--scheme-text, #b9dfbe); }
@media (max-width: 820px) { .ui-coin-layout { grid-template-columns: minmax(0,1fr); gap: 0; } .ui-coin-badge { padding: 6px 8px; gap: 5px; font-size: 14px; } }

@media (max-width: 520px) { .ui-brand { font-size: 18px; } .ui-brand-row { gap: 5px; } .ui-topbar-tools { gap: 4px; } .ui-coin-badge { font-size: 13px; padding: 6px 7px; } }
@media (max-width: 400px) {
 .ui-topbar { padding-left:10px; padding-right:10px; column-gap:6px; }
 .ui-brand { gap:5px; }
 .ui-brand-mark, .ui-brand-mark img { width:24px; height:28px; }
 .ui-language-menu summary span { display:none; }
}


/* Account pictures share the same crop in the header and account editor. */
.ui-avatar { overflow:hidden; flex-shrink:0; }
.ui-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
.ui-profile-picture-form { display:flex; align-items:flex-start; gap:24px; }
.ui-profile-picture-preview { display:grid; place-items:center; flex:0 0 88px; width:88px; height:88px; overflow:hidden; border-radius:50%; background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0705882); border: 1px solid rgb(var(--scheme-accent-border-rgb, 155 232 189) / 0.207843); color:var(--accent); font-size:34px; font-weight:650; }
.ui-profile-picture-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.ui-profile-picture-controls { min-width:0; flex:1; }
.ui-profile-picture-controls h3 { margin:0 0 12px; }
.ui-profile-picture-controls input[type=file] { width:100%; max-width:420px; min-width:0; padding:8px; }
.ui-profile-picture-controls .muted { margin:8px 0 16px; }
.ui-profile-picture-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ui-profile-picture-actions button { width:auto; }
@media (max-width:520px) { .ui-profile-picture-form { flex-direction:column; gap:16px; } .ui-profile-picture-controls { width:100%; } }

/* One card-entry dialog across Search and My collections. */
.ui-card-add { width:min(920px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; border:1px solid var(--border); border-radius:20px; padding:24px; background: var(--scheme-surface-soft, #111c21); color:var(--text); box-shadow: 0 24px 80px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.533333); overflow:auto; }
.ui-card-add::backdrop { background:#050c11cc; backdrop-filter:blur(4px); }
.ui-card-add-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ui-card-add-heading h2 { margin:0; font-size:24px; }
.ui-card-add-heading button { width:40px; height:40px; padding:0; font-size:26px; flex-shrink:0; }
.ui-card-add [hidden] { display:none!important; }
.ui-card-add #cardAddStatus { margin:8px 0 16px; min-height:1.4em; }
.ui-card-add #cardAddStatus.is-error { color: var(--scheme-danger, #fca5a5); }
.ui-card-add fieldset { border:0; padding:0; margin:0; min-width:0; }
.ui-card-add-layout { display:grid; grid-template-columns:minmax(180px,260px) minmax(0,1fr); gap:28px; align-items:start; }
.ui-card-add-image { display:block; width:100%; max-height:380px; object-fit:contain; border-radius:12px; }
.ui-card-add-options { display:grid; gap:14px; min-width:0; }
.ui-card-add label { display:grid; gap:6px; min-width:0; }
.ui-card-add input,.ui-card-add select { width:100%; min-width:0; box-sizing:border-box; }
.ui-card-add-options .muted { margin:0; font-size:14px; }
.ui-card-copy-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px 0; border-top:1px solid var(--border); }
.ui-card-copy-row strong { grid-column:1/-1; font-size:14px; }
.ui-card-add-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; }
.ui-card-add-actions button { width:auto; }
.ui-card-picker-search { margin-bottom:18px; }
.ui-card-picker-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ui-card-choice { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; padding:12px; text-align:center; }
.ui-card-choice img { width:100%; height:160px; object-fit:contain; }
.ui-card-choice span { font-size:13px; color:var(--muted); }
@media(max-width:600px) {
 .ui-card-add { padding:16px; }
 .ui-card-add-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
 .ui-card-add-image { max-height:190px; }
 .ui-card-add-layout>div:first-child .muted { text-align:center; }
 .ui-card-picker-results { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ui-card-copy-row { gap:8px; }
 .ui-card-copy-row label { font-size:14px; }
}

.ui-card-add { font:inherit; }
.ui-card-add button { border-radius:9px; font:inherit; }
.ui-card-add button:not(.action-blue) { background: var(--scheme-button, #203239); color: var(--scheme-text, #c1d6df); border:1px solid var(--border); }
.ui-card-add button.action-blue { background:var(--accent); color:#082d21; border:1px solid var(--accent); font-weight:650; }
.ui-card-add input,.ui-card-add select { background: var(--scheme-field, #0d181e); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:10px; font:inherit; }
.ui-card-add button:disabled { opacity:.55; cursor:wait; }

.workspace-main .private-collections-content { background:var(--card); border:1px solid var(--border); box-shadow:none; padding:24px; }
.workspace-main .private-collection-item-wrap { background:var(--card); border-color:var(--border); }
.workspace-main .private-collection-item { background:transparent; }
.workspace-main .private-collection-item.is-active { background: rgb(var(--scheme-selected-rgb, 155 232 189) / 0.0392157); box-shadow:inset 3px 0 var(--accent); }
.workspace-main .private-collection-inline-detail { background: var(--scheme-surface, #0f191e); border-color:var(--border); }
.workspace-main .private-collection-sort-wrap label { width:auto; margin:0; }
.workspace-main .private-collection-sort-wrap select { width:auto; margin:0; }
.workspace-main .private-collection-delete-btn { background: rgb(var(--scheme-danger-surface-rgb, 127 29 29) / 0.12549); color: var(--scheme-danger, #f3a3a3); border-color: rgb(var(--scheme-danger-border-rgb, 243 163 163) / 0.333333); }
@media(max-width:520px) { .workspace-main .private-collections-content { padding:16px; } }

.ui-set-abbreviation { display:block; width:fit-content; margin-top:.35rem; padding:.1rem .4rem; border:1px solid var(--border); border-radius:.3rem; color:var(--accent); font-size:.85em; letter-spacing:.04em; }
.ui-merged-options { width:100%; margin-top:.6rem; padding:.7rem; border:1px solid var(--border); border-radius:.7rem; }
.ui-merged-options summary { cursor:pointer; }
.ui-merged-options-form { display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)) auto; gap:.75rem; align-items:end; margin-top:.8rem; }
.ui-merged-options-form label { display:grid; gap:.4rem; }
.ui-merged-review-row { display:flex; gap:.7rem; align-items:center; flex-wrap:wrap; margin-top:.7rem; }
.ui-merged-review-row span { flex:1; min-width:180px; }
.ui-merged-review-row select { width:auto; }
@media(max-width:900px) { .ui-merged-options-form { grid-template-columns:1fr 1fr; } }

.ui-card-language { display:block; color:var(--muted); margin-top:.3rem; font-size:.85em; }

/* PayPal owns the button artwork and checkout frame. */
.ui-coin-pack-grid { grid-template-columns:repeat(auto-fit,minmax(184px,1fr)); }
.ui-coin-packs .ui-coin-pack { padding-inline:16px; }
.ui-paypal-button { width:100%; min-height:45px; margin-top:18px; isolation:isolate; }
.ui-paypal-unavailable { margin-top:18px; }
.ui-purchase-status { margin:14px 0 0; color:var(--accent); }
.ui-purchase-status:empty { display:none; }
.ui-purchase-status.is-error { color:var(--bad); }
.ui-purchase-table { width:100%; border-collapse:collapse; font-size:14px; }
.ui-purchase-table th,.ui-purchase-table td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--border); }
.ui-purchase-actions { min-width:140px; }
.ui-purchase-actions button { width:auto; margin:6px 0 0; padding:7px 10px; font-size:14px; }
.ui-purchase-actions a { display:block; }
.ui-paypal-setup summary { cursor:pointer; padding:8px 0; }
.ui-paypal-setup li { margin:10px 0; }
.ui-paypal-setup code { overflow-wrap:anywhere; }
@media (max-width:520px) { .ui-coin-pack-grid { grid-template-columns:minmax(0,1fr); } .ui-coin-pack { flex-wrap:wrap; } .ui-paypal-button,.ui-paypal-unavailable { flex-basis:100%; margin-top:0; } }

/* Finished exports stay out of the intake queue. */
.ui-csv-exports { border-top:1px solid var(--border); margin-top:1rem; padding-top:1rem; }
.ui-csv-exports p { margin:.45rem 0; }
.ui-csv-export-row { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; padding:.65rem 0; }
.ui-csv-export-row > span { flex:1 1 100%; }
.ui-csv-export-row select { width:auto; max-width:100%; }

.ui-csv-export-row button { width:auto; flex:0 0 auto; }

.ui-value-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.ui-value-heading h1,.ui-value-heading h2 { margin:0; }
.ui-value-controls { display:flex; align-items:end; gap:1rem; flex-wrap:wrap; }
.ui-value-controls label { flex:1 1 150px; }
.ui-value-controls label:first-child { flex:2 1 260px; }
.ui-value-controls button { width:auto; }
.ui-value-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.ui-value-metrics .card { padding:18px; display:grid; gap:8px; }
.ui-value-metrics strong { font-size:1.8rem; }
.ui-value-chart-card { padding:1rem; border:1px solid var(--border); border-radius:12px; margin-bottom:1.5rem; }
.ui-value-chart svg { display:block; width:100%; height:auto; min-height:150px; }
.ui-value-chart { color:var(--muted); }
.ui-value-table { width:100%; border-collapse:collapse; }
.ui-value-table th,.ui-value-table td { padding:12px; text-align:left; border-bottom:1px solid var(--border); white-space:nowrap; }
.ui-value-card { display:flex; align-items:center; gap:12px; }
.ui-value-card img { width:45px; height:63px; object-fit:contain; }
.ui-value-card span { display:block; font-size:.85rem; }
@media(max-width:700px) { .ui-value-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ui-value-metrics strong { font-size:1.4rem; } }

/* Multi-card selection and review */
.ui-selection-bar {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;}
.ui-selection-bar>span {margin-right:auto;font-weight:600;}
.ui-selection-bar button {width:auto;}
.ui-catalog-select {display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;}
.ui-catalog-select input,.ui-card-choice input,[data-catalog-select] {width:18px!important;height:18px;accent-color:var(--accent);}
.ui-catalog-card.is-selected,.ui-card-choice.is-selected {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
.ui-card-add .ui-card-choice {position:relative;display:flex;cursor:pointer;}
.ui-card-choice input {position:absolute;top:10px;left:10px;}
.ui-bulk-destination {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ui-bulk-rows {display:grid;gap:12px;}
.ui-bulk-card {display:grid;grid-template-columns:minmax(180px,2fr) 80px repeat(3,minmax(95px,1fr));gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;}
.ui-bulk-card-name {display:flex;gap:10px;align-items:center;min-width:0;}
.ui-bulk-card-name img {width:44px;height:62px;object-fit:contain;}
.ui-bulk-card-name p {margin:4px 0;font-size:.85rem;}
@media(max-width:700px){.ui-bulk-card {grid-template-columns:repeat(2,minmax(0,1fr));}.ui-bulk-card-name {grid-column:1/-1;}.ui-bulk-destination {grid-template-columns:1fr;}.ui-selection-bar button {flex:1;}.ui-selection-bar>span {flex-basis:100%;}}

.ui-card-choice {border:1px solid var(--border);border-radius:12px;background: var(--scheme-surface, #0d181e);}
.ui-selection-bar {position:sticky;top:0;z-index:2;background:var(--card,#111c21);}

/* Compact, always-visible scan filters with measured recognition estimates. */
.workspace-body .ui-scan-options-body { padding:12px 15px; }
.ui-scan-control-header { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px; }
.ui-scan-control-header .ui-scan-filters-heading { margin:0;font-size:17px; }
.ui-scan-time-total { display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted); }
.ui-scan-time-total strong { font-size:18px;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap; }
.workspace-body .ui-scan-options .automation-scan-controls { grid-template-columns:minmax(120px,.65fr) minmax(185px,1fr) minmax(210px,1.2fr) minmax(135px,.7fr) minmax(245px,1.65fr);gap:16px; }
body[data-scan-source="folder"] .ui-scan-options .automation-scan-controls,
body[data-scan-source="upload"] .ui-scan-options .automation-scan-controls { grid-template-columns:minmax(190px,1fr) minmax(220px,1.2fr) minmax(140px,.7fr) minmax(280px,1.7fr); }
body.workspace-body .ui-scan-options .automation-scan-controls { row-gap:4px; }
.ui-scan-options .ui-scan-control-column { grid-row:1; }
.ui-scan-options #scanControlMachineModes,
.ui-scan-options .ui-scan-finish-column { grid-row:1 / span 2; }
.ui-scan-recommendation { grid-column:3 / -1;grid-row:2;align-self:start;margin:0;color: var(--scheme-danger, #f87171);font-size:12px;line-height:1.4; }
.workspace-body .ui-scan-options .ui-scan-recommendation { margin:0;font-size:12px;line-height:1.4; }
body[data-scan-source="folder"] .ui-scan-recommendation,
body[data-scan-source="upload"] .ui-scan-recommendation { grid-column:2 / -1; }
.ui-scan-control-label { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:20px; }
.ui-timing-cost { color:var(--muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.ui-timing-cost.has-cost { color: var(--scheme-warning, #e4c47b); }
.workspace-body .ui-scan-control-column { gap:6px; }
.workspace-body .ui-scan-control-column select,
.workspace-body .ui-scan-control-column input[type="search"] { min-height:36px;height:36px;padding:6px 10px;font-size:14px; }
.ui-scan-checks { display:flex;flex-direction:column;gap:4px; }
.workspace-body .ui-scan-options .automation-toggle-row { justify-content:flex-start;min-height:32px;padding:4px 8px;gap:9px;border-radius:6px; }
.ui-scan-options .automation-toggle-row small { font-size:12px;color:var(--muted); }
.ui-scan-control-column > small { font-size:12px;line-height:1.4; }
.ui-scan-set-fields { position:relative;min-width:0; }
.ui-scan-timing-footer { display:flex;gap:5px 14px;flex-wrap:wrap;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:12px;line-height:1.4;color:var(--muted); }
.ui-scan-timing-footer strong { font-weight:500;color:var(--text); }
.ui-scan-timing-footer #scanTimingNote { margin-left:auto; }
.workspace-body #scanControlPrefsStatus { margin-top:6px;font-size:12px; }
@media(max-width:1250px) {
 body.workspace-body .ui-scan-options .automation-scan-controls { row-gap:12px; }
 .ui-scan-options .ui-scan-control-column,
 .ui-scan-options #scanControlMachineModes,
 .ui-scan-options .ui-scan-finish-column { grid-row:auto; }
 .ui-scan-options .ui-scan-recommendation { grid-column:1 / -1;grid-row:auto; }
 .workspace-body .ui-scan-options .automation-scan-controls,
 body[data-scan-source="folder"] .ui-scan-options .automation-scan-controls,
 body[data-scan-source="upload"] .ui-scan-options .automation-scan-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ui-scan-timing-footer #scanTimingNote { margin-left:0;flex-basis:100%; }
}
@media(max-width:600px) {
 .ui-scan-control-header { align-items:flex-start;flex-direction:column;gap:7px; }
 .ui-scan-time-total { width:100%;justify-content:space-between; }
 .workspace-body .ui-scan-options .automation-scan-controls,
 body[data-scan-source="folder"] .ui-scan-options .automation-scan-controls,
 body[data-scan-source="upload"] .ui-scan-options .automation-scan-controls { grid-template-columns:minmax(0,1fr);gap:12px; }
 .ui-scan-checks { flex-direction:row;flex-wrap:wrap; }
 .ui-scan-checks .automation-toggle-row { flex:1; }
}

.workspace-body .ui-scan-control-header #scanControlPrefsStatus { flex:1;margin:0;font-size:12px; }
@media(max-width:600px) { .ui-scan-control-header #scanControlPrefsStatus { order:3; } }

.ui-scanner-run-actions { display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:10px 0; }
.ui-scanner-run-actions label { display:grid;gap:5px;flex:1;max-width:360px;margin:0;font-size:14px; }
.ui-scanner-run-actions input { width:100%;margin:0;min-height:42px; }
.ui-scanner-run-actions button { min-height:42px;white-space:nowrap; }
#scannerBatchToggle.is-monitoring { border-color: var(--scheme-danger-border, #8f6757);background: var(--scheme-danger-surface, #49352e);color: var(--scheme-text, #ffe5d4); }
.ui-scanner-folders { margin:0;font-size:14px; }
@media(max-width:600px) { .ui-scanner-run-actions label { max-width:none;flex-basis:100%; } .ui-scanner-run-actions button { width:100%; } }

.ui-scanner-run-actions #scannerBatchToggle { width:auto;flex:0 0 auto;padding:10px 18px;background:var(--accent);color:#102a20;border-color:var(--accent); }
.ui-scanner-run-actions #scannerBatchToggle.is-monitoring { background: var(--scheme-danger-surface, #49352e);color: var(--scheme-text, #ffe5d4);border-color: var(--scheme-danger-border, #8f6757); }
@media(max-width:600px) { .ui-scanner-run-actions #scannerBatchToggle { width:100%; } }

/* Saved exceptions keep batch review readable on a phone and a desktop. */
.ui-batch-review {width:min(960px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid var(--border,#31444b);border-radius:18px;background: var(--scheme-surface-soft, #111d23);color: var(--scheme-text, #e6f0ef);box-sizing:border-box;overflow:auto;}
.ui-batch-review::backdrop {background:rgb(0 0 0 / 70%);}
.ui-batch-review header {display:flex;align-items:flex-start;gap:20px;justify-content:space-between;}
.ui-batch-review h2 {margin:0 0 8px;font-size:24px;}
.ui-batch-review p {margin:6px 0;}
.ui-batch-review-picker {display:grid;gap:6px;margin:20px 0;}
.ui-batch-review-picker select {width:100%;min-width:0;}
.ui-batch-review-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ui-batch-review-card {display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px;border: 1px solid var(--scheme-border, #31444b);border-radius:12px;}
.ui-batch-review-preview {display:flex;align-items:center;justify-content:center;min-height:145px;background: var(--scheme-surface, #0b151b);border-radius:7px;}
.ui-batch-review-preview img {width:100%;max-height:180px;object-fit:contain;}
.ui-batch-review-filename {overflow-wrap:anywhere;font-size:13px;color: var(--scheme-text-soft, #afc1c9);}
.ui-batch-review-reason {color: var(--scheme-warning, #f1ca8e);font-size:14px;}
@media(max-width:700px){.ui-batch-review{padding:16px;}.ui-batch-review-list{grid-template-columns:1fr;}.ui-batch-review-card{grid-template-columns:90px minmax(0,1fr);}}

.ui-batch-review header button {flex:none;width:auto;}
.ui-batch-review-picker select {max-width:none;}

.ui-folder-difference {display:grid;gap:5px;margin:6px 0 10px;font-size:14px;line-height:1.5;color:var(--muted,#b0c1c9);}
.ui-folder-difference p {margin:0;}
.ui-folder-difference strong {color:var(--text,#e5efef);margin-right:5px;}

/* A single set selector, with typing available inside its open menu. */
.workspace-body .ui-set-toggle { display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:36px;padding:6px 10px;background: var(--scheme-field, #0e191e);color:var(--text);border: 1px solid var(--scheme-border, #354750);border-radius:6px;text-align:left;font-size:14px; }
.ui-set-toggle span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ui-set-toggle::after { content:'⌄';flex:none;color:var(--muted); }
.ui-set-toggle:focus-visible,.ui-set-toggle[aria-expanded="true"] { outline:2px solid var(--accent);outline-offset:1px; }
.ui-set-popup { position:absolute;z-index:75;top:calc(100% + 6px);left:0;width:100%;padding:8px;background: var(--scheme-surface-soft, #142127);border: 1px solid var(--scheme-accent-border, #456157);border-radius:9px;box-shadow: 0 12px 32px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.533333); }
.ui-set-popup[hidden] { display:none; }
.ui-set-search { margin-bottom:7px!important; }
.ui-set-list { max-height:280px;max-height:min(280px,45vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.workspace-body .ui-set-option { display:block;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:14px;font-weight:400; }
.workspace-body .ui-set-option:hover,.workspace-body .ui-set-option.is-active { background: var(--scheme-selected, #29453b);color: var(--scheme-text, #d8ffed); }
.ui-set-option[aria-selected="true"] { box-shadow:inset 3px 0 var(--accent); }
.ui-set-empty { padding:12px 10px;color:var(--muted);font-size:14px; }

/* Notes are available on hover, focus and tap; operational messages stay in flow. */
[data-help-note][data-help-enhanced] { display:none!important; }
.ui-help-icon { display:inline-flex;align-items:center;justify-content:center;flex:none;width:19px;height:19px;margin-left:6px;border: 1px solid var(--scheme-border, #63877d);border-radius:50%;color: var(--scheme-text-soft, #a4c7bb);font:600 12px/1 system-ui;vertical-align:middle;cursor:help;user-select:none; }
.ui-help-icon:hover,.ui-help-icon:focus-visible { background: var(--scheme-selected, #2c4a3f);color: var(--scheme-text, #e0fff1);outline:2px solid #91d5b8;outline-offset:2px; }
.ui-help-tooltip { position:fixed;z-index:2147483000;box-sizing:border-box;width:max-content;max-width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:11px 13px;border: 1px solid var(--scheme-accent-border, #4c7563);border-radius:9px;background:var(--scheme-selected, #1b3029);color: var(--scheme-text, #e8f5ee);box-shadow: 0 8px 28px rgb(var(--scheme-shadow-rgb, 0 0 0) / 0.533333);font:400 14px/1.5 system-ui;white-space:pre-line;overflow-wrap:anywhere; }
.ui-help-tooltip[hidden] { display:none; }
.ui-help-inline,.ui-help-links { display:inline-flex;align-items:center;gap:10px; }
.ui-help-links { margin-left:10px;font-size:14px;font-weight:400; }
.ui-folder-difference:has(> [data-help-enhanced]) { display:none; }
.workspace-body .ui-folder-locations { align-items:center;gap:8px;margin:6px 0 8px; }
.ui-scanner-setup-link { display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:14px;white-space:nowrap; }
.workspace-body .ui-nas-folder-controls { gap:0; }
.workspace-body #nasWatchStatus { flex-basis:auto;margin:0;font-size:14px; }
.ui-scanner-status.has-error { color: var(--scheme-danger, #fca5a5); }
.workspace-body p.muted:empty,.workspace-body p[role="status"]:empty { display:none; }
.workspace-body .settings-section-head:has([data-help-enhanced]),.workspace-body .account-section-head:has([data-help-enhanced]),.workspace-body .portfolio-section-head:has([data-help-enhanced]) { margin-bottom:12px; }
.workspace-body .settings-subcard,.workspace-body .account-subcard { padding:16px; }
@media(max-width:600px) { .ui-help-icon { width:22px;height:22px; } .ui-scanner-setup-link { margin-left:auto; } }

/* Scanner workflow: select the input and start; export labels are automatic. */
.workspace-body .ui-scan-toolbar { container-type:inline-size; }
.workspace-body #watchedFolderControls:not([hidden]) { display:block; }
.ui-scanner-primary-row { display:grid;grid-template-columns:fit-content(420px) minmax(0,1fr) auto;gap:12px 16px;align-items:end; }
.ui-scanner-folder-field { min-width:0; }
.ui-scanner-field-label { display:block;margin-bottom:5px;color:var(--muted);font-size:13px;line-height:1.4; }
.workspace-body #watchedFolderControls .ui-folder-locations { margin:0;gap:8px;flex-wrap:nowrap; }
.workspace-body #watchedFolderControls .ui-folder-locations button { min-height:42px;white-space:nowrap; }
#watchedFolderControls .ui-scanner-run-actions { display:grid;grid-template-columns:auto;gap:12px;align-items:end;margin:0;min-width:0; }
#watchedFolderControls .ui-scanner-run-actions label { max-width:none;min-width:0;font-size:13px;color:var(--muted); }
#watchedFolderControls .ui-scanner-run-actions label > span { font-size:13px;line-height:1.4; }
#watchedFolderControls .ui-scanner-run-actions input { min-width:0; }
.workspace-body #watchedFolderControls #scannerBatchToggle { width:auto;min-height:42px;margin:0; }
#watchedFolderControls #localFolderControls:not([hidden]) { margin-top:8px; }
#watchedFolderControls .ui-folder-name { min-width:0;max-width:230px; }
.ui-scanner-output-bar { display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);min-width:0; }
.ui-scanner-run-status { flex:1 0 100%;min-width:0; }
.ui-scanner-summary.ui-scanner-output-bar { margin:0;padding:0;border:0;gap:0 12px;align-self:center; }
.workspace-body #watchedFolderControls #nasWatchStatus,.workspace-body #watchedFolderControls #watchedFolderStatus { margin:0!important;font-size:13px!important;overflow-wrap:anywhere; }
.workspace-body #watchedFolderControls #batchReviewOpen { width:auto;min-height:32px;padding:5px 10px;font-size:13px;white-space:nowrap; }
.workspace-body .ui-scanner-output-bar .ui-scanner-setup-link { margin:0;font-size:13px; }
.workspace-body .ui-scanner-output-bar .ui-merged-options { flex:0 0 auto;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent; }
.workspace-body .ui-scanner-output-bar .ui-merged-options > summary { padding:0;min-height:24px;font-size:13px;color:var(--muted); }
.workspace-body .ui-scanner-output-bar .ui-merged-options[open] { order:5;flex:1 0 100%;width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:8px;background: var(--scheme-surface-soft, #142127); }
.workspace-body #watchedFolderControls .ui-nas-setup { padding:10px 12px;margin:0 0 8px; }
.workspace-body #watchedFolderControls .ui-nas-setup p { margin:4px 0 8px;font-size:13px; }
@container(max-width:760px) {
 .ui-scanner-primary-row { grid-template-columns:minmax(0,1fr); }
 #watchedFolderControls #localFolderControls .ui-folder-actions { justify-content:flex-start; }
}
@container(max-width:480px) {
 #watchedFolderControls .ui-scanner-run-actions { grid-template-columns:minmax(0,1fr);gap:8px; }
 .workspace-body #watchedFolderControls #scannerBatchToggle { width:100%; }
 .ui-scanner-run-status { flex-basis:100%; }
 .ui-scanner-output-bar { gap:8px 12px; }
 .workspace-body .ui-scanner-output-bar .ui-scanner-setup-link { margin-left:auto; }
 #watchedFolderControls .ui-merged-options-form { grid-template-columns:minmax(0,1fr); }
}

.workspace-body .settings-machine-profile { align-items:flex-end;gap:14px;margin-bottom:14px; }
.workspace-body .settings-machine-profile > label { max-width:none;margin:0; }

/* Final scoring evidence, shared by both Recognition Pipeline panels. */
.ui-recognition-result .recognition-row { display:grid;grid-template-columns:minmax(145px,210px) minmax(0,1fr);gap:6px 12px;margin:0 0 9px; }
.workspace-body .ui-recognition-result .recognition-row strong { min-width:0; }
.ui-result-minimum { color:var(--muted);font-size:13px;white-space:nowrap;cursor:help; }
.ui-result-minimum:focus-visible { outline:1px solid var(--accent);outline-offset:3px; }

@media(max-width:600px) { .ui-recognition-result .recognition-row { grid-template-columns:minmax(120px,45%) minmax(0,1fr); } }

/* Keep the additional header icon within the smallest phone layouts. */
@media (max-width: 400px) {
  .ui-topbar { padding-inline: 8px; }
  .ui-brand-row { gap: 2px; }
  .ui-brand { font-size: 16px; }
  .ui-brand-mark { display: none; }
  .ui-topbar-tools { gap: 2px; }
  .ui-topbar-tools .ui-icon-button { min-width: 30px; padding-inline: 5px; }
  .ui-topbar-tools .ui-avatar { width: 28px; height: 28px; }
  .ui-topbar-tools .ui-coin-badge { padding: 5px; gap: 3px; font-size: 12px; }
  .ui-topbar-tools .ui-coin-badge svg { width: 14px; }
}

/* The recommendation follows the controls when they stack on smaller screens. */
@media (max-width: 1250px) {
  body[data-scan-source="folder"] .ui-scan-options .ui-scan-recommendation,
  body[data-scan-source="upload"] .ui-scan-options .ui-scan-recommendation { grid-column: 1 / -1; grid-row: auto; }
}


/* Scan Control fills the content width without a separate page introduction. */
.ui-scan-page-heading { display:block;margin-bottom:16px; }
.ui-scan-page-heading > .ui-page-actions { display:none; }
.ui-scan-page-heading > #scanOptions { width:100%;min-width:0;margin:0;container:scan-controls / inline-size; }
.workspace-body .ui-scan-page-heading .ui-scan-options-body { padding:10px 12px; }
.ui-scan-page-heading .ui-scan-control-header { margin-bottom:8px; }
.workspace-body .ui-scan-page-heading #scanOptions .automation-scan-controls {
 grid-template-columns:minmax(105px,.65fr) minmax(175px,1fr) minmax(200px,1.1fr) minmax(160px,.8fr) minmax(180px,1.6fr);
 gap:4px 12px;
}
body[data-scan-source="folder"] .ui-scan-page-heading #scanOptions .automation-scan-controls,
body[data-scan-source="upload"] .ui-scan-page-heading #scanOptions .automation-scan-controls {
 grid-template-columns:minmax(175px,1fr) minmax(200px,1.1fr) minmax(160px,.8fr) minmax(180px,1.6fr);
}
.ui-scan-page-heading #scanOptions .ui-scan-control-column { grid-row:1; }
.ui-scan-page-heading #scanOptions .ui-scan-control-label > span:first-child { white-space:nowrap; }
.ui-scan-page-heading #scanOptions #scanControlMachineModes,
.ui-scan-page-heading #scanOptions .ui-scan-finish-column { grid-row:1 / span 2; }
.workspace-body .ui-scan-page-heading #scanOptions .ui-scan-recommendation {
 grid-column:3 / -1;grid-row:2;max-width:none;margin:0;color:var(--scheme-danger,#f87171);font-size:12px;line-height:1.4;
}
body[data-scan-source="folder"] .ui-scan-page-heading #scanOptions .ui-scan-recommendation,
body[data-scan-source="upload"] .ui-scan-page-heading #scanOptions .ui-scan-recommendation { grid-column:2 / -1; }
.workspace-body .ui-scan-page-heading #scanOptions .automation-toggle-row { min-height:28px;padding:3px 8px; }
@container scan-controls (max-width:893px) {
 .workspace-body .ui-scan-page-heading #scanOptions .automation-scan-controls,
 body[data-scan-source="folder"] .ui-scan-page-heading #scanOptions .automation-scan-controls,
 body[data-scan-source="upload"] .ui-scan-page-heading #scanOptions .automation-scan-controls { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px; }
 .ui-scan-page-heading #scanOptions .ui-scan-control-column,
 .ui-scan-page-heading #scanOptions #scanControlMachineModes,
 .ui-scan-page-heading #scanOptions .ui-scan-finish-column { grid-row:auto; }
 .workspace-body .ui-scan-page-heading #scanOptions .ui-scan-recommendation,
 body[data-scan-source="folder"] .ui-scan-page-heading #scanOptions .ui-scan-recommendation,
 body[data-scan-source="upload"] .ui-scan-page-heading #scanOptions .ui-scan-recommendation { grid-column:1 / -1;grid-row:auto; }
 .workspace-body .ui-scan-page-heading #scanOptions .automation-toggle-row { min-height:32px; }
}
@container scan-controls (max-width:479px) {
 .workspace-body .ui-scan-page-heading #scanOptions .automation-scan-controls,
 body[data-scan-source="folder"] .ui-scan-page-heading #scanOptions .automation-scan-controls,
 body[data-scan-source="upload"] .ui-scan-page-heading #scanOptions .automation-scan-controls { grid-template-columns:minmax(0,1fr); }
 .ui-scan-page-heading .ui-scan-control-header { align-items:flex-start;flex-direction:column;gap:7px; }
 .ui-scan-page-heading .ui-scan-time-total { width:100%;justify-content:space-between; }
}

/* Candidates stay grey until a confirmed match, including rejected results. */
[data-card-image-frame$="reference"].is-candidate img,
[data-card-detail$="reference"].is-candidate img,
[data-card-image-frame$="reference"]:not([data-preview-phase="matched"][data-match-confirmed="true"]) img,
[data-card-detail$="reference"]:not([data-preview-phase="matched"][data-match-confirmed="true"]) img { filter: grayscale(1) !important; }
/* The original scan stays in color, including when an older script applies
   an inline checking filter or leaves a candidate class on the scanned side. */
[data-card-image-frame="scan"] img,
[data-card-image-frame="popup-scan"] img,
[data-card-detail="scan"] img,
[data-card-detail="popup-scan"] img { filter: none !important; }

/* Recent scan pairs and prices stay visible before the inventory controls. */
#scanList .scan-row { display:grid; grid-template-columns:112px 82px minmax(140px,1.5fr) 96px 80px 112px 78px 86px 120px !important; min-width:1000px; gap:10px; align-items:center; }
#scanList .recent-scans-heading { color:var(--muted); font-weight:600; font-size:12px; }
#scanList .recent-scan-row { cursor:pointer; }
#scanList .recent-scan-row:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
#scanList .recent-scan-row:hover { background:rgb(var(--scheme-surface-raised-rgb,35 52 60) / .25); }
#scanList .recent-scan-thumbnails { display:flex; gap:6px; align-items:center; }
#scanList .recent-scan-preview-btn { display:block; width:50px; padding:0; background:none; border:0; }
#scanList .recent-scan-preview-btn img { display:block; width:50px; height:70px; object-fit:contain; border:1px solid var(--border); border-radius:5px; }
#scanList .recent-scan-preview-btn.is-candidate img { filter:grayscale(1); }
#scanList .recent-scan-no-image { display:grid; place-items:center; width:50px; height:70px; color:var(--muted); border:1px dashed var(--border); border-radius:5px; }
#scanList small { display:block; color:var(--muted); font-size:11px; line-height:1.4; }
#scanList .recent-scan-identity { min-width:0; overflow-wrap:anywhere; }
#scanList .recent-scan-status.is-unmatched { color:var(--scheme-warning,#e5bd86); }
#scanList .recent-scan-price { position:relative; color:var(--accent); }
#scanList .recent-scan-price > strong { white-space:nowrap; }
#scanList .recent-scan-price-edit { display:inline-block; margin:0 0 0 5px; color:var(--muted); }
#scanList .recent-scan-price-edit summary { cursor:pointer; list-style:none; }
#scanList .recent-scan-price-edit label { position:absolute; z-index:3; top:25px; left:0; width:180px; padding:10px; border:1px solid var(--border); border-radius:8px; background:var(--scheme-surface-soft); font-size:12px; }
#scanList input,#scanList select { width:100%; min-width:0; }
#scanList .recent-scan-confidence { color:var(--muted); white-space:nowrap; text-align:right; }
#scanList .recent-scan-add-btn { font-size:12px; padding:8px; width:100%; }
.pokescan-modal__nav { position:absolute; top:50%; z-index:2; width:36px; height:56px; padding:0; transform:translateY(-50%); font-size:36px; line-height:1; }
.pokescan-modal__nav--previous { left:8px; }
.pokescan-modal__nav--next { right:8px; }
.pokescan-modal__image-label { display:block; margin-bottom:10px; font-weight:600; }
.pokescan-modal__image-empty { display:grid; place-items:center; width:100%; aspect-ratio:63/88; border:1px dashed var(--border); border-radius:10px; color:var(--muted); }
.pokescan-modal__image.is-candidate { filter:grayscale(1); }
.pokescan-modal__layout.compare .pokescan-modal__image-wrap { flex-direction:column; justify-content:flex-start; align-items:center; }
#pokescanModal.recent-compare .pokescan-modal__panel { width:min(1500px,100%); max-height:calc(100dvh - 32px); padding:52px 54px 22px; }
#pokescanModal.recent-compare .pokescan-modal__layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(250px,.85fr); gap:20px; }
#pokescanModal.recent-compare .pokescan-modal__image { max-width:100%; max-height:calc(100dvh - 140px); border:0; }
#pokescanModal.recent-compare #pokescanModalInfo { max-height:calc(100dvh - 120px); overflow-y:auto; padding-right:6px; }
#pokescanModal.recent-compare .pokescan-modal__fields { gap:8px; }
#pokescanModal.recent-compare .pokescan-modal__field { grid-template-columns:minmax(90px,.8fr) minmax(0,1fr); gap:10px; font-size:13px; }
#pokescanModal.recent-compare .pokescan-modal__field-value { overflow-wrap:anywhere; }
@media (max-width:820px) {
 #pokescanModal.recent-compare .pokescan-modal__panel { padding:48px 34px 16px; }
 #pokescanModal.recent-compare .pokescan-modal__layout { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 #pokescanModal.recent-compare #pokescanModalInfo { grid-column:1/-1; max-height:none; overflow:visible; }
 #pokescanModal.recent-compare .pokescan-modal__nav { width:28px; height:48px; font-size:30px; }
 #pokescanModal.recent-compare .pokescan-modal__nav--previous { left:2px; }
 #pokescanModal.recent-compare .pokescan-modal__nav--next { right:2px; }
 #pokescanModal.recent-compare .pokescan-modal__image-label { font-size:13px; text-align:center; }
}

#scanList .recent-scan-preview-btn.image-unavailable img { display:none !important; }

/* A transient film countdown builds playback lookahead without taking layout space. */
.ui-scan-gallery .ui-card-pair { position: relative; }
.ui-scan-countdown[hidden] { display: none; }
.ui-scan-countdown { box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(320px, calc(100vw - 32px)); padding: 28px; z-index: 2000; pointer-events: none; box-shadow: 0 16px 60px #0008; border: 1px solid var(--border); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 14px; background: rgb(var(--scheme-surface-soft-rgb, 14 23 27) / .94); color: var(--text); backdrop-filter: blur(5px); }
.ui-scan-countdown-dial { position: relative; display: grid; place-items: center; width: clamp(100px, 22vw, 180px); aspect-ratio: 1; border: 2px solid var(--border); border-radius: 50%; background: linear-gradient(transparent calc(50% - .5px), var(--border) 50%, transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px), var(--border) 50%,transparent calc(50% + .5px)); }
.ui-scan-countdown-dial::before { content: ''; position: absolute; inset: 9px; border: 2px solid var(--accent, #9fe8c5); border-radius: 50%; }
.ui-scan-countdown-dial::after { content: ''; position: absolute; inset: -7px; border: 2px solid transparent; border-top-color: var(--accent, #9fe8c5); border-radius: 50%; animation: scan-countdown-turn 1s linear infinite; }
.ui-scan-countdown-dial strong { font-size: clamp(64px, 12vw, 112px); font-variant-numeric: tabular-nums; line-height: 1; }
.ui-scan-countdown > span { font-weight: 600; }
.ui-scan-countdown small { color: var(--muted); }
@keyframes scan-countdown-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ui-scan-countdown-dial::after { animation: none; } }

/* Reveal details in the same paint as the confirmed candidate image. */
.ui-match-checking { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: var(--scan-details-height, 180px); color: var(--muted); }
.ui-match-checking p { margin: 0; font-size: 16px; }
.ui-match-checking-ring { box-sizing: border-box; width: 32px; height: 32px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: scan-countdown-turn .85s linear infinite; }
@media (prefers-reduced-motion: reduce) { .ui-match-checking-ring { animation: none; } }

/* Manual exceptions review: compare the saved scan and selected catalog card. */
.ui-batch-review-actions,.ui-batch-identify-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ui-batch-review-actions {margin:0 0 12px;}
.ui-batch-review-decision {font-size:13px;color:var(--accent);}
.ui-batch-identify {box-sizing:border-box;width:min(1480px,calc(100vw - 32px));max-height:94dvh;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--scheme-surface-soft,#111d23);color:var(--text);}
.ui-batch-identify[open] {display:flex;flex-direction:column;}
.ui-batch-identify-body {min-height:0;overflow:auto;overscroll-behavior:contain;}
.ui-batch-identify::backdrop {background:rgb(0 0 0 / 75%);}
.ui-batch-identify header {display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:10px;flex:none;}
.ui-batch-identify header > div {min-width:0;}
.ui-batch-identify-title {display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;}
.ui-batch-identify header h2 {margin:0;font-size:24px;}
.ui-batch-identify header p {margin:6px 0;}
.ui-batch-identify header small {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ui-batch-identify header button {width:auto;flex:none;}
.ui-batch-identify h3 {font-size:18px;margin:0 0 10px;}
.ui-batch-identify-grid {display:grid;grid-template-columns:1fr 1fr minmax(300px,1.05fr);gap:18px;align-items:start;}
.ui-batch-identify-grid[hidden],.ui-batch-identify [hidden],.ui-batch-review-actions [hidden] {display:none;}
.ui-batch-identify-pane,.ui-batch-identify-criteria {min-width:0;}
.ui-batch-identify-pane > h3,.ui-batch-identify-candidate-heading {min-height:40px;display:flex;align-items:center;}
.ui-batch-identify-candidate-heading {justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.ui-batch-identify-candidate-heading h3 {margin:0;}
.ui-batch-identify-candidate-heading > div {display:flex;gap:6px;}
.ui-batch-identify-candidate-heading button {width:auto;padding:7px 10px;font-size:12px;min-height:32px;}
.ui-batch-identify-image {position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:63/88;max-height:clamp(180px,calc(94dvh - 300px),520px);border:1px solid var(--border);border-radius:12px;background:var(--scheme-surface,#0b151b);padding:8px;box-sizing:border-box;overflow:hidden;}
.ui-batch-identify-image img {position:absolute;display:block;max-width:none;max-height:none;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:contain;border-radius:8px;}
.ui-batch-identify-image span {font-size:14px;color:var(--muted);}
.ui-batch-identify-detail-controls {display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 5px;min-height:30px;color:var(--muted);font-size:12px;}
.ui-batch-identify-detail-controls > div {display:flex;gap:4px;}
.ui-batch-identify-detail-controls button {width:auto;min-height:28px;padding:3px 8px;font-size:12px;}
.ui-batch-identify-detail-controls button[aria-pressed="true"] {color:var(--accent);border-color:var(--accent);}
.ui-batch-identify-detail {height:80px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--scheme-surface,#0b151b);box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
.ui-batch-identify-detail canvas {display:block;width:100%;height:100%;}
.ui-batch-identify-detail span {position:absolute;font-size:12px;color:var(--muted);}
.ui-batch-identify-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding-top:12px;margin-top:12px;border-top:1px solid var(--border);}
.ui-batch-identify-footer p {margin:0;font-size:13px;}
.ui-batch-identify-counts {flex:none;margin:8px 0 12px;font-size:12px;line-height:1.6;}
#scanPreviewProgress.is-complete {display:inline-flex;padding:6px 10px;border:1px solid var(--accent);border-radius:7px;color:var(--accent);font-weight:600;}
.ui-batch-identify-footer button {flex:none;width:auto;min-width:96px;}
.ui-batch-identify-criteria > p {font-size:13px;margin:6px 0;overflow-wrap:anywhere;}
.ui-batch-identify-price strong {color:var(--accent);margin-left:8px;}
.ui-batch-identify fieldset {border:0;margin:16px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0;align-items:end;}
.ui-batch-identify label {display:grid;gap:5px;min-width:0;font-size:13px;}
.ui-batch-identify label small {display:contents;color:var(--muted);}
.ui-batch-identify input,.ui-batch-identify select {box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:8px;font-size:14px;}
.ui-batch-identify-wide {grid-column:1/-1;}
.ui-manual-set-picker {position:relative;display:grid;gap:5px;min-width:0;}
.ui-batch-identify-actions button,.ui-batch-identify-actions a {width:auto;font-size:14px;}
#batchIdentifyStatus {font-size:14px;margin:14px 0 0;color:var(--muted);}
#batchIdentifyStatus.has-error {color:var(--scheme-danger,#fca5a5);}
#batchIdentifySummary {padding:24px 0;}
@media(max-width:1050px){.ui-batch-identify-grid{grid-template-columns:1fr 1fr;}.ui-batch-identify-criteria{grid-column:1/-1;}.ui-batch-identify-image{max-height:clamp(180px,calc(94dvh - 300px),480px);}}
@media(max-width:600px){.ui-batch-identify{padding:14px;width:calc(100vw - 16px);}.ui-batch-identify-grid{gap:10px;}.ui-batch-identify-candidate-heading{min-height:40px;}.ui-batch-identify-candidate-heading button{font-size:11px;padding:5px 6px;}.ui-batch-identify-pane > h3{min-height:70px;}.ui-batch-identify-candidate-heading{min-height:70px;}.ui-batch-identify-image{padding:4px;}.ui-batch-review-actions button{font-size:13px;}}

@media(max-width:600px){
 .ui-batch-identify-pane{display:grid;grid-template-rows:30px auto 32px 64px auto;align-content:start;}
 .ui-batch-identify-pane > h3{grid-row:1;height:30px;min-height:0;margin:0;font-size:15px!important;align-items:start;}
 .ui-batch-identify-candidate-heading{display:contents;}
 .ui-batch-identify-candidate-heading h3{grid-row:1;margin:0;font-size:15px!important;white-space:nowrap;}
 .ui-batch-identify-candidate-heading > div{grid-row:5;display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;margin-top:8px;}
 .ui-batch-identify-candidate-heading button{min-width:0;width:auto;min-height:30px;padding:5px;font-size:11px;}
 .ui-batch-identify-image{grid-row:2;}
 .ui-batch-identify-title{gap:4px;}
 .ui-batch-identify header h2{font-size:20px;}
 .ui-batch-identify header p{font-size:12px;margin:2px 0;}
 .ui-batch-identify header small{font-size:11px;}
 .ui-batch-identify-detail-controls{grid-row:3;margin:3px 0 2px;font-size:10px;}
 .ui-batch-identify-detail-controls button{padding:2px 5px;min-height:25px;font-size:11px;}
 .ui-batch-identify-detail{grid-row:4;height:64px;}
 .ui-batch-identify-footer p{font-size:12px;}
}

.ui-batch-export-choice {width:min(480px,calc(100vw - 32px));}
.ui-batch-export-choice h2 {font-size:21px;}
.ui-batch-export-choice > p {margin:12px 0 20px;line-height:1.5;}
.ui-batch-export-choice .ui-batch-review-actions {margin:0;}
.ui-batch-export-choice button {width:auto;}

/* Start frames the two complete cards and puts the warmup over their images. */
.ui-scan-gallery.is-playback-focus .ui-card-pair {width:100%;max-width:var(--scan-focus-pair-width,100%);margin-inline:auto;}
.ui-scan-gallery .ui-scan-countdown {position:absolute;top:var(--scan-countdown-top,50%);left:50%;z-index:5;max-width:calc(100% - 16px);}
@media(max-width:600px),(max-height:600px){
 .ui-scan-gallery .ui-scan-countdown {width:250px;padding:16px;gap:6px;}
 .ui-scan-gallery .ui-scan-countdown-dial {width:100px;}
 .ui-scan-gallery .ui-scan-countdown-dial strong {font-size:64px;}
 .ui-scan-gallery .ui-scan-countdown > span {font-size:14px;}
 .ui-scan-gallery .ui-scan-countdown small {font-size:12px;}
}

.ui-live-scan-id {font-size:13px;}
.ui-live-match-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;padding:0 0 18px;border-bottom:1px solid var(--border);}
.ui-live-match-stats > div {min-width:0;}
.ui-live-match-stats dt {font-size:12px;color:var(--muted);margin-bottom:4px;}
.ui-live-match-stats dd {margin:0;font-size:18px;font-weight:650;color:var(--text);overflow-wrap:anywhere;}
.ui-live-match-stats .ui-live-candidate {grid-column:1/-1;}
.ui-live-card-facts {display:grid;grid-template-columns:minmax(82px,.75fr) minmax(0,1.25fr);gap:7px 12px;margin:0;font-size:14px;line-height:1.4;}
.ui-live-card-facts dt {min-width:0;color:var(--muted);overflow-wrap:anywhere;}
.ui-live-card-facts dd {margin:0;color:var(--text);overflow-wrap:anywhere;}
.ui-live-price-link {display:inline-block;margin-top:12px;font-size:13px;}
.ui-live-card-details > p {margin:0 0 4px;}
.ui-card-info-panel .ui-live-card-details > h3 {font-size:18px;margin:0 0 14px;}

/* Keep machine status and help beside the controls instead of below them. */
.workspace-body #machineFeedControls:not([hidden]) { display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);grid-template-rows:1fr 1fr;gap:4px 24px;align-items:center; }
.workspace-body #machineFeedControls > .ui-scan-machine-row { grid-column:1;grid-row:1 / 3; }
.workspace-body #machineFeedControls > #startScanningStatus { grid-column:2;grid-row:1;align-self:end;margin:0;min-width:0; }
.workspace-body #machineFeedControls > .ui-input-help { grid-column:2;grid-row:2;align-self:start;margin:0;min-width:0; }
@container(max-width:600px) {
 .workspace-body #machineFeedControls:not([hidden]) { grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:6px; }
 .workspace-body #machineFeedControls > .ui-scan-machine-row,.workspace-body #machineFeedControls > #startScanningStatus,.workspace-body #machineFeedControls > .ui-input-help { grid-column:1;grid-row:auto; }
}

.ui-card-already-added { color:var(--accent,#a2e8c8); font-size:.82rem; }
.ui-card-already-added small { display:block; color:var(--muted,#a1b5bc); }

.ui-supporter-badge{font-size:12px;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:5px 9px;white-space:nowrap}@media(max-width:900px){.ui-supporter-badge{display:none}}

/* Inventory and its gallery share one sidebar destination. */
.ui-inventory-view-switch{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;margin:0 0 20px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.workspace-body .ui-inventory-view-switch button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid transparent;background:transparent;color:var(--muted);width:auto}
.workspace-body .ui-inventory-view-switch button[aria-pressed=true]{color:#143322;border-color:var(--accent);background:var(--accent);font-weight:600}

/* Leave room for Insights beside Portfolio on desktop. */
@media(min-width:1251px) and (max-width:1600px){.ui-topbar{gap:12px;padding-inline:18px}.ui-brand-row{width:225px}.ui-topnav{gap:1px}.ui-topnav-link{padding-inline:8px;font-size:14px;gap:6px}.ui-topbar-tools{gap:6px}}

.ui-wallet-popover { position:relative; }
.ui-wallet-popover button { font:inherit; background:transparent; cursor:pointer; }
.ui-wallet-breakdown { position:absolute; right:0; top:calc(100% + 10px); width:min(340px,calc(100vw - 24px)); padding:18px; border:1px solid var(--scheme-border,#42545d); border-radius:14px; background:var(--scheme-surface,#17272d); color:var(--scheme-text,#e5eff0); box-shadow:0 12px 35px #0008; z-index:160; white-space:normal; }
.ui-wallet-breakdown[hidden] { display:none; }
.ui-wallet-breakdown > strong { display:block; margin-bottom:14px; }
.ui-wallet-breakdown > div { display:flex; justify-content:space-between; gap:15px; margin-top:12px; }
.ui-wallet-breakdown small { display:block; color:var(--scheme-muted,#afc1c7); font-size:12px; line-height:1.5; margin:5px 0; }
.ui-wallet-breakdown progress { width:100%; height:12px; accent-color:var(--scheme-accent,#8de5b5); margin:9px 0 3px; }
.ui-wallet-total { border-top:1px solid #ffffff22; padding-top:12px; }
.ui-wallet-breakdown > a { display:block; margin-top:14px; font-size:13px; }
@media(max-width:600px) { .ui-wallet-breakdown { position:fixed; left:12px; right:12px; top:64px; width:auto; } }

.ui-wallet-breakdown [hidden]{display:none!important}
.ui-wallet-tier b,.ui-wallet-plan b{max-width:65%;text-align:right;font-size:13px}
.ui-wallet-breakdown button.ui-wallet-cost-link{display:block;border:0;padding:0;margin-top:14px;color:var(--scheme-accent,var(--accent,#8de5b5));font-size:13px;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer}
.ui-wallet-cost-dialog{width:min(660px,calc(100vw - 24px));max-height:85vh;padding:24px;border:1px solid var(--scheme-border,var(--border,#42545d));border-radius:16px;background:var(--scheme-surface,var(--card,#17272d));color:var(--scheme-text,var(--text,#e5eff0));box-shadow:0 20px 60px #0008;overflow:auto}
.ui-wallet-cost-dialog::backdrop{background:#0009}
.ui-wallet-cost-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px}
.ui-wallet-cost-heading h2{font-size:1.3rem;margin:0}
.ui-wallet-cost-heading button{font-size:.8rem;flex:0 0 auto;width:auto;min-width:64px}
.ui-wallet-cost-basis{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 16px;font-size:.85rem}
.ui-wallet-cost-basis span{color:var(--scheme-accent,var(--accent,#8de5b5))}
.ui-wallet-cost-dialog [hidden]{display:none!important}
.ui-wallet-cost-admin,.ui-wallet-cost-note{font-size:.8rem;line-height:1.6;color:var(--scheme-muted,var(--muted,#afc1c7))}
.ui-wallet-cost-rows{margin:0}
.ui-wallet-cost-rows>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px;padding:14px 0;border-top:1px solid var(--scheme-border,var(--border,#42545d))}
.ui-wallet-cost-rows dt{font-size:.86rem;font-weight:600}
.ui-wallet-cost-rows dd{margin:0;font-size:.88rem}
.ui-wallet-cost-rows small{display:block;font-size:.76rem;line-height:1.55;color:var(--scheme-muted,var(--muted,#afc1c7));margin-top:5px}
.ui-wallet-cost-dialog>a{font-size:.82rem}
@media(max-width:600px){.ui-wallet-breakdown{max-height:calc(100dvh - 76px);overflow:auto}.ui-wallet-cost-dialog{padding:18px;max-height:85dvh}.ui-wallet-cost-rows>div{grid-template-columns:minmax(0,1fr);gap:5px}}

.ui-wallet-cost-heading{position:sticky;top:-24px;z-index:1;padding-bottom:10px;background:var(--scheme-surface,var(--card,#17272d))}
@media(max-width:600px){.ui-wallet-cost-heading{top:-18px}}

/* Welcome Deal palette, sculpted into a compact, live wallet badge. */
.ui-wallet-popover #coinBalanceLink {
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-width:108px;height:37px;gap:7px;padding:0 10px 0 6px;overflow:visible;
  border:0;border-radius:11px;background:transparent;color:#f3fff7;
  font-size:16px;line-height:1;font-weight:850;white-space:nowrap;
  filter:drop-shadow(0 2px 2px #001a4c80);transition:filter .16s ease,transform .16s ease;
}
#coinBalanceLink::before {
  content:"";position:absolute;inset:0;z-index:-1;border:2px solid #0b45e9;border-radius:11px;
  background:linear-gradient(157deg,#56fff0 0%,#13bcd9 19%,#0877c9 47%,#0a439d 77%,#097b85 100%);
  box-shadow:inset 0 0 0 1px #75faff,inset 0 3px 0 #dcffff80,inset 0 -3px 0 #073376,0 0 0 1px #2fe7ef,0 2px 0 1px #052565,0 3px 0 1px #a9ff35;
  transform:skewX(-6deg);
}
#coinBalanceLink::after {
  content:"";position:absolute;left:33px;right:12px;top:3px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#eaffff,transparent);opacity:.8;
}
#coinBalanceLink .ui-wallet-flame {display:block;flex:0 0 auto;width:32px;height:38px;object-fit:contain;margin:-7px 0 -1px -1px;filter:drop-shadow(0 1px 0 #04247c)}
#coinBalanceLink .ui-wallet-balance {
  position:relative;font-family:inherit;font-size:16px;font-weight:850;font-style:italic;letter-spacing:.35px;font-variant-numeric:tabular-nums;
  color:#f3fff7;text-shadow:-1px -1px 0 #06429e,1px -1px 0 #06429e,-1px 1px 0 #04357c,1px 1px 0 #04357c,0 2px 0 #01245b,0 -1px 0 #fff;
}
#coinBalanceLink .ui-wallet-chevron {position:relative;flex:0 0 auto;margin-top:-3px;font-size:14px;font-weight:700;color:#baff69;text-shadow:0 1px 1px #003d70;transition:transform .16s ease}
.ui-wallet-popover #coinBalanceLink:hover,.ui-wallet-popover #coinBalanceLink[aria-expanded="true"] {filter:drop-shadow(0 0 5px #22dfed70);transform:translateY(-1px)}
#coinBalanceLink[aria-expanded="true"] .ui-wallet-chevron {transform:rotate(180deg);margin-top:3px}
.ui-wallet-popover #coinBalanceLink:focus-visible {outline:2px solid #d4ff79;outline-offset:5px}
#coinBalanceLink.is-empty::before {background:linear-gradient(150deg,#ffbf8d,#c65a65 44%,#703d6e);box-shadow:inset 0 0 0 1px #ffd3bd,inset 0 3px 0 #ffffff40,0 0 0 1px #f1ac91,0 2px 0 1px #46285e}
#coinBalanceLink.is-empty .ui-wallet-chevron {color:#ffe8ba}
@media(max-width:820px){.ui-wallet-popover #coinBalanceLink{min-width:102px;height:35px;gap:5px;padding-right:8px}#coinBalanceLink .ui-wallet-balance{font-size:15px}#coinBalanceLink .ui-wallet-flame{width:29px;height:36px}}
@media(max-width:400px){.ui-wallet-popover #coinBalanceLink{min-width:91px;height:33px;gap:4px;padding:0 6px 0 3px}#coinBalanceLink .ui-wallet-balance{font-size:13px;letter-spacing:.1px}#coinBalanceLink .ui-wallet-flame{width:25px;height:32px}#coinBalanceLink .ui-wallet-chevron{font-size:12px}#coinBalanceLink::after{left:27px;right:9px}}
@media(prefers-reduced-motion:reduce){.ui-wallet-popover #coinBalanceLink,#coinBalanceLink .ui-wallet-chevron{transition:none}.ui-wallet-popover #coinBalanceLink:hover,.ui-wallet-popover #coinBalanceLink[aria-expanded="true"]{transform:none}}

/* The real administrator can enter and leave a Customer preview from any page. */
.ui-topnav .ui-member-preview-link,.ui-topnav .ui-member-preview-exit button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;width:auto;min-height:35px;margin:0;padding:7px 10px;border:1px solid #6aa3d344;border-radius:8px;background:#4b96d70d;color:var(--scheme-text,#c7dbe3);font:inherit;font-size:13px;white-space:nowrap;text-decoration:none;cursor:pointer}
.ui-topnav .ui-member-preview-link svg,.ui-topnav .ui-member-preview-exit button svg{flex:0 0 auto}
.ui-topnav .ui-member-preview-link:hover,.ui-topnav .ui-member-preview-exit button:hover{background:#75baff1a;border-color:#75baff77}
.ui-member-preview-exit{display:inline-flex;flex:0 0 auto;margin:0}
.ui-topnav .ui-member-preview-exit button{border-color:#f2c77366;color:var(--scheme-text,#e5eff0);background:#f2c7730d}
.ui-topnav .ui-member-preview-link.is-preview{color:var(--accent,#9be8bd);border-color:var(--accent,#9be8bd)}
.ui-member-preview-banner{padding:14px 17px;margin:0 0 20px;border:1px solid #f2c77366;border-radius:12px;background:linear-gradient(110deg,#f2c7730b,#75baff07);color:var(--scheme-text,#e5eff0)}
.ui-member-preview-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.ui-member-preview-banner strong{color:var(--scheme-warning,#f2c773)}
.ui-member-preview-banner p{font-size:12px;line-height:1.6;margin:6px 0 0;color:var(--scheme-muted,#a8bdc7)}
.workspace-body .card.ui-member-preview-settings{max-width:980px;padding:26px;border:1px solid var(--border);background:var(--scheme-surface,var(--card,#142127));border-radius:16px}
.ui-member-preview-settings h2{font-size:23px;margin:4px 0 13px}.ui-member-preview-settings>p{font-size:14px;line-height:1.75;max-width:850px}
.ui-member-preview-kicker{font-size:11px!important;letter-spacing:.14em;color:var(--accent,#9be8bd);font-weight:650;margin:0}
.ui-member-preview-fields{display:grid;grid-template-columns:1fr 1.2fr .75fr;gap:17px;margin:26px 0 20px}.ui-member-preview-fields label{display:grid;gap:7px;font-size:13px}
.ui-member-preview-check{display:flex;align-items:center;gap:9px;font-size:14px}.ui-member-preview-check input{width:16px;flex:0 0 auto}
.ui-member-preview-hint{font-size:12px;line-height:1.6;margin:7px 0 20px;color:var(--muted)}
.ui-member-preview-settings-note{padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.75;color:var(--muted)}
.ui-member-preview-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px}.workspace-body .ui-member-preview-actions button{width:auto;background:var(--accent,#9be8bd);color:#143322;border:1px solid var(--accent,#9be8bd);font-weight:600}
.ui-member-preview-actions span{font-size:12px;color:var(--muted)}.ui-member-preview-footnote{font-size:12px!important;color:var(--muted);margin:24px 0 0}
[data-preview-blocked]{opacity:.65;cursor:not-allowed!important}
@media(max-width:700px){.ui-member-preview-fields{grid-template-columns:1fr;gap:15px}.workspace-body .card.ui-member-preview-settings{padding:19px}.ui-member-preview-banner>div{align-items:flex-start;gap:6px}.ui-topnav .ui-member-preview-link,.ui-topnav .ui-member-preview-exit button{min-height:37px;font-size:12px;padding:7px 9px}}
.ui-account-view-changed{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:5000;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 30px);width:max-content;padding:15px 18px;border:1px solid #f2c77399;border-radius:12px;background:var(--scheme-surface,#17272d);color:var(--scheme-text,#e5eff0);box-shadow:0 10px 40px #0008;font-size:13px;line-height:1.6}.ui-account-view-changed button{width:auto;min-width:120px;flex:0 0 auto}.ui-account-view-changed span{min-width:0}@media(max-width:600px){.ui-account-view-changed{flex-direction:column;align-items:stretch;width:calc(100vw - 30px);box-sizing:border-box}.ui-account-view-changed button{width:100%}}

.ui-card-copy-row {grid-template-columns:repeat(6,minmax(0,1fr));}
.ui-card-copy-row label {grid-column:span 2;}
.ui-card-copy-row label:nth-last-child(2) {grid-column:span 4;}
.ui-bulk-card label:nth-last-child(2) {grid-column:2/5;}
@media(max-width:700px){.ui-card-copy-row{grid-template-columns:repeat(2,minmax(0,1fr));}.ui-card-copy-row label,.ui-card-copy-row label:nth-last-child(2){grid-column:auto;}.ui-bulk-card label:nth-last-child(2){grid-column:auto;}}

.ui-scan-merged-options {margin-top:12px;padding-top:10px;border-top:1px solid var(--border);min-width:0;}
.ui-merged-control-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ui-merged-toggle-and-value {display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;}
.ui-merged-control-heading .automation-toggle-row {width:auto;margin:0;gap:8px;min-width:0;}
.ui-merged-control-heading .automation-toggle-row input {width:16px;height:16px;margin:0;flex:0 0 auto;}
.ui-merged-cost,.ui-merged-download-link {font-size:13px;}
.ui-merged-download-link {margin-left:auto;white-space:nowrap;}
.ui-scan-merged-options .ui-merged-options-form,.ui-merged-options .ui-merged-options-form {display:block;flex:0 0 110px;width:110px;margin:0;padding:0;border:0;min-width:0;}
#mergedPictureValueControls[hidden] {display:none!important;}
#mergedPictureValueControls .ui-merged-value {display:flex;align-items:center;gap:5px;margin:0;min-width:0;font-size:13px;}
#mergedPictureValueControls #mergedPictureCurrency {width:96px;min-width:96px;margin:0;padding:6px;font-size:12px;}
.ui-scan-merged-options #mergedPictureValueControls,.ui-merged-options #mergedPictureValueControls {flex-basis:185px;width:185px;}
#mergedPictureValueControls input {min-width:0;width:100%;box-sizing:border-box;height:34px;min-height:34px;padding:5px 8px;}
#mergedPictureOptionsStatus {margin:5px 0 0;font-size:12px;}
#mergedPictureOptionsStatus:empty {display:none;}
#mergedPictureSave[hidden] {display:none!important;}
@media(max-width:600px){.ui-merged-control-heading {gap:8px 12px;}.ui-merged-toggle-and-value {width:100%;}.ui-merged-control-heading .automation-toggle-row {flex:1;}.ui-scan-merged-options .ui-merged-options-form,.ui-merged-options .ui-merged-options-form {flex-basis:100px;width:100px;}.ui-merged-download-link {margin-left:0;}}

/* The details rail follows the full scan gallery instead of stopping mid-page. */
.workspace-body .automation-scanning-grid{align-items:stretch}
.workspace-body .automation-scanning-right{display:flex;flex-direction:column;align-self:stretch;min-width:0}
.workspace-body .automation-scanning-right>.ui-card-info-panel{flex:1;max-height:none;overflow:visible}
/* Keep the desktop navigation background continuous when the document is long. */
@media(min-width:821px){.workspace-shell{position:relative}.workspace-shell::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--ui-rail);background:linear-gradient(180deg,#10213f,#14294d);pointer-events:none}.workspace-content{position:relative}.workspace-sidebar{z-index:1}}

.workspace-body .automation-scanning-right>.ui-card-info-panel{margin-bottom:0}