/**
 * Thème admin Sondages — palette Aurélia (indigo / violet), pas le marron MCV.
 */
html.sondages-mcv-root {
  --sondages-accent: #6366f1;
  --sondages-accent-dark: #4f46e5;
  --sondages-violet: #7c3aed;
  --sondages-violet-light: #a78bfa;
  --sondages-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 45%, #6366f1 100%);
  --sondages-gradient-logo: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  --sondages-surface: #eef2ff;
  --sondages-surface-strong: #e0e7ff;
  --sondages-text-accent: #4338ca;

  --mcv-q-pill-accent: #6366f1;
  --mcv-q-pill-accent-dark: #4f46e5;
  --mcv-q-tooltip-kicker-bg: #7c3aed;
}

.sondages-mcv-app {
  background: linear-gradient(145deg, #f8fafc 0%, #ffffff 42%, #f5f3ff 100%);
}

.sondages-brand-logo {
  background: var(--sondages-gradient-logo);
  box-shadow: 0 2px 10px rgb(99 102 241 / 0.28);
}

.sondages-brand-kicker {
  color: var(--sondages-text-accent);
}

.sondages-btn-accent {
  border: 1px solid rgb(129 140 248 / 0.45);
  background: var(--sondages-surface);
  color: var(--sondages-text-accent);
}
.sondages-btn-accent:hover {
  background: var(--sondages-surface-strong);
}

.sondages-btn-primary {
  background: var(--sondages-gradient);
  color: #fff;
  box-shadow: 0 4px 14px rgb(99 102 241 / 0.28);
}
.sondages-btn-primary:hover {
  filter: brightness(1.05);
}

.sondages-field:focus {
  border-color: var(--sondages-accent) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgb(99 102 241 / 0.28);
}

/* Select custom admin — remplace l’apparence native des <select class="sondages-field"> */
.sondages-admin-select {
  position: relative;
  width: 100%;
}

.sondages-admin-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sondages-admin-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.625rem 0.85rem;
  min-height: 2.75rem;
  border-radius: 0.75rem;
  border: 1px solid rgb(226 232 240);
  background: linear-gradient(180deg, #fff 0%, rgb(248 250 252 / 0.9) 100%);
  color: rgb(15 23 42);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

.sondages-admin-select__trigger::after {
  content: "";
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236366f1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M5.5 7.5 10 12l4.5-4.5'/%3E%3C/svg%3E")
    center / contain no-repeat;
  transition: transform 0.2s ease;
}

.sondages-admin-select.is-open .sondages-admin-select__trigger::after {
  transform: rotate(180deg);
}

.sondages-admin-select__trigger--empty {
  color: rgb(100 116 139);
  font-weight: 600;
}

.sondages-admin-select__trigger:hover:not(:disabled),
.sondages-admin-select.is-open .sondages-admin-select__trigger:not(:disabled) {
  border-color: rgb(165 180 252);
  background: linear-gradient(180deg, #fff 0%, rgb(238 242 255 / 0.85) 100%);
}

.sondages-admin-select__trigger:focus-visible {
  outline: none;
  border-color: var(--sondages-accent);
  box-shadow: 0 0 0 2px rgb(99 102 241 / 0.28);
}

.sondages-admin-select.is-disabled .sondages-admin-select__trigger {
  cursor: not-allowed;
  opacity: 0.6;
}

.sondages-admin-select__panel {
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  top: calc(100% + 0.35rem);
  max-height: min(16rem, 50vh);
  overflow-y: auto;
  padding: 0.35rem;
  border-radius: 0.75rem;
  border: 1px solid rgb(226 232 240);
  background: #fff;
  box-shadow:
    0 12px 32px rgb(15 23 42 / 0.12),
    0 2px 8px rgb(99 102 241 / 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sondages-admin-select__panel--floating {
  position: fixed;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}

.sondages-admin-select__panel[hidden] {
  display: none !important;
}

.sondages-admin-select__option {
  width: 100%;
  padding: 0.65rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 0.55rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgb(51 65 85);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.sondages-admin-select__option:hover,
.sondages-admin-select__option:focus-visible {
  border-color: rgb(199 210 254);
  background: rgb(238 242 255 / 0.85);
  color: rgb(30 41 59);
  outline: none;
}

.sondages-admin-select__option.is-selected {
  border-color: transparent;
  background: var(--sondages-gradient);
  color: #fff;
  box-shadow: 0 2px 10px rgb(99 102 241 / 0.22);
}

.sondages-admin-select__option.is-selected:hover,
.sondages-admin-select__option.is-selected:focus-visible {
  filter: brightness(1.03);
  color: #fff;
}

#rdvAnalyticsModal .sondages-admin-select__trigger {
  min-height: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sondages-average-label {
  color: var(--sondages-text-accent);
}

.filter-average-tile {
  border-color: rgb(129 140 248 / 0.35);
  background: linear-gradient(145deg, #eef2ff 0%, #ffffff 55%, #f5f3ff 100%);
  box-shadow: 0 1px 4px rgb(99 102 241 / 0.08);
  min-height: 2.75rem;
  box-sizing: border-box;
}

.filter-average-tile #filterAverageValue {
  color: var(--sondages-violet);
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.sondages-segment-header {
  background: linear-gradient(90deg, #f8fafc 0%, #eef2ff 55%, #f5f3ff 100%);
}

.sondages-segment-badge {
  background: var(--sondages-surface-strong);
  color: var(--sondages-text-accent);
}

.sondages-table-star {
  color: var(--sondages-violet);
}

.sondages-row-hover:hover {
  background: rgb(238 242 255 / 0.65);
}

.sondages-rdv-total {
  color: var(--sondages-text-accent);
}

.sondages-chart-clicks {
  background: var(--sondages-violet);
}

.sondages-chart-opens {
  background: var(--sondages-accent);
}

tr.sondages-response-row--highlight {
  background: rgb(224 231 255 / 0.85);
  box-shadow: inset 0 0 0 2px rgb(99 102 241 / 0.45);
}