.query-card[data-v-sales8e40a083], .metric-card[data-v-sales8e40a083], .chart-card[data-v-sales8e40a083] { border-radius: 8px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.query-card[data-v-sales8e40a083] { margin-bottom: 16px;
}
.query-row[data-v-sales8e40a083] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
}
.range-tip[data-v-sales8e40a083] { color: #475569; font-size: 13px;
}
.range-tip--status[data-v-sales8e40a083] { min-width: 220px;
}
.range-tip--loading[data-v-sales8e40a083] { color: #1677ff; font-weight: 600;
}
.analysis-tip[data-v-sales8e40a083] { margin-top: 12px; color: #64748b; font-size: 13px; line-height: 1.7;
}
.currency-tip[data-v-sales8e40a083] { margin-top: 4px;
}
.dashboard-alert[data-v-sales8e40a083] { margin-bottom: 16px;
}
.reconciliation-card[data-v-sales8e40a083] { margin-bottom: 16px; border-radius: 8px;
}
.reconciliation-grid[data-v-sales8e40a083] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
.reconciliation-grid strong[data-v-sales8e40a083] { font-size: 22px; color: #0f172a; overflow-wrap: anywhere;
}
.reconciliation-grid small[data-v-sales8e40a083] { font-size: 12px; color: #64748b;
}
@media (max-width: 1000px) {
.reconciliation-grid[data-v-sales8e40a083] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.reconciliation-grid[data-v-sales8e40a083] { grid-template-columns: 1fr;
}
}
.metric-row[data-v-sales8e40a083], .chart-row[data-v-sales8e40a083] { margin-bottom: 16px;
}
.metric-card[data-v-sales8e40a083] { min-height: 122px;
}
.metric-title[data-v-sales8e40a083] { color: #64748b; font-size: 13px; margin-bottom: 14px;
}
.metric-value[data-v-sales8e40a083] { font-size: 28px; font-weight: 700; line-height: 1.15; word-break: break-word;
}
.metric-suffix[data-v-sales8e40a083] { margin-left: 4px; font-size: 16px; font-weight: 500;
}
.metric-secondary[data-v-sales8e40a083] { margin-top: 8px; color: #64748b; font-size: 12px;
}
.chart[data-v-sales8e40a083] { height: 340px;
}
.chart--wide[data-v-sales8e40a083] { height: 390px;
}
.card-extra[data-v-sales8e40a083] { font-size: 12px; color: #64748b;
}