/* Scoped to the optional administrative analytics view. Base assets stay intact. */
.night-analytics { min-width: 0; color: var(--ink, #17233b); }
.night-analytics [hidden] { display: none !important; }
.night-analytics button, .night-analytics input, .night-analytics select { min-height: 40px; }
.night-analytics :focus-visible { outline: 3px solid #4746bb; outline-offset: 3px; }
.night-analytics .na-heading { gap: 16px; flex-wrap: wrap; }
.night-analytics .na-filters { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; padding: 22px; margin-bottom: 14px; }
.night-analytics label { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: #48566e; font-size: 12px; font-weight: 600; }
.night-analytics input, .night-analytics select { width: 100%; min-width: 0; border: 1px solid var(--line, #e5eaf0); border-radius: 8px; padding: 8px 10px; background: #fff; color: var(--ink, #17233b); font-size: 13px; }
.night-analytics .na-filter-actions { display: flex; align-items: end; gap: 8px; grid-column: 1 / -1; }
.night-analytics .na-method, .night-analytics .na-caption { color: #526078; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.night-analytics [data-na="status"] { min-height: 22px; color: #526078; margin: 8px 0 18px; }
.night-analytics .na-error, .night-analytics [data-na="status"].na-error { color: #a02236; }
.night-analytics .na-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.night-analytics .na-metric { display: flex; flex-direction: column; min-width: 0; padding: 20px; background: #fff; border: 1px solid var(--line, #e5eaf0); border-radius: 12px; border-top: 3px solid #7775e5; }
.night-analytics .na-metric:nth-child(4n + 2) { border-top-color: #38a98c; }
.night-analytics .na-metric:nth-child(4n + 3) { border-top-color: #d9a94b; }
.night-analytics .na-metric:nth-child(4n) { border-top-color: #a682bc; }
.night-analytics .na-metric strong { font-size: clamp(22px, 3vw, 30px); line-height: 1.3; margin: 9px 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.night-analytics .na-metric small, .night-analytics .na-ratio small { font-size: 11px; color: #58677e; overflow-wrap: anywhere; }
.night-analytics .na-metric-link, .night-analytics .na-text-button { border: 0; background: transparent; color: #4846b5; padding: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.night-analytics .na-metric-link { font-size: 12px; font-weight: 600; }
.night-analytics button:disabled { opacity: 1; cursor: default; color: #68748a; }
.night-analytics .na-metric-link:disabled { text-decoration: none; }
.night-analytics .na-extra-metrics { grid-column: 1 / -1; }
.night-analytics .na-extra-metrics summary { cursor: pointer; color: #4846b5; font-size: 12px; padding: 12px 0; }
.night-analytics .na-extra-metrics .na-metrics { margin-top: 8px; }
.night-analytics .na-ratios { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 20px; }
.night-analytics .na-ratio { display: flex; flex-direction: column; padding: 16px 18px; gap: 5px; border-radius: 10px; background: #efedfc; }
.night-analytics .na-ratio span { font-size: 12px; }
.night-analytics .na-ratio strong { font-size: 22px; font-variant-numeric: tabular-nums; }
.night-analytics .na-coverage { display: flex; gap: 8px 20px; flex-wrap: wrap; margin: 0 0 18px; font-size: 12px; color: #526078; }
.night-analytics .na-chart-panel, .night-analytics .na-drill { margin-bottom: 20px; padding: 22px; min-width: 0; }
.night-analytics .panel-title { gap: 16px; flex-wrap: wrap; align-items: center; }
.night-analytics .panel-title h2 { font-size: 16px; }
.night-analytics .panel-title label { width: 230px; max-width: 100%; }
.night-analytics .na-chart-scroll { overflow-x: auto; max-width: 100%; padding: 8px; }
.night-analytics .na-chart { display: flex; gap: 10px; align-items: end; min-width: 100%; width: max-content; padding-top: 8px; }
.night-analytics .na-column { display: flex; flex: 1 0 72px; flex-direction: column; align-items: center; width: 72px; max-width: 130px; min-height: 218px; padding: 8px 4px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--ink, #17233b); }
.night-analytics .na-column:hover:not(:disabled) { background: #f5f3ff; border-color: #c5c0f2; }
.night-analytics .na-column-value { font-size: 12px; font-variant-numeric: tabular-nums; }
.night-analytics .na-track { display: flex; align-items: end; justify-content: center; height: 150px; width: 100%; border-bottom: 1px solid #d4d9e5; margin: 7px 0; background: repeating-linear-gradient(to top, transparent 0, transparent 49px, #eef0f6 49px, #eef0f6 50px); }
.night-analytics .na-bar { display: block; width: 64%; max-width: 46px; background: #7775df; border-radius: 5px 5px 0 0; }
.night-analytics .na-column-label { font-size: 10px; color: #526078; line-height: 1.5; }
.night-analytics .na-table-scroll { overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain; }
.night-analytics table { width: 100%; border-collapse: collapse; min-width: 650px; text-align: left; font-size: 12px; }
.night-analytics th { font-size: 11px; color: #526078; background: #f6f7fb; font-weight: 600; }
.night-analytics th, .night-analytics td { padding: 12px; border-bottom: 1px solid var(--line, #e5eaf0); vertical-align: top; overflow-wrap: anywhere; max-width: 220px; }
.night-analytics tbody tr:hover { background: #faf9ff; }
.night-analytics .na-id { display: block; color: #58677e; font-size: 10px; max-width: 180px; }
.night-analytics .na-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; flex-wrap: wrap; font-size: 12px; color: #526078; }
.night-analytics .na-empty { padding: 20px 0; margin: 0; color: #58677e; font-size: 13px; }
.night-analytics .na-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; }
.night-analytics .na-section { padding: 22px; min-width: 0; margin-bottom: 20px; }
.night-analytics .na-facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); font-size: 12px; gap: 10px 16px; margin: 0; }
.night-analytics .na-facts dt { color: #526078; }
.night-analytics .na-facts dd { text-align: right; margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.night-analytics .na-source { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line, #e5eaf0); font-size: 12px; overflow-wrap: anywhere; }
.night-analytics .na-source p { margin: 4px 0; }
.night-analytics .na-source small { color: #526078; }
.night-analytics dialog { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 24px; border: 1px solid var(--line, #e5eaf0); border-radius: 14px; color: var(--ink, #17233b); }
.night-analytics dialog::backdrop { background: rgb(23 35 59 / 45%); }
.night-analytics .na-timeline { list-style: none; border-left: 2px solid #dcd9f6; margin: 12px 0 24px 6px; padding: 0 0 0 18px; }
.night-analytics .na-timeline li { display: flex; flex-direction: column; gap: 4px; padding: 8px 0 16px; overflow-wrap: anywhere; }
.night-analytics .na-timeline small { color: #526078; font-size: 12px; }
.night-analytics .na-timeline p { white-space: pre-wrap; margin: 3px 0; }
.night-analytics .na-actions { padding-left: 20px; font-size: 12px; }
@media (max-width: 1100px) {
  .night-analytics .na-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .night-analytics .na-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .night-analytics .na-bottom-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 640px) {
  .night-analytics .na-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px; gap: 14px 10px; }
  .night-analytics .na-metrics, .night-analytics .na-ratios { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .night-analytics .na-metric, .night-analytics .na-ratio { padding: 14px; }
  .night-analytics .na-ratios .na-ratio:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .night-analytics .na-chart-panel, .night-analytics .na-drill, .night-analytics .na-section { padding: 16px; }
  .night-analytics .na-filter-actions { flex-wrap: wrap; }
  .night-analytics .na-filter-actions button { flex: 1; }
  .night-analytics .na-pagination span { order: -1; width: 100%; }
}

.night-analytics .na-comparison-group { min-width: 0; margin-top: 20px; }
.night-analytics .na-comparison-group h3, .night-analytics .na-comparison-group h4 { font-size: 14px; margin: 0 0 8px; }
.night-analytics [data-na="objections"] > section > .na-table-scroll > table { min-width: 850px; }
.night-analytics [data-na="objections"] td .na-table-scroll { min-width: 190px; }
.night-analytics [data-na="objections"] td table { min-width: 190px; }
.night-analytics .na-call-reference + .na-call-reference { margin-top: 12px; }
.night-analytics .na-selected-call { background: #f5f3ff; outline: 2px solid #c5c0f2; }