.sy-candidates {
  --sc-ink:var(--ink,#1d3534); --sc-muted:#526760; --sc-pine:var(--pine,#1f5d54);
  --sc-line:#d9e2db; --sc-soft:#f5f8f3; --sc-axis:#a6bbaa;
  container:sy-candidates / inline-size;
  display:grid;gap:20px;min-width:0;color:var(--sc-ink);font-size:14px;
}
.sy-candidates *, .sy-c-quicklink * {box-sizing:border-box}
.sy-candidates .sy-c-icon,.sy-c-quicklink .sy-c-icon {width:16px;height:16px;flex:none;vertical-align:middle}
.sy-candidates button,.sy-candidates select {font:inherit}
.sy-candidates :is(button,select,input,a,h3):focus-visible,.sy-c-quicklink:focus-visible{outline:3px solid #b57c42;outline-offset:2px}
.sy-candidates button,.sy-candidates select,.sy-c-quicklink {-webkit-tap-highlight-color:transparent}
.sy-candidates .sy-c-filter-block{padding:17px 19px;display:grid;gap:11px;min-width:0;border:1px solid var(--sc-line);border-radius:10px;background:#fff}
.sy-candidates .sy-c-filter-label{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap}
.sy-candidates .sy-c-filter-label h2{margin:0;color:#2b4941;font-size:15px;line-height:1.4;letter-spacing:-.03em}
.sy-candidates .sy-c-filter-label>span,.sy-candidates .sy-c-list-heading p,.sy-candidates .sy-c-empty p {color:var(--sc-muted);font-size:12px;line-height:1.55}
.sy-candidates .sy-c-filters{display:flex;gap:7px;flex-wrap:wrap;min-width:0;align-items:flex-start}
.sy-candidates .sy-c-filter{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:35px;padding:5px 9px;border:1px solid #cad8cf;border-radius:7px;background:#fff;color:#3b574b;font-weight:590;font-size:12px;line-height:1.4;text-align:left;cursor:pointer}
.sy-candidates .sy-c-filter .sy-c-icon{height:15px;width:15px;opacity:.8}
.sy-candidates .sy-c-filter:hover{background:#edf3ed;border-color:#829d8e}
.sy-candidates .sy-c-filter.is-on{background:var(--sc-pine);border-color:var(--sc-pine);color:#fff}
.sy-candidates .sy-c-filter-name{min-width:0;max-width:37ch;white-space:normal;overflow-wrap:anywhere}
.sy-candidates .sy-c-filter-count{flex:none;min-width:21px;padding:1px 5px;border-radius:5px;text-align:center;background:#edf1ed;color:#506357;font-size:11px;font-variant-numeric:tabular-nums}
.sy-candidates .sy-c-filter.is-on .sy-c-filter-count{background:#ffffff24;color:#fff}
.sy-candidates .sy-c-list-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 18px;margin:0 1px -10px}
.sy-candidates .sy-c-list-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:19px;line-height:1.4;letter-spacing:-.04em}
.sy-candidates .sy-c-list-heading h2 span{padding:1px 7px;border-radius:4px;background:#e2ece3;color:#335d48;font-size:12px;font-weight:640;letter-spacing:0}
.sy-candidates .sy-c-list-heading p{margin:3px 0 0}
.sy-candidates .sy-c-totals{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--sc-muted)}
.sy-candidates .sy-c-totals b{font-variant-numeric:tabular-nums;color:var(--sc-ink)}

.sy-candidates .sy-c-jump{display:flex;align-items:center;gap:7px;max-width:100%;color:var(--sc-muted);font-size:12px}
.sy-candidates .sy-c-jump select{min-width:0;max-width:min(100%,300px);min-height:33px;padding:4px 7px;border:1px solid #c8d6cb;border-radius:6px;background:#fff;color:#294c3b;font-size:12px}
.sy-candidates .sy-c-products{display:grid;gap:17px;min-width:0}
.sy-candidates .sy-c-product-group{min-width:0;border:1px solid var(--sc-line);border-radius:10px;background:#fff}
.sy-candidates .sy-c-group-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 18px;border-radius:10px 10px 0 0;border-bottom:1px solid var(--sc-line);background:#edf2ed;color:#395747;font-size:13px}
.sy-candidates .sy-c-group-bar span,.sy-candidates .sy-c-group-bar small{font-size:11px}
.sy-candidates .sy-c-group-bar small{padding-left:10px;border-left:1px solid #c5d2c4;color:#596d5e}
.sy-candidates .sy-c-product-group[data-sy-c-group=quantity] .sy-c-group-bar{background:#e8f2e8;color:#2c6245}
.sy-candidates .sy-c-product-group[data-sy-c-group=code] .sy-c-group-bar{background:#f5f3eb;color:#695a39}
.sy-candidates .sy-c-product{min-width:0;scroll-margin-block-start:16px;padding:16px 19px 12px}
.sy-candidates .sy-c-product+.sy-c-product{border-top:2px solid #dce5dc}
.sy-candidates .sy-c-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px}
.sy-candidates .sy-c-product-id{min-width:0}
.sy-candidates .sy-c-product-id p{margin:0 0 1px;color:#58705f;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.sy-candidates .sy-c-product-id h3{margin:0;font-size:18px;line-height:1.38;color:#294538;letter-spacing:-.032em;overflow-wrap:anywhere}
.sy-candidates .sy-c-product-id h3:focus-visible{outline:2px solid #b57c42;outline-offset:2px;border-radius:3px}
.sy-candidates .sy-c-state{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:22px;padding:2px 7px;border-radius:5px;color:#526358;background:#eef2ed;font-size:11px;font-weight:620;line-height:1.45;white-space:nowrap}
.sy-candidates .sy-c-dot{flex:none;width:5px;height:5px;border-radius:50%;background:#8b9b8c}
.sy-candidates .sy-c-state-accepted{color:#28583e;background:#deeee0}
.sy-candidates .sy-c-state-accepted .sy-c-dot{background:#498362}
.sy-candidates .sy-c-state-excluded{color:#656c65;background:#eff0ed}
.sy-candidates .sy-c-state-excluded .sy-c-dot{background:#969a94}
.sy-candidates .sy-c-work{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.9fr);align-items:start;gap:14px 22px}
.sy-candidates .sy-c-work section{min-width:0}
.sy-candidates .sy-c-work h4,.sy-candidates .sy-c-rules h4{margin:0 0 5px;color:#2e4f3b;font-size:13px;font-weight:680;line-height:1.5}
.sy-candidates .sy-c-source-file{min-width:0;padding:8px 10px;background:#f7f9f5;border:1px solid #dce5da;border-radius:6px}
.sy-candidates .sy-c-source-file+.sy-c-source-file{margin-top:6px}
.sy-candidates .sy-c-source-file h5{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:0 0 4px;color:#425e4b;font-size:12px;line-height:1.45;font-weight:670;overflow-wrap:anywhere}
.sy-candidates .sy-c-source-file h5 small{color:#5e7161;font-size:10px;font-weight:490}
.sy-candidates .sy-c-source-file h5 .sy-c-icon{width:13px;height:13px}
.sy-candidates .sy-c-source-list{list-style:none;margin:0;padding:0}
.sy-candidates .sy-c-source-group{min-width:0;padding:2px 0 3px}
.sy-candidates .sy-c-source-group+.sy-c-source-group{border-top:1px solid #dce6da;margin-top:5px;padding-top:6px}
.sy-candidates .sy-c-source-scope,.sy-candidates .sy-c-source-marker{margin:0 0 2px;color:#58705d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.sy-candidates .sy-c-source-group blockquote{margin:0;padding:2px 7px;border-left:2px solid #91a892;color:#274438;font-size:14px;font-weight:630;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-candidates .sy-c-source-group blockquote[aria-label]{font-size:12px;font-weight:480;color:#4f6655}
.sy-candidates .sy-c-fragment{margin:0 0 3px;color:#284e37;font-size:13px;font-weight:620;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-candidates .sy-c-fragment span{font-size:10px;color:#5b705f;margin-right:6px}
.sy-candidates .sy-c-repeat{display:flex;align-items:baseline;gap:3px 8px;flex-wrap:wrap;margin:4px 0;color:#3c5845;font-size:11px;line-height:1.4}
.sy-candidates .sy-c-repeat b{font-weight:700;color:#295b43}
.sy-candidates .sy-c-repeat span{font-weight:590}
.sy-candidates .sy-c-repeat small{font-size:10px;color:#5d6f60}
.sy-candidates .sy-c-pins{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}
.sy-candidates .sy-c-pin-label{display:inline-flex;align-items:center;gap:3px;margin-right:2px;color:#516958;font-size:10px;white-space:nowrap}
.sy-candidates .sy-c-pin-label .sy-c-icon{width:12px;height:12px}
.sy-candidates .sy-c-pin,.sy-candidates .sy-c-pin-unavailable{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:26px;padding:2px 6px;border-radius:4px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.sy-candidates .sy-c-pin{background:#fff;color:#315e48;border:1px solid #bdd0c2;cursor:pointer}
.sy-candidates .sy-c-pin-traced{color:#245540;border-color:#9ebaa6;background:#edf5ec}
.sy-candidates .sy-c-pin:hover{background:#e5efe5;border-color:#88aa95}
.sy-candidates .sy-c-pin-unavailable{border:1px solid #d9e1d7;color:#647168;background:#f3f5f1}
.sy-candidates .sy-c-review{padding-left:18px;border-left:1px solid #e0e7dd}
.sy-candidates .sy-c-measure,.sy-candidates .sy-c-facts>div,.sy-candidates .sy-c-review-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sy-candidates .sy-c-measure{padding:6px 8px;border-radius:5px;background:#edf5ed;color:#2e5f42;font-size:12px;line-height:1.45}
.sy-candidates .sy-c-measure>span{font-size:11px}
.sy-candidates .sy-c-measure strong{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sy-candidates .sy-c-measure.is-missing{color:#79562e;background:#f7f2e9}
.sy-candidates .sy-c-qty-note,.sy-candidates .sy-c-review-hint{color:#576c5e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sy-candidates .sy-c-qty-note{margin:4px 0}
.sy-candidates .sy-c-table-link{display:inline-flex;align-items:center;gap:4px;color:var(--sc-pine);font-size:11px;text-decoration:underline;text-underline-offset:2px}
.sy-candidates .sy-c-table-link .sy-c-icon{width:13px;height:13px}
.sy-candidates .sy-c-facts{display:grid;gap:2px;margin:6px 0;font-size:12px}
.sy-candidates .sy-c-facts dt{color:#627265;flex:none}
.sy-candidates .sy-c-facts dd{margin:0;color:#304b3b;text-align:right;overflow-wrap:anywhere}
.sy-candidates .sy-c-review-title{margin-top:9px}
.sy-candidates .sy-c-review-title small{color:#4c6953;font-size:11px;font-variant-numeric:tabular-nums}
.sy-candidates .sy-c-review-hint{margin:3px 0 4px}
.sy-candidates .sy-c-fields{display:flex;flex-wrap:wrap;gap:5px 10px;margin:2px 0 7px}
.sy-candidates .sy-c-field{display:grid;flex:1 1 116px;min-width:0;gap:3px;color:#465e4d;font-size:11px;font-weight:620}
.sy-candidates .sy-c-field small{font-size:10px;font-weight:500}
.sy-candidates .sy-c-field input{width:100%;min-width:0;min-height:33px;padding:5px 8px;border:1px solid #c4d1c5;border-radius:5px;background:#fff;color:#294731;font:inherit;font-size:12px;font-variant-numeric:tabular-nums}
.sy-candidates .sy-c-field input[readonly]{background:#f4f6f2;color:#485b4a;border-color:#d8dfd6}
.sy-candidates .sy-c-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sy-candidates .sy-c-button,.sy-candidates .sy-c-quote-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 10px;color:#315d48;background:#fff;border:1px solid #cbd9ce;border-radius:6px;font:inherit;font-size:12px;font-weight:620;line-height:1.4;text-decoration:none;cursor:pointer}
.sy-candidates .sy-c-button:hover,.sy-candidates .sy-c-quote-link:hover{border-color:#89a894;background:#eaf2ea}
.sy-candidates .sy-c-button.sy-c-accept{background:var(--sc-pine);border-color:var(--sc-pine);color:#fff}
.sy-candidates .sy-c-button.sy-c-accept:hover{background:#16493e}
.sy-candidates .sy-c-button:disabled{opacity:.55;cursor:not-allowed}
.sy-candidates .sy-c-rules{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:start;gap:4px 12px;margin-top:9px;padding:7px 0 0;border-top:1px solid #e8ede7}
.sy-candidates .sy-c-rules-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px}
.sy-candidates .sy-c-rules h4{margin:0;color:#4d6353;font-size:11px}
.sy-candidates .sy-c-rules-title>span{color:#3f6a4e;font-size:11px}
.sy-candidates .sy-c-rules>p{margin:0;color:#5b6b60;font-size:11px}
.sy-candidates .sy-c-rules ul{display:flex;flex-wrap:wrap;gap:2px 11px;list-style:none;padding:0;margin:0;color:#5b6b60;font-size:11px;line-height:1.5}
.sy-candidates .sy-c-rules li{position:relative;padding-left:8px;overflow-wrap:anywhere}
.sy-candidates .sy-c-rules li::before{content:"";position:absolute;left:0;top:.69em;width:3px;height:3px;background:#94a693;border-radius:50%}
.sy-candidates .sy-c-empty{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--sc-line);border-radius:9px;padding:22px}
.sy-candidates .sy-c-empty>.sy-c-icon{width:22px;height:22px;color:#6f8b78}
.sy-candidates .sy-c-empty h3{margin:0;color:#2a4536;font-size:15px}
.sy-candidates .sy-c-empty p{margin:3px 0 0}
@container sy-candidates (max-width:780px) {
  .sy-candidates .sy-c-work{grid-template-columns:minmax(0,1.18fr) minmax(230px,.94fr);gap:12px}
  .sy-candidates .sy-c-product{padding-left:14px;padding-right:14px}
  .sy-candidates .sy-c-review{padding-left:12px}
}
@container sy-candidates (max-width:640px) {
  .sy-candidates .sy-c-filter-block{padding:12px 13px;gap:8px}
  .sy-candidates .sy-c-filter-label{gap:2px 8px}
  .sy-candidates .sy-c-filter-label>span{font-size:11px}
  .sy-candidates .sy-c-filters{gap:5px}
  .sy-candidates .sy-c-filter{padding:5px 7px;gap:4px}
  .sy-candidates .sy-c-filter-name{max-width:28ch}
  .sy-candidates .sy-c-jump{width:100%;justify-content:space-between}
  .sy-candidates .sy-c-jump select{flex:1;max-width:min(74%,280px)}
  .sy-candidates .sy-c-group-bar{padding:6px 12px}
  .sy-candidates .sy-c-group-bar small{display:none}
  .sy-candidates .sy-c-product{padding:12px}
  .sy-candidates .sy-c-product-id h3{font-size:17px}
  .sy-candidates .sy-c-work{grid-template-columns:minmax(0,1fr);gap:10px}
  .sy-candidates .sy-c-review{border-left:0;border-top:1px solid #e3e9e1;padding:9px 0 0}
  .sy-candidates .sy-c-rules{grid-template-columns:minmax(0,1fr)}
  .sy-candidates .sy-c-pin,.sy-candidates .sy-c-button{min-height:32px}
}
.sy-c-quicklink{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;padding:11px 15px;margin:0 0 14px;background:#eff5ed;border:1px solid #d2e0d2;border-radius:8px;color:#2e5440;text-decoration:none}
.sy-c-quicklink:hover{background:#e8f1e6;border-color:#a5c1ad}
.sy-c-quicklink>span:first-child{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.sy-c-quicklink b{font-size:14px;font-weight:680}
.sy-c-quicklink small{font-size:12px;color:#506557}
.sy-c-quicklink .sy-c-quick-end{display:inline-flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
@media(max-width:500px) {
  .sy-c-quicklink{align-items:flex-start;flex-wrap:wrap;gap:6px;padding:9px 12px}
  .sy-c-quicklink .sy-c-quick-end{white-space:normal}
}
