.nsn-analytics-settings,
.nsn-analytics-choice,
.nsn-analytics-choice * { box-sizing: border-box; }

.nsn-analytics-settings,
.nsn-analytics-choice { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }

.nsn-analytics-settings {
  position: fixed;
  z-index: 1100;
  left: 16px;
  bottom: 16px;
  min-height: 40px;
  padding: 9px 15px;
  border: 1px solid #9dc4d0;
  border-radius: 999px;
  background: #0e3046;
  color: #f3fafb;
  box-shadow: 0 8px 24px #09263a38;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.nsn-analytics-settings:hover { background: #18445b; }

.nsn-analytics-choice {
  position: fixed;
  z-index: 1200;
  right: 16px;
  bottom: 16px;
  left: 16px;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr) 168px;
  align-items: center;
  gap: 18px;
  width: min(100% - 32px, 840px);
  max-height: calc(100dvh - 32px);
  margin-inline: auto;
  padding: 17px 19px;
  overflow: auto;
  border: 1px solid #7fa9ae;
  border-radius: 22px;
  background: linear-gradient(115deg, #09283e 0%, #103b50 62%, #0d3447 100%);
  color: #f7fbfc;
  box-shadow: 0 22px 65px #061d32a8, 0 2px 8px #061d3240;
}
.nsn-analytics-choice-art {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border: 1px solid #9bd7d447;
  border-radius: 17px;
  background: radial-gradient(circle at 50% 35%, #86d9d445, #77bac51c 62%, #ffffff0a);
}
.nsn-analytics-choice-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nsn-analytics-choice-label {
  display: block;
  margin-bottom: 5px;
  color: #95e2d9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}
.nsn-analytics-choice strong { display: block; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }
.nsn-analytics-choice p { margin: 7px 0 0; color: #d4e5eb; font-size: 12px; line-height: 1.5; }
.nsn-analytics-choice a { color: #aaf0e5; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.nsn-analytics-choice-actions { display: grid; gap: 9px; }
.nsn-analytics-choice-actions button {
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid #b4d4db;
  border-radius: 10px;
  background: #ffffff0d;
  color: #f4fbfc;
  font: 750 12px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.nsn-analytics-choice-actions button:hover { background: #ffffff22; }
.nsn-analytics-choice-actions button[data-analytics-choice="granted"] { border-color: #a6e8dc; background: #a6e8dc; color: #0b3343; }
.nsn-analytics-choice-actions button[data-analytics-choice="granted"]:hover { background: #c5f4e9; }
.nsn-analytics-choice-actions button:focus-visible,
.nsn-analytics-settings:focus-visible,
.nsn-analytics-choice a:focus-visible { outline: 3px solid #f7d081; outline-offset: 3px; }

@media (max-width: 680px) {
  .nsn-analytics-choice {
    right: 10px;
    bottom: 10px;
    left: 10px;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
    width: calc(100% - 20px);
    max-height: calc(100dvh - 20px);
    padding: 14px;
    border-radius: 18px;
  }
  .nsn-analytics-choice-art { width: 62px; height: 62px; border-radius: 12px; }
  .nsn-analytics-choice-label { font-size: 9px; letter-spacing: .09em; }
  .nsn-analytics-choice strong { font-size: 15px; }
  .nsn-analytics-choice p { font-size: 12px; }
  .nsn-analytics-choice-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .nsn-analytics-choice-actions button { min-height: 46px; padding: 9px 8px; }
  .nsn-analytics-settings { left: 10px; bottom: 10px; }
}