.mpp-mobile-plan{display:none}.mpp-page .mpp-dialog{width:min(760px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:18px;border:1px solid #dedade;border-radius:12px;background:#f5f3f4;color:#171717;overflow:auto;box-sizing:border-box}.mpp-dialog::backdrop{background:#17171799;backdrop-filter:blur(6px)}.mpp-dialog-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.mpp-dialog-head h2{font:400 25px/1.2 Onest,sans-serif;margin:0;color:#171717}.mpp-dialog-head button{width:44px;height:44px;background:#fff;border:1px solid #dedade;border-radius:50%;color:#35141f;font-size:24px;flex:none}
.mpp-app{background:#fff;color:#171717;border:1px solid #e4e0e2;border-radius:10px;overflow:hidden;font:400 14px/1.5 Onest,sans-serif}.mpp-app-bar{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#35141f;color:#fff;font-size:11px}.mpp-app-bar strong{font-weight:400;color:inherit}.mpp-app-bar>span{color:#d8c5cc}.mpp-app-head{padding:18px 16px}.mpp-app-head>span{font-size:12px;color:#777}.mpp-page .mpp-app-head h3{font:400 21px/1.25 Onest,sans-serif;margin:8px 0;color:#171717}.mpp-app-head p{font:400 12px/1.5 Onest,sans-serif;color:#777;margin:0}.mpp-axis{padding:0 16px 10px;font-size:11px;color:#777}.mpp-axis>span{display:block;padding-bottom:8px}.mpp-axis>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));text-align:center}.mpp-stage{margin:0 16px;border-top:1px solid #e4e0e2}.mpp-stage summary{cursor:pointer;list-style:none;padding:14px 0}.mpp-stage summary::-webkit-details-marker{display:none}.mpp-stage-label{display:grid;grid-template-columns:22px 1fr 16px;gap:8px;align-items:start}.mpp-stage-label strong{font:400 15px/1.35 Onest,sans-serif;color:#171717}.mpp-stage-number{font-size:11px;color:#777;padding-top:3px}.mpp-expand{font-size:18px;color:#895567;line-height:1.2}.mpp-stage[open] .mpp-expand{transform:rotate(45deg)}.mpp-track{height:24px;position:relative;margin-top:12px;background:repeating-linear-gradient(90deg,#f5f3f4,#f5f3f4 calc(12.5% - 1px),#e4e0e2 calc(12.5% - 1px),#e4e0e2 12.5%);border-radius:4px}.mpp-track i{position:absolute;left:calc(var(--mpp-start)*12.5%);width:calc(var(--mpp-length)*12.5% - 6px);top:5px;height:14px;border-radius:3px;background:#bca4ae}.mpp-stage:nth-of-type(2) .mpp-track i{background:#7a2945}.mpp-track b{position:absolute;left:calc(var(--mpp-point)*12.5% - 9px);top:8px;width:8px;height:8px;background:#ff5a2b;transform:rotate(45deg);box-shadow:0 0 0 2px #fff}.mpp-stage-detail{padding:0 0 16px}.mpp-stage-detail>span,.mpp-stage-detail>div>span{font-size:11px;color:#777}.mpp-stage-detail p{font:400 14px/1.55 Onest,sans-serif;color:#6b6668;margin:6px 0 14px}.mpp-stage-detail>div{padding:12px;background:#faf1eb;border-radius:6px}.mpp-stage-detail strong{display:block;font:400 14px/1.5 Onest,sans-serif;color:#35141f;margin-top:6px}.mpp-legend{display:flex;gap:8px;align-items:start;font-size:11px;color:#777;padding:16px}.mpp-legend i{width:7px;height:7px;background:#ff5a2b;transform:rotate(45deg);flex:none;margin-top:5px}.mpp-note{font:400 11px/1.5 Onest,sans-serif;color:#777;padding:0 16px 16px;margin:0}.mpp-open{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:12px 16px;background:#35141f;color:#fff;border:0;border-radius:6px;font:400 14px/1.5 Onest,sans-serif;margin-top:14px}.mpp-page :is(.mpp-stage summary,.mpp-open,.mpp-dialog-head button):focus-visible{outline:2px solid #ff5a2b;outline-offset:3px}.mpp-page :is(#sp-plan,#rd-plan,#pf-plan)>.mpp-app,.mpp-page :is(#sp-plan,#rd-plan,#pf-plan) .pf-dialog-shell>.mpp-app{display:none}
@media(max-width:900px){
html body.mpp-page .mpp-mobile-plan{display:block;margin:24px 0}
html body.mpp-page :is(#sp-plan,#rd-plan,#pf-plan){width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100svh - 16px);padding:18px;border:1px solid #dedade;border-radius:12px;box-sizing:border-box;background:#f5f3f4;color:#171717;overflow:auto}
html body.mpp-page :is(#sp-plan,#rd-plan) .sp-dialog-head{display:flex;align-items:start;gap:12px;margin-bottom:18px}
html body.mpp-page :is(#sp-plan,#rd-plan,#pf-plan) h2{font:400 25px/1.2 Onest,sans-serif;color:#171717;margin:0;flex:1;clear:none}
html body.mpp-page :is(#sp-plan,#rd-plan) .sp-dialog-head button,html body.mpp-page #pf-plan .pf-dialog-close{width:44px;height:44px;flex:none;margin:0;background:#fff;color:#35141f;border:1px solid #dedade;border-radius:50%}
html body.mpp-page :is(#sp-plan,#rd-plan,#pf-plan) p{font:400 12px/1.5 Onest,sans-serif;color:#777}
html body.mpp-page :is(#sp-plan,#rd-plan)>.mpp-app,html body.mpp-page #pf-plan .pf-dialog-shell>.mpp-app{display:block;margin-top:18px}
html body.mpp-page :is(#sp-plan,#rd-plan,#pf-plan) :is(.sp-roadmap,.rd-gantt,.pf-dialog-plan){display:none}
html body.mpp-page #pf-plan .pf-dialog-shell{padding:0}html body.mpp-page #pf-plan .pf-dialog-eyebrow{font:400 11px/1.5 Onest,sans-serif;color:#777;min-height:44px;margin:0 56px 12px 0}
html body.mpp-page .mpp-mobile-plan+.sp-roadmap{display:none}
html body.mpp-page .mpp-mobile-plan+.pf-plan-preview>:not(button){display:none}html body.mpp-page .mpp-mobile-plan+.pf-plan-preview{padding:0;background:none;border:0}
/* Existing dated Gantt: labels and tracks share the entire narrow screen. */
html body.mpp-page .ip-mini-gantt{padding:16px;background:#fff;border:1px solid #e4e0e2;border-radius:10px;overflow:visible}
html body.mpp-page :is(.ip-mini-gantt-head,.ip-mini-gantt-row){display:grid;grid-template-columns:1fr;gap:10px;padding:12px 0}
html body.mpp-page .ip-mini-gantt-head>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));text-align:center;font-size:11px;color:#777}
html body.mpp-page .ip-mini-gantt-row>div:first-child{font-size:14px;color:#171717}html body.mpp-page .ip-mini-gantt-row small{font-size:11px;color:#777}
html body.mpp-page .ip-mini-track{height:24px;width:100%;min-width:0}
html body.mpp-page #wd-roadmap{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100svh - 16px);padding:0;border:1px solid #dedade;border-radius:12px;background:#f5f3f4;color:#171717;overflow:auto;scroll-padding-top:80px}
html body.mpp-page #wd-roadmap .wd-dialog-shell{padding:18px;min-width:0}
html body.mpp-page #wd-roadmap .wd-close{position:sticky;top:0;float:right;width:44px;height:44px;z-index:5;background:#fff;color:#35141f;border:1px solid #dedade;border-radius:50%;margin:0 0 -44px 0}
html body.mpp-page #wd-roadmap .ip-app-heading{padding:0 56px 16px 0}html body.mpp-page #wd-roadmap .wd-eyebrow{font:400 11px/1.5 Onest,sans-serif;color:#777;margin:0 0 12px}
html body.mpp-page #wd-roadmap h2{font:400 25px/1.2 Onest,sans-serif;color:#171717;margin:0 0 12px}html body.mpp-page #wd-roadmap .wd-intro{font:400 12px/1.5 Onest,sans-serif;color:#777;margin:0}
html body.mpp-page #wd-roadmap .wx-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#35141f;border-radius:8px;padding:8px;margin-bottom:18px}
html body.mpp-page #wd-roadmap .wx-view-tabs button{min-height:44px;padding:8px 4px;font:400 13px/1.4 Onest,sans-serif;border:0;white-space:normal;color:#d8c5cc;background:none;border-radius:6px}
html body.mpp-page #wd-roadmap .wx-view-tabs button[aria-selected=true]{color:#fff;background:#ffffff16}
html body.mpp-page #wd-roadmap .ip-full-gantt{background:#fff;border-color:#e4e0e2;min-width:0;overflow:visible}
html body.mpp-page #wd-roadmap .ip-full-gantt-head{display:grid;grid-template-columns:1fr;padding:14px;font-size:11px;color:#777;gap:12px;background:#f5f3f4}
html body.mpp-page #wd-roadmap .ip-full-gantt-head>span{padding:0}html body.mpp-page #wd-roadmap .ip-full-gantt-head>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));font-size:10px;text-align:center;gap:3px}
html body.mpp-page #wd-roadmap :is(.ip-gantt-stage>summary,.ip-subtask-row,.ip-check-row){display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding:0 14px 14px}
html body.mpp-page #wd-roadmap .ip-gantt-label{padding:14px 0 12px;gap:10px}
html body.mpp-page #wd-roadmap .ip-gantt-label strong{font:400 17px/1.3 Onest,sans-serif;color:#171717;margin:0 0 6px}
html body.mpp-page #wd-roadmap .ip-gantt-label small{font:400 12px/1.5 Onest,sans-serif;color:#777;display:block}
html body.mpp-page #wd-roadmap .wx-badge{font-size:11px;padding:4px 8px}
html body.mpp-page #wd-roadmap .ip-full-track{height:28px;min-width:0;background:repeating-linear-gradient(90deg,#f5f3f4,#f5f3f4 calc(12.5% - 1px),#e4e0e2 calc(12.5% - 1px),#e4e0e2 12.5%);border-radius:4px}
html body.mpp-page #wd-roadmap :is(.ip-subtask-row,.ip-check-row){background:#faf8f9;border-color:#e4e0e2}
html body.mpp-page #wd-roadmap :is(.ip-subtask-row,.ip-check-row)>div:first-child{padding:12px 0}
html body.mpp-page #wd-roadmap :is(.ip-subtask-row,.ip-check-row) strong{font:400 14px/1.4 Onest,sans-serif;color:#171717}
html body.mpp-page #wd-roadmap :is(.ip-subtask-row,.ip-check-row) small{font:400 12px/1.5 Onest,sans-serif;color:#777}
html body.mpp-page #wd-roadmap .ip-gantt-foot{flex-direction:column;align-items:start;gap:10px;margin-top:14px}html body.mpp-page #wd-roadmap :is(.ip-gantt-foot p,.ip-gantt-foot>span,.wx-demo-note){font:400 11px/1.5 Onest,sans-serif;color:#777}
html body.mpp-page #wd-roadmap .wx-meetings article{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 0}html body.mpp-page #wd-roadmap .wx-meetings h3{font:400 19px/1.3 Onest,sans-serif;color:#171717}html body.mpp-page #wd-roadmap .wx-meetings p{font:400 14px/1.5 Onest,sans-serif;color:#777}html body.mpp-page #wd-roadmap .wx-meetings small{font-size:12px;color:#777}html body.mpp-page #wd-roadmap .wx-material{min-height:44px;padding:10px 12px;font:400 13px/1.5 Onest,sans-serif;background:#fff;color:#35141f;border:1px solid #dedade;border-radius:6px;justify-self:start}
}
@media(max-width:900px){
html body.mpp-page #wx-plan-panel{display:flex;flex-direction:column;gap:14px}
html body.mpp-page #wd-roadmap .ca-plan-dependencies{order:3;padding:16px;border:1px solid #e4e0e2;border-radius:8px;background:#fff;color:#171717}
html body.mpp-page #wd-roadmap .ca-plan-dependencies :is(strong,p,span){color:#6b6668;font:400 13px/1.5 Onest,sans-serif}
html body.mpp-page #wd-roadmap .ip-full-gantt :is(.ip-full-gantt-head,.ip-gantt-stage,.ip-gantt-stage>summary,.ip-subtask-row,.ip-check-row,.ip-full-track){min-width:0!important;width:auto;max-width:100%;box-sizing:border-box}
html body.mpp-page #wd-roadmap .wx-badge.wx-done{background:#edf4ef;color:#33734c}html body.mpp-page #wd-roadmap .wx-badge.wx-active{background:#f3e8ed;color:#7a2945}html body.mpp-page #wd-roadmap .wx-badge.wx-next{background:#eee7ea;color:#775d69}
html body.mpp-page #wd-roadmap [hidden]{display:none!important}
html body.mpp-page section>.mpp-mobile-plan{width:91.2%;margin:24px auto}
}

.mpp-dialog-head{position:sticky;top:0;z-index:5;background:#f5f3f4;padding:8px 0}.mpp-dialog{scroll-padding-top:80px}.mpp-stage summary{scroll-margin-top:80px}
@media(max-width:900px){html body.mpp-page .ip-mini-gantt-row strong{color:#171717!important;font:400 15px/1.4 Onest,sans-serif}html body.mpp-page :is(#sp-plan,#rd-plan) .sp-dialog-head{position:sticky;top:0;z-index:5;background:#f5f3f4;padding:8px 0}html body.mpp-page #pf-plan .pf-dialog-close{position:sticky;float:right;top:0;z-index:5;margin-bottom:-44px}}
@media(max-width:900px){
html body.mpp-page .ip-mini-gantt::before{content:'IMPACT / План проекта';display:block;background:#35141f;color:#fff;font:400 11px/1.5 Onest,sans-serif;margin:-16px -16px 12px;padding:14px;border-radius:9px 9px 0 0}
html body.mpp-page #wd-roadmap .wx-material-preview{background:#fff;color:#171717;padding:18px;border:1px solid #e4e0e2;border-radius:8px}
html body.mpp-page #wd-roadmap .wx-material-preview h3{font:400 23px/1.25 Onest,sans-serif;color:#171717}
html body.mpp-page #wd-roadmap .wx-material-preview p{font:400 14px/1.55 Onest,sans-serif;color:#6b6668}
html body.mpp-page #wd-roadmap .wx-sample{display:grid;grid-template-columns:1fr;gap:10px}html body.mpp-page #wd-roadmap .wx-sample article{background:#f5f3f4;border:1px solid #e4e0e2;border-radius:6px;padding:14px;color:#171717}
html body.mpp-page #wd-roadmap .wx-sample strong{font:400 15px/1.4 Onest,sans-serif;color:#171717}html body.mpp-page #wd-roadmap .wx-sample p{font-size:13px;margin-top:6px}
html body.mpp-page #wd-roadmap [data-close-material]{min-height:44px;scroll-margin-top:80px;font:400 13px/1.5 Onest,sans-serif;color:#35141f}
}
