2 lines
8.7 KiB
CSS
2 lines
8.7 KiB
CSS
.performance-dashboard[data-v-4a42c029]{--dash-accent: #0f8f83;--dash-accent-soft: rgba(15, 143, 131, .1);--dash-border: var(--el-border-color-lighter);--dash-surface: var(--el-bg-color);--dash-surface-muted: var(--el-fill-color-extra-light);--dash-text: var(--el-text-color-primary);--dash-text-muted: var(--el-text-color-secondary);min-height:100%;padding:18px;color:var(--dash-text);background:var(--el-bg-color-page)}.dashboard-header[data-v-4a42c029]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px;border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-surface)}.dashboard-heading[data-v-4a42c029],.dashboard-title-row[data-v-4a42c029],.dashboard-actions[data-v-4a42c029],.metric-label-row[data-v-4a42c029],.metric-foot[data-v-4a42c029],.panel-header[data-v-4a42c029],.ranking-row[data-v-4a42c029],.ranking-copy>div[data-v-4a42c029],.target-copy>div[data-v-4a42c029],.dashboard-notes[data-v-4a42c029]{display:flex;align-items:center}.dashboard-heading[data-v-4a42c029]{gap:12px;min-width:0}.dashboard-heading__icon[data-v-4a42c029]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;color:#fff;font-size:21px;background:var(--dash-accent)}.dashboard-title-row[data-v-4a42c029]{flex-wrap:wrap;gap:9px}.dashboard-title-row h1[data-v-4a42c029]{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.02em}.dashboard-heading p[data-v-4a42c029],.panel-header p[data-v-4a42c029],.target-copy p[data-v-4a42c029]{margin:4px 0 0;color:var(--dash-text-muted);font-size:12px;line-height:1.5}.scope-badge[data-v-4a42c029],.panel-meta[data-v-4a42c029]{display:inline-flex;align-items:center;gap:4px;border-radius:8px;white-space:nowrap}.scope-badge[data-v-4a42c029]{padding:4px 8px;color:var(--dash-accent);font-size:12px;font-weight:650;background:var(--dash-accent-soft)}.dashboard-actions[data-v-4a42c029]{gap:12px;flex-shrink:0}.updated-at[data-v-4a42c029]{color:var(--el-text-color-placeholder);font-size:11px}.dashboard-error[data-v-4a42c029]{margin-bottom:14px}.dashboard-skeleton[data-v-4a42c029],.dashboard-empty[data-v-4a42c029]{padding:24px;border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-surface)}.performance-strip[data-v-4a42c029],.operating-grid[data-v-4a42c029]{display:grid;gap:12px}.performance-strip[data-v-4a42c029]{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.operating-grid[data-v-4a42c029]{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.metric-card[data-v-4a42c029],.dashboard-panel[data-v-4a42c029]{border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-surface)}.metric-card[data-v-4a42c029]{min-width:0;padding:16px}.metric-card--primary[data-v-4a42c029]{border-color:color-mix(in srgb,var(--dash-accent) 28%,var(--dash-border));background:linear-gradient(145deg,var(--dash-accent-soft),var(--dash-surface) 52%)}.metric-card--compact[data-v-4a42c029]{padding:14px 16px}.metric-card--clock[data-v-4a42c029]{background:var(--dash-surface-muted)}.metric-label[data-v-4a42c029],.metric-label-row[data-v-4a42c029]{color:var(--dash-text-muted);font-size:12px;font-weight:500}.metric-label-row[data-v-4a42c029]{justify-content:space-between;gap:8px}.metric-help[data-v-4a42c029]{cursor:help;color:var(--el-text-color-placeholder)}.metric-value[data-v-4a42c029]{margin-top:8px;overflow:hidden;color:var(--dash-text);font-family:DIN Alternate,Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(24px,2vw,30px);font-weight:760;line-height:1.12;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.metric-value--money[data-v-4a42c029]{font-size:clamp(23px,1.8vw,28px)}.metric-value--time[data-v-4a42c029]{letter-spacing:-.02em}.metric-value--pair[data-v-4a42c029]{font-size:clamp(21px,1.6vw,26px)}.metric-value--pair span[data-v-4a42c029]{margin:0 4px;color:var(--el-text-color-placeholder);font-weight:400}.metric-foot[data-v-4a42c029]{gap:3px;min-height:18px;margin-top:5px;color:var(--el-text-color-placeholder);font-size:11px}.metric-foot.is-positive[data-v-4a42c029]{color:#18865f}.metric-foot.is-negative[data-v-4a42c029]{color:#d04c55}.metric-foot.is-flat[data-v-4a42c029]{color:var(--el-text-color-secondary)}.metric-comparisons[data-v-4a42c029]{display:flex;flex-wrap:wrap;-moz-column-gap:12px;column-gap:12px;min-height:18px}.metric-hint[data-v-4a42c029]{margin-top:2px;overflow:hidden;color:var(--el-text-color-placeholder);font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid[data-v-4a42c029]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-grid--rankings[data-v-4a42c029]{align-items:stretch}.dashboard-grid--bottom[data-v-4a42c029]{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.dashboard-panel[data-v-4a42c029]{min-width:0;padding:16px}.panel-header[data-v-4a42c029]{justify-content:space-between;gap:16px;margin-bottom:14px}.panel-header h2[data-v-4a42c029]{margin:0;font-size:15px;line-height:1.35}.panel-header-actions[data-v-4a42c029]{display:flex;align-items:center;gap:8px;flex-shrink:0}.ranking-dept-select[data-v-4a42c029]{width:180px}.panel-meta[data-v-4a42c029]{padding:4px 7px;color:var(--dash-text-muted);font-size:10px;background:var(--dash-surface-muted)}.ranking-list[data-v-4a42c029]{display:grid;gap:8px}.ranking-row[data-v-4a42c029]{gap:10px;min-height:47px;padding:7px 9px;border-radius:11px;background:var(--dash-surface-muted)}.ranking-index[data-v-4a42c029]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;color:var(--dash-text-muted);font-size:11px;font-weight:750;background:var(--el-fill-color-light)}.ranking-index.is-top[data-v-4a42c029]{color:#fff;background:var(--dash-accent)}.ranking-main[data-v-4a42c029]{min-width:0;flex:1}.ranking-copy[data-v-4a42c029]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}.ranking-copy strong[data-v-4a42c029]{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ranking-copy span[data-v-4a42c029]{flex-shrink:0;color:var(--el-text-color-placeholder);font-size:10px}.ranking-meter[data-v-4a42c029]{height:5px;overflow:hidden;border-radius:5px;background:var(--el-fill-color-light)}.ranking-meter span[data-v-4a42c029]{display:block;height:100%;border-radius:inherit;background:var(--dash-accent);transition:width .25s ease}.ranking-value[data-v-4a42c029]{min-width:38px;color:var(--dash-text);font-family:DIN Alternate,Roboto Mono,monospace;font-size:13px;text-align:right}.ranking-value--money[data-v-4a42c029]{min-width:78px}.trend-chart[data-v-4a42c029]{width:100%;height:300px}.target-panel[data-v-4a42c029]{display:flex;flex-direction:column}.target-block[data-v-4a42c029]{padding:14px;border-radius:12px;background:var(--dash-surface-muted)}.target-block+.target-block[data-v-4a42c029]{margin-top:10px}.target-block--secondary[data-v-4a42c029]{margin-top:10px}.target-copy[data-v-4a42c029]{margin-bottom:10px}.target-copy>div[data-v-4a42c029]{justify-content:space-between;gap:12px}.target-copy span[data-v-4a42c029]{color:var(--dash-text-muted);font-size:12px}.target-copy strong[data-v-4a42c029]{font-family:DIN Alternate,Roboto Mono,monospace;font-size:18px}.target-empty-note[data-v-4a42c029]{margin-top:10px;padding:9px 10px;border-radius:10px;color:var(--el-text-color-secondary);font-size:11px;line-height:1.5;background:color-mix(in srgb,var(--el-color-warning) 8%,transparent)}.dashboard-notes[data-v-4a42c029]{gap:6px;padding:0 2px 8px;color:var(--el-text-color-placeholder);font-size:11px;line-height:1.5}@media (prefers-reduced-motion: reduce){.ranking-meter span[data-v-4a42c029]{transition:none}}@media (max-width: 1200px){.performance-strip[data-v-4a42c029]{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--bottom[data-v-4a42c029]{grid-template-columns:1fr}.operating-grid[data-v-4a42c029]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.operating-grid[data-v-4a42c029],.dashboard-grid[data-v-4a42c029]{grid-template-columns:1fr}.dashboard-header[data-v-4a42c029]{align-items:flex-start}.updated-at[data-v-4a42c029]{display:none}}@media (max-width: 640px){.performance-dashboard[data-v-4a42c029]{padding:10px}.dashboard-header[data-v-4a42c029]{flex-direction:column;padding:14px}.dashboard-actions[data-v-4a42c029],.dashboard-actions[data-v-4a42c029] .el-button{width:100%}.performance-strip[data-v-4a42c029]{grid-template-columns:1fr}.panel-header--stack-mobile[data-v-4a42c029]{align-items:flex-start;flex-direction:column}.panel-header-actions[data-v-4a42c029]{align-items:flex-end;flex-direction:column}.ranking-dept-select[data-v-4a42c029]{width:150px}.ranking-copy span[data-v-4a42c029]{display:none}.ranking-value--money[data-v-4a42c029]{min-width:65px;font-size:12px}}
|