/* public/css/geo-ga4-h1.css — fix18-10-hotfix30-B5-R5.4-G1.6-GA4-H1
   GA4 Aggregate Marker 樣式必須與既有 POS Exact（實心圓●）／POS Estimate
   （空心圓◌／方框▢，見 geo-marker-renderer.css）明確不同：這裡用紫色菱形。
*/

.ga4-h1-diamond {
  background: #7c3aed;
  opacity: 0.72;
  transform: rotate(45deg);
  border: 2px solid #5b21b6;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.15);
}

.ga4-h1-legend-item { display: inline-flex; align-items: center; gap: 6px; margin-right: 14px; font-size: 12px; }
.ga4-h1-legend-swatch {
  display: inline-block; width: 10px; height: 10px; background: #7c3aed;
  transform: rotate(45deg); border: 1px solid #5b21b6;
}

.ga4-h1-table-toolbar { margin-bottom: 6px; }
.ga4-h1-search-input {
  padding: 4px 8px; font-size: 13px; border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 4px; width: 220px;
}
.ga4-h1-table th[data-sort-key] { cursor: pointer; user-select: none; }
.ga4-h1-table th[data-sort-key]:hover { text-decoration: underline; }

.ga4-h1-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.ga4-h1-fixed-disclaimer { font-size: 12px; color: var(--text-secondary, #64748b); margin-left: 8px; }

.ga4-h1-status { font-size: 12px; color: var(--text-secondary, #64748b); margin-bottom: 6px; }

.ga4-h1-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ga4-h1-table th, .ga4-h1-table td { padding: 6px 8px; border-bottom: 1px solid var(--border-color, #e2e8f0); text-align: right; }
.ga4-h1-table th:first-child, .ga4-h1-table td:first-child { text-align: left; }
.ga4-h1-disclaimer { font-size: 12px; color: var(--text-secondary, #64748b); margin-top: 8px; }