/* One document scroll. Expanded comparisons grow the page, never a nested card. */
.layout.nav-collapsed{grid-template-columns:0 minmax(0,1fr)}.layout.nav-collapsed>aside{visibility:hidden;padding:0;overflow:hidden}.top #nav-toggle{min-width:34px;padding:7px}.top:has(#nav-toggle) #company{margin-right:auto}.workbench-page{color:#233e32;--accent:#2d634c}.workbench-page button,.workbench-page input,.workbench-page select{padding:6px 9px;font-size:12px;min-height:32px}.workbench-page button.primary{background:#2d634c;border-color:#2d634c}.workbench-page .wb-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px}.wb-header h1{font-size:23px;margin:0 auto 0 0}.wb-header .wb-tabs{display:flex;gap:4px}.wb-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wb-tools>label{flex-direction:row;align-items:center;font-size:12px;gap:6px}.wb-tools>details{position:relative}.wb-tools summary{font-size:12px}.wb-tools details[open]{flex-basis:100%;order:10}.wb-filter-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:10px 0}.wb-filter-form input,.wb-filter-form select{max-width:220px}.wb-filter-form label{font-size:11px;gap:2px}.wb-filter-form .inline{flex-direction:row;align-items:center}.workbench-page #wb-progress{font-size:11px;min-height:18px;margin-top:7px}.workbench-page #wb-status:empty{display:none}.workbench-page #wb-status{font-size:12px;margin:4px 0;line-height:1.4}.workbench-page #wb-status.error{padding:8px}.wb-task-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:4px 0}.wb-task-heading small{margin:0;font-size:10px}.wb-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wb-product{border:1px solid #dbe5dd;border-radius:10px;background:white;padding:10px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;min-width:0}.wb-product>img{width:76px;height:78px;object-fit:contain}.wb-product>div{display:flex;flex-direction:column;min-width:0;gap:2px;font-size:11px;line-height:1.4}.wb-product small{font-size:10px;margin:0}.wb-title{border:0;background:none;padding:0!important;min-height:0!important;text-align:left;font-weight:650;font-size:13px!important;line-height:1.35;overflow-wrap:anywhere;color:#234d3a}.wb-no-photo{font-size:10px;color:#84978a;align-self:center}.wb-choice{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0}.wb-choice label{display:flex;flex-direction:row;gap:8px;font-size:11px;align-items:center}.wb-choice select{max-width:420px}.workbench-page h2{font-size:14px;margin:8px 0}.wb-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,34%);gap:8px;background:white;border:1px solid #e2e8e2;border-radius:7px;padding:6px 9px;margin:4px 0;min-width:0;font-size:11px;line-height:1.35}.wb-check>div{min-width:0}.wb-check>div:first-child>span:last-of-type{display:block;overflow-wrap:anywhere}.wb-check strong{font-size:12px}.wb-check-state{font-size:10px;margin-left:8px;color:#708174}.wb-check.different{border-left:3px solid #b44b43}.wb-check.suspicious{border-left:3px solid #b18a36}.wb-check>div:last-child{display:grid;gap:4px;align-content:center}.wb-check>div:last-child>*{width:100%;font-size:11px;min-height:29px}.wb-check details{margin:3px 0}.wb-check details summary{font-size:10px;color:#677b6d}.wb-check details p{margin:5px 0;line-height:1.5}.wb-check details small{font-size:10px}.wb-action-row{display:flex;align-items:center;gap:7px;margin:9px 0 4px;flex-wrap:wrap}.wb-action-row>button{min-height:34px;padding:7px 12px}.wb-spacer{flex:1}.wb-reject{color:#9b433d;border-color:#dcbdb9}.wb-task-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#708477}.wb-task-footer #wb-ready{margin-right:auto}.wb-task-footer button{padding:3px 7px;min-height:26px;font-size:10px}.wb-comment{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:11px;margin:7px 0}.wb-comment input{flex:1;min-height:30px}.wb-not-found{font-size:11px;margin:6px 0}.workbench-page #wb-more-checks{font-size:11px;margin-top:6px}.workbench-page .wb-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.workbench-page #wb-compare{background:white;padding:14px;border:1px solid #dbe5dd;border-radius:9px;margin:12px 0;overflow-wrap:anywhere}.workbench-page #wb-compare img{max-width:120px;max-height:110px;object-fit:contain}.workbench-page #wb-compare table{table-layout:fixed}.workbench-page #wb-compare td{min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;padding:8px}.workbench-page #wb-compare p{line-height:1.5;font-size:12px}.workbench-page .brand-review-row{gap:18px}.workbench-page .panel{padding:14px}.workbench-page .wb-empty{margin-top:14px}.workbench-page table td{min-width:0;overflow-wrap:anywhere}.workbench-page .tablewrap{overflow:visible}.workbench-page #wb-other-panel{margin:12px 0}.workbench-page #wb-other-panel button{margin:3px}.workbench-page #wb-other-panel input{width:min(500px,100%)}
@media(min-width:851px){.layout:has(.workbench-page)>main{padding:14px 20px}.layout:has(.workbench-page) .top{padding-bottom:10px;margin-bottom:12px;min-height:40px}.layout:has(.workbench-page) .top button,.layout:has(.workbench-page) .top select{padding:6px 9px}.layout:has(.workbench-page) .profile-preview-banner{margin:4px 0;padding:8px}}
@media(max-width:900px){.wb-check{grid-template-columns:1fr}.wb-pair{grid-template-columns:1fr}.wb-product{grid-template-columns:60px 1fr}.wb-product>img{width:60px;height:60px}.workbench-page .wb-compare-grid{grid-template-columns:1fr}.wb-task-heading{flex-wrap:wrap}.wb-choice{flex-wrap:wrap}}
#root>.layout.nav-collapsed{grid-template-columns:0 minmax(0,1fr)} #root>.layout:has(.workbench-page)>main{padding:14px 20px}.workbench-page .wb-descriptions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workbench-page .wb-photos{display:flex;flex-wrap:wrap;gap:6px}.workbench-page .wb-photos img{max-width:110px;max-height:110px;object-fit:contain}
#root>.layout:has(.workbench-page) .top{margin-bottom:8px;padding-bottom:8px}#root>.layout:has(.workbench-page) .profile-banner{padding:6px 12px;margin-bottom:9px;font-size:11px}#root>.layout:has(.workbench-page) .profile-banner button{padding:5px 8px;font-size:10px}.workbench-page #wb-progress:empty{display:none}.workbench-page .wb-check{padding:5px 8px;margin:3px 0}.workbench-page .wb-check>div:last-child>*{min-height:27px}.workbench-page .wb-check details{margin:2px 0}.workbench-page .wb-choice{margin:6px 0}.workbench-page .wb-header{margin-bottom:6px}.workbench-page .wb-product{padding:8px}.workbench-page .wb-product>div{line-height:1.3}.workbench-page .wb-product small{font-size:9px}.workbench-page .wb-product>div>span{line-height:1.3}.workbench-page .wb-task-heading{margin-top:8px}

