/* Control ANDRIK v54.82 — full-screen weekly growth panel + deterministic country actions. */

/* Weekly growth opens as a real modal window, independent of the transformed swipe track. */
html.is-country-growth-open,
body.is-country-growth-open{overflow:hidden!important;overscroll-behavior:none!important}
body.is-country-growth-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:rgba(0,4,8,.84);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
body > #countryGrowthPanel.country-growth-panel:not([hidden]){
  display:flex!important;
  position:fixed!important;
  inset:12px 12px calc(78px + env(safe-area-inset-bottom)) 12px!important;
  z-index:2147483200!important;
  box-sizing:border-box!important;
  width:auto!important;
  max-width:620px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0 16px 18px!important;
  flex-direction:column!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid rgba(112,196,235,.28)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(5,21,31,.995),rgba(3,13,21,.995))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}
body > #countryGrowthPanel .country-growth-head{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  align-items:start!important;
  gap:12px!important;
  margin:0 -16px 14px!important;
  padding:18px 16px 14px!important;
  background:linear-gradient(180deg,rgba(5,21,31,1) 82%,rgba(5,21,31,.92))!important;
}
body > #countryGrowthPanel .country-growth-head > div{min-width:0!important}
body > #countryGrowthPanel .country-growth-head span{
  display:block!important;
  margin:0 0 7px!important;
  font-size:.72rem!important;
  line-height:1.1!important;
}
body > #countryGrowthPanel .country-growth-head strong{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(1.18rem,5.2vw,1.65rem)!important;
  line-height:1.16!important;
}
body > #countryGrowthPanel #countryGrowthClose{
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
}
body > #countryGrowthPanel .country-growth-list{
  display:grid!important;
  gap:12px!important;
  padding:0 0 8px!important;
}
body > #countryGrowthPanel .country-growth-row{
  grid-template-columns:38px minmax(0,1fr) minmax(120px,auto)!important;
  gap:10px!important;
  padding:13px 12px!important;
  border-radius:18px!important;
}
body > #countryGrowthPanel .country-growth-rank{
  width:38px!important;
  height:38px!important;
  font-size:.86rem!important;
}
body > #countryGrowthPanel .country-growth-name{font-size:clamp(.92rem,4.2vw,1.12rem)!important}
body > #countryGrowthPanel .country-growth-value{font-size:clamp(1rem,4.5vw,1.25rem)!important}
body > #countryGrowthPanel .country-growth-value small{
  max-width:180px!important;
  margin-top:5px!important;
  font-size:clamp(.66rem,2.9vw,.8rem)!important;
  line-height:1.2!important;
  white-space:normal!important;
}
body > #countryGrowthPanel .country-growth-summary-shortcut{
  position:static!important;
  align-self:flex-end!important;
  margin:10px 0 0 auto!important;
  z-index:auto!important;
}

