/* Clickable controls and local popups; the captured page layout is preserved. */
#demo-ui-popup{position:fixed;z-index:10030;background:#fff;border-radius:8px;box-shadow:0 3px 9px #00000014;color:#000;font:16px/18.4px "PingFang SC";overflow:auto;padding:0}
#demo-ui-popup[hidden],#demo-ui-popup [hidden],.batch-operation-bar-wrapper[hidden]{display:none!important}
.batch-operation-bar-wrapper.mb-8{margin-bottom:8px}
.oc-statistic-content-suffix{margin-left:8px;margin-bottom:1px;display:inline-flex}
/* The captured base sheet did not contain a checked box at build time. Keep
   the live component state colors and icon visibility for all local checkboxes. */
.ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner,
.ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner,
.ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner:hover,
.ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner:hover{background-color:rgb(56,55,79);border-color:rgb(56,55,79);color:#fff}
.ovui-checkbox--checked .ovui-checkbox__checked-icon{display:block;color:#fff}
.ovui-checkbox--checked .ovui-checkbox__indeterminate-icon{display:none}
.ovui-checkbox--indeterminate .ovui-checkbox__checked-icon{display:none}
.ovui-checkbox--indeterminate .ovui-checkbox__indeterminate-icon{display:block;color:#fff}
#demo-ui-popup *{box-sizing:border-box}
#demo-ui-popup.demo-ui-scope{width:108px;min-height:80px;padding:0}
#demo-ui-popup.demo-ui-scope .ovui-option{cursor:pointer}
#demo-ui-popup.demo-ui-scope .ovui-option:hover{background:#f2f4f7}
.demo-ui-open.ovui-select,.demo-ui-open.ovui-range-picker{border-radius:8px;outline:1px solid #0057ff;box-shadow:0 0 0 3px #0057ff26}
.demo-ui-open .ovui-select__arrow{transform:rotate(180deg)}
.bp-tree-container.demo-ui-open{background:rgba(0,87,255,.06)!important;color:#0057ff!important;border-color:#f8fbfe!important}
.bp-tree-container.demo-ui-open .bp-tree-container-name{color:#0057ff!important}
.bp-tree-container.demo-ui-open iconpark-icon{color:#0057ff!important;transform:rotate(180deg)}
.oc-promotion-metric-card[hidden]{display:none!important}
#demo-ui-popup.demo-ui-calendar{width:max-content;max-width:calc(100vw - 16px);overflow:auto}
#demo-ui-popup .ovui-date__cell[aria-disabled="false"],#demo-ui-popup .ovui-shortcut,#demo-ui-popup .ovui-date__header-btn,#demo-ui-popup .ovui-date__header .ovui-icon{cursor:pointer}
#demo-ui-popup .demo-date-in-range{background:#e8f3ff}
#demo-ui-popup .demo-date-parts{position:absolute;inset:39px 8px 8px 108px;background:white;display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:12px;z-index:1}
#demo-ui-popup .demo-date-parts button{border:0;background:#f5f7fa;color:#31343b;border-radius:4px;cursor:pointer}
#demo-ui-popup .demo-date-parts button:hover{background:#e8f3ff;color:#0057ff}
#demo-ui-popup.demo-ui-organization{overflow:auto;border-radius:16px;font:16px/18.4px "PingFang SC";color:#62656c}
#demo-ui-popup.demo-ui-organization .ebp-main-ocean-oc-popover-text__content{font:12px/18px "PingFang SC"}
#demo-ui-popup.demo-ui-organization input::placeholder{color:#93969d;font:14px "PingFang SC";opacity:1}
#demo-ui-popup .ovui-date__table>tbody{display:contents}
#demo-ui-popup .node-card,#demo-ui-popup .node-ebp-card,#demo-ui-popup .open-icon-container,#demo-ui-popup .node-ebp-card-switch{cursor:pointer}
#demo-ui-popup .node-card:hover{border-color:#0057ff;background:#f5f7ff}
#demo-ui-popup .open-icon-container{transition:transform .2s}
#demo-ui-popup.demo-ui-chart{width:min(1000px,calc(100vw - 24px));max-width:calc(100vw - 20px);overflow:visible;border-radius:12px;box-shadow:0 6px 18px #00000012}
.demo-trend{position:relative;min-height:440px;padding:18px 20px 12px;background:white;border-radius:12px;overflow:hidden}
.demo-trend-heading{height:30px;display:flex;align-items:center;justify-content:space-between;color:#31343b;font-size:14px;font-weight:600}
.demo-trend-range{color:#93969d;font-size:12px;font-weight:400}
.demo-trend-svg{display:block;width:100%;height:auto;min-height:360px;overflow:visible}
.demo-trend-svg text{font:12px "PingFang SC";fill:#93969d}
.demo-chart-grid line{stroke:#eceef0;stroke-width:1}
.demo-chart-series path{fill:none;stroke:#0057ff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.demo-chart-points circle{fill:#0057ff;stroke:#fff;stroke-width:2;cursor:pointer}
.demo-chart-xlabels text{font-size:12px}
.demo-chart-hitarea{fill:transparent;cursor:crosshair}
.demo-chart-crosshair{stroke:#b9c8e8;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}
.demo-chart-focus{fill:#0057ff;stroke:#fff;stroke-width:2;pointer-events:none}
.demo-chart-tooltip{position:absolute;z-index:2;pointer-events:none;padding:8px 12px;background:#fffffff5;box-shadow:0 4px 16px #1d2a441f;border-radius:4px;font-size:12px;line-height:18px;white-space:nowrap;color:#31343b}
.demo-chart-tooltip strong,.demo-chart-tooltip span{display:block}
.demo-chart-tooltip b{font-weight:600;margin-left:5px}
.demo-chart-note{padding:10px 20px;color:#93969d;font-size:12px}
@media(max-width:720px){#demo-ui-popup.demo-ui-chart{width:calc(100vw - 16px)}.demo-trend{padding-left:10px;padding-right:10px}.demo-trend-range{display:none}.demo-trend-svg{min-height:320px}}
.oc-promotion-metric-card,.oc-promotion-tool-bar .ovui-select,.oc-promotion-tool-bar .ovui-range-picker,.data-overview-daily-hint{cursor:pointer}
.oc-promotion-metric-card.demo-ui-open .oc-statistic{background:#f5f5ff!important}
.demo-compare{font:12px/18px "PingFang SC";color:#93969d;margin-top:8px}
#demo-ui-popup.demo-ui-options{min-width:130px;padding:6px 0}
#demo-ui-popup .demo-ui-option{display:block;width:100%;border:0;background:white;text-align:left;padding:9px 16px;color:#31343b;font:14px/22px "PingFang SC";cursor:pointer}
#demo-ui-popup .demo-ui-option:hover,#demo-ui-popup .demo-ui-option[aria-selected="true"]{background:#f2f6ff;color:#0057ff}
#demo-ui-popup.demo-ui-settings{width:260px;padding:16px}
#demo-ui-popup h3{font-size:14px;margin:0 0 12px;font-weight:600}
#demo-ui-popup .demo-setting-item{display:flex;align-items:center;gap:8px;padding:7px 0;cursor:pointer}
#demo-ui-popup input[type="checkbox"]{accent-color:#0057ff;width:14px;height:14px;cursor:pointer}
body.demo-table-compact [data-demo-row] td{padding-top:4px!important;padding-bottom:4px!important;height:40px!important}
body.demo-table-wide [data-demo-row] td{padding-top:14px!important;padding-bottom:14px!important;height:64px!important}
body.demo-overview-fullscreen .oc-promotion-data-overview{position:fixed!important;inset:64px 12px 12px!important;z-index:10010;background:#fff;border-radius:16px;padding:24px;box-shadow:0 0 0 100vmax #19253b38;overflow:auto}

/* Six overview cards use the original component dimensions and typography. */
[data-demo-overview-key] .oc-statistic{height:84px;box-sizing:border-box;padding:16px!important}
[data-demo-overview-key] .metric-card-chart{width:80px!important;height:16px;flex:none}
[data-demo-overview-key] .lightcharts-container{width:80px!important;height:16px!important}
[data-demo-overview-key] .oc-statistic-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
[data-demo-overview-key] .oc-statistic-title-left{min-width:0}
[data-demo-overview-key] .oc-statistic-content{display:flex;align-items:baseline;white-space:nowrap}
[data-demo-overview-key] .oc-statistic-content-suffix[hidden]{display:none!important}
[data-demo-overview-key] .oc-typography-color-success{color:#0da600}
[data-demo-overview-key] .oc-typography-color-danger{color:#f53f3f}
.demo-sparkline{display:block;overflow:visible}
.ovui-grid-item[hidden]{display:none!important}
#demo-ui-popup.demo-ui-chart{width:600px;border-radius:8px;max-width:calc(100vw - 20px);box-shadow:0 3px 9px #00000014}
.demo-ui-chart .demo-trend{padding:0;min-height:0;border-radius:8px}
.demo-ui-chart .demo-trend-svg{width:100%;min-height:0;height:auto}
.demo-ui-chart .demo-chart-series path{stroke-width:2}
.demo-chart-previous path{fill:none;stroke:#93969d;stroke-width:2;stroke-linejoin:round}
.demo-chart-previous circle{fill:#93969d}
.demo-chart-series circle{fill:#0057ff}
.demo-chart-dot{display:inline-block;width:7px;height:7px;background:#0057ff;border-radius:50%;margin-right:6px}
.demo-chart-prior-label{color:#93969d}
.demo-chart-crosshair[hidden],.demo-chart-focus[hidden]{display:none}
.demo-delete-row{position:static!important;margin-left:8px}

/* Date-query loading: DOM, gradient spinner and dimensions from the source. */
.demo-range-loading.ovui-range-picker{border-radius:8px;outline:1px solid #0057ff;box-shadow:0 0 0 3px #0057ff26}
.demo-date-query-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}
.demo-date-query-overlay[hidden]{display:none!important}
.demo-date-query-overlay .ovui-spin__block-mask{position:absolute;inset:0;background:rgba(255,255,255,.7)}
.demo-date-query-overlay .ovui-spin__block{position:absolute;inset:0}
.demo-date-query-overlay .ovui-spin__content{display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.demo-date-query-overview .ovui-spin__content{flex-direction:column;align-items:center}
.demo-date-query-overlay .oc-loading-inline{display:flex;align-items:center}
.demo-date-query-overlay .loading-text{margin-left:5px;white-space:nowrap;color:#0057ff;font-size:12px;line-height:18px}
.demo-date-query-overlay .oc-loading-icon,.demo-date-query-overlay .ovui-inline-spin{color:#2e7bff;display:inline-flex;transform:rotate(0deg);animation:demo-date-loading-rotate .8s linear infinite}
.demo-date-query-overlay .oc-table-loading-text{color:#0057ff;font-size:12px;line-height:18px;white-space:nowrap}
@keyframes demo-date-loading-rotate{to{transform:rotate(360deg)}}