/* DornBox smart matching — full-width task workspace, not a modal. */
.matching-workbench{min-height:calc(100svh - 67px);padding:24px clamp(12px,3.4vw,54px) 80px;overflow:visible}
.matching-shell{max-width:1500px;margin:0 auto;min-width:0}
.matching-hero,.matching-work-area,.matching-confirm,.matching-toolbar,.matching-tab,
.match-item,.match-metric,.matching-hero-actions .button{
 background:linear-gradient(140deg,rgba(255,255,255,.43),rgba(255,255,255,.09)),var(--glass-surface,rgba(243,248,255,.58));
 border:1px solid var(--glass-edge,rgba(255,255,255,.9));
 box-shadow:inset 0 1px rgba(255,255,255,.96),0 11px 31px rgba(37,54,85,.085);
 -webkit-backdrop-filter:var(--glass-blur,blur(19px) saturate(158%));backdrop-filter:var(--glass-blur,blur(19px) saturate(158%))
}
.matching-hero{border-radius:27px;padding:29px 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;animation:adv-appear .38s var(--glass-ease) both}
.matching-hero-copy{max-width:900px;min-width:0}
.matching-hero .overline{margin-bottom:10px}
.matching-hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.052em;line-height:1.05;font-weight:760}
.matching-hero p:not(.overline){font-size:13px;color:#6b8095;line-height:1.65;margin-top:12px}
.matching-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.matching-hero-actions .button{white-space:nowrap;min-height:43px}
.matching-workbench .match-summary{padding:14px 0 0;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.matching-workbench .match-metric{padding:19px 21px;border-radius:18px}
.matching-workbench .match-metric strong{font-size:31px;font-weight:740;letter-spacing:-.05em;color:#2c4057}
.matching-workbench .match-metric span{font-size:12px;color:#8090a0}
.matching-work-area,.matching-confirm{margin-top:15px;border-radius:24px;overflow:hidden;min-width:0}
.matching-tabs{display:flex;gap:8px;padding:17px 20px 11px;overflow-x:auto;scrollbar-width:thin}
.matching-tab{display:flex;gap:10px;align-items:center;white-space:nowrap;border-radius:13px;padding:12px 18px;min-height:44px;font-size:13px;font-weight:680;color:#677a90;cursor:pointer;transition:background .2s,transform .16s,color .2s}
.matching-tab span{font-size:11px;min-width:22px;text-align:center;padding:4px 7px;border-radius:9px;background:rgba(255,255,255,.52);color:#75889b}
.matching-tab.active{background:linear-gradient(140deg,rgba(79,92,116,.95),rgba(40,47,65,.95));color:white;box-shadow:inset 0 1px #ffffff60,0 8px 21px #27395324}
.matching-tab.active span{background:rgba(255,255,255,.22);color:#fff}
.matching-tab:active{transform:scale(.98)}
.matching-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;margin:0 20px 17px;border-radius:15px}
.matching-search-wrap{flex:1 1 340px;min-width:0;display:flex;align-items:center;gap:10px}
.matching-search-wrap input{width:100%;min-width:0;height:45px;border-radius:12px;border:1px solid #fff;background:rgba(255,255,255,.7);padding:0 15px;font-size:13px;color:#31465e;outline:0;box-shadow:inset 0 1px #fff}
.matching-search-wrap input:focus,.matching-target-select:focus{border-color:#87acd7;box-shadow:0 0 0 4px #6598d327}
#matchSearchHint{font-size:10px;color:#8c9bab;max-width:115px;line-height:1.5}
.matching-toolbar .match-select-all{font-size:12px;white-space:nowrap}
.matching-toolbar .matching-caption{flex-basis:100%;font-size:11px;line-height:1.6;color:#7b8b9f}
.matching-workbench .match-rows{display:grid;gap:11px;overflow:visible;padding:0 20px 15px;min-height:130px}
.matching-workbench .match-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 18px;border-radius:16px;cursor:default;transition:transform .18s,background .18s,box-shadow .2s}
.matching-workbench .match-item:hover{background:rgba(255,255,255,.8);transform:translateY(-1px);box-shadow:0 14px 30px #2d3d5716}
.matching-workbench .match-item.is-selected{border-color:rgba(103,147,196,.65);background:rgba(228,239,254,.75)}
.matching-workbench .match-item-data{min-width:0}
.matching-workbench .match-item-content{display:grid;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);align-items:center;gap:14px}
.matching-workbench .match-source,.matching-workbench .match-target{min-width:0;display:grid;gap:6px}
.matching-workbench .match-source strong,.matching-workbench .match-target strong{font-size:14px;font-weight:690;line-height:1.4;color:#314258;overflow-wrap:anywhere}
.matching-workbench .match-source small,.matching-workbench .match-target small{font-size:11px;color:#8494a7;overflow-wrap:anywhere}
.matching-workbench .match-source .matching-article{color:#537b9e}
.matching-workbench .match-tag{font-size:10px;max-width:max-content}
.matching-workbench .match-evidence{color:#476f8e;line-height:1.55;font-size:11px;margin-top:12px;overflow-wrap:anywhere}
.matching-workbench .match-join-arrow{font-size:23px}
.matching-target-select{border:1px solid #fff;border-radius:12px;background:rgba(255,255,255,.72);height:43px;padding:0 12px;font-size:12px;outline:0;width:100%;color:#33475c;min-width:0}
.matching-ambiguity{color:#b5743c!important}
.matching-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.matching-check-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#657c95;white-space:nowrap;cursor:pointer}
.matching-approve,.matching-dismiss,.matching-restore{font-size:11px!important;min-height:39px!important;padding:0 13px!important;white-space:nowrap}
.matching-workbench .match-checkbox{width:17px;height:17px}
.matching-workbench .match-pagination{border-top:1px solid #ffffffc5;padding:15px 22px}
.matching-workbench .matching-footer{position:sticky;bottom:0;z-index:6;padding:17px 21px calc(17px + env(safe-area-inset-bottom));background:rgba(240,246,254,.83);border-radius:0 0 24px 24px;gap:15px}
.matching-footer strong{display:block;font-size:13px;color:#435971}
.matching-footer p{font-size:11px;color:#8191a4;margin-top:5px;line-height:1.5}
.matching-footer .button{min-height:45px;white-space:nowrap}
.matching-workbench .advanced-error{margin:8px 21px 14px}
.matching-workbench .match-empty{margin:0 auto;max-width:650px;line-height:1.6}
.matching-confirm{padding:0 0 4px}
.matching-confirm-header{padding:25px 28px;display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid #ffffffc8}
.matching-confirm-header h2{font-size:29px;letter-spacing:-.035em}
.matching-confirm .match-confirm-rows{max-height:none;overflow:visible;display:grid;padding:20px 26px;gap:10px}
.matching-confirm .match-confirm-item{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}
.matching-confirm-note{font-size:12px;line-height:1.6;padding:0 29px 17px;color:#687f94}
.matching-confirm .matching-footer{border-radius:0 0 24px 24px}
@media(max-width:1050px){.matching-workbench .match-item{grid-template-columns:1fr}.matching-item-actions{justify-content:flex-start}}
@media(max-width:740px){
 .matching-workbench{padding:10px 9px 48px;min-height:calc(100svh - 56px)}
 .matching-hero{padding:20px 17px;border-radius:21px;flex-direction:column}
 .matching-hero h1{font-size:32px}
 .matching-hero-actions{width:100%;justify-content:stretch}
 .matching-hero-actions .button{flex:1;min-width:0;font-size:11px;padding:0 10px}
 .matching-workbench .match-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:10px}
 .matching-workbench .match-metric{padding:13px 14px;border-radius:14px}
 .matching-workbench .match-metric strong{font-size:25px}
 .matching-work-area,.matching-confirm{border-radius:19px;margin-top:10px}
 .matching-tabs{padding:11px 10px 9px;gap:6px}
 .matching-tab{padding:10px 12px;font-size:11px;min-height:40px}
 .matching-toolbar{margin:0 10px 12px;padding:11px;gap:10px}
 .matching-search-wrap{flex:1 1 100%;flex-wrap:wrap}
 .matching-search-wrap input{height:42px}
 #matchSearchHint{max-width:none}
 .matching-workbench .match-rows{padding:0 10px 11px;gap:8px}
 .matching-workbench .match-item{padding:13px 11px;gap:12px;border-radius:13px}
 .matching-workbench .match-item-content{grid-template-columns:1fr;gap:9px}
 .matching-workbench .match-join-arrow{text-align:left;transform:rotate(90deg);font-size:17px;margin:0 4px}
 .matching-workbench .match-source strong,.matching-workbench .match-target strong{font-size:12px}
 .matching-item-actions{gap:7px}
 .matching-approve,.matching-dismiss,.matching-restore{flex:1;font-size:11px!important}
 .matching-workbench .matching-footer{padding:11px 12px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}
 .matching-footer p{font-size:10px}
 .matching-footer .button{flex:1 1 100%;font-size:12px}
 .matching-confirm-header{padding:18px 14px;flex-direction:column}
 .matching-confirm-header h2{font-size:23px}
 .matching-confirm .match-confirm-rows{padding:12px}
 .matching-confirm-note{padding:5px 15px 16px}
}
@media(prefers-reduced-motion:reduce){
 .matching-hero{animation:none!important}
 .matching-tab,.matching-workbench .match-item{transition:none!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .matching-hero,.matching-work-area,.matching-confirm,.matching-toolbar,.matching-tab,.matching-workbench .match-item{background:#f7faff}
}

/* Color evidence belongs to the WB card and is displayed even for unsized goods. */
.matching-color{display:inline-flex;align-self:start;max-width:max-content;white-space:normal;
  padding:6px 10px;border:1px solid rgba(255,255,255,.9);border-radius:9px;
  background:rgba(229,237,249,.72);font-size:11px;font-weight:650;color:#465b77;overflow-wrap:anywhere}
.matching-master-finder{margin-top:9px;display:grid;gap:7px;min-width:0}
.matching-master-label{font-size:11px;color:#68819b;font-weight:650}
.matching-master-search{width:100%;height:39px;padding:0 11px;border:1px solid #fff;border-radius:10px;
  outline:none;background:rgba(255,255,255,.73);font-size:11px;color:#324b65}
.matching-master-search:focus{box-shadow:0 0 0 3px #83a9d42e;border-color:#83a9d4}
.matching-master-results{display:grid;gap:5px;max-height:178px;overflow:auto}
.matching-master-results small{font-size:11px;color:#8192a4}
.matching-master-choice{display:block;width:100%;text-align:left;padding:9px 11px;border:1px solid #fff;
  border-radius:9px;background:rgba(255,255,255,.6);color:#4b6784;cursor:pointer;font-size:11px;overflow-wrap:anywhere}
.matching-master-choice:hover{background:#fff}
.matching-filter-action,.matching-danger-action{min-height:39px!important;font-size:11px!important;white-space:normal}
.matching-danger-action{color:#a4404b!important;border-color:rgba(230,169,175,.75)!important;
  background:rgba(255,230,233,.76)!important}
.matching-danger-action:disabled{opacity:.5;cursor:not-allowed}
.matching-linked-row .match-checkbox{flex-shrink:0}
.matching-unlink-confirm{display:grid;gap:9px;margin:10px 26px 24px;color:#9e444c;font-size:13px;font-weight:680}
.matching-unlink-confirm input{height:44px;width:min(100%,370px);border:1px solid #d8a3a8;border-radius:11px;
  outline:none;background:rgba(255,255,255,.86);padding:0 13px;font-size:13px;color:#933b46}
.matching-unlink-audit .match-confirm-rows{padding-bottom:10px}
#matchUnlinkCount{font-size:12px;font-weight:650;color:#536c87}
@media(max-width:740px){
  .matching-master-choice{font-size:12px;padding:12px}
  .matching-filter-action,.matching-danger-action{width:100%}
  .matching-unlink-confirm{margin:10px 14px 20px}
  .matching-color{font-size:10px}
}

/* Recovery entrypoint is explicit because resetting all links also detaches Ozon. */
.match-bootstrap-guide{display:flex;align-items:flex-start;justify-content:space-between;
 gap:18px;padding:15px 20px;margin-top:14px;border:1px solid rgba(255,255,255,.9);
 border-radius:16px;background:rgba(238,244,253,.68);
 -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
.match-bootstrap-guide>div{flex:1;min-width:0}
.match-bootstrap-guide strong{font-size:12px;color:#344d67}
.match-bootstrap-guide p{margin-top:6px;font-size:11px;color:#647d95;line-height:1.6}
#matchAutoStatus{max-width:43%;font-size:11px;color:#406f8f;line-height:1.6;overflow-wrap:anywhere}
#matchAutoAll{max-width:260px;white-space:normal;line-height:1.25;text-align:center;padding:9px 14px;min-height:43px}
#matchAutoAll:disabled{opacity:.55;cursor:wait}
@media(max-width:740px){
 .match-bootstrap-guide{flex-direction:column;padding:12px 15px;gap:8px}
 #matchAutoStatus{max-width:none}
 #matchAutoAll{max-width:none;width:100%}
}