.mp{--mp-blue:#0765ef;--mp-ink:#0a1d56;--mp-muted:#6680b5;color:var(--mp-ink);font-size:11px;min-height:calc(100vh - 64px)}
.mp *{box-sizing:border-box}.mp button,.mp input,.mp select{font:inherit}.mp button{cursor:pointer}.mp a{color:var(--mp-blue)}
.mp-main{padding:14px 12px 25px;max-width:1800px;margin:auto}.mp-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:9px}.mp-crumb{display:flex;gap:9px;color:#6480b5;margin-bottom:9px}.mp-crumb a{text-decoration:none}.mp-heading h1{font-size:25px;margin:0 0 4px}.mp-heading p{color:var(--mp-muted);font-size:12px;margin:0}.mp-period{display:flex;align-items:center;gap:5px;white-space:nowrap}.mp-period input,.mp-period select,.mp-card-head select{height:31px;background:#fff;border:1px solid #dce7f8;border-radius:4px;color:#315b9f;padding:0 6px}.mp-period input{max-width:116px}
.mp-card,.mp-channel{background:#fff;border:1px solid #e6edf7;border-radius:6px;box-shadow:0 1px 5px #15346809}.mp-channels{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}.mp-channel{min-width:0;padding:12px;display:flex;flex-direction:column}.mp-channel-head{display:flex;align-items:center;gap:9px;min-width:0}.mp-logo{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:#f4f7fb;color:white;border-radius:7px;font-size:11px;font-weight:800;overflow:hidden}.mp-logo img{display:block;width:100%;height:100%;object-fit:cover}.mp-channel[data-code=wildberries] .mp-logo{background:#d700c7}.mp-channel[data-code=yandex-market] .mp-logo{background:#ffb400;font-size:20px}.mp-channel[data-code=megamarket] .mp-logo{background:#8d43d8}.mp-channel-title{min-width:0}.mp-channel h2{font-size:14px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-channel small,.mp-connection small{color:#7085b3;font-size:9px}.mp-channel-head>.mp-badge{margin-left:auto}
.mp-source-warning{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;padding:9px 10px;border:1px solid #f1c3cb;background:#fff5f6;color:#a5283b;border-radius:6px}.mp-source-warning small{grid-column:1/-1;color:#a05b68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-source-warning button{border:1px solid #e3a1ad;background:#fff;color:#a5283b;border-radius:4px;min-height:32px;padding:0 10px}
.mp-sample-warning{margin:0 0 10px;padding:9px 10px;border:1px solid #f3d69c;background:#fff9ed;color:#76500a;border-radius:6px;line-height:1.5}
.mp-badge{display:inline-block;background:#edf1f7;color:#617799;font-size:9px;padding:4px 6px;border-radius:4px;white-space:nowrap}.mp-badge.ok{background:#dff8eb;color:#009964}.mp-badge.warn{background:#fff1df;color:#d48700}.mp-badge.error{background:#ffe9ed;color:#e33247}.mp-connection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:11px 0 7px}.mp-connection>div{display:grid;align-content:center;gap:5px;min-width:0;background:#f8faff;border-radius:4px;padding:7px;min-height:51px}.mp-connection .mp-badge{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mp-connection strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.mp-stats>div{min-width:0;min-height:66px;border-top:1px solid #edf1f7;padding:8px 7px;display:grid;align-content:start;gap:4px}.mp-stats>div:not(:nth-child(5n)){border-right:1px solid #edf1f7}.mp-stats strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-channel-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.mp-channel-details>div{min-width:0;background:#f8faff;border-radius:4px;padding:8px;display:grid;gap:5px}.mp-channel-details strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-flow-note{color:#6079ae;font-size:9px;line-height:1.3}.mp-flow-note.warn{color:#c2414b}.mp-channel-foot{display:flex;align-items:end;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f7;min-width:0}.mp-channel-foot>div{display:grid;gap:4px;min-width:0;margin-right:auto}.mp-channel-foot time{color:#6079ae;white-space:nowrap;font-size:9px;overflow:hidden;text-overflow:ellipsis}.mp-channel-foot button{border:1px solid #d9e6fa;background:#fff;color:var(--mp-blue);border-radius:4px;padding:7px 10px;white-space:nowrap;font-size:9px}.mp-channel-foot button:hover{background:#f2f7ff}
.mp-analytics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:9px}.mp-operations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}.mp-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.mp-card{min-width:0;overflow:hidden}.mp-analytics .mp-card{min-height:185px}.mp-operations .mp-card{min-height:190px}.mp-bottom .mp-card{min-height:170px}.mp-card-head{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 10px;border-bottom:1px solid #f0f3f9;min-height:36px}.mp-card-head h2{font-size:11px;margin:0;white-space:nowrap}.mp-card-head a,.mp-card-head span{font-size:9px;white-space:nowrap}.mp-card-head a{text-decoration:none}.mp-card-head select{height:26px;font-size:9px}.mp-empty{min-height:115px;display:grid;place-items:center;text-align:center;color:#7086b3;line-height:1.5;padding:10px}.mp-operations .mp-empty,.mp-bottom .mp-empty{min-height:125px}
.mp-bars{height:134px;display:flex;align-items:end;gap:6px;padding:7px 11px 11px}.mp-bars>div{flex:1;min-width:0;display:grid;justify-items:center;align-content:end;gap:4px;height:100%;font-size:8px;text-align:center;color:#637cac}.mp-bars i{display:block;width:min(36px,80%);border-radius:3px 3px 0 0;background:#287ff2;min-height:3px}.mp-bars>div:nth-child(2) i{background:#963be8}.mp-bars>div:nth-child(3) i{background:#ffb200}.mp-bars>div:nth-child(4) i{background:#93a5c8}.mp-bars b{font-size:9px;color:#18366d;white-space:nowrap}.mp-donut-row{display:flex;align-items:center;justify-content:space-evenly;min-height:135px;gap:7px}.mp-donut{width:108px;height:108px;flex:0 0 108px;border-radius:50%;display:grid;place-items:center}.mp-donut>span{width:71px;height:71px;border-radius:50%;background:white;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:700}.mp-legend{min-width:105px;display:grid;gap:8px;color:#5772a7}.mp-legend>div{display:flex;gap:9px;justify-content:space-between}.mp-legend i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:4px}.mp-list-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;border-top:1px solid #eff3f9;min-width:0;color:#506da4;font-size:9px}.mp-list-row:first-child{border-top:0}.mp-list-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-list-row strong{font-size:9px;white-space:nowrap;color:#163d83}.mp-list-row a{white-space:nowrap}.mp-list-row .mp-badge{font-size:8px}.mp-mini-table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap}.mp-mini-table th{text-align:left;font-weight:500;color:#7185ae;background:#f8faff;padding:6px}.mp-mini-table td{border-top:1px solid #edf1f7;padding:6px;color:#38578d;max-width:145px;overflow:hidden;text-overflow:ellipsis}.mp-mini-table-wrap{overflow:auto}.mp-alert-title,.mp-error{color:#eb3048!important}.mp-muted{color:#7186b0}.mp-line-chart{height:135px;padding:10px}.mp-line-chart svg{width:100%;height:100%}
@media(max-width:1250px){.mp-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-analytics .mp-card:last-child{grid-column:1/-1}.mp-operations{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-bottom .mp-card:first-child{grid-column:1/-1}.mp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-stats>div:not(:nth-child(5n)){border-right:0}.mp-stats>div:not(:nth-child(4n)){border-right:1px solid #edf1f7}}
@media(max-width:760px){.mp-heading{display:block}.mp-period{flex-wrap:wrap;margin-top:10px}.mp-analytics,.mp-operations,.mp-bottom{grid-template-columns:1fr}.mp-analytics .mp-card:last-child,.mp-bottom .mp-card:first-child{grid-column:auto}.mp-connection,.mp-channel-details{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-stats>div:not(:nth-child(4n)){border-right:0}.mp-stats>div:nth-child(odd){border-right:1px solid #edf1f7}.mp-channel-details strong,.mp-list-row>span{white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}.mp-list-row{flex-wrap:wrap;justify-content:flex-start}.mp-list-row>*{max-width:100%}}
.mp-reviews{margin:0 0 9px;padding-bottom:8px}.mp-review-manage{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:7px;align-items:end;padding:9px 10px;border-bottom:1px solid #f0f3f9}.mp-review-manage label,.mp-review form label{display:grid;gap:5px;color:var(--mp-muted);font-size:11px}.mp-review-manage select,.mp-review textarea{width:100%;border:1px solid #dce7f8;border-radius:4px;background:#fff;color:#1e355d;padding:7px 9px;font:12px Arial,system-ui,sans-serif}.mp-review-manage select{min-height:32px}.mp-review-button{min-height:31px;border:1px solid #075bfa;border-radius:4px;background:#075bfa;color:#fff;padding:6px 10px;font:600 11px Arial,system-ui,sans-serif;cursor:pointer}.mp-review-button:disabled{opacity:.55;cursor:wait}.mp-review-assigned{grid-column:1/-1;display:grid;gap:5px}.mp-review-assigned>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf1f7;padding:5px 0;color:#435b84;font-size:11px}.mp-review-link{border:0;background:transparent;color:#075bfa;cursor:pointer;font:600 11px Arial,system-ui,sans-serif}.mp-review-error{color:#c62838;padding:6px 10px;font-size:11px}.mp-review{padding:10px;border-bottom:1px solid #edf1f7}.mp-review:last-child{border-bottom:0}.mp-review>header{display:flex;align-items:center;gap:10px}.mp-review>header strong{color:#102550;font-size:12px}.mp-review>header span{color:#f2a900;letter-spacing:1px}.mp-review>header time{margin-left:auto;color:var(--mp-muted);font-size:10px}.mp-review>p,.mp-review-reply p{margin:7px 0;color:#344e7d;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.mp-review-reply{margin:8px 0 0 12px;border-left:2px solid #9bb9ed;padding:5px 0 5px 9px}.mp-review-reply strong{font-size:10px;color:#536f9e}.mp-review form{display:grid;gap:6px;margin:9px 0 0}.mp-review textarea{min-height:72px;resize:vertical}.mp-review-more{display:block;margin:6px auto 0;border:1px solid #dce7f8;border-radius:4px;background:#fff;color:#315b9f;padding:7px 12px;cursor:pointer}.mp-review-more[hidden]{display:none}#mp-review-status{padding:8px 10px;color:var(--mp-muted);font-size:11px}#mp-review-status:empty{display:none}@media(max-width:600px){.mp-review-manage{grid-template-columns:1fr}.mp-review-assigned{grid-column:auto}.mp-review>header{flex-wrap:wrap}.mp-review>header time{margin-left:0;width:100%}}