/* Selected country always gets the two square actions, even if a delayed map redraw
   temporarily misses the helper body/card classes. */
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .country-growth-toggle,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .country-growth-panel{
  display:none!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions[hidden]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:10px 0 0!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions .map-focus-action{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:112px!important;
  aspect-ratio:1.18/1!important;
  padding:14px 10px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  border-radius:22px!important;
  font-size:clamp(.82rem,3.7vw,1rem)!important;
  line-height:1.15!important;
}

/* Selected country weekly comparison: one compact line on each side, never duplicated. */
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-gain{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin-top:8px!important;
  overflow:hidden!important;
  font-size:clamp(.64rem,2.7vw,.8rem)!important;
  line-height:1.15!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-current,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-compare{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-current{text-align:left!important}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-compare{text-align:right!important}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-marquee-track{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  transform:none!important;
  animation:none!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-marquee-track > span{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) .country-weekly-marquee-track > span:nth-child(2){display:none!important}

@media(max-width:430px){
  body > #countryGrowthPanel.country-growth-panel:not([hidden]){
    inset:8px 8px calc(72px + env(safe-area-inset-bottom)) 8px!important;
    padding:0 12px 14px!important;
    border-radius:24px!important;
  }
  body > #countryGrowthPanel .country-growth-head{
    margin:0 -12px 12px!important;
    padding:15px 12px 12px!important;
  }
  body > #countryGrowthPanel .country-growth-row{
    grid-template-columns:34px minmax(0,1fr) minmax(108px,auto)!important;
    gap:8px!important;
    padding:11px 9px!important;
  }
  body > #countryGrowthPanel .country-growth-rank{width:34px!important;height:34px!important}
  .analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions{gap:8px!important}
  .analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions .map-focus-action{
    min-height:104px!important;
    padding:12px 8px!important;
    font-size:.8rem!important;
  }
}


/* v54.84 — analytics hardening and YouTube pane order */
.analytics-v54-46-page .analytics-map-top:has(#worldMap[data-focus-country]) > .country-growth-toggle,
.analytics-v54-46-page .analytics-map-top:has(#worldMap[data-focus-country]) > .country-growth-panel,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .country-growth-toggle,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .country-growth-panel{
  display:none!important;
}
.analytics-v54-46-page .analytics-map-top:has(#worldMap[data-focus-country]) > .map-focus-actions,
.analytics-v54-46-page .analytics-map-top:has(#worldMap[data-focus-country]) > .map-focus-actions[hidden],
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions,
.analytics-v54-46-page .analytics-map-top:has(.world-country-button.is-selected) > .map-focus-actions[hidden]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:10px 0 0!important;
}
.analytics-v54-46-page .analytics-youtube-trend-card{margin-top:0!important}
.analytics-v54-46-page .analytics-youtube-trend-card[hidden]{display:none!important}
.analytics-v54-46-page .analytics-youtube-trend-card .youtube-integrated-trend{margin-top:14px!important;padding:12px 8px 6px!important;border:1px solid rgba(107,187,224,.13)!important;border-radius:18px!important;background:rgba(5,12,18,.42)!important}
.analytics-v54-46-page .analytics-youtube-unified{margin-top:14px!important}
.analytics-v54-46-page .analytics-youtube-unified .analytics-youtube-grid{margin-top:0!important}
.analytics-v54-46-page .analytics-youtube-unified .youtube-studio-integrated{margin-top:12px!important;padding:0!important;border:0!important;background:transparent!important}
.analytics-v54-46-page .analytics-youtube-unified .analytics-youtube-studio-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
@media(max-width:760px){
  .analytics-v54-46-page .analytics-youtube-trend-card .youtube-integrated-trend{margin-top:10px!important}
}


/* v54.85 — centered activity header, fixed weekly growth modal, compact dashboard */
.control-activity-page .control-page-heading,
.control-activity-page .control-page-heading > div,
.control-activity-page .control-page-heading .eyeline,
.control-activity-page .control-page-heading h1,
.control-activity-page .control-page-heading p{
  text-align:center!important;
}
.control-activity-page .control-page-heading{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.control-activity-page .control-page-heading > div{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.control-activity-page .control-page-heading .eyeline,
.control-activity-page .control-page-heading h1,
.control-activity-page .control-page-heading p{
  margin-left:auto!important;
  margin-right:auto!important;
}

body > #countryGrowthPanel.country-growth-panel:not([hidden]){
  left:50%!important;
  right:auto!important;
  width:min(calc(100vw - 24px),620px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
@media(max-width:430px){
  body > #countryGrowthPanel.country-growth-panel:not([hidden]){
    width:min(calc(100vw - 16px),620px)!important;
  }
}

.youtube-admin-page .youtube-monitor-card #youtubeMonitor{
  margin-top:14px!important;
}
.youtube-admin-page .youtube-monitor-card .youtube-monitor-head{
  margin-bottom:12px!important;
}
.youtube-admin-page .youtube-monitor-card .youtube-monitor-grid{
  margin-bottom:12px!important;
}