/* Control ANDRIK v54.20 — interactive listener map, smart header logo, geo summary */

/* --- Interactive country buttons --- */
.analytics-swipe-page .world-country-list .world-country-button{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-width:0;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 10px;
  border:1px solid rgba(138,204,233,.09);
  border-radius:14px;
  background:rgba(12,25,34,.66);
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .14s ease;
}
.analytics-swipe-page .world-country-list .world-country-button .world-country-button-content{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.analytics-swipe-page .world-country-list .world-country-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.35rem;
  min-width:1.35rem;
  font-size:1rem;
  filter:drop-shadow(0 0 10px rgba(0,0,0,.24));
}
.analytics-swipe-page .world-country-list .world-country-name{
  min-width:0;
  overflow:hidden;
  display:block;
}
.analytics-swipe-page .world-country-list .world-country-name .world-country-marquee{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#dceff8;
  font-size:.71rem;
  font-weight:800;
}
.analytics-swipe-page .world-country-list .world-country-button.is-overflowing .world-country-name .world-country-marquee{
  text-overflow:clip;
  padding-right:26px;
  will-change:transform;
  animation:worldCountryMarquee 8.5s linear infinite;
}
.analytics-swipe-page .world-country-list .world-country-button em{
  flex:0 0 auto;
  color:#8ddfff;
  font-size:.71rem;
  font-style:normal;
  font-weight:900;
}
.analytics-swipe-page .world-country-list .world-country-button:active{transform:scale(.975)}
.analytics-swipe-page .world-country-list .world-country-button.is-selected{
  border-color:rgba(255,213,74,.9);
  background:linear-gradient(135deg,rgba(108,78,4,.56),rgba(43,34,8,.78));
  box-shadow:0 0 0 1px rgba(255,213,74,.2),0 0 22px rgba(255,199,35,.22),inset 0 0 18px rgba(255,211,68,.08);
}
.analytics-swipe-page .world-country-list .world-country-button.is-selected .world-country-marquee,
.analytics-swipe-page .world-country-list .world-country-button.is-selected em{color:#ffe477}
@keyframes worldCountryMarquee{
  0%,12%{transform:translateX(0)}
  48%,62%{transform:translateX(calc(-1 * var(--marquee-shift, 0px)))}
  100%{transform:translateX(0)}
}

/* --- Interactive world map focus / zoom --- */
.analytics-swipe-page .world-map-canvas{
  overflow:hidden;
}
.analytics-swipe-page .world-map-stage{
  transform-origin:50% 50%;
  transition:transform .42s cubic-bezier(.2,.78,.24,1),filter .28s ease;
  will-change:transform;
}
.analytics-swipe-page .world-map-shell.is-country-focused .world-map-stage{
  transform-origin:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(1.62);
  filter:saturate(1.08) brightness(1.03);
}
.analytics-swipe-page .world-map-shell.is-country-focused .world-map-state{
  opacity:.88;
}
.analytics-swipe-page .world-map-stage .world-map-dot{
  transition:transform .22s ease,opacity .22s ease;
}
.analytics-swipe-page .world-map-stage .world-map-dot.is-selected{
  z-index:8!important;
  opacity:1!important;
}
.analytics-swipe-page .world-map-stage .world-map-dot.is-selected i{
  background:#ffd84d!important;
  box-shadow:0 0 0 6px rgba(255,216,77,.18),0 0 18px 7px rgba(255,203,35,.78),0 0 42px 14px rgba(255,188,18,.48)!important;
  transform:scale(1.42);
  animation:worldSelectedPulse 1.25s ease-in-out infinite!important;
}
@keyframes worldSelectedPulse{
  0%,100%{transform:scale(1.3);box-shadow:0 0 0 5px rgba(255,216,77,.16),0 0 18px 7px rgba(255,203,35,.72),0 0 38px 12px rgba(255,188,18,.38)}
  50%{transform:scale(1.62);box-shadow:0 0 0 9px rgba(255,216,77,.08),0 0 24px 10px rgba(255,214,56,.94),0 0 52px 18px rgba(255,188,18,.58)}
}

/* --- Smart header logo in the center --- */
.control-topbar .nav-shell{position:relative!important}
.control-center-logo{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:88px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.control-center-logo img{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:58px;
  height:58px;
  object-fit:contain;
  opacity:0;
  transition:opacity .25s ease,transform .25s ease,filter .25s ease;
}
.control-center-logo .logo-ok{
  opacity:1;
  filter:drop-shadow(0 0 8px rgba(89,255,148,.38)) drop-shadow(0 0 24px rgba(42,204,102,.32)) saturate(1.18) brightness(1.12);
}
.control-center-logo .logo-error{
  filter:drop-shadow(0 0 8px rgba(255,87,87,.38)) drop-shadow(0 0 24px rgba(255,43,43,.3)) saturate(1.05) brightness(1.04);
}
.control-center-logo.is-error .logo-ok{opacity:0;transform:translate(-50%,-50%) scale(.96)}
.control-center-logo.is-error .logo-error{opacity:1}
.control-center-logo:active img{transform:translate(-50%,-50%) scale(.96)}
.control-topbar::before{
  opacity:.2!important;
  filter:saturate(1.18) brightness(1.06)!important;
}

/* --- Daily geo summary on home --- */
.control-home-page .control-home-geo-delta{
  margin-top:10px;
  padding:10px 14px;
  border:1px solid rgba(120,196,227,.14);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,23,32,.82),rgba(5,15,22,.9));
  color:#dceef8;
  font-size:.8rem;
  line-height:1.45;
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.015);
}
.control-home-page .control-home-geo-delta strong{display:block;margin-bottom:4px;color:#f5fbff;font-size:.8rem;letter-spacing:.02em}
.control-home-page .control-home-geo-delta small{display:block;margin-top:5px;color:#8fb7ca;font-size:.7rem}

/* --- Service quick links wrap nicely --- */
.admin-service-page .service-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-service-page .service-links .btn{
  width:100%;
  justify-content:center;
}

@media(max-width:760px){
  .control-center-logo{width:78px;height:78px}
  .control-center-logo img{width:52px;height:52px}
  .analytics-swipe-page .world-map-shell.is-country-focused .world-map-stage{transform:scale(1.72)}
}
@media(max-width:560px){
  .admin-service-page .service-links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .analytics-swipe-page .world-country-list .world-country-button.is-overflowing .world-country-name .world-country-marquee{animation:none!important;transform:none!important}
  .analytics-swipe-page .world-map-shell.is-country-focused .world-map-stage{transition:none!important}
  .analytics-swipe-page .world-map-stage .world-map-dot.is-selected i{animation:none!important;transform:scale(1.45)}
}

/* v54.20 — restore the compact country list and clean map composition. */
.analytics-swipe-page .world-map-help{
  display:block;
  margin-top:4px;
  color:#8298a6;
  font:650 .66rem/1.35 system-ui,sans-serif;
}
.analytics-swipe-page .world-map-canvas{
  padding:9px 7px!important;
  border-radius:18px!important;
}
.analytics-swipe-page .world-map-stage{
  width:100%!important;
  aspect-ratio:2560/1031!important;
}
.analytics-swipe-page .world-map-stage img{
  object-fit:fill!important;
}
.analytics-swipe-page .world-country-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:8px!important;
  align-items:stretch!important;
}
.analytics-swipe-page .world-country-list .world-country-button{
  width:100%!important;
  min-width:0!important;
  min-height:39px!important;
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 10px!important;
  border:1px solid rgba(138,204,233,.13)!important;
  border-radius:14px!important;
  background:rgba(8,23,32,.72)!important;
  color:#dceff8!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
/* Undo the old generic span-card styling inside the compact button. */
.analytics-swipe-page .world-country-list .world-country-button > span,
.analytics-swipe-page .world-country-list .world-country-button span{
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.analytics-swipe-page .world-country-list .world-country-flag{
  width:21px!important;
  min-width:21px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.92rem!important;
  line-height:1!important;
}
.analytics-swipe-page .world-country-list .world-country-name{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
}
.analytics-swipe-page .world-country-list .world-country-marquee{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#dceff8!important;
  font:800 .71rem/1.15 system-ui,sans-serif!important;
}
.analytics-swipe-page .world-country-list .world-country-button.is-overflowing .world-country-marquee{
  text-overflow:clip!important;
  padding-right:20px!important;
  animation:worldCountryMarquee 8.5s linear infinite!important;
}
.analytics-swipe-page .world-country-list .world-country-button em{
  min-width:18px!important;
  padding:0!important;
  color:#8ddfff!important;
  font:900 .71rem/1 system-ui,sans-serif!important;
  text-align:right!important;
}
.analytics-swipe-page .world-country-list .world-country-button.is-selected{
  border-color:rgba(255,213,74,.92)!important;
  background:linear-gradient(135deg,rgba(87,63,4,.66),rgba(39,30,7,.86))!important;
  box-shadow:0 0 0 1px rgba(255,213,74,.18),0 0 18px rgba(255,199,35,.18)!important;
}
.analytics-swipe-page .world-country-list .world-country-button.is-selected .world-country-marquee,
.analytics-swipe-page .world-country-list .world-country-button.is-selected em{color:#ffe477!important}
.analytics-swipe-page .world-country-list .world-country-extra{display:none!important}
.analytics-swipe-page .world-country-list.is-expanded .world-country-extra{display:grid!important}
.analytics-swipe-page .world-country-toggle{
  display:block!important;
  grid-column:1/-1!important;
  width:100%!important;
  min-height:39px!important;
  margin-top:2px!important;
  padding:8px 12px!important;
  border:1px solid rgba(115,202,239,.18)!important;
  border-radius:14px!important;
  background:rgba(12,32,44,.76)!important;
  color:#a9dff3!important;
  font:800 .67rem/1.2 system-ui,sans-serif!important;
}
.analytics-swipe-page .world-map-state{
  bottom:8px!important;
}
/* The healthy central indicator is the original green triangle, not the gold site icon. */
.control-center-logo .logo-ok{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  filter:drop-shadow(0 0 8px rgba(64,255,122,.42)) drop-shadow(0 0 25px rgba(34,216,92,.38)) saturate(1.25) brightness(1.14)!important;
}
@media(max-width:420px){
  .analytics-swipe-page .world-country-list .world-country-button{padding:7px 8px!important;gap:6px!important}
  .analytics-swipe-page .world-country-list .world-country-marquee{font-size:.67rem!important}
  .analytics-swipe-page .world-country-list .world-country-button em{font-size:.68rem!important}
}

/* v54.21 — restore country spoiler, repair platform layout and add Google Ads beside Search Console. */
.analytics-swipe-page .analytics-map-pane{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
}
.analytics-swipe-page .analytics-map-pane-wrap{
  height:auto!important;
  min-height:100%!important;
  padding-bottom:76px!important;
}
.analytics-swipe-page .analytics-map-pane .analytics-map-top{
  flex:0 0 auto!important;
  min-height:auto!important;
  overflow:visible!important;
}
.analytics-swipe-page .world-country-list{
  max-height:none!important;
  overflow:visible!important;
}
.analytics-swipe-page .world-country-toggle{
  position:relative!important;
  z-index:5!important;
  visibility:visible!important;
  opacity:1!important;
}
.analytics-swipe-page .analytics-hub-pane{
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.analytics-swipe-page .analytics-hub-pane-wrap{
  height:auto!important;
  min-height:100%!important;
  padding-bottom:76px!important;
}
.analytics-swipe-page .analytics-hub-pane .analytics-focus-stack{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:12px!important;
}
.analytics-swipe-page .analytics-hub-pane .analytics-focus-card{
  min-height:auto!important;
  overflow:visible!important;
}
.analytics-swipe-page .analytics-hub-pane .analytics-focus-grid{
  display:block!important;
  min-height:auto!important;
  flex:none!important;
}
.analytics-search-console-clean{
  display:grid;
  gap:9px;
}
.analytics-swipe-page .analytics-hub-pane .analytics-search-console-clean .control-platform-card,
.analytics-swipe-page .analytics-hub-pane #youtubeHub .control-platform-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:6px 10px!important;
  min-height:104px!important;
  padding:13px!important;
  align-items:center!important;
  align-content:center!important;
  overflow:hidden!important;
}
.analytics-swipe-page .analytics-hub-pane .control-platform-icon{
  grid-column:1!important;
  grid-row:1/3!important;
  align-self:center!important;
}
.analytics-swipe-page .analytics-hub-pane .control-platform-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:end!important;
}
.analytics-swipe-page .analytics-hub-pane .control-platform-copy strong,
.analytics-swipe-page .analytics-hub-pane .control-platform-copy small,
.analytics-swipe-page .analytics-hub-pane .control-platform-copy em{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.analytics-swipe-page .analytics-hub-pane .control-platform-state{
  position:static!important;
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
}
.analytics-swipe-page .analytics-hub-pane .control-platform-arrow{
  position:static!important;
  grid-column:3!important;
  grid-row:1/3!important;
  align-self:center!important;
  justify-self:end!important;
}
.analytics-google-ads-button{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:2px 10px;
  align-items:center;
  min-height:72px;
  padding:11px 13px;
  border:1px solid rgba(122,202,240,.17);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(18,38,50,.82),rgba(6,13,20,.94));
  color:#eef9ff;
  text-decoration:none;
}
.analytics-google-ads-button>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  background:linear-gradient(145deg,rgba(64,151,255,.21),rgba(31,91,189,.2));
  font-size:1.15rem;
}
.analytics-google-ads-button strong{font-size:.82rem;line-height:1.15}
.analytics-google-ads-button small{color:#91a8b5;font-size:.64rem;line-height:1.25}
.analytics-google-ads-button b{grid-column:3;grid-row:1/3;color:#b9e8fb;font-size:1.35rem;font-weight:400}
.analytics-google-ads-button:active{transform:scale(.985)}

/* YouTube comment reply page. */
.youtube-comment-reply-page .reply-shell{padding-top:22px;padding-bottom:52px}
.youtube-comment-reply-page .reply-card{display:grid;gap:16px}
.youtube-comment-reply-page .reply-comment{display:grid;gap:8px;padding:16px;border:1px solid rgba(141,203,232,.14);border-radius:20px;background:rgba(255,255,255,.025)}
.youtube-comment-reply-page .reply-comment strong{color:#f3fbff;font-size:1rem}
.youtube-comment-reply-page .reply-comment p{margin:0;color:#b5c9d5;line-height:1.55;white-space:pre-wrap}
.youtube-comment-reply-page .reply-meta{color:#7390a0;font-size:.72rem}
.youtube-comment-reply-page textarea{width:100%;min-height:150px;resize:vertical;padding:14px 15px;border:1px solid rgba(148,208,235,.2);border-radius:18px;background:rgba(3,10,16,.88);color:#f4fbff;font:inherit;line-height:1.5;outline:none}
.youtube-comment-reply-page textarea:focus{border-color:rgba(119,218,255,.52);box-shadow:0 0 0 3px rgba(95,194,235,.08)}
.youtube-comment-reply-page .reply-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.youtube-comment-reply-page .reply-status{min-height:24px;color:#9fc4d5;font-size:.78rem}
.youtube-comment-reply-page .reply-status.is-success{color:#8be9b4}
.youtube-comment-reply-page .reply-status.is-error{color:#ff929c}
@media(max-width:520px){
  .youtube-comment-reply-page .reply-actions{grid-template-columns:1fr}
}