.workbench-page .wb-check-buttons{display:flex;gap:4px;flex-wrap:wrap}.workbench-page .wb-check-buttons button{min-height:28px;padding:4px 8px;width:auto}.workbench-page .wb-check-buttons [aria-pressed="true"]{background:#2d634c;color:#fff;border-color:#2d634c}.workbench-page .wb-check-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.wb-check-heading h2{margin:7px 0}.workbench-page .wb-check-buttons+input{margin-top:5px}

/* Keep every choice with its side; no popup or internal scrolling. */
.workbench-page .wb-own-variant{display:flex;flex-direction:column;align-items:start;gap:3px;margin-top:5px;font-size:11px;font-weight:600}
.workbench-page .wb-own-variant select{width:100%;max-width:100%;font-weight:400}
.workbench-page #wb-replace-own{align-self:start;margin-top:4px}
.workbench-page .wb-check-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0;overflow-wrap:anywhere}
.workbench-page .wb-check-sides span{min-width:0}.workbench-page .wb-check-sides small{display:block;color:#718378;font-size:10px}
.workbench-page .wb-choice>small{font-size:10px;color:#687e71;max-width:65%}
.workbench-page .wb-catalog-picker{grid-column:1/-1;min-width:0;border-top:1px solid #dbe5dd;padding-top:8px;margin:4px 0!important;display:block!important}
.workbench-page .wb-catalog-picker[hidden]{display:none!important}
.workbench-page .wb-picker-heading,.workbench-page .wb-catalog-picker form,.workbench-page .wb-picker-shortcuts{display:flex;flex-flow:row wrap;gap:5px;align-items:center}
.workbench-page .wb-picker-heading{justify-content:space-between}.workbench-page .wb-catalog-picker input{min-width:0;flex:1;width:auto!important}
.workbench-page .wb-catalog-picker .wb-search-result{display:flex;align-items:center;gap:8px;text-align:left;width:100%;margin:5px 0!important;white-space:normal}
.workbench-page .wb-search-result img{width:38px;height:38px;object-fit:contain}.workbench-page .wb-search-result small{display:block}
.workbench-page .wb-source-error-help{display:block;font-size:10px;line-height:1.4;color:#71572b}
@media(max-width:900px){.workbench-page .wb-choice>small{max-width:100%}.workbench-page .wb-check-sides{gap:8px}}

.workbench-page .wb-pair{align-items:start}.workbench-page .wb-product{padding:9px;grid-template-columns:64px minmax(0,1fr)}
.workbench-page .wb-product>img{width:64px;height:70px}.workbench-page .wb-own-variant{flex-direction:row;align-items:center;font-weight:400;flex-wrap:wrap}
.workbench-page .wb-own-variant select{width:auto;max-width:100%}.workbench-page .wb-product>div>small:last-child{display:none}
.workbench-page .wb-pair-warning{border-left:3px solid #b18a36;background:#fcf7e9;padding:7px 10px;margin:6px 0;font-size:11px;line-height:1.45}
.workbench-page #wb-checks[hidden]{display:none!important}.workbench-page #wb-checks>p{margin:4px 0;font-size:11px}
.workbench-page .wb-passive-facts{width:100%;font-size:11px}.workbench-page .wb-passive-facts td{padding:5px}
.workbench-page #wb-more-checks{margin-top:8px}.workbench-page .wb-action-row{margin-top:8px}

@media(max-height:800px){.workbench-page .wb-choice{display:none}.workbench-page #wb-replace-own{display:none}.workbench-page .wb-product{grid-template-columns:54px minmax(0,1fr)}.workbench-page .wb-product>img{width:54px;height:60px}.workbench-page .wb-own-variant{margin-top:3px}.workbench-page .wb-own-variant select{min-height:29px;max-width:100%}}

/* Same visual ownership for the headline and execution on each side. */
.workbench-page .wb-pair-side{min-width:0}
.workbench-page .wb-side-title{font-size:18px;line-height:1.25;font-weight:650;margin:5px 0 7px;color:#294d3b}
.workbench-page .wb-execution{display:flex;flex-direction:column;gap:2px;margin:5px 0;font-size:12px;overflow-wrap:anywhere}
.workbench-page .wb-execution small{color:#708477;font-size:10px;line-height:1.3}
.workbench-page .wb-own-variant{font-size:12px;margin:5px 0}
.workbench-page .wb-gap-form{background:#fff;border:1px solid #dbe5dd;border-radius:8px;padding:10px 12px;margin:8px 0;font-size:12px}
.workbench-page .wb-gap-form p{margin:5px 0}
.workbench-page .wb-gap-form label{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin:7px 0;font-size:12px}
.workbench-page .wb-gap-form input{flex:1;min-width:180px;max-width:460px}
.workbench-page .wb-gap-form small{display:block;color:#708477;line-height:1.4}
@media(max-width:600px){.workbench-page .wb-side-title{font-size:16px}.workbench-page .wb-gap-form input{max-width:100%}}
.workbench-page .wb-priority-reason{font-size:12px;line-height:1.4;padding:6px 9px;margin:5px 0;border-left:3px solid #749b87;background:#edf4ef;border-radius:3px}
.workbench-page .wb-priority-reason small{display:block;color:#687e71;font-size:10px}

/* Keep compared values within one glance, next to the pair decision. */
.workbench-page .wb-close-comparison{max-width:780px;background:#fff;border:1px solid #dce5de;border-radius:7px;padding:7px 10px;margin:7px 0}
.workbench-page .wb-close-row{display:grid;grid-template-columns:115px minmax(0,1fr)24px minmax(0,1fr);gap:8px;align-items:start;font-size:12px;line-height:1.4;padding:3px 0}
.workbench-page .wb-close-row strong{font-weight:600;overflow-wrap:anywhere}.workbench-page .wb-close-label,.workbench-page .wb-close-head{color:#6a8075;font-size:11px}.workbench-page .wb-close-head{padding-top:0}
@media(max-width:600px){.workbench-page .wb-close-row{grid-template-columns:75px minmax(0,1fr)16px minmax(0,1fr);gap:5px;font-size:11px}}

.workbench-page #wb-more-checks .wb-passive-facts,.workbench-page #wb-compare table{max-width:780px;table-layout:fixed;min-width:0}
.workbench-page #wb-more-checks .wb-passive-facts th,.workbench-page #wb-more-checks .wb-passive-facts td,.workbench-page #wb-compare table th,.workbench-page #wb-compare table td{white-space:normal;overflow-wrap:anywhere}