2 lines
9.3 KiB
CSS
2 lines
9.3 KiB
CSS
.conversion-page[data-v-ae675eba]{display:grid;gap:14px;width:100%;max-width:100%;min-width:0;min-height:640px;padding:16px;overflow-x:hidden;box-sizing:border-box;color:#172033;background:#f4f6f8}.page-heading[data-v-ae675eba],.filter-strip[data-v-ae675eba],.panel[data-v-ae675eba],.metric-card[data-v-ae675eba]{min-width:0;box-sizing:border-box;border:1px solid #dfe5ec;background:#fff}.page-heading[data-v-ae675eba]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-radius:10px}.page-heading h1[data-v-ae675eba]{margin:0;font-size:20px;font-weight:750}.page-heading p[data-v-ae675eba]{margin:5px 0 0;color:#8590a2;font-size:12px}.heading-meta[data-v-ae675eba]{display:flex;align-items:center;gap:12px;color:#8994a5;font-size:12px}.scope-chip[data-v-ae675eba]{display:inline-flex;align-items:center;gap:5px;color:#0d8077}.filter-strip[data-v-ae675eba]{display:flex;align-items:center;gap:22px;padding:12px 16px;border-radius:9px}.filter-item[data-v-ae675eba]{display:flex;align-items:center;gap:8px}.filter-label[data-v-ae675eba],.range-text[data-v-ae675eba]{color:#748094;font-size:12px;white-space:nowrap}.range-text[data-v-ae675eba]{margin-left:auto}.date-range-picker[data-v-ae675eba]{width:260px}.employee-select[data-v-ae675eba]{width:190px}.dept-select[data-v-ae675eba],.channel-select[data-v-ae675eba]{width:220px}.channel-option[data-v-ae675eba]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.channel-option span[data-v-ae675eba]:last-child{color:#98a2b3;font-size:12px}.channel-option.is-group span[data-v-ae675eba]:first-child{font-weight:650;color:#172033}.metric-grid[data-v-ae675eba]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card[data-v-ae675eba]{min-height:100px;padding:15px 17px;border-radius:10px}.metric-card span[data-v-ae675eba],.metric-card small[data-v-ae675eba]{display:block;color:#748094;font-size:12px}.metric-card strong[data-v-ae675eba]{display:block;margin:9px 0 7px;color:#111b2f;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.metric-card small[data-v-ae675eba]{color:#a0a9b6;font-size:11px}.metric-value[data-v-ae675eba],.fan-count-value[data-v-ae675eba]{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-value[data-v-ae675eba]{display:flex;justify-content:flex-start}.fan-detail-trigger[data-v-ae675eba]{margin:0;padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.fan-detail-trigger[data-v-ae675eba]:focus-visible{outline:2px solid #2f78df;outline-offset:3px;border-radius:3px}.fan-detail-trigger[data-v-ae675eba]:disabled{cursor:default}.deleted-fans-marker[data-v-ae675eba]{color:#c65f26;font-size:.58em;font-style:normal;font-weight:650}.fan-count-value .deleted-fans-marker[data-v-ae675eba]{font-size:11px}.fan-detail-trigger--table[data-v-ae675eba]{color:#1769aa;font-weight:650}.fan-detail-trigger--table[data-v-ae675eba]:hover{color:#0f4f82}.fan-count-value.is-empty[data-v-ae675eba]{color:#98a2b3}.ranking-grid[data-v-ae675eba]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel[data-v-ae675eba]{min-width:0;max-width:100%;padding:16px;border-radius:10px;box-sizing:border-box}.panel-heading[data-v-ae675eba]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-heading h2[data-v-ae675eba]{margin:0;font-size:15px;font-weight:700}.panel-heading p[data-v-ae675eba]{margin:4px 0 0;color:#929dac;font-size:11px}.panel-heading>span[data-v-ae675eba]{color:#929dac;font-size:11px;white-space:nowrap}.bar-list[data-v-ae675eba]{display:grid;gap:13px;max-height:340px;overflow-y:auto;padding-right:4px}.bar-row[data-v-ae675eba]{display:grid;grid-template-columns:130px minmax(80px,1fr) 116px;align-items:center;gap:10px}.bar-name[data-v-ae675eba]{overflow:hidden;color:#66748a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.bar-name b[data-v-ae675eba]{display:inline-block;width:20px;margin-right:7px;color:#98a2b3;font-size:11px;font-weight:650;text-align:center}.bar-row>strong[data-v-ae675eba]{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.bar-row>strong small[data-v-ae675eba]{color:#8a95a5;font-size:10px;font-weight:500}.bar-track[data-v-ae675eba]{height:18px;overflow:hidden;border-radius:5px;background:#edf1f5}.bar-track i[data-v-ae675eba]{display:block;height:100%;border-radius:5px;transition:width .35s ease}.bar-track i.is-teal[data-v-ae675eba]{background:#15998d}.bar-track i.is-blue[data-v-ae675eba]{background:#307bdf}.detail-panel[data-v-ae675eba]{padding-bottom:10px;overflow:hidden}.detail-table[data-v-ae675eba]{width:100%;max-width:100%;min-width:0}.detail-table[data-v-ae675eba] .el-table__inner-wrapper,.detail-table[data-v-ae675eba] .el-scrollbar{max-width:100%}.detail-table[data-v-ae675eba] th.el-table__cell{color:#66748a;background:#f7f9fb;font-size:12px}.detail-table[data-v-ae675eba] td.el-table__cell{color:#273347;font-size:12px}.detail-table[data-v-ae675eba] .el-table__row--level-0>td.el-table__cell{background:#edf7f5;font-weight:650}.detail-table strong.is-parent[data-v-ae675eba]{color:#172033;font-weight:700}.detail-table strong.is-member[data-v-ae675eba]{color:#314158;font-weight:600}.detail-table .role-tag[data-v-ae675eba]{margin-left:7px;vertical-align:middle}.target-panel[data-v-ae675eba]{padding-bottom:18px}.target-layout[data-v-ae675eba]{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(500px,1.18fr);gap:22px}.target-progress-list[data-v-ae675eba]{padding-right:20px;border-right:1px solid #e4e9ef}.target-summary[data-v-ae675eba]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.target-summary div[data-v-ae675eba]{display:grid;gap:5px}.target-summary span[data-v-ae675eba]{color:#8590a2;font-size:11px}.target-summary strong[data-v-ae675eba]{font-size:18px;font-variant-numeric:tabular-nums}.target-summary strong.is-teal[data-v-ae675eba]{color:#0f9185}.progress-block+.progress-block[data-v-ae675eba]{margin-top:18px}.progress-copy[data-v-ae675eba]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.progress-copy b[data-v-ae675eba]{color:#263246;font-size:13px}.progress-block small[data-v-ae675eba]{display:block;margin-top:7px;color:#8a95a5;font-size:11px}.target-empty-note[data-v-ae675eba]{margin-top:16px;padding:9px 11px;border-radius:7px;color:#a36b1e;background:#fff7e8;font-size:11px}.trend-title[data-v-ae675eba]{display:flex;align-items:center;justify-content:space-between;color:#2e3a4d;font-size:12px;font-weight:600}.trend-title>div[data-v-ae675eba]{display:flex;align-items:center;gap:7px;color:#7f8a9b;font-size:10px;font-weight:400}.legend-line[data-v-ae675eba]{width:18px;border-top:2px solid}.legend-line.is-actual[data-v-ae675eba]{border-color:#0f9185}.legend-line.is-target[data-v-ae675eba]{border-color:#2f78df;border-top-style:dashed}.target-chart[data-v-ae675eba]{width:100%;height:260px}.fans-detail-context[data-v-ae675eba]{display:flex;flex-wrap:wrap;gap:8px 20px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #e4e9ef;border-radius:7px;color:#5d6b7e;background:#f7f9fb;font-size:12px}.fans-detail-context span[data-v-ae675eba]{display:inline-flex;gap:7px}.fans-detail-context b[data-v-ae675eba]{color:#8a95a5;font-weight:500}.fans-detail-table[data-v-ae675eba]{width:100%}.fans-detail-table .customer-cell[data-v-ae675eba]{display:grid;gap:3px}.fans-detail-table .customer-name[data-v-ae675eba]{color:#273347;font-weight:650}.fans-detail-table .customer-name.is-deleted[data-v-ae675eba]{color:#c24137;text-decoration:line-through;text-decoration-color:#e8a39e}.fans-detail-table .customer-cell small[data-v-ae675eba]{overflow:hidden;color:#98a2b3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fans-detail-table[data-v-ae675eba] .is-deleted-fan-row>td.el-table__cell{background:#fff3f2!important}.deleted-status[data-v-ae675eba]{display:inline-grid;justify-items:center;gap:4px}.deleted-status small[data-v-ae675eba]{color:#b14e47;font-size:10px}.fans-detail-footer[data-v-ae675eba]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:#8491a2;font-size:12px}@media (max-width: 1180px){.filter-strip[data-v-ae675eba]{align-items:flex-start;flex-wrap:wrap}.range-text[data-v-ae675eba]{margin-left:0}.target-layout[data-v-ae675eba]{grid-template-columns:1fr}.target-progress-list[data-v-ae675eba]{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid #e4e9ef}}@media (max-width: 820px){.conversion-page[data-v-ae675eba]{padding:10px}.page-heading[data-v-ae675eba],.heading-meta[data-v-ae675eba]{align-items:flex-start;flex-direction:column}.metric-grid[data-v-ae675eba],.ranking-grid[data-v-ae675eba]{grid-template-columns:1fr}.filter-item[data-v-ae675eba],.filter-item--time[data-v-ae675eba]{width:100%;align-items:flex-start;flex-direction:column}.employee-select[data-v-ae675eba],.dept-select[data-v-ae675eba],.channel-select[data-v-ae675eba]{width:100%}.bar-row[data-v-ae675eba]{grid-template-columns:100px minmax(70px,1fr) 96px}.target-summary[data-v-ae675eba]{grid-template-columns:1fr}.fans-detail-footer[data-v-ae675eba]{align-items:flex-start;flex-direction:column}.fans-detail-footer[data-v-ae675eba] .el-pagination{max-width:100%;flex-wrap:wrap;justify-content:flex-start}}
|