.ovp-period{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;color:#7b8ba0;font-size:10px}.ovp-period b{color:#334a64;text-transform:capitalize}.ovp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.ovp-kpi{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(26,48,74,.04)}.ovp-kpi:hover{border-color:#b7c7d8;transform:translateY(-1px)}.ovp-kpi>span:last-child{min-width:0}.ovp-kpi small{display:block;color:#687b92;font-size:10px}.ovp-kpi strong{display:block;margin:6px 0 7px;color:#142a44;font:800 22px Manrope;white-space:nowrap}.ovp-kpi-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#e9f3ff}.ovp-kpi-icon:before{font-size:19px;font-weight:800;color:#2877cb}.ovp-kpi.sales .ovp-kpi-icon:before{content:'▥'}.ovp-kpi.received .ovp-kpi-icon{background:#e7f7ee}.ovp-kpi.received .ovp-kpi-icon:before{content:'▰';color:#159158}.ovp-kpi.pending .ovp-kpi-icon{background:#fff1da}.ovp-kpi.pending .ovp-kpi-icon:before{content:'◷';color:#d98617}.ovp-kpi.volume .ovp-kpi-icon{background:#eeeafd}.ovp-kpi.volume .ovp-kpi-icon:before{content:'◇';color:#5142b5}.ovp-trend{display:block;font-size:9px;font-weight:700}.ovp-trend small{display:inline;font-size:8px;font-weight:400;margin-left:3px}.ovp-trend.good{color:#159158}.ovp-trend.bad{color:#bd334d}.ovp-trend.neutral{color:#8493a5}.ovp-attention{margin-bottom:16px;border:1px solid #f0dfc1;border-radius:10px;background:#fffaf1;overflow:hidden}.ovp-attention summary{display:flex;align-items:center;gap:10px;padding:13px 17px;list-style:none;cursor:pointer}.ovp-attention summary::-webkit-details-marker{display:none}.ovp-attention summary>strong{font-size:12px;color:#493d2b}.ovp-attention summary>small{padding-left:10px;border-left:1px solid #e0cba9;color:#a5263e;font-size:10px;font-weight:700}.ovp-attention summary>b{margin-left:auto;color:#6e7e92}.ovp-alert-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#f4a71e;color:#fff;font-weight:800}.ovp-attention>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eedfc6}.ovp-attention>div button{display:flex;align-items:center;gap:10px;padding:13px 17px;border:0;border-right:1px solid #eedfc6;border-radius:0;background:#fff;text-align:left;box-shadow:none;transform:none}.ovp-attention>div button:last-child{border-right:0}.ovp-attention>div button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fbecef;color:#a5263e;font-weight:800}.ovp-attention>div button>strong{flex:1;font-size:10px;color:#52667d}.ovp-attention>div button>b{color:#7c8da1}.ovp-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:15px;margin-bottom:15px}.ovp-chart-card,.ovp-finance{min-width:0;overflow:hidden}.ovp-chart-modes{display:flex;padding:3px;border:1px solid #e1e6ed;border-radius:8px;background:#f5f7fa}.ovp-chart-modes button{border:0;padding:7px 12px;background:transparent;color:#667990;font-size:9px;box-shadow:none;transform:none}.ovp-chart-modes button.selected{background:#a6273e;color:#fff}.ovp-chart-wrap{padding:0 12px}.ovp-chart{display:block;width:100%;height:260px}.ovp-chart line{stroke:#e7edf3}.ovp-chart text{fill:#7e8fa4;font:9px 'DM Sans',sans-serif}.ovp-sales-bar{fill:#2e7dd2}.ovp-volume-line{fill:none;stroke:#18a05d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ovp-volume-dot{fill:#18a05d;stroke:#fff;stroke-width:2}.ovp-hit{cursor:pointer;outline:none}.ovp-hit rect{fill:transparent}.ovp-hit:focus rect{fill:rgba(46,125,210,.07);stroke:#2e7dd2;stroke-width:2;stroke-dasharray:5 4}.ovp-period,.ovp-volume-dot{transition:opacity .15s,filter .15s,r .15s}.ovp-chart-card:has(.is-active) [data-ovp-index]:not(.is-active){opacity:.35}.ovp-period.is-active{filter:drop-shadow(0 3px 4px rgba(24,49,77,.25))}.ovp-volume-dot.is-active{r:8}.ovp-legend{display:flex;justify-content:center;gap:22px;padding:0 16px 15px;color:#62758b;font-size:9px}.ovp-legend span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.ovp-legend .sales:before{background:#2e7dd2}.ovp-legend .volume:before{background:#18a05d}.ovp-tooltip{position:fixed;z-index:10000;width:min(250px,calc(100vw - 24px));padding:15px;border:1px solid #d9e1ea;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(22,42,66,.2);color:#263d57}.ovp-tooltip[hidden]{display:none}.ovp-tooltip>strong{display:block;margin-bottom:10px;padding-right:22px;font:800 13px Manrope}.ovp-tooltip>span{display:flex;justify-content:space-between;margin:7px 0;color:#6d7d91;font-size:10px}.ovp-tooltip>span b{color:#283f59}.ovp-tooltip-close{position:absolute;right:6px;top:5px;width:30px;height:30px;padding:0;border:0;background:transparent;color:#738399;font-size:20px;box-shadow:none}.ovp-tooltip-action{width:100%;margin-top:7px;padding:9px;border:0;background:#a6273e;color:#fff;font-size:9px}.ovp-finance-body{display:grid;grid-template-columns:1fr;justify-items:center;gap:15px;padding:8px 18px 16px}.ovp-donut{width:155px;height:155px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#20a05c 0 var(--received),#efad36 var(--received) var(--open),#d93b4f var(--open) 100%);box-shadow:none}.ovp-donut:before{content:'';grid-area:1/1;width:96px;height:96px;border-radius:50%;background:#fff}.ovp-donut>span{grid-area:1/1;z-index:1;text-align:center}.ovp-donut strong,.ovp-donut small{display:block}.ovp-donut strong{font-size:12px;color:#223950}.ovp-donut small{margin-top:3px;color:#8b98a8;font-size:8px}.ovp-finance-rows{width:100%;display:grid}.ovp-finance-rows button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:10px 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:transparent;color:#5a6e85;font-size:9px;text-align:left;box-shadow:none;transform:none}.ovp-finance-rows button:last-child{border-bottom:0}.ovp-finance-rows i{width:9px;height:9px;border-radius:50%}.ovp-finance-rows i.received{background:#20a05c}.ovp-finance-rows i.open{background:#efad36}.ovp-finance-rows i.overdue{background:#d93b4f}.ovp-finance-rows b{color:#253b54}.ovp-lists{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ovp-list{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.ovp-list summary{display:flex;align-items:center;gap:10px;padding:14px 17px;list-style:none;cursor:pointer}.ovp-list summary::-webkit-details-marker{display:none}.ovp-list summary>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf4fd;color:#366da7}.ovp-list summary>strong{font-size:12px;color:#263c55}.ovp-list summary>small{margin-left:auto;display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:#f0f3f7;color:#64778d}.ovp-list summary>b{color:#75869a}.ovp-list[open] summary>b{transform:rotate(180deg)}.ovp-order-row,.ovp-stock-row{width:100%;display:flex;align-items:center;gap:10px;padding:12px 17px;border:0;border-top:1px solid #edf0f4;border-radius:0;background:#fff;text-align:left;box-shadow:none;transform:none}.ovp-order-row>span,.ovp-stock-row>span:nth-child(2){min-width:0;flex:1}.ovp-order-row strong,.ovp-stock-row strong,.ovp-order-row small,.ovp-stock-row small{display:block}.ovp-order-row strong,.ovp-stock-row strong{font-size:10px;color:#334a63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ovp-order-row small,.ovp-stock-row small{margin-top:4px;color:#8695a7;font-size:8px}.ovp-order-row>b{font-size:10px;color:#2d435b}.ovp-stock-row>.fruit{width:27px;flex:0 0 27px}.ovp-see-all{width:100%;padding:11px;border:0;border-top:1px solid #edf0f4;border-radius:0;background:#fafbfd;color:#a1263e;font-size:9px;box-shadow:none}.ovp-kpi:focus-visible,.ovp-attention summary:focus-visible,.ovp-list summary:focus-visible,.ovp-hit:focus-visible{outline:3px solid #b36576;outline-offset:2px}
@media(max-width:1100px){.ovp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ovp-main{grid-template-columns:1fr}.ovp-finance-body{grid-template-columns:170px 1fr;align-items:center;justify-items:stretch}.ovp-lists{grid-template-columns:1fr}}
@media(max-width:650px){.pagehead:has(.ov-picker){gap:14px}.pagehead:has(.ov-picker) .actions{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ov-picker{grid-column:1/-1;width:100%}.ov-picker input{flex:1;width:auto}.ovp-period{flex-direction:column;margin-bottom:13px}.ovp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ovp-kpi{display:block;padding:13px}.ovp-kpi-icon{width:33px;height:33px;margin-bottom:8px}.ovp-kpi strong{font-size:18px;white-space:normal}.ovp-trend small{display:none}.ovp-attention summary{padding:13px}.ovp-attention summary>small{margin-left:auto;border-left:0;padding-left:0}.ovp-attention>div{grid-template-columns:1fr}.ovp-attention>div button{border-right:0;border-bottom:1px solid #eedfc6}.ovp-attention>div button:last-child{border-bottom:0}.ovp-main{display:block}.ovp-chart-card,.ovp-finance{margin-bottom:13px}.ovp-chart-card .panelhead{display:block}.ovp-chart-modes{width:100%;margin-top:11px}.ovp-chart-modes button{flex:1;padding:9px 4px}.ovp-chart-wrap{padding:0 5px}.ovp-chart{height:235px}.ovp-chart text{font-size:12px}.ovp-finance-body{grid-template-columns:120px 1fr;gap:9px;padding:6px 13px 14px}.ovp-donut{width:112px;height:112px}.ovp-donut:before{width:70px;height:70px}.ovp-donut strong{font-size:9px}.ovp-finance-rows button{font-size:8px}.ovp-lists{display:grid;gap:10px}.ovp-list summary{padding:13px}.ovp-tooltip{padding:14px}.ovp-order-row,.ovp-stock-row{padding:11px 13px}.ovp-see-all{padding:12px}}
@media(max-width:360px){.ovp-kpi{padding:11px}.ovp-kpi strong{font-size:16px}.ovp-finance-body{grid-template-columns:1fr}.ovp-donut{margin:auto}}
@media(hover:hover) and (pointer:fine){.ovp-tooltip-close{display:none}.ovp-tooltip>strong{padding-right:0}}
input[type="month"]::-webkit-calendar-picker-indicator{opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;-webkit-appearance:none}input[type="month"]{appearance:none;-webkit-appearance:none;cursor:pointer}