/* Canonical Main Board content area. Navbar is deliberately outside this contract. */ /* Approved advertising board — isolated from the operational workspace shell. */ .marketing-reference{display:none} body.marketing-reference-open{background:#fff;color:#17213a}body.marketing-reference-open .sidebar,body.marketing-reference-open .topbar{display:none}body.marketing-reference-open .main{margin:0;width:100%}body.marketing-reference-open #ads{display:block!important;padding:0;background:#fff}body.marketing-reference-open #ads>:not(.marketing-reference){display:none!important}body.marketing-reference-open .marketing-reference{display:block;min-height:100vh;background:#fff;font-family:Onest,Arial,sans-serif;color:#17213a}.mr-topbar{height:46px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;padding:0 max(26px,calc((100vw - 940px)/2));gap:27px;font-size:10px;letter-spacing:1.4px}.mr-topbar strong{font-size:11px;letter-spacing:1.8px}.mr-topbar>div{margin-left:auto;display:flex;align-items:center;gap:20px}.mr-topbar button{position:relative;border:0;background:transparent;color:#111b34;font:600 14px Onest;cursor:pointer}.mr-topbar .mr-menu{font-size:17px;font-weight:400}.mr-topbar .mr-bell b{position:absolute;right:-9px;top:-8px;width:14px;height:14px;border-radius:9px;background:#f23e43;color:#fff;font:700 8px Onest;display:grid;place-items:center}.mr-topbar .mr-account{height:30px;padding:0 10px;border:1px solid #e3e7ee;border-radius:6px;font-size:9px}.mr-page{width:min(888px,calc(100% - 52px));margin:0 auto;padding:19px 0 15px}.mr-crumb{font-size:10px;font-weight:700;margin:0 0 5px}.mr-page h2{font-size:23px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.7px}.mr-subtitle{margin:4px 0 15px;color:#67728a;font-size:10px}.mr-toolbar{display:flex;align-items:center;height:34px;margin-bottom:10px;gap:20px}.mr-toolbar button,.mr-table header button,.mr-sku header button{height:28px;border:1px solid #e4e8f0;background:#fff;border-radius:7px;padding:0 11px;color:#202a40;font:600 9px Onest}.mr-toolbar>.mr-date{min-width:184px;text-align:left}.mr-toolbar>.mr-date b{float:right}.mr-toolbar>span{color:#7a8499;font-size:9px}.mr-toolbar>div{margin-left:auto;display:flex;gap:10px}.mr-toolbar>div button:last-child{width:28px;padding:0}.mr-kpis{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e5e4fb;border-radius:10px;min-height:109px;margin-bottom:14px;padding:14px 0 8px;background:linear-gradient(100deg,#fff,#fbfaff)}.mr-kpis article{position:relative;padding:0 15px;border-right:1px solid #e8e7f3;min-width:0}.mr-kpis article:last-child{border:0}.mr-kpis i{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:6px;border-radius:9px;background:#f1edff;color:#6747ed;font-size:15px;font-style:normal;vertical-align:middle}.mr-kpis small{font-size:8px;white-space:nowrap}.mr-kpis strong,.mr-kpis em{display:block}.mr-kpis strong{margin:10px 0 8px;font-size:18px;letter-spacing:-.4px;white-space:nowrap}.mr-kpis em,.mr-table em{font-size:10px;font-style:normal;font-weight:700}.up{color:#18ae70}.down{color:#fa4b52}.mr-alert{height:59px;border:1px solid #ffdcad;border-radius:10px;background:linear-gradient(90deg,#fffaf1,#fff);display:flex;align-items:center;gap:12px;padding:0 15px;margin-bottom:14px}.mr-alert>b{color:#f58b1d;font-size:21px}.mr-alert strong,.mr-alert small{display:block}.mr-alert strong{font-size:11px;color:#884b1e}.mr-alert small{font-size:8px;margin-top:4px}.mr-alert a{margin-left:auto;color:#6c4cf0;font-size:9px;font-weight:700}.mr-panel{border:1px solid #e7eaf1;border-radius:10px;background:#fff;overflow:hidden;margin-bottom:10px}.mr-panel h3{margin:0;font-size:14px;letter-spacing:-.3px}.mr-chart header,.mr-table header,.mr-sku header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.mr-chart header p{font-size:8px;color:#718099;margin:10px 0 0;display:flex;align-items:center;gap:8px}.mr-chart header p i{width:13px;height:2px;border-radius:2px;background:#6b51ff;display:inline-block}.mr-chart header p .green{background:#18b979}.mr-chart header p .blue{background:#1684ee}.mr-chart header p .orange{background:#ff8214}.mr-tabs{display:flex}.mr-tabs button{width:56px;height:25px;border:1px solid #e4e8f1;background:#fff;font:600 8px Onest;color:#42506a}.mr-tabs button:first-child{border-radius:6px 0 0 6px}.mr-tabs button:last-child{border-radius:0 6px 6px 0}.mr-tabs .active{background:#7354ed;color:#fff;border-color:#7354ed}.mr-plot{position:relative;height:171px;padding:0 38px 0 58px}.mr-plot svg{width:100%;height:139px}.mr-plot .grid path{stroke:#edf0f5;stroke-width:1}.mr-plot .line{fill:none;stroke-width:2}.mr-plot .violet{stroke:#6b51ff}.mr-plot .green{stroke:#1abe7b}.mr-plot .blue{stroke:#1685ef}.mr-plot .orange{stroke:#ff8114}.mr-plot .left,.mr-plot .right{position:absolute;color:#77849b;font-size:9px}.mr-plot .left{left:14px}.mr-plot .right{right:12px}.mr-plot .l1,.mr-plot .r1{top:16px}.mr-plot .l2,.mr-plot .r2{top:54px}.mr-plot .l3,.mr-plot .r3{top:92px}.mr-plot .l4,.mr-plot .r4{top:130px}.mr-plot .r5{bottom:7px}.mr-xaxis{display:flex;justify-content:space-between;color:#7d879a;font-size:8px;margin-top:-2px}.mr-chart footer{height:43px;margin:0 14px 10px;padding:0 12px;border:1px solid #ebe7ff;border-radius:8px;background:#faf9ff;color:#626c86;display:flex;align-items:center;gap:13px;font-size:8px}.mr-chart footer:first-letter{color:#7255ed}.mr-chart footer a{margin-left:auto;color:#6448ec;font-weight:700}.mr-table header{border-bottom:1px solid #eceef3}.mr-table header>div,.mr-sku header>div{display:flex;gap:8px}.mr-table table,.mr-sku table{width:100%;border-collapse:collapse;table-layout:fixed}.mr-table th,.mr-sku th{height:31px;text-align:left;padding:0 8px;font-size:8px;color:#768197;font-weight:600;white-space:nowrap}.mr-table td{height:41px;border-top:1px solid #eff1f5;padding:0 8px;font-size:9px;vertical-align:middle;white-space:nowrap}.mr-table td:first-child{display:flex;align-items:center;gap:7px;white-space:normal}.mr-table td:first-child>b{font-size:9px;color:#6e778a}.mr-table td:first-child>i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;font-style:normal;background:#f1edff;color:#7255ee;font-size:13px}.mr-table td:first-child .orange{background:#fff4e7;color:#f68a21}.mr-table td:first-child .green{background:#e8faf2;color:#1aac72}.mr-table td:first-child .blue{background:#edf5ff;color:#2585ea}.mr-table td span{font-size:9px;font-weight:600}.mr-table td span small,.mr-sku td small{display:block;font-size:7px;color:#8b93a2;margin-top:3px;font-weight:500}.mr-table td em{display:block;font-size:8px;margin-top:3px}.mr-table td:last-child{font-size:19px;color:#77839a;text-align:center}.mr-table footer,.mr-sku footer{text-align:center;height:33px;border-top:1px solid #eff1f5;color:#684cf0;font-size:9px;font-weight:700;padding-top:10px}.mr-split{display:grid;grid-template-columns:1.65fr .95fr;gap:22px;margin:0 0 10px}.mr-spend{margin:0;padding:13px 14px}.mr-spend>div{display:flex;align-items:center;gap:40px;padding:10px 13px 0}.mr-donut{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6b51ed 0 31%,#ff951f 31% 54%,#1abd79 54% 72%,#1d91ef 72% 81%,#7e62ed 81% 93%,#aeb5c5 93% 100%)}.mr-donut:before{content:"";position:absolute;width:83px;height:83px;border-radius:50%;background:#fff}.mr-donut span{position:relative;display:grid;text-align:center;z-index:1}.mr-donut b{font-size:13px}.mr-donut small{font-size:7px;color:#8993a3;margin-top:4px}.mr-spend ul{flex:1;list-style:none;margin:0;padding:0}.mr-spend li{display:grid;grid-template-columns:12px 1fr 34px 55px;align-items:center;font-size:8px;color:#748095;margin:8px 0}.mr-spend li i{width:7px;height:7px;border-radius:50%;background:#6b51ed}.mr-spend li .orange{background:#ff951f}.mr-spend li .green{background:#1abd79}.mr-spend li .blue{background:#1d91ef}.mr-spend li .violet{background:#7e62ed}.mr-spend li .gray{background:#aeb5c5}.mr-spend li b{font-weight:600}.mr-spend li em{font-style:normal;text-align:right}.mr-budget{border:1px solid #e5dfff;border-radius:9px;background:linear-gradient(135deg,#f8f5ff,#f3f0ff);padding:23px 20px;color:#7351ed}.mr-budget p{font-size:11px;font-weight:700;margin:0 0 15px}.mr-budget strong,.mr-budget small,.mr-budget a{display:block}.mr-budget strong{font-size:23px;letter-spacing:-.5px}.mr-budget small{font-size:9px;color:#67708e;line-height:1.35;margin:4px 0 18px}.mr-budget a{font-size:9px;font-weight:700}.mr-sku header{border-bottom:1px solid #eceef3}.mr-sku th{height:30px}.mr-sku td{height:38px;border-top:1px solid #eff1f5;padding:0 14px;font-size:8px;vertical-align:middle}.mr-sku td:nth-child(2){font-weight:600}.mr-sku .profit{color:#18b871;font-weight:700}.mr-actions{padding:12px 14px 12px}.mr-actions h3{margin-bottom:10px}.mr-actions>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mr-actions button{min-height:74px;display:grid;grid-template-columns:35px 1fr 10px;align-items:center;gap:8px;border:1px solid #e8eaf0;border-radius:8px;background:#fff;color:#17213a;text-align:left;padding:9px;font:600 8px Onest}.mr-actions i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0edff;color:#7052ee;font-style:normal;font-size:15px}.mr-actions i.orange{background:#fff1e4;color:#fa8a1d}.mr-actions i.green{background:#eaf9f1;color:#1ab876}.mr-actions i.blue{background:#ebf4ff;color:#2388ec}.mr-actions i.gray{background:#f0f2f6;color:#6e7a8f}.mr-actions small{display:block;margin-top:9px;color:#9099a9;font-size:7px;line-height:1.25}.mr-actions button>span{line-height:1.35}.mr-actions button{cursor:pointer}.mr-bottom{display:flex;justify-content:space-between;color:#8490a3;font-size:8px;padding-top:4px}.mr-bottom span:last-child{margin-left:auto} @media(max-width:720px){body.marketing-reference-open .mr-page{width:calc(100% - 24px);padding-top:14px;overflow:hidden}.mr-topbar{padding:0 12px}.mr-topbar>div{gap:8px}.mr-topbar>div button:not(.mr-account){display:none}.mr-kpis{grid-template-columns:1fr 1fr;min-height:0;padding:0;overflow:visible}.mr-kpis article{min-width:0;min-height:96px;padding:13px 14px;border-bottom:1px solid #e8e7f3}.mr-kpis article:nth-child(2n){border-right:0}.mr-kpis article:nth-last-child(-n+2){border-bottom:0}.mr-kpis i{width:24px;height:24px;font-size:13px}.mr-kpis strong{margin:8px 0 5px;font-size:16px}.mr-kpis em{font-size:9px}.mr-toolbar{height:auto;min-height:34px;gap:8px}.mr-toolbar>span{display:none}.mr-toolbar>.mr-date{min-width:184px}.mr-toolbar>div{gap:8px}.mr-toolbar>div button:first-child{width:92px;padding:0 8px}.mr-split{grid-template-columns:1fr}.mr-budget{min-height:150px}.mr-chart{min-width:0;overflow:hidden}.mr-chart header{height:auto;min-height:74px;align-items:flex-start;padding:12px}.mr-chart header>div:first-child{min-width:0}.mr-chart header p{display:grid;grid-template-columns:repeat(2,max-content);gap:7px 10px;margin-top:8px;line-height:1.2}.mr-tabs{margin-top:1px}.mr-tabs button{width:39px;font-size:7px}.mr-plot{height:160px;padding:0 10px 0 40px}.mr-plot svg{height:127px}.mr-plot .left{left:2px;font-size:8px}.mr-plot .right{display:none}.mr-plot .l1{top:14px}.mr-plot .l2{top:48px}.mr-plot .l3{top:82px}.mr-plot .l4{top:116px}.mr-xaxis{font-size:7px;gap:5px;overflow:hidden}.mr-chart footer{height:auto;min-height:42px;margin:0 10px 10px;padding:8px;font-size:7px;line-height:1.35}.mr-chart footer a{display:none}.mr-table,.mr-sku{overflow:visible}.mr-table table,.mr-sku table{min-width:0;display:block}.mr-table thead,.mr-sku thead{display:none}.mr-table tbody,.mr-sku tbody{display:grid;gap:8px;padding:8px}.mr-table tr,.mr-sku tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e8eaf0;border-radius:8px;overflow:hidden;background:#fff}.mr-table td,.mr-sku td{height:auto!important;min-height:42px;display:flex!important;flex-direction:column;justify-content:center;gap:3px;padding:8px!important;border:0!important;border-right:1px solid #eef0f4!important;border-bottom:1px solid #eef0f4!important;white-space:normal!important;font-size:9px!important;line-height:1.25!important;text-align:left!important}.mr-table td:before,.mr-sku td:before{font-size:7px;color:#8993a3;font-weight:700;text-transform:uppercase}.mr-table td:first-child,.mr-sku td:nth-child(2){grid-column:1/-1;display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;border-right:0!important}.mr-table td:first-child:before,.mr-sku td:nth-child(2):before{display:none}.mr-table td:first-child span{white-space:normal}.mr-table td:first-child span small{margin-top:2px}.mr-table td:last-child{display:none!important}.mr-table td:nth-child(2):before{content:'Расходы'}.mr-table td:nth-child(3):before{content:'Выручка'}.mr-table td:nth-child(4):before{content:'Заказы'}.mr-table td:nth-child(5):before{content:'CPA'}.mr-table td:nth-child(6):before{content:'ROAS'}.mr-table td:nth-child(7):before{content:'ROMI'}.mr-table td:nth-child(2n+1),.mr-sku td:nth-child(2n+1){border-right:0!important}.mr-table td:nth-last-child(-n+2),.mr-sku td:nth-last-child(-n+2){border-bottom:0!important}.mr-sku td:nth-child(1):before{content:'№'}.mr-sku td:nth-child(3):before{content:'Бренд'}.mr-sku td:nth-child(4):before{content:'Расходы'}.mr-sku td:nth-child(5):before{content:'Заказы'}.mr-sku td:nth-child(6):before{content:'Продажи'}.mr-sku td:nth-child(7):before{content:'Выручка'}.mr-sku td:nth-child(8):before{content:'ROMI'}.mr-table footer,.mr-sku footer{height:auto;padding:11px 8px;font-size:8px}.mr-actions>div{grid-template-columns:1fr 1fr}.mr-actions button{min-height:70px;grid-template-columns:29px 1fr 8px;padding:8px}.mr-actions i{width:25px;height:25px}.mr-actions small{margin-top:5px}.mr-spend>div{gap:16px}.mr-spend ul{min-width:0}.mr-spend li{grid-template-columns:10px 1fr 28px 48px;font-size:7px}.mr-bottom{font-size:7px;gap:8px;align-items:flex-end}.mr-bottom span:last-child{text-align:right}} #dashboard,#dashboard.view.active{display:block!important;max-width:1440px;margin:0 auto;padding-bottom:28px} #dashboard .dashboard-result-heading,#dashboard .dashboard-controlbar,#dashboard .plan-pace-panel{display:none!important} #dashboard .dashboard-outcome-row{grid-template-columns:minmax(300px,1.04fr) minmax(0,1.96fr)!important;gap:14px!important;margin:14px 0 10px!important} #dashboard .dashboard-outcome-row>.dashboard-hero{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-height:204px!important;border-radius:14px!important;padding:18px!important;color:#fff!important;background:linear-gradient(132deg,#7456ed 0%,#947cf7 52%,#c6baff 100%)!important;box-shadow:0 14px 34px rgba(100,76,220,.18)!important}#dashboard .dashboard-outcome-row>.dashboard-hero:before{content:'';position:absolute;z-index:-1;width:250px;height:250px;right:12%;bottom:-155px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(8px)}#dashboard .dashboard-outcome-row>.dashboard-hero:after{content:'';position:absolute;z-index:-1;width:310px;height:310px;right:-125px;top:-152px;border-radius:50%;border:1px solid rgba(255,255,255,.26);box-shadow:0 0 0 52px rgba(255,255,255,.05)}#dashboard .dashboard-outcome-row>.dashboard-hero .dashboard-hero-copy{position:relative;z-index:2} #dashboard .dashboard-outcome-row>.dashboard-hero .dashboard-hero-copy>strong{font-size:31px!important;line-height:1.04!important} #dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:204px!important;border-radius:14px!important} #dashboard .dashboard-outcome-row>.dashboard-command-grid article{min-height:204px!important;padding:17px 16px!important} #dashboard .dashboard-outcome-row>.dashboard-command-grid article strong{font-size:20px!important}.dashboard-kpi-icon{width:30px;height:30px;margin-left:auto;color:#7658f4}.dashboard-kpi-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.55} #dashboard .data-quality-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:45px;margin:0 0 14px;padding:10px 14px;border:1px solid #f5dcb9;border-radius:12px;background:linear-gradient(90deg,#fffaf1,#fff);box-shadow:none}#dashboard .data-quality-bar span{color:#bd751d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}#dashboard .data-quality-bar strong{font-size:11px;color:#553c1c}#dashboard .data-quality-bar small{display:none}#dashboard .data-quality-bar button{border:0;background:transparent;color:#7557ec;font:800 11px Onest;white-space:nowrap} #dashboard .dashboard-attention-strip{margin:0 0 14px!important;padding:11px 14px!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important} #dashboard .dashboard-funnel{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(290px,.92fr);grid-template-rows:auto auto auto auto;gap:0 18px;margin:0 0 14px!important;padding:18px!important;border-radius:14px!important}.dashboard-funnel-head,.dashboard-funnel-steps,.dashboard-funnel-alert{grid-column:1}.dashboard-funnel-alert{margin-top:12px}.dashboard-economics-funnel{display:none!important}.dashboard-reasons-panel{grid-column:2;grid-row:1/4;min-width:0;border-left:1px solid #eceef3;padding-left:18px}.dashboard-reasons-panel .panel-head{margin-bottom:8px}.dashboard-reasons-panel h3{margin:0;font-size:15px}.dashboard-reasons-panel p{margin:3px 0 0;color:#858b98;font-size:10px}.dashboard-reasons-panel .panel-head button{border:0;background:transparent;color:#7057ee;font:800 10px Onest}.dashboard-reason{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;gap:8px;align-items:center;width:100%;padding:10px 0;border:0;border-top:1px solid #eef0f4;background:transparent;text-align:left;cursor:pointer}.dashboard-reason i{width:9px;height:9px;border-radius:50%;background:#8a93a3}.dashboard-reason.red i{background:#ea6262}.dashboard-reason.amber i{background:#f2ac3b}.dashboard-reason.blue i{background:#5a80e7}.dashboard-reason.green i{background:#30ae7b}.dashboard-reason strong,.dashboard-reason small{display:block}.dashboard-reason strong{font-size:11px;color:#30343e}.dashboard-reason small{margin-top:2px;color:#8c92a0;font-size:10px;line-height:1.35}.dashboard-reason b{color:#9c8bf1;font-size:20px;font-weight:400} #dashboard .dashboard-funnel-steps article{min-height:116px!important;padding:14px 14px 12px 20px!important}.dashboard-funnel-steps article strong{font-size:20px!important}.dashboard-funnel-steps article:before{width:3px!important}.dashboard-funnel-alert{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:12px 13px;border:1px solid #f1dfbb;border-radius:11px;background:#fffaf1}.dashboard-funnel-alert strong{font-size:12px}.dashboard-funnel-alert small{font-size:10px;color:#8b856f}.dashboard-funnel-alert button{grid-row:1/3;grid-column:2;border:0;border-radius:8px;background:#fff;color:#7657dd;font:800 10px Onest} #dashboard .management-chart-panel{margin:0 0 10px!important;padding:18px!important;border-radius:14px!important}.dashboard-chart-head{margin-bottom:8px!important}.dashboard-chart-head h3{font-size:16px!important}.dashboard-reference-legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 4px;font-size:10px;color:#737987}.dashboard-reference-legend span:before{content:'';display:inline-block;width:8px;height:3px;margin:0 5px 2px 0;border-radius:2px;background:currentColor}.dashboard-reference-legend .purple{color:#7057ee}.dashboard-reference-legend .orange{color:#4a94e8}.dashboard-reference-legend .green{color:#2ca874}.dashboard-reference-legend .muted{color:#9fa7b8}.dashboard-reference-chart svg{display:block;width:100%;height:auto;min-height:250px}.business-line{fill:none;stroke-width:2.4}.business-line.revenue{stroke:#7057ee}.business-line.ads{stroke:#3c9bed}.business-line.buyout{stroke:#2daf7b}.business-line.previous{stroke:#b3bdcf;stroke-dasharray:5 5}.business-point{stroke:#fff;stroke-width:1.5}.business-point.revenue{fill:#7057ee}.business-point.ads{fill:#3c9bed}.business-point.buyout{fill:#2daf7b}.chart-grid{stroke:#edf0f4;stroke-width:1}.chart-axis,.chart-axis-title{fill:#9299a8;font-size:10px;font-family:Onest,sans-serif}.dashboard-chart-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.dashboard-chart-summary span{min-width:0;padding:11px;border:1px solid #edf0f4;border-radius:10px;background:#fff}.dashboard-chart-summary small{display:block;color:#8b92a0;font-size:10px}.dashboard-chart-summary strong{display:block;margin-top:5px;color:#262a33;font-size:14px;white-space:nowrap} #dashboard .management-signal-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px;margin:0 0 14px!important}.management-signal-grid article{min-height:90px;padding:12px;border:1px solid #e8ebf1;border-radius:11px;background:#fff;cursor:pointer}.management-signal-grid article small,.management-signal-grid article span{display:block}.management-signal-grid article small{color:#858c9a;font-size:10px}.management-signal-grid article strong{display:block;margin:7px 0 4px;color:#232630;font-size:16px}.management-signal-grid article span{color:#969dab;font-size:9px;line-height:1.3}.management-signal-grid article.red{border-top:3px solid #e86464}.management-signal-grid article.amber{border-top:3px solid #f0a83b}.management-signal-grid article.green{border-top:3px solid #35ae7d}.management-signal-grid article.blue{border-top:3px solid #5583e7}.management-signal-grid article.violet{border-top:3px solid #785def} #dashboard .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.dashboard-grid .tasks-panel{order:1}.dashboard-grid .dashboard-quality-panel{order:2}.dashboard-grid .panel{margin:0;padding:17px;border-radius:14px}.dashboard-quality-body{display:grid!important;grid-template-columns:150px 1fr;gap:18px;align-items:center}.dashboard-quality-ring{position:relative!important;display:grid!important;place-items:center!important;width:126px!important;height:126px!important;margin:0 auto!important;border-radius:50%!important;background:conic-gradient(#35b97d 0 75%,#e7eaf0 75% 100%)!important}.dashboard-quality-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}.dashboard-quality-ring strong,.dashboard-quality-ring small{position:relative;z-index:1}.dashboard-quality-ring strong{font-size:26px!important}.dashboard-quality-ring small{font-size:10px!important}.dashboard-quality-body ul{display:grid!important;gap:9px;margin:0;padding:0;list-style:none}.dashboard-quality-body li{display:grid!important;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:10px;color:#7b8290}.dashboard-quality-body li b{color:#30343e;font-size:10px} #dashboard .dashboard-reference-table{margin:0 0 14px;padding:16px 18px;border-radius:14px}.dashboard-reference-table .panel-head h3{font-size:15px}.dashboard-reference-table th{font-size:9px}.dashboard-reference-table td{font-size:10px}.dashboard-reference-table td strong{font-size:10px}.dashboard-reference-footer{margin-top:2px;padding:12px 0 0;border-top:1px solid #e9ebf0;font-size:10px;color:#7e8592} @media(max-width:1180px){#dashboard .dashboard-outcome-row{grid-template-columns:1fr!important}#dashboard .dashboard-outcome-row>.dashboard-command-grid{min-height:0!important}#dashboard .dashboard-outcome-row>.dashboard-command-grid article{min-height:128px!important}.dashboard-chart-summary,.management-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:820px){#dashboard .dashboard-funnel{display:block!important}.dashboard-reasons-panel{margin-top:14px;padding:14px 0 0;border-top:1px solid #eceef3;border-left:0}.dashboard-chart-summary,.management-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr}.dashboard-quality-body{grid-template-columns:120px 1fr}} @media(max-width:560px){#dashboard{padding-inline:12px;overflow:visible}#dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:1fr!important}#dashboard .dashboard-outcome-row>.dashboard-command-grid article{min-width:0;min-height:128px!important;padding:14px 16px!important}#dashboard .dashboard-outcome-row>.dashboard-command-grid small,#dashboard .dashboard-outcome-row>.dashboard-command-grid strong{max-width:calc(100% - 44px);overflow-wrap:anywhere;white-space:normal!important}#dashboard .data-quality-bar{grid-template-columns:1fr;padding:11px 12px}#dashboard .data-quality-bar button{justify-self:start;padding:0}.dashboard-reference-chart svg{min-height:190px}.dashboard-reference-legend{gap:7px;font-size:9px}.dashboard-chart-summary,.management-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-quality-body{grid-template-columns:1fr}.dashboard-quality-ring{margin:0!important}.dashboard-reference-table{padding:13px!important;overflow:hidden}.dashboard-reference-footer{display:grid;gap:7px}.dashboard-funnel-alert{grid-template-columns:1fr}.dashboard-funnel-alert button{grid-row:auto;grid-column:auto;justify-self:start;padding:7px 0}.dashboard-funnel-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-funnel-steps article{min-height:110px!important}.dashboard-funnel-steps article:after{display:none!important}} /* Phone board: keep the title and the four primary KPI in one readable viewport. */ @media(max-width:480px){ body:has(#dashboard.active) .topbar{display:flex!important;align-items:center!important;height:64px!important;min-height:64px!important;padding:0 14px!important} body:has(#dashboard.active) .topbar-left{flex:1 1 auto!important;min-width:0!important;margin:0!important} body:has(#dashboard.active) .topbar-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important} body:has(#dashboard.active) .topbar-left .menu-button{flex:0 0 40px!important;width:40px!important;min-width:40px!important;margin:0!important;padding:0!important} body:has(#dashboard.active) .topbar-left>div{min-width:0!important;margin-left:0!important} body:has(#dashboard.active) .topbar .eyebrow{font-size:9px!important;line-height:12px!important;white-space:nowrap!important} body:has(#dashboard.active) .topbar h1{max-width:100%!important;margin:0!important;font-size:19px!important;line-height:23px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body:has(#dashboard.active) .topbar-actions{display:none!important} body:has(#dashboard.active) #dashboard .dashboard-command-grid{grid-template-columns:1fr!important} body:has(#dashboard.active) #dashboard .dashboard-command-grid article{min-width:0!important;min-height:128px!important;height:auto!important;padding:14px 16px!important} body:has(#dashboard.active) #dashboard .dashboard-command-grid article+article{border-left:0!important;border-top:1px solid #e8eaf0!important} } /* Headless/mobile viewport parity: the compact dashboard header must never reserve the desktop command bar at narrow visual widths. */ @media(max-width:900px){ body:has(#dashboard.active) .topbar{display:flex!important;align-items:center!important;padding:0 14px!important} body:has(#dashboard.active) .topbar-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important} body:has(#dashboard.active) .topbar-left .menu-button{flex:0 0 40px!important;width:40px!important;min-width:40px!important;margin:0!important;padding:0!important} body:has(#dashboard.active) .topbar-left>div{min-width:0!important;margin-left:0!important} body:has(#dashboard.active) .topbar h1{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body:has(#dashboard.active) .topbar-actions{display:none!important} } body.marketing-reference-open .app-shell{display:block!important}body.marketing-reference-open .sidebar{display:none!important}body.marketing-reference-open .main{margin-left:0!important;width:100%!important} /* Main Board: executive context only; analytical mechanics remain in their own boards. */ #dashboard .dashboard-context-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:0 0 12px;padding:9px 12px;border:1px solid #e7e8ef;border-radius:12px;background:#fff;color:#727a8a;font-size:10px} #dashboard .dashboard-context-period{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid #e3e5ec;border-radius:8px;background:#fff;color:#323744;font:700 10px Onest;white-space:nowrap} #dashboard .dashboard-context-period svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8} #dashboard .dashboard-context-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:700;color:#687286}.dashboard-context-status i{width:7px;height:7px;border-radius:50%;background:#e3ad43}.dashboard-context-status.red i{background:#e55d61}.dashboard-context-status.orange i{background:#e6a13d}.dashboard-context-status.blue i{background:#4f83df}.dashboard-context-status.green i{background:#2eb77d} #dashboard .dashboard-context-action{min-height:30px;padding:0 12px;font-size:10px;white-space:nowrap} #dashboard .dashboard-outcome-row{grid-template-columns:minmax(280px,.86fr) minmax(0,2.14fr)!important} #dashboard .dashboard-outcome-row>.dashboard-hero{display:block!important} #dashboard .dashboard-outcome-row>.dashboard-hero .dashboard-hero-copy>strong{white-space:nowrap!important;font-size:30px!important} #dashboard .dashboard-outcome-row>.dashboard-hero .dashboard-hero-reference-chart{position:absolute;right:16px;bottom:35px;width:54%;height:auto;opacity:.92} #dashboard .dashboard-outcome-row>.dashboard-hero .dashboard-hero-period{position:absolute;left:18px;bottom:16px;z-index:2} #dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} #dashboard .dashboard-outcome-row>.dashboard-command-grid article{min-width:0;padding:17px 13px!important} #dashboard .dashboard-outcome-row>.dashboard-command-grid article>span:not(.dashboard-kpi-icon){font-size:10px}.dashboard-command-grid article strong{font-size:19px!important} #dashboard .dashboard-attention-strip,#dashboard .dashboard-result-heading,#dashboard .dashboard-controlbar,#dashboard .plan-pace-panel{display:none!important} #dashboard .dashboard-chart-summary{display:none!important} @media(max-width:1180px){#dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:720px){#dashboard .dashboard-context-bar{grid-template-columns:1fr auto;gap:8px;padding:10px}.dashboard-context-period{min-width:0;overflow:hidden}.dashboard-context-period span{overflow:hidden;text-overflow:ellipsis}.dashboard-context-bar>#dashboardContextMaturity{grid-column:1/-1;line-height:1.35}.dashboard-context-action{display:none}#dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:1fr 1fr!important}} @media(max-width:900px){#dashboard .dashboard-context-action{display:none!important}} @media(max-width:560px){#dashboard .dashboard-outcome-row>.dashboard-command-grid{grid-template-columns:1fr!important}} .dashboard-chart-events{margin:4px 0 10px;padding:8px 10px;border:1px dashed #dfe3ec;border-radius:9px;color:#818998;font-size:10px;line-height:1.35} .marketing-reference button:focus-visible{outline:2px solid #7354ed;outline-offset:2px}.mr-toolbar,.mr-table header{position:relative}.mr-popover{position:absolute;z-index:8;top:34px;left:0;min-width:172px;padding:5px;border:1px solid #e2e5f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(24,33,58,.12)}.mr-table header .mr-popover{right:58px;left:auto;top:37px}.mr-popover button{display:block;width:100%;height:29px!important;border:0!important;border-radius:5px!important;background:transparent!important;text-align:left;padding:0 8px!important;font:600 9px Onest!important}.mr-popover button:hover,.mr-popover button:focus-visible{background:#f4f1ff!important}.mr-runtime-state{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin:-4px 0 14px;padding:13px 15px;border:1px solid #e8e6ff;border-radius:10px;background:#faf9ff;color:#3c4862;font-size:9px}.mr-runtime-state strong{font-size:11px;color:#242f49}.mr-runtime-state span{grid-column:1}.mr-runtime-state button{grid-column:2;grid-row:1/3;height:28px;border:1px solid #dcd5ff;border-radius:6px;background:#fff;color:#6747ed;font:700 9px Onest;padding:0 10px}.mr-runtime-state.is-error{border-color:#ffd0d0;background:#fff8f8}.mr-runtime-state.is-stale{border-color:#ffe2b8;background:#fffaf2}.mr-is-loading .mr-kpis article,.mr-is-loading .mr-chart{opacity:.55}.mr-is-loading .mr-kpis article>*{animation:mr-pulse 1.1s ease-in-out infinite alternate}@keyframes mr-pulse{to{opacity:.42}} @media(max-width:720px){body.marketing-reference-open #ads .mr-table tbody,body.marketing-reference-open #ads .mr-sku tbody{display:grid!important;gap:8px;padding:8px}body.marketing-reference-open #ads .mr-table tbody tr,body.marketing-reference-open #ads .mr-sku tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;width:auto!important;min-width:0!important;grid-auto-rows:auto!important}body.marketing-reference-open #ads .mr-table tbody td,body.marketing-reference-open #ads .mr-sku tbody td{display:flex!important;flex-direction:column!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:42px!important;height:auto!important;padding:8px!important;line-height:1.25!important;grid-template-rows:none!important}body.marketing-reference-open #ads .mr-table tbody td:first-child,body.marketing-reference-open #ads .mr-sku tbody td:nth-child(2){grid-column:1/-1!important}} @media(min-width:721px){.mr-page{padding-bottom:0}.mr-kpis{height:109px;min-height:0;overflow:hidden}.mr-chart footer{margin-bottom:34px}.mr-table td{height:47px}.mr-sku td{height:29px;line-height:10px}.mr-sku td small{margin-top:0;line-height:8px}.mr-actions{padding-top:10px;padding-bottom:8px}.mr-actions button{min-height:66px}} @media(min-width:721px){.mr-table th:nth-child(1){width:228px}.mr-table th:nth-child(2){width:92px}.mr-table th:nth-child(3){width:136px}.mr-table th:nth-child(4){width:70px}.mr-table th:nth-child(5){width:100px}.mr-table th:nth-child(6){width:110px}.mr-table th:nth-child(7){width:110px}.mr-table th:nth-child(8){width:26px}.mr-table td:first-child span{white-space:nowrap}.mr-table td:first-child span small{white-space:normal}} #promos > .promo-tab-panel.active, #promos > .promo-tab-panel, #promos > .page-intro, #promos > .promo-period-context, #promos > .promo-data-fact, #promos > .promo-weekly-board, #promos > .promo-secondary-result, #promos > .promo-reference-analysis, #promos > .promo-tabs { display: none !important; } body:has(#promos.view.active) .sidebar { width:148px; padding-left:10px; padding-right:10px; } body:has(#promos.view.active) .main { margin-left:148px; width:calc(100% - 148px); } body:has(#promos.view.active) .sidebar .brand-copy { font-size:9px; } body:has(#promos.view.active) .sidebar .nav-text { font-size:10px; } body:has(#promos.view.active) .sidebar .nav-label { font-size:8px; } /* Keep the approved Potential board inside the desktop canvas. */ #market.market-reference-ready .reference-tables > article { min-width:0; } #market.market-reference-ready .reference-tables table { min-width:0!important; width:100%!important; table-layout:fixed; } #market.market-reference-ready .reference-position-grid > article { min-width:0; } #market.market-reference-ready .reference-position table { min-width:0!important; width:100%!important; table-layout:fixed; } #market.market-reference-ready .market-reference-board > [hidden] { display:none!important; } /* The approved Potential board uses one compact page heading in the app bar. */ body:has(#market.view.active) .topbar .eyebrow { display:none; } body:has(#market.view.active) .topbar-left > div { display:grid; gap:4px; } body:has(#market.view.active) .topbar h1 { margin:0; font-size:20px; line-height:1.15; } body:has(#market.view.active) .topbar-left > div::after { content:'Анализ рынка, потенциал роста и финансовые прогнозы для FONEONA на Lamoda'; color:#697386; font-size:9px; line-height:1.25; } #market.market-reference-ready .market-reference-intro { display:none; } body:has(#market.view.active) .brand-copy small { font-size:0!important; line-height:0; } body:has(#market.view.active) .brand-copy small::after { content:'LAMODA\A CONTROL CENTER'; display:block; white-space:pre; color:#d0d2de; font-size:6px; line-height:1.25; letter-spacing:.15px; } body:has(#market.view.active) .nav-item[data-view="products"] .nav-text { font-size:0!important; } body:has(#market.view.active) .nav-item[data-view="products"] .nav-text::after { content:'SKU 360'; font-size:12px!important; } body:has(#market.view.active) .nav-item[data-view="ads"] > b, body:has(#market.view.active) .nav-item[data-view="promos"] > b, body:has(#market.view.active) .nav-item[data-view="orders"] > i { display:none; } body:has(#market.view.active) .nav-item[data-view="operations"] > i { font-size:0!important; } body:has(#market.view.active) .nav-item[data-view="operations"] > i::after { content:'25'; font-size:10px; } body.market-source-unavailable-preview #market .reference-calculator::before { content:'Источник рынка временно недоступен. Сценарные результаты скрыты до восстановления подтверждённого источника.'; display:block; margin:0 0 12px; padding:10px 12px; border:1px solid #ffd5d5; border-radius:7px; color:#bc4d4d; background:#fff6f6; font-size:10px; line-height:1.4; } body.market-source-unavailable-preview #market .reference-results { opacity:.42; filter:grayscale(.35); } /* Main Board R8 — one predictable document flow at desktop widths. */ @media (min-width: 761px) { #dashboard.active { display: block !important; max-width: 1440px; margin: 0 auto; padding: 20px clamp(18px,2vw,32px) 32px !important; } #dashboard .dashboard-context-bar, #dashboard .dashboard-outcome-row, #dashboard .data-quality-bar, #dashboard .dashboard-funnel, #dashboard .management-chart-panel, #dashboard .management-signal-grid, #dashboard .dashboard-grid, #dashboard .dashboard-reference-table { width: 100%; } #dashboard .dashboard-outcome-row { display: grid !important; grid-template-columns: minmax(270px,.86fr) minmax(0,2.14fr) !important; gap: 12px !important; margin: 12px 0 10px !important; } #dashboard .dashboard-outcome-row > .dashboard-command-grid { grid-template-columns: repeat(5,minmax(0,1fr)) !important; } #dashboard .dashboard-funnel { height: 264px !important; min-height: 264px !important; } #dashboard .dashboard-funnel-steps article { height: 112px !important; min-height: 112px !important; padding: 12px 12px 10px 16px !important; } #dashboard .dashboard-funnel-steps article span, #dashboard .dashboard-funnel-steps article small, #dashboard .dashboard-funnel-steps article em { font-size: 9px !important; line-height: 1.25 !important; } #dashboard .dashboard-funnel-steps article strong { margin: 5px 0 3px !important; font-size: 20px !important; line-height: 1.1 !important; } #dashboard .dashboard-funnel-steps .funnel-trend { margin-top: 5px !important; font-size: 9px !important; } #dashboard .management-chart-panel { height: 366px !important; min-height: 366px !important; } #dashboard .dashboard-reference-chart svg { height: 205px !important; } #dashboard .management-signal-grid { display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 8px !important; min-height: 0 !important; height: auto !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } #dashboard .management-signal-grid::before { display: none !important; } #dashboard .management-signal-grid article, #dashboard .management-signal-grid article:nth-of-type(n+4) { display: block !important; min-width: 0; min-height: 92px !important; padding: 12px !important; border: 1px solid #e8ebf1 !important; border-top-width: 3px !important; border-radius: 11px !important; background: #fff !important; } #dashboard .management-signal-grid article::before, #dashboard .management-signal-grid article::after { display: none !important; } #dashboard .management-signal-grid article small, #dashboard .management-signal-grid article strong, #dashboard .management-signal-grid article span { overflow-wrap: anywhere; } #dashboard .dashboard-sku-preview { height: 212px !important; } #dashboard .dashboard-action-preview { height: 192px !important; } #dashboard .dashboard-reference-footer { display: flex !important; align-items: center; gap: 20px; margin-top: 0; padding: 12px 2px 0; } } @media (min-width: 761px) and (max-width: 900px) { #dashboard .dashboard-outcome-row { grid-template-columns: 1fr !important; } #dashboard .dashboard-outcome-row > .dashboard-command-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } #dashboard .dashboard-outcome-row > .dashboard-command-grid, #dashboard .dashboard-outcome-row > .dashboard-command-grid article { height: auto !important; } #dashboard .dashboard-outcome-row > .dashboard-command-grid article { min-height: 124px !important; } #dashboard .management-signal-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } @media (max-width:700px) { #market.market-reference-ready .market-reference-board { font-size:12px; } #market.market-reference-ready .market-reference-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; } #market.market-reference-ready .market-reference-controls > button:first-child, #market.market-reference-ready .market-reference-controls > span:nth-child(2) { grid-column:1 / -1; } #market.market-reference-ready .market-reference-controls > button:last-child { display:none; } #market.market-reference-ready .market-reference-controls span { min-width:0; padding:0; line-height:1.3; display:flex; align-items:center; } #market.market-reference-ready .market-reference-controls .market-filter { margin-left:0; } #market.market-reference-ready .reference-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } #market.market-reference-ready .reference-kpis article { min-height:104px; padding:13px; border-bottom:1px solid #ecebf2; } #market.market-reference-ready .reference-kpis article:nth-child(2n) { border-right:0; } #market.market-reference-ready .reference-kpis article:last-child { grid-column:1/-1; } #market.market-reference-ready .reference-kpis small { font-size:9px; } #market.market-reference-ready .reference-kpis strong { font-size:21px; } #market.market-reference-ready .reference-donut-row { align-items:flex-start; gap:14px; } #market.market-reference-ready .reference-donut { flex:0 0 108px; width:108px; height:108px; } #market.market-reference-ready .reference-donut-row ul { min-width:0; } #market.market-reference-ready .reference-donut-row li { grid-template-columns:9px minmax(0,1fr) 34px; } #market.market-reference-ready .reference-donut-row li span { display:none; } #market.market-reference-ready .reference-position-grid,#market.market-reference-ready .reference-calc-grid { grid-template-columns:1fr; } #market.market-reference-ready .reference-position-grid article { min-height:0; } #market.market-reference-ready .reference-fields { padding:0; border:0; } #market.market-reference-ready .reference-results { margin-top:8px; } #market.market-reference-ready .reference-results>div { grid-template-columns:repeat(2,minmax(0,1fr)); } #market.market-reference-ready .reference-scenarios { min-width:520px; } #market.market-reference-ready .reference-calculator { overflow:auto; } #market.market-reference-ready .reference-tables article { overflow-x:auto; } #market.market-reference-ready .reference-tables table { min-width:560px!important; } #market.market-reference-ready .reference-actions { grid-template-columns:1fr; } } @media(max-width:720px){body.marketing-reference-open #ads .mr-table tbody,body.marketing-reference-open #ads .mr-sku tbody{display:grid!important;gap:8px;padding:8px}body.marketing-reference-open #ads .mr-table tbody tr,body.marketing-reference-open #ads .mr-sku tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;width:auto!important;min-width:0!important}body.marketing-reference-open #ads .mr-table tbody td,body.marketing-reference-open #ads .mr-sku tbody td{width:auto!important;min-width:0!important}body.marketing-reference-open #ads .mr-table tbody td:first-child,body.marketing-reference-open #ads .mr-sku tbody td:nth-child(2){grid-column:1/-1!important}}