2 lines
6.0 KiB
CSS
2 lines
6.0 KiB
CSS
.conversion-page[data-v-eb586c8f]{display:grid;gap:14px;min-height:640px;padding:16px;color:#172033;background:#f4f6f8}.page-heading[data-v-eb586c8f],.filter-strip[data-v-eb586c8f],.panel[data-v-eb586c8f],.metric-card[data-v-eb586c8f]{border:1px solid #dfe5ec;background:#fff}.page-heading[data-v-eb586c8f]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-radius:10px}.page-heading h1[data-v-eb586c8f]{margin:0;font-size:20px;font-weight:750}.page-heading p[data-v-eb586c8f]{margin:5px 0 0;color:#8590a2;font-size:12px}.heading-meta[data-v-eb586c8f]{display:flex;align-items:center;gap:12px;color:#8994a5;font-size:12px}.scope-chip[data-v-eb586c8f]{display:inline-flex;align-items:center;gap:5px;color:#0d8077}.filter-strip[data-v-eb586c8f]{display:flex;align-items:center;gap:22px;padding:12px 16px;border-radius:9px}.filter-item[data-v-eb586c8f]{display:flex;align-items:center;gap:8px}.filter-label[data-v-eb586c8f],.range-text[data-v-eb586c8f]{color:#748094;font-size:12px;white-space:nowrap}.range-text[data-v-eb586c8f]{margin-left:auto}.employee-select[data-v-eb586c8f]{width:190px}.dept-select[data-v-eb586c8f]{width:220px}.channel-select[data-v-eb586c8f]{width:180px}.metric-grid[data-v-eb586c8f]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card[data-v-eb586c8f]{min-height:100px;padding:15px 17px;border-radius:10px}.metric-card span[data-v-eb586c8f],.metric-card small[data-v-eb586c8f]{display:block;color:#748094;font-size:12px}.metric-card strong[data-v-eb586c8f]{display:block;margin:9px 0 7px;color:#111b2f;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.metric-card small[data-v-eb586c8f]{color:#a0a9b6;font-size:11px}.ranking-grid[data-v-eb586c8f]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel[data-v-eb586c8f]{padding:16px;border-radius:10px}.panel-heading[data-v-eb586c8f]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-heading h2[data-v-eb586c8f]{margin:0;font-size:15px;font-weight:700}.panel-heading p[data-v-eb586c8f]{margin:4px 0 0;color:#929dac;font-size:11px}.panel-heading>span[data-v-eb586c8f]{color:#929dac;font-size:11px;white-space:nowrap}.bar-list[data-v-eb586c8f]{display:grid;gap:13px}.bar-row[data-v-eb586c8f]{display:grid;grid-template-columns:110px minmax(80px,1fr) 94px;align-items:center;gap:10px}.bar-name[data-v-eb586c8f]{overflow:hidden;color:#66748a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.bar-row>strong[data-v-eb586c8f]{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.bar-track[data-v-eb586c8f]{height:18px;overflow:hidden;border-radius:5px;background:#edf1f5}.bar-track i[data-v-eb586c8f]{display:block;height:100%;border-radius:5px;transition:width .35s ease}.bar-track i.is-teal[data-v-eb586c8f]{background:#15998d}.bar-track i.is-blue[data-v-eb586c8f]{background:#307bdf}.detail-panel[data-v-eb586c8f]{padding-bottom:10px}.detail-table[data-v-eb586c8f] th.el-table__cell{color:#66748a;background:#f7f9fb;font-size:12px}.detail-table[data-v-eb586c8f] td.el-table__cell{color:#273347;font-size:12px}.detail-table[data-v-eb586c8f] .el-table__row--level-0>td.el-table__cell{background:#edf7f5;font-weight:650}.detail-table strong.is-parent[data-v-eb586c8f]{color:#172033;font-weight:700}.detail-table strong.is-member[data-v-eb586c8f]{color:#314158;font-weight:600}.detail-table .role-tag[data-v-eb586c8f]{margin-left:7px;vertical-align:middle}.target-panel[data-v-eb586c8f]{padding-bottom:18px}.target-layout[data-v-eb586c8f]{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(500px,1.18fr);gap:22px}.target-progress-list[data-v-eb586c8f]{padding-right:20px;border-right:1px solid #e4e9ef}.target-summary[data-v-eb586c8f]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.target-summary div[data-v-eb586c8f]{display:grid;gap:5px}.target-summary span[data-v-eb586c8f]{color:#8590a2;font-size:11px}.target-summary strong[data-v-eb586c8f]{font-size:18px;font-variant-numeric:tabular-nums}.target-summary strong.is-teal[data-v-eb586c8f]{color:#0f9185}.progress-block+.progress-block[data-v-eb586c8f]{margin-top:18px}.progress-copy[data-v-eb586c8f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.progress-copy b[data-v-eb586c8f]{color:#263246;font-size:13px}.progress-block small[data-v-eb586c8f]{display:block;margin-top:7px;color:#8a95a5;font-size:11px}.target-empty-note[data-v-eb586c8f]{margin-top:16px;padding:9px 11px;border-radius:7px;color:#a36b1e;background:#fff7e8;font-size:11px}.trend-title[data-v-eb586c8f]{display:flex;align-items:center;justify-content:space-between;color:#2e3a4d;font-size:12px;font-weight:600}.trend-title>div[data-v-eb586c8f]{display:flex;align-items:center;gap:7px;color:#7f8a9b;font-size:10px;font-weight:400}.legend-line[data-v-eb586c8f]{width:18px;border-top:2px solid}.legend-line.is-actual[data-v-eb586c8f]{border-color:#0f9185}.legend-line.is-target[data-v-eb586c8f]{border-color:#2f78df;border-top-style:dashed}.target-chart[data-v-eb586c8f]{width:100%;height:260px}@media (max-width: 1180px){.filter-strip[data-v-eb586c8f]{align-items:flex-start;flex-wrap:wrap}.range-text[data-v-eb586c8f]{margin-left:0}.target-layout[data-v-eb586c8f]{grid-template-columns:1fr}.target-progress-list[data-v-eb586c8f]{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid #e4e9ef}}@media (max-width: 820px){.conversion-page[data-v-eb586c8f]{padding:10px}.page-heading[data-v-eb586c8f],.heading-meta[data-v-eb586c8f]{align-items:flex-start;flex-direction:column}.metric-grid[data-v-eb586c8f],.ranking-grid[data-v-eb586c8f]{grid-template-columns:1fr}.filter-item[data-v-eb586c8f],.filter-item--time[data-v-eb586c8f]{width:100%;align-items:flex-start;flex-direction:column}.employee-select[data-v-eb586c8f],.dept-select[data-v-eb586c8f],.channel-select[data-v-eb586c8f]{width:100%}.bar-row[data-v-eb586c8f]{grid-template-columns:90px minmax(70px,1fr) 82px}.target-summary[data-v-eb586c8f]{grid-template-columns:1fr}}
|