body.tg-snapshot-mode #saveAnalysisBtn { display: none !important; }
body.tg-snapshot-mode #exitDrawBtn { display: none !important; }
body.tg-snapshot-mode #btnSnapshot { visibility: hidden !important; }
body.tg-snapshot-mode #tgSnapshotPopover { display: none !important; }

body.tg-snapshot-mode #xhairMain,
body.tg-snapshot-mode #xhairVol,
body.tg-snapshot-mode #xhairSub,
body.tg-snapshot-mode #xhairDock { display: none !important; }

body.tg-snapshot-mode *,
body.tg-snapshot-mode *::before,
body.tg-snapshot-mode *::after {
  animation: none !important;
  transition: none !important;
}

.tg-snapshot-btn {
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.tg-snap-icon { line-height: 1; }

.tg-snapshot-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 34px;
  width: min(360px, 90vw);
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(124, 58, 237, .35);
  background: linear-gradient(180deg, rgba(12, 19, 31, .98), rgba(10, 15, 24, .98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .05);
  z-index: 120;
}

.tg-snapshot-popover-head { margin-bottom: 10px; }
.tg-snapshot-popover-title { font-weight: 800; font-size: 15px; }
.tg-snapshot-popover-subtitle { font-size: 12px; color: rgba(159, 179, 200, .95); margin-top: 2px; }

.tg-snapshot-choice { display: block; margin: 8px 0; cursor: pointer; }
.tg-snapshot-choice input { position: absolute; opacity: 0; pointer-events: none; }
.tg-snapshot-choice-card {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(55, 75, 103, .85);
  background: rgba(17, 24, 33, .78);
}
.tg-snapshot-choice-title { display: block; font-weight: 700; font-size: 13.5px; }
.tg-snapshot-choice-desc { display: block; margin-top: 2px; font-size: 12px; color: rgba(159, 179, 200, .95); }
.tg-snapshot-choice input:checked + .tg-snapshot-choice-card {
  border-color: rgba(96, 165, 250, .75);
  background: linear-gradient(180deg, rgba(20, 31, 47, .96), rgba(16, 25, 39, .96));
  box-shadow: 0 0 0 1px rgba(96, 165, 250, .3), 0 14px 26px rgba(0, 0, 0, .35);
}

.tg-snapshot-popover-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.tg-snapshot-popover-actions .chip.primary {
  font-weight: 800;
  border-color: rgba(14, 163, 90, .7);
  background: linear-gradient(135deg, #0ea35a 0%, #14c38e 55%, #2dd4bf 100%);
  color: #fff;
}

body.tg-snapshot-mode.tg-snapshot-export #analysis {
  border-radius: 24px !important;
  border: 1px solid rgba(120, 140, 255, .2) !important;
  background:
    radial-gradient(circle at top right, rgba(120, 140, 255, .1), transparent 38%),
    linear-gradient(180deg, rgba(24, 30, 40, .96), rgba(12, 16, 24, .98)) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .05),
    inset 0 0 40px rgba(120, 140, 255, .06) !important;
}

body.tg-snapshot-mode.tg-snapshot-export.tg-snapshot-export--analysis #analysis .tg-analysis-head {
  border-radius: 16px !important;
  border: 1px solid rgba(97, 145, 255, .3) !important;
  background: linear-gradient(180deg, rgba(31, 43, 63, .65), rgba(20, 28, 41, .58)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.tg-snapshot-mode.tg-snapshot-export #analysis .chip {
  border-color: rgba(114, 131, 161, .55) !important;
  background: rgba(13, 21, 33, .85) !important;
}

body.tg-snapshot-mode.tg-snapshot-export.tg-snapshot-export--outlook #decisionWrap,
body.tg-snapshot-mode.tg-snapshot-export.tg-snapshot-export--outlook #decisionWrap * {
  box-shadow: none !important;
}

body.tg-snapshot-mode.tg-snapshot-export.tg-snapshot-export--outlook #decisionWrap {
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
}

@media (max-width: 720px) {
  .tg-snap-label { display: none; }
  .tg-snapshot-popover {
    right: 0;
    width: min(320px, 94vw);
  }
}