/* FrankCompany WB v23.0 — bright WB × Ozon control center */
:root{
  --acc:#a33cff;--bg:#f5f7ff;--card:#ffffff;--card-2:#f8f9ff;--soft:#eef1fb;
  --line:rgba(35,47,94,.10);--line-2:rgba(35,47,94,.18);--line-acc:rgba(168,57,255,.28);
  --text:#101936;--mut:#69718d;--dim:#9aa2ba;--coral:#ff3b86;--amber:#ff8a3d;--ystd:#7564e7;
  --pink:#ff2f92;--purple:#913cff;--blue:#1877ff;--cyan:#00b8d9;--green:#00b980;--red:#ff4d6d;
}
html,body{background:linear-gradient(180deg,#f8f9ff 0,#eef3ff 100%)!important;color:var(--text)!important}
body.v21{--acid:#a63cff;--orange:#ff8a3d;--cyan:#1688ff;--red:#ff4d6d;--good:#00b980;--gold:#ff9c31;--r:20px;--shadow:0 14px 38px rgba(53,64,117,.09)}
.v21 .wrap{max-width:480px;padding:12px 14px 118px;background:transparent}
.v21 .top{margin:0 0 10px;padding:8px 4px}.v21 .top .mk{background:linear-gradient(135deg,var(--pink),var(--purple) 60%,var(--blue));color:#fff;box-shadow:0 9px 24px rgba(170,53,255,.26)}
.v21 .top .nm b{color:var(--text)}.v21 .top .nm small{color:var(--mut)}.v21 .top .live,.v21 .refresh-btn{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(53,64,117,.08);color:var(--text)}
.v21 .top .live i{background:#10c99a;box-shadow:0 0 10px rgba(16,201,154,.65)}

.market-ticker{position:sticky;top:0;z-index:34;margin:0 -14px 16px;overflow:hidden;padding:0 14px;background:rgba(246,248,255,.88);backdrop-filter:blur(18px)}
.market-ticker-track{display:flex;align-items:center;gap:12px;width:max-content;min-width:100%;padding:10px 15px;border-radius:16px;background:linear-gradient(90deg,#ff2f92,#8d40ff 55%,#1877ff);color:#fff;box-shadow:0 10px 28px rgba(129,53,232,.24);animation:v23Ticker 24s linear infinite;font-size:11px;white-space:nowrap}
.market-ticker-track span{display:inline-flex;align-items:center;gap:5px}.market-ticker-track b{font-size:12px}.market-ticker-track em{font-style:normal;opacity:.7}.market-ticker-track i{font-style:normal}
@keyframes v23Ticker{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(min(-360px,calc(100vw - 760px)))}}

.v21 .page-title{align-items:flex-start;margin-bottom:14px}.v21 .page-title h1,.v21 .pf-head h2{font-size:30px;color:var(--text);letter-spacing:-.035em}.v21 .page-title p{color:var(--mut);font-size:12px}.v21 .date-chip,.v21 .meta-chip{background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 8px 24px rgba(53,64,117,.07)}
.v21 .v21-card,.v21 .card,.v21 .camp,.v21 .ord-hero,.v21 .profit-hero,.v21 .tbl,.v21 .comm-card{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}
.v21 .section-head span,.v21 .sh span,.v21 .metric-caption,.v21 .panel-head>span{color:var(--mut)}

/* home order: profit → orders → ad funnel → stock → AI */
.v21 #p-home.on{display:flex;flex-direction:column}.v21 #p-home>.page-title{order:0}.v21 #p-home .home-grid{display:contents}.v21 #homeFinanceCard{order:1}.v21 #p-home .hero-orders{order:2}.v21 #p-home .metric-panel[data-go="ads"]{order:3}.v21 #p-home .stock-home{order:4}.v21 #p-home .signals{order:5}.v21 #p-home .decision-compact{order:6}
.v21 #homeFinanceCard{min-height:214px;margin-bottom:14px;padding:22px;position:relative;overflow:hidden;background:linear-gradient(125deg,#ff2f92 0,#a43dff 54%,#1979ff 100%)!important;border:0!important;color:#fff!important;box-shadow:0 20px 44px rgba(136,49,229,.26)!important}
.v21 #homeFinanceCard:before{content:"FC";position:absolute;right:22px;top:29px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:900;color:#fff;border:3px solid rgba(255,255,255,.72);box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 34px rgba(255,255,255,.26);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.34),rgba(18,12,74,.32))}
.v21 #homeFinanceCard .panel-head,.v21 #homeFinanceCard .finance-ready-content,.v21 #homeFinanceCard .finance-loading-content{position:relative;z-index:2;max-width:66%}.v21 #homeFinanceCard .panel-title,.v21 #homeFinanceCard .finance-ready-label,.v21 #homeFinanceCard .finance-ready-note,.v21 #homeFinanceCard .finance-loading-title,.v21 #homeFinanceCard .finance-loading-text{color:#fff}.v21 #homeFinanceCard .metric-big{font-size:44px;color:#fff;letter-spacing:-.04em}.v21 #homeFinanceCard .finance-profit-compare{display:inline-flex;margin-top:9px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.16);font-size:11px;font-weight:800;color:#fff}.v21 #homeFinanceCard .fc-roll-loader{display:none}.v21 #homeFinanceCard.is-loading:before{animation:fcPulse 1.25s ease-in-out infinite}.v21 #homeFinanceCard .finance-load-line{background:rgba(255,255,255,.18)}.v21 #homeFinanceCard .finance-load-line i{background:linear-gradient(90deg,transparent,#fff,transparent)}
@keyframes fcPulse{50%{transform:scale(1.06);box-shadow:0 0 0 16px rgba(255,255,255,.05),0 0 42px rgba(255,255,255,.4)}}
.v21 .hero-orders{padding:18px;margin-bottom:14px}.v21 .hero-order-top strong{font-size:18px}.v21 .hero-order-top span{color:var(--mut)}.v21 .hero-number{color:var(--text);font-size:50px}.v21 .hero-compare .compare-box{background:linear-gradient(180deg,#fbf9ff,#f2f4ff);border-color:var(--line)}
.v21 #line{stroke:var(--pink)!important;filter:drop-shadow(0 4px 7px rgba(255,47,146,.28))}.v21 #yline{stroke:#7868d8!important}.v21 #hdot{fill:var(--pink)!important;stroke:#fff!important}.v21 .legend .a i{background:var(--pink)}.v21 .legend .y i{background:#7868d8}
.v21 .seg,.v21 .profit-tabs,.v21 .cd-tabs,.v21 .prod-tabs,.v21 .cl-filters{background:#f4f5fb;border-color:var(--line)}.v21 .seg button.on,.v21 .profit-tabs button.on,.v21 .cd-tabs button.on,.v21 .prod-tabs button.on,.v21 .cl-filters button.on{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}
.v21 #p-home .metric-panel[data-go="ads"]{margin-bottom:14px;padding:18px;min-height:222px;background:linear-gradient(145deg,#fff,#fbf7ff)!important}.v21 #p-home .metric-panel[data-go="ads"] .metric-big{font-size:38px;color:var(--pink)}
.home-ad-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin:18px 0 5px}.home-ad-funnel>div{min-width:0;border-radius:14px;padding:12px 7px;text-align:center;color:#fff}.home-ad-funnel>div:nth-of-type(1){background:linear-gradient(145deg,#ff2f92,#ff5c96)}.home-ad-funnel>div:nth-of-type(2){background:linear-gradient(145deg,#ff7b47,#ff9a47)}.home-ad-funnel>div:nth-of-type(3){background:linear-gradient(145deg,#8e3cff,#287cff)}.home-ad-funnel span{display:block;font-size:8px;opacity:.9}.home-ad-funnel b{display:block;font-size:16px;margin-top:4px}.home-ad-funnel>i{font-style:normal;color:var(--purple);font-weight:900}
.v21 .stock-home{margin-bottom:14px}.v21 .signals,.v21 .decision-compact{margin-bottom:14px}.v21 .stock-alert{background:#fff8f2;border-color:rgba(255,138,61,.22);color:#b75518}.v21 .stock-three b{color:var(--text)}

/* universal funnel */
.v23-funnel{margin:14px 0;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.funnel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.funnel-head b{display:block;font-size:17px}.funnel-head div span,.funnel-head>span{color:var(--mut);font-size:10px}.funnel-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:5px;align-items:stretch}.funnel-flow>i{display:grid;place-items:center;font-style:normal;color:#fff;font-weight:900;margin:0 -8px;z-index:2}.funnel-flow .step{min-width:0;padding:14px 7px;border-radius:14px;color:#fff;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.funnel-flow .step span{display:block;font-size:8px;opacity:.9}.funnel-flow .step b{display:block;font-size:19px;margin:5px 0 3px;line-height:1}.funnel-flow .step small{display:block;font-size:7px;opacity:.88}.step.pink{background:linear-gradient(145deg,#ff2f92,#ff5d8f)}.step.orange{background:linear-gradient(145deg,#ff694c,#ff9d45)}.step.purple{background:linear-gradient(145deg,#b240ff,#7446ff)}.step.blue{background:linear-gradient(145deg,#4166ff,#168dff)}

/* Orders */
.v21 #p-orders .ord-hero{display:grid;grid-template-columns:1.1fr 1fr;padding:18px;background:linear-gradient(135deg,#fff,#f7f3ff)!important}.v21 #p-orders .oh-main .big{color:var(--pink);font-size:56px}.v21 #p-orders .oh-side{border-left:1px solid var(--line)}.v21 #p-orders .oh-side>div:nth-child(2){padding:9px;border-radius:12px;background:linear-gradient(135deg,#ff2f92,#a83fff);color:#fff}.v21 #p-orders .oh-side>div:nth-child(2) span,.v21 #p-orders .oh-side>div:nth-child(2) b{color:#fff!important}.v21 .hbars .hc-bar i{background:linear-gradient(180deg,#ff2f92,#9440ff)}.v21 .hcol.sel .hc-bar i{box-shadow:0 0 0 2px rgba(255,47,146,.24),0 8px 18px rgba(160,55,242,.22)}.v21 .hc-n,.v21 .hcol.sel .hc-x{color:var(--pink)}.v21 .prod .pbar i{background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue))}.v21 .prod .pord b{color:var(--purple)}.v21 .rank{background:#f0ebff!important;color:var(--purple)!important}.v21 .product-thumb,.v21 .product-thumb-fallback{border-color:var(--line)!important;background:#f4f6ff!important}

/* Advertising */
.v21 #p-ads .ads-quick-actions{order:0;grid-template-columns:1fr 1fr;margin-bottom:14px}.v21 .ads-quick-btn{background:#fff;border:1px solid rgba(163,60,255,.18);box-shadow:0 12px 26px rgba(69,62,130,.08);padding:15px}.v21 .ads-quick-btn:first-child{border-left:4px solid var(--pink)}.v21 .ads-quick-btn:last-child{border-left:4px solid var(--blue)}.v21 .ads-quick-btn b{color:var(--text);font-size:13px}.v21 .ads-quick-btn small{color:var(--mut);font-size:9px}.v21 .ads-quick-btn>i{color:var(--purple)}
.v21 .ads-kpis{grid-template-columns:repeat(4,1fr);gap:8px}.v21 .ads-kpi{padding:14px 10px}.v21 .ads-kpi span{color:var(--mut);font-size:8px}.v21 .ads-kpi b{color:var(--text);font-size:18px}.v21 .ads-kpi.featured{background:linear-gradient(135deg,#ff2f92,#8d40ff)!important;color:#fff!important}.v21 .ads-kpi.featured span,.v21 .ads-kpi.featured b,.v21 .ads-kpi.featured small{color:#fff!important}.journal-btn{width:100%;margin:0 0 14px!important;color:var(--purple)!important;font-weight:800}
.v21 .camp{padding:15px;margin-bottom:14px;border-radius:22px!important}.v21 .campaign-card-grid{grid-template-columns:92px minmax(0,1fr);gap:14px}.v21 .campaign-cover{width:92px;min-height:164px;border-radius:18px;background:#f2f4ff;border:1px solid var(--line)}.v21 .campaign-cover img{object-fit:cover}.v21 .camp .ch .nm{color:var(--text);font-size:15px}.v21 .camp .ch .nm small{color:var(--mut)}.v21 .pill.run{background:#e9fff7;color:#00a873}.v21 .pill.pause{background:#f0f2f8;color:#8790a8}.v21 .campaign-money-row .camp-balance,.v21 .campaign-money-row .camp-today-spend{background:#f7f8fd;border-color:var(--line);color:var(--mut)}.v21 .campaign-money-row .camp-balance b{color:var(--purple)}.v21 .campaign-money-row .camp-today-spend b{color:var(--pink)}.v21 .campaign-with-cover .camp-metrics{grid-template-columns:repeat(3,1fr);gap:7px}.v21 .campaign-with-cover .camp-metrics>div{background:#f8f9fe;border:1px solid var(--line);border-radius:12px;padding:9px 7px}.v21 .campaign-with-cover .camp-metrics span,.v21 .campaign-with-cover .camp-metrics small{color:var(--mut)}.v21 .campaign-with-cover .camp-metrics b{color:var(--text);font-size:13px}.v21 .spark-wrap{background:#f8f9fe;border-color:var(--line)}.v21 .camp-actions-mini button{background:#fff;border-color:var(--line);color:var(--mut)}.v21 .camp-actions-mini button.primary{background:linear-gradient(135deg,var(--pink),var(--purple));border:0;color:#fff}.campaign-live-switch{position:relative;flex:none;width:49px;height:28px;border-radius:999px;background:#dfe3ee;box-shadow:inset 0 0 0 1px rgba(31,42,88,.08);transition:.2s}.campaign-live-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(23,31,67,.22);transition:.2s}.campaign-live-switch.on{background:linear-gradient(135deg,var(--pink),var(--purple))}.campaign-live-switch.on i{left:24px}.campaign-live-switch.loading{opacity:.55;pointer-events:none}.campaign-budget-line{height:7px;border-radius:999px;background:#eceefa;overflow:hidden;margin:9px 0}.campaign-budget-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue))}

/* Stock and warehouses */
.stock-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stock-value-card{padding:16px}.stock-value-card span{font-size:10px;color:var(--mut)}.stock-value-card b{display:block;font-size:22px;margin:7px 0;color:var(--text)}.stock-value-card small{color:var(--mut);font-size:8px}.stock-value-card.cost{background:linear-gradient(135deg,#ff2f92,#8c40ff)!important}.stock-value-card.cost span,.stock-value-card.cost b,.stock-value-card.cost small{color:#fff}
.warehouse-analytics{padding:16px;margin-bottom:12px}.warehouse-row{padding:13px 0;border-bottom:1px solid var(--line)}.warehouse-row:last-child{border-bottom:0}.warehouse-row .wh-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.warehouse-row .wh-name{font-weight:850;font-size:13px}.warehouse-row .wh-rec{padding:5px 8px;border-radius:8px;background:#efe9ff;color:var(--purple);font-size:10px;font-weight:900}.warehouse-row .wh-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.warehouse-row .wh-metrics div{padding:8px;border-radius:10px;background:#f7f8fd}.warehouse-row .wh-metrics span{display:block;color:var(--mut);font-size:7px}.warehouse-row .wh-metrics b{display:block;margin-top:3px;font-size:12px}.warehouse-row .wh-bar{height:6px;background:#eceefa;border-radius:999px;overflow:hidden;margin-top:9px}.warehouse-row .wh-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));border-radius:inherit}.warehouse-advice{margin-top:10px;padding:11px 12px;border-radius:13px;background:linear-gradient(135deg,#fff3fa,#f2f0ff);color:#6b3b93;font-size:10px;line-height:1.45}.product-warehouse-list{margin:10px 0 0 59px;display:grid;gap:6px}.product-warehouse-list .pwh{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px 9px;border-radius:10px;background:#f7f8fd;font-size:8px;color:var(--mut)}.product-warehouse-list .pwh b{color:var(--text)}.product-warehouse-list .pwh em{font-style:normal;color:var(--purple);font-weight:900}
.v21 .stock-kpi b{color:var(--purple)}

/* Finance */
.v21 #p-profit .profit-hero{background:linear-gradient(125deg,#ff2f92,#8e40ff 58%,#1979ff)!important;border:0!important;color:#fff!important}.v21 #p-profit .profit-hero .lbl,.v21 #p-profit .profit-hero .big,.v21 #p-profit .profit-hero .ppmar{color:#fff}.v21 .mini-day i{background:linear-gradient(180deg,var(--pink),var(--purple))}.v21 .pf-detail-btn{background:#fff;border-color:var(--line);color:var(--text)}

/* Bottom navigation with central FC */
.v21 .nav{width:min(480px,100%);grid-template-columns:repeat(5,1fr);height:86px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(47,57,105,.10);backdrop-filter:blur(18px)}
.v21 .nav button{padding:9px 0;color:#7a829e;font-size:9px;gap:5px}.v21 .nav button svg{stroke:#7a829e}.v21 .nav button.on{color:var(--pink)}.v21 .nav button.on svg{stroke:var(--pink)}.v21 .nav button.on:before{display:none}.v21 .nav .fc-nav{margin-top:-28px}.fc-nav-core{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;background:radial-gradient(circle at 35% 25%,#ff80bd,#e82b9a 34%,#8c39ed 72%,#1f2a76);border:5px solid #fff;box-shadow:0 0 0 3px rgba(177,56,255,.28),0 10px 28px rgba(142,42,220,.33)}.v21 .nav .fc-nav.on .fc-nav-core{animation:fcNavGlow 2s ease-in-out infinite}.v21 .nav .fc-nav svg{display:none}@keyframes fcNavGlow{50%{box-shadow:0 0 0 6px rgba(255,47,146,.14),0 12px 34px rgba(142,42,220,.42)}}
.v21 .ai-fab{display:none!important}

/* sheets, settings and screens */
.v21 .screen{background:#f3f6ff}.v21 .screen .inner{background:#f3f6ff;min-height:100%;padding-bottom:110px}.v21 .scr-bk{color:var(--purple)}.v21 .sheet{background:rgba(31,37,79,.44)}.v21 .sheet .sc,.v21 #sheetBody{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 -22px 60px rgba(28,37,83,.22)}.v21 .sheet h3{color:var(--text)}.v21 .row2,.v21 .valrow{background:#f8f9fd!important;border-color:var(--line)!important}.v21 .row2 .l,.v21 .valrow .name{color:var(--text)}.v21 .sw{background:#dfe3ee}.v21 .sw.on{background:linear-gradient(135deg,var(--pink),var(--purple))}.v21 .modebtns{grid-template-columns:repeat(2,1fr)}.v21 .modebtns button{background:#fff;border-color:var(--line);color:var(--mut)}.v21 .modebtns button.on{background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));color:#fff;border-color:transparent}.v21 .bigbtn{background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));color:#fff}.v21 .bigbtn.ai-run{background:#fff;color:var(--purple);border:1px solid var(--line-acc)}.auto-info-card{padding:13px;border-radius:14px;background:linear-gradient(135deg,#fff4fa,#f2f0ff);color:#6f408e;font-size:11px;line-height:1.5;margin:8px 0 14px}.auto-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.auto-mode-grid button{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff;text-align:left}.auto-mode-grid button b{display:block;color:var(--text);font-size:12px}.auto-mode-grid button span{display:block;color:var(--mut);font-size:8px;margin-top:4px}.auto-mode-grid button.on{border-color:transparent;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 10px 22px rgba(139,52,222,.2)}.auto-mode-grid button.on b,.auto-mode-grid button.on span{color:#fff}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 14px}.strategy-grid button{padding:11px 5px;border-radius:12px;background:#f5f6fb;border:1px solid var(--line);color:var(--mut);font-size:9px;font-weight:800}.strategy-grid button.on{background:#eaf3ff;border-color:#72a7ff;color:#1764d8}.sticky-sheet-actions{position:sticky;bottom:-30px;z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px -16px -30px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -12px 24px rgba(38,48,91,.08);backdrop-filter:blur(12px)}.sticky-sheet-actions .bigbtn{margin:0}.sticky-sheet-actions .save{background:linear-gradient(135deg,var(--pink),var(--purple))}.sticky-sheet-actions .check{background:linear-gradient(135deg,var(--purple),var(--blue))}

@media(max-width:390px){
 .v21 .wrap{padding-left:10px;padding-right:10px}.market-ticker{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.v21 #homeFinanceCard:before{width:86px;height:86px;right:14px}.v21 #homeFinanceCard .metric-big{font-size:36px}.v21 .ads-kpis{grid-template-columns:repeat(2,1fr)}.funnel-flow{gap:3px}.funnel-flow .step{padding:12px 4px}.funnel-flow .step b{font-size:16px}.v21 .campaign-card-grid{grid-template-columns:78px minmax(0,1fr)}.v21 .campaign-cover{width:78px;min-height:152px}.v21 .campaign-with-cover .camp-metrics{grid-template-columns:repeat(2,1fr)}.warehouse-row .wh-metrics{grid-template-columns:repeat(3,1fr)}
}