/* WWTOTA modern dashboard export — rebuilt from the approved layout */
.modernDashboardStage{
  position:fixed!important;
  left:-100000px!important;
  top:0!important;
  width:1536px!important;
  height:954px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#020814!important;
  pointer-events:none!important;
  z-index:-99999!important;
}
.wwdash,.wwdash *{box-sizing:border-box!important}
.wwdash{
  --bg:#020814;
  --panel:#061a36;
  --line:#116dbd;
  --cyan:#25dff5;
  --green:#39dfa9;
  --blue:#35aaff;
  --gold:#ffc52f;
  --orange:#ff8b30;
  --purple:#9a6cff;
  position:relative!important;
  width:1536px!important;
  height:954px!important;
  margin:0!important;
  padding:6px!important;
  display:grid!important;
  grid-template-rows:278px 194px 184px 250px!important;
  gap:10px!important;
  align-content:start!important;
  overflow:hidden!important;
  border:2px solid #0867ba!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#010713 0%,#03132e 54%,#020a18 100%)!important;
  color:#f3f7ff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:1.15!important;
}
.wwdash article,.wwdash section,.wwdash header,.wwdash div,.wwdash span,.wwdash strong,.wwdash small,.wwdash em,.wwdash b,.wwdash h2,.wwdash h3,.wwdash i{margin:0!important}
.wwdash-panel{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #1677c9!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(7,31,65,.98),rgba(2,14,31,.98))!important;
  box-shadow:inset 0 0 26px rgba(0,141,255,.08)!important;
}
.wwdash-svgicon{
  display:block!important;
  width:1em!important;
  height:1em!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.wwdash-svgicon .icon-fill{fill:currentColor!important;stroke:none!important}
.wwdash-svgicon .icon-soft{fill:currentColor!important;fill-opacity:.18!important;stroke:none!important}
.wwdash-svgicon .icon-cut{fill:#061a33!important;stroke:none!important}
.wwdash-svgicon .icon-detail-fill{fill:#061a33!important;stroke:none!important}
.wwdash-svgicon .icon-detail{fill:none!important;stroke:#fff!important;stroke-width:1.8!important}
.wwdash-svgicon .icon-accent-fill{fill:#ffd33d!important;stroke:none!important}
.wwdash-rastericon{display:block!important;width:1em!important;height:1em!important;object-fit:contain!important}

/* HERO */
.wwdash-hero{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #1677c9!important;
  border-radius:16px!important;
  background-image:
    linear-gradient(90deg,rgba(0,8,24,.64) 0%,rgba(0,12,31,.06) 30%,rgba(0,12,31,.03) 70%,rgba(0,8,24,.58) 100%),
    url('tota-world-map-hero.png')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#03142f!important;
  box-shadow:inset 0 0 26px rgba(0,135,255,.14),inset 0 -22px 38px rgba(0,5,18,.22)!important;
}
.wwdash-brandline{
  position:absolute!important;
  left:26px!important;
  right:28px!important;
  top:17px!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:24px!important;
  color:#f6f8ff!important;
  font-size:15px!important;
  line-height:24px!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  white-space:nowrap!important;
}
.wwdash-brandline b{
  color:#24e3f6!important;
  font-size:14px!important;
  line-height:24px!important;
  letter-spacing:.10em!important;
}
.wwdash-logo{
  position:absolute!important;
  /* Dashboard má pevnou šířku 1536 px. Logo 232 px je tímto přesně
     uprostřed celé plochy: (1536 - 232) / 2 = 652 px.
     Souřadnice je vůči HERO panelu, který začíná na x = 8 px. */
  left:644px!important;
  top:3px!important;
  width:232px!important;
  height:232px!important;
  z-index:20!important;
  transform:none!important;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.52)) drop-shadow(0 0 13px rgba(255,205,78,.26))!important;
}
.wwdash-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.wwdash-identity{
  position:absolute!important;
  left:26px!important;
  top:69px!important;
  width:600px!important;
  height:113px!important;
  z-index:8!important;
}
.wwdash-callrow{
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}
.wwdash-flag{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:101px!important;
  height:70px!important;
  flex:0 0 101px!important;
  overflow:hidden!important;
  border:1px solid #eaf4ff!important;
  border-radius:10px!important;
  background:#10284b!important;
  box-shadow:0 5px 14px rgba(0,0,0,.42)!important;
}
.wwdash-flag svg,.wwdash-flag img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.wwdash-callrow strong{
  display:block!important;
  color:#fff!important;
  font-size:76px!important;
  line-height:82px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  text-shadow:0 5px 14px rgba(0,0,0,.75)!important;
}
.wwdash-subtitle{
  height:31px!important;
  color:#f3f6ff!important;
  font-size:20px!important;
  line-height:31px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.wwdash-subtitle b{color:#37e3ad!important;font-weight:900!important}
.wwdash-qso{
  position:absolute!important;
  right:18px!important;
  top:60px!important;
  width:344px!important;
  height:204px!important;
  z-index:8!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:2px solid #22c9ff!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(54,202,255,.34) 0%,rgba(54,202,255,0) 48%),
    linear-gradient(145deg,#117fc3 0%,#07508f 48%,#032b5d 100%)!important;
  box-shadow:
    inset 0 0 30px rgba(67,214,255,.30),
    inset 0 -24px 34px rgba(0,14,43,.40),
    0 0 18px rgba(0,185,255,.22)!important;
}
.wwdash-qso::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:10px!important;
  background:linear-gradient(90deg,#20ddff,#54f0d0,#20ddff)!important;
  opacity:.95!important;
}
.wwdash-qso::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:12px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#29d8ff,#3ce7b4,#29d8ff,transparent)!important;
  opacity:.8!important;
}
.wwdash-qso-title{
  position:absolute!important;
  left:25px!important;
  right:25px!important;
  top:20px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:18px!important;
  color:#eaffff!important;
  font-size:18px!important;
  line-height:22px!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}
.wwdash-qso-title i{display:block!important;height:2px!important;background:linear-gradient(90deg,transparent,#5cecff)!important}
.wwdash-qso-title i:last-child{background:linear-gradient(90deg,#5cecff,transparent)!important}
.wwdash-qso>strong{
  margin-top:22px!important;
  color:#fff!important;
  font-size:88px!important;
  line-height:92px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:0 5px 12px rgba(0,0,0,.55),0 0 18px rgba(64,224,255,.34)!important;
}
.wwdash-rolebar{
  position:absolute!important;
  left:24px!important;
  bottom:10px!important;
  width:604px!important;
  height:66px!important;
  z-index:9!important;
  padding:8px 16px 6px!important;
  border:1px solid rgba(40,120,190,.54)!important;
  border-radius:11px!important;
  background:rgba(1,12,29,.86)!important;
}
.wwdash-rolelabels,.wwdash-rolecounts{
  height:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  font-size:14px!important;
  line-height:17px!important;
  font-weight:900!important;
}
.wwdash-rolelabels strong:first-child,.wwdash-rolecounts span:first-child{color:#38e6ad!important}
.wwdash-rolelabels strong:last-child,.wwdash-rolecounts span:last-child{color:#ffb02f!important}
.wwdash-roletrack{
  width:100%!important;
  height:10px!important;
  margin:5px 0!important;
  display:flex!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#092248!important;
}
.wwdash-roletrack i,.wwdash-roletrack em{display:block!important;height:100%!important}
.wwdash-roletrack i{background:linear-gradient(90deg,#31df9d,#26d0b6)!important}
.wwdash-roletrack em{background:linear-gradient(90deg,#27bfff,#ff932d)!important}

/* SUMMARY */
.wwdash-summary{
  display:grid!important;
  grid-template-columns:694px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:0!important;
}
.wwdash-statgrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  min-height:0!important;
}
.wwdash-stat{
  position:relative!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid #216da8!important;
  border-radius:11px!important;
  background:linear-gradient(150deg,#08254b 0%,#03152e 75%)!important;
  text-align:center!important;
}
.wwdash-stat.gold{border-color:#bb880a!important}.wwdash-stat.cyan{border-color:#208ac3!important}.wwdash-stat.violet{border-color:#7652c7!important}.wwdash-stat.green{border-color:#3b896c!important}
.wwdash-staticon{
  width:72px!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:3px!important;
  border:1px solid currentColor!important;
  border-radius:50%!important;
  color:#ffc52f!important;
}
.wwdash-stat.cyan .wwdash-staticon{color:#39c9ff!important}.wwdash-stat.violet .wwdash-staticon{color:#a177ff!important}.wwdash-stat.green .wwdash-staticon{color:#94d66c!important}
.wwdash-staticon>.wwdash-rastericon{width:54px!important;height:54px!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.48))!important}
.wwdash-staticon>.wwdash-svgicon{width:48px!important;height:48px!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.38))!important}
.wwdash-stat>strong{
  display:block!important;
  margin-top:1px!important;
  color:#ffc52f!important;
  font-size:45px!important;
  line-height:47px!important;
  font-weight:900!important;
}
.wwdash-stat.cyan>strong{color:#42cef8!important}.wwdash-stat.violet>strong{color:#9e74f8!important}.wwdash-stat.green>strong{color:#92d96e!important}
.wwdash-stat>small{
  display:block!important;
  margin-top:4px!important;
  color:#f4f7ff!important;
  font-size:14px!important;
  line-height:17px!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.wwdash-stat>em{
  display:block!important;
  margin-top:2px!important;
  color:#25dff5!important;
  font-size:11px!important;
  line-height:13px!important;
  font-style:normal!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
}
.wwdash-ranking{padding:7px 12px 11px!important}
.wwdash-ranking-title{
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border-bottom:1px solid rgba(54,144,220,.26)!important;
  color:#f2f7ff!important;
  font-size:25px!important;
  line-height:31px!important;
  font-weight:900!important;
}
.wwdash-ranking-title>.wwdash-svgicon{width:25px!important;height:25px!important;color:#ffc62f!important;filter:drop-shadow(0 0 4px rgba(255,198,47,.32))!important}
.wwdash-rankgrid{
  height:143px!important;
  padding-top:8px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:1fr 1fr!important;
  gap:9px 12px!important;
}
.wwdash-rank{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 14px!important;
  border:1px solid #165b9d!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(6,31,64,.94),rgba(2,14,32,.90))!important;
}
.wwdash-rank span{display:flex!important;align-items:center!important;min-width:0!important;color:#f2f6ff!important;font-size:13px!important;line-height:18px!important;letter-spacing:.05em!important;white-space:nowrap!important}
.wwdash-rank i{width:25px!important;height:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:9px!important;color:#25dff5!important;font-style:normal!important}
.wwdash-rank i .wwdash-svgicon{width:24px!important;height:24px!important;stroke-width:1.8!important}
.wwdash-rank i .wwdash-rastericon{width:26px!important;height:26px!important}
.wwdash-rank.hunter i{color:#ff6547!important}.wwdash-rank.dxcc i{color:#35baff!important}.wwdash-rank.qso i{color:#e5efff!important}.wwdash-rank.r2r i{color:#ffd12f!important}.wwdash-rank.highlight i{color:#ffc62f!important}
.wwdash-rank b{font-size:31px!important;line-height:36px!important;color:#2ad8ec!important;white-space:nowrap!important}
.wwdash-rank.hunter b{color:#ff5a4f!important}.wwdash-rank.dxcc b{color:#4c91ff!important}.wwdash-rank.qso b{color:#579fff!important}.wwdash-rank.r2r b{color:#ffc52f!important}
.wwdash-rank.highlight{border-color:#9b760e!important;background:linear-gradient(145deg,rgba(75,56,7,.62),rgba(24,27,30,.78))!important}
.wwdash-rank.highlight span{color:#ffd13b!important;font-size:13px!important}
.wwdash-rank.highlight b{max-width:78px!important;margin-right:18px!important;color:#fff!important;font-size:14px!important;line-height:17px!important;text-align:left!important;white-space:normal!important}

/* RADIO */
.wwdash-radio{
  padding:7px 14px 10px!important;
  display:grid!important;
  grid-template-rows:26px 82px 58px!important;
  row-gap:5px!important;
}
.wwdash-head{
  height:26px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(54,144,220,.27)!important;
}
.wwdash-head h2{display:flex!important;align-items:center!important;gap:9px!important;color:#eef4ff!important;font-size:20px!important;line-height:24px!important;letter-spacing:.04em!important;font-weight:900!important}
.wwdash-head h2>.wwdash-svgicon{width:25px!important;height:25px!important;color:#2edaf3!important;stroke-width:1.9!important}
.wwdash-bands{display:grid!important;grid-template-columns:repeat(var(--band-count,6),minmax(0,1fr))!important;gap:12px!important;height:82px!important;min-height:0!important}
.wwdash-band{
  position:relative!important;
  height:82px!important;
  padding:8px 14px 6px!important;
  overflow:hidden!important;
  border:1px solid #21baa7!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(29,136,119,.30),rgba(2,17,37,.86))!important;
}
.wwdash-band:nth-child(2){border-color:#229be1!important;background:linear-gradient(180deg,rgba(31,125,196,.32),rgba(2,17,37,.86))!important}
.wwdash-band:nth-child(3){border-color:#7e5ed6!important;background:linear-gradient(180deg,rgba(104,67,184,.34),rgba(2,17,37,.86))!important}
.wwdash-band:nth-child(4){border-color:#d79517!important;background:linear-gradient(180deg,rgba(190,122,17,.31),rgba(2,17,37,.86))!important}
.wwdash-band:nth-child(5){border-color:#d3523f!important;background:linear-gradient(180deg,rgba(164,48,44,.32),rgba(2,17,37,.86))!important}
.wwdash-band:nth-child(6){border-color:#a8a81e!important;background:linear-gradient(180deg,rgba(133,133,24,.30),rgba(2,17,37,.86))!important}
.wwdash-bandtop{display:flex!important;align-items:center!important;justify-content:space-between!important;height:27px!important}
.wwdash-bandtop span{color:#43dfbd!important;font-size:21px!important;line-height:27px!important}.wwdash-bandtop strong{color:#fff!important;font-size:25px!important;line-height:27px!important}
.wwdash-band:nth-child(2) .wwdash-bandtop span{color:#3cbcff!important}.wwdash-band:nth-child(3) .wwdash-bandtop span{color:#ad81ff!important}.wwdash-band:nth-child(4) .wwdash-bandtop span{color:#ffb533!important}.wwdash-band:nth-child(5) .wwdash-bandtop span{color:#ff6d54!important}.wwdash-band:nth-child(6) .wwdash-bandtop span{color:#e7df37!important}
.wwdash-bandtrack{height:12px!important;margin:6px 0 4px!important;overflow:hidden!important;border-radius:10px!important;background:rgba(4,18,36,.78)!important}
.wwdash-bandtrack i{display:block!important;height:100%!important;border-radius:10px!important;background:linear-gradient(90deg,#35e0ad,#48eed0)!important}
.wwdash-band:nth-child(2) .wwdash-bandtrack i{background:linear-gradient(90deg,#2698ff,#33c9ff)!important}.wwdash-band:nth-child(3) .wwdash-bandtrack i{background:linear-gradient(90deg,#8b5bff,#b17aff)!important}.wwdash-band:nth-child(4) .wwdash-bandtrack i{background:linear-gradient(90deg,#ffb437,#ff8a00)!important}.wwdash-band:nth-child(5) .wwdash-bandtrack i{background:linear-gradient(90deg,#ff654e,#ff3e2e)!important}.wwdash-band:nth-child(6) .wwdash-bandtrack i{background:linear-gradient(90deg,#fff02d,#d9d600)!important}
.wwdash-band small{display:block!important;color:#d0dbef!important;font-size:12px!important;line-height:14px!important;letter-spacing:.08em!important}
.wwdash-modes{display:grid!important;grid-template-columns:repeat(var(--mode-count,4),minmax(0,1fr))!important;gap:12px!important;height:58px!important;min-height:0!important}
.wwdash-mode{
  position:relative!important;
  height:58px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:39px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:0 18px 0 12px!important;
  overflow:hidden!important;
  border:1px solid #2d9fea!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0e376a,#08244a)!important;
  white-space:nowrap!important;
}
.wwdash-mode:nth-child(2){border-color:#e08a12!important;background:linear-gradient(180deg,#12325b,#0b2244)!important}.wwdash-mode:nth-child(3){border-color:#9b6cff!important;background:linear-gradient(180deg,#2a2d67,#161d47)!important}.wwdash-mode:nth-child(4){border-color:#27cc90!important;background:linear-gradient(180deg,#113b55,#09243d)!important}
.wwdash-modeicon{width:39px!important;height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#36d9ff!important;font-style:normal!important}
.wwdash-modeicon>.wwdash-svgicon{width:31px!important;height:31px!important;stroke-width:2.15!important}
.wwdash-mode:nth-child(2) .wwdash-modeicon{color:#f4f7ff!important}.wwdash-mode:nth-child(3) .wwdash-modeicon{color:#caa6ff!important}.wwdash-mode:nth-child(4) .wwdash-modeicon{color:#38e4aa!important}
.wwdash-modelabel{color:#f3f7ff!important;font-size:16px!important;line-height:19px!important;font-weight:900!important}
.wwdash-mode b{color:#fff!important;font-size:18px!important;line-height:21px!important;font-weight:900!important}

/* MIX + ACTIVITY */
.wwdash-bottom{display:grid!important;grid-template-columns:2fr 1.03fr!important;gap:10px!important;min-height:0!important}
.wwdash-mix{padding:12px 14px!important}
.wwdash-mixgrid{height:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.wwdash-mixcard{min-width:0!important;display:grid!important;grid-template-rows:30px 1fr!important;padding:0 5px!important}
.wwdash-mixcard:not(:last-child){border-right:1px solid rgba(42,111,174,.62)!important}
.wwdash-mixcard h3{height:30px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:12px!important;color:#dfe8f8!important;font-size:15px!important;line-height:19px!important;font-weight:900!important;white-space:nowrap!important}
.wwdash-mixcard h3 i{display:block!important;height:1px!important;background:rgba(72,124,176,.45)!important}
.wwdash-mixbody{min-height:0!important;display:grid!important;grid-template-columns:176px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:2px 8px 8px!important}
.wwdash-donut{position:relative!important;width:170px!important;height:170px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.wwdash-donut svg{display:block!important;width:170px!important;height:170px!important;transform:rotate(0deg)!important}
.wwdash-donut>div{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;pointer-events:none!important}
.wwdash-donut strong{display:block!important;color:#f4f7ff!important;font-size:28px!important;line-height:31px!important;font-weight:900!important}
.wwdash-donut strong.is-icon{width:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.wwdash-donut strong.is-icon>.wwdash-svgicon{width:43px!important;height:43px!important;color:#f1f5ff!important;stroke-width:1.95!important}
.wwdash-donut span{display:block!important;margin-top:2px!important;color:#d6e1f4!important;font-size:11px!important;line-height:14px!important;letter-spacing:.03em!important}
.wwdash-legend{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;min-width:0!important;color:#d7e1f2!important;font-size:12px!important;line-height:15px!important}
.wwdash-legend>span{min-width:0!important;display:grid!important;grid-template-columns:12px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
.wwdash-legend>span>i{display:block!important;width:12px!important;height:12px!important;border-radius:50%!important}
.wwdash-legend b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#d7e1f2!important;font-size:12px!important;line-height:15px!important;font-weight:800!important;white-space:nowrap!important}
.wwdash-legend em{color:#fff!important;font-size:12px!important;line-height:15px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important}
.wwdash-activity{padding:13px 18px 16px!important}
.wwdash-activity-title{height:35px!important;display:grid!important;grid-template-columns:27px auto 1fr!important;align-items:center!important;gap:10px!important;color:#eef4ff!important;font-size:19px!important;line-height:24px!important;font-weight:900!important;white-space:nowrap!important}
.wwdash-activity-title>.wwdash-svgicon{width:25px!important;height:25px!important;color:#24dcf1!important}
.wwdash-activity-title span b{color:#24dcf1!important;font-weight:900!important}
.wwdash-activity-title>i{display:block!important;height:1px!important;background:rgba(72,124,176,.52)!important}
.wwdash-activitylist{height:184px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;padding-top:2px!important}
.wwdash-progress{min-width:0!important}
.wwdash-progressmeta{height:21px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#f3f6ff!important;font-size:14px!important;line-height:21px!important;font-weight:900!important}
.wwdash-progresstrack{height:14px!important;margin-top:5px!important;overflow:hidden!important;border-radius:12px!important;background:#08254c!important}
.wwdash-progresstrack i{display:block!important;height:100%!important;border-radius:12px!important;background:linear-gradient(90deg,#2e9dff,#3de0cb)!important}
.wwdash-progress:nth-child(2) .wwdash-progresstrack i{background:linear-gradient(90deg,#2d9cff,#35d1d0)!important}
.wwdash-progress:nth-child(n+3) .wwdash-progresstrack i{background:linear-gradient(90deg,#1d6fb9,#2786b8)!important}
.wwdash-empty{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;color:#8fa6c6!important;font-size:14px!important;font-weight:700!important}


/* === BALANCED FINAL POLISH ===
   Dark, clean dashboard with stronger accent colors — without washed-out panels. */
.wwdash{
  --panel:#061a36;
  --line:#168fd5;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,125,220,.10),transparent 38%),
    linear-gradient(180deg,#010713 0%,#03142f 55%,#020a18 100%)!important;
  border-color:#0b7fca!important;
  box-shadow:inset 0 0 0 1px rgba(73,199,255,.14)!important;
}
.wwdash-panel{
  border-color:#1678bf!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(22,145,230,.08),transparent 40%),
    linear-gradient(145deg,rgba(7,31,65,.99),rgba(2,14,31,.99))!important;
  box-shadow:inset 0 0 24px rgba(0,140,255,.07),inset 0 1px 0 rgba(126,218,255,.06)!important;
}

/* Original logo: exact center, correct proportions, no exaggerated glow. */
.wwdash-logo{
  left:50%!important;
  top:3px!important;
  width:232px!important;
  height:232px!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.62))!important;
}
.wwdash-logo::before{display:none!important}
.wwdash-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

/* QSO TOTAL: strong focal point, but still matching the dashboard. */
.wwdash-qso{
  border:2px solid #29d8ff!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(43,184,238,.22),transparent 53%),
    linear-gradient(145deg,#0b609d 0%,#07477d 48%,#032a58 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(213,249,255,.10),
    inset 0 0 28px rgba(45,205,255,.16),
    inset 0 -28px 36px rgba(0,13,42,.42),
    0 0 15px rgba(0,178,240,.20)!important;
}
.wwdash-qso::before{
  height:6px!important;
  background:linear-gradient(90deg,#17bce8,#45e5f4 55%,#29d5b0)!important;
  box-shadow:none!important;
}
.wwdash-qso::after{display:none!important}
.wwdash-qso-title{
  top:23px!important;
  gap:15px!important;
  color:#dffaff!important;
  font-size:19px!important;
  line-height:24px!important;
  letter-spacing:.085em!important;
  text-shadow:none!important;
}
.wwdash-qso-title span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.wwdash-qso-title i{
  height:1px!important;
  background:linear-gradient(90deg,transparent,#54ddf1)!important;
  box-shadow:none!important;
}
.wwdash-qso-title i:last-child{background:linear-gradient(90deg,#54ddf1,transparent)!important}
.wwdash-qso>strong{
  margin-top:27px!important;
  color:#fff!important;
  font-size:94px!important;
  line-height:98px!important;
  letter-spacing:.005em!important;
  text-shadow:0 6px 12px rgba(0,0,0,.62),0 0 12px rgba(77,222,255,.22)!important;
}
.wwdash-qso-icon{display:none!important}

/* Main statistics: dark cards with vivid accents, not solid color fills. */
.wwdash-stat{
  --accent:#29d8ff;
  border:1px solid var(--accent)!important;
  background:
    radial-gradient(circle at 50% 15%,rgba(41,216,255,.10),transparent 46%),
    linear-gradient(155deg,#08254b 0%,#03152e 76%)!important;
  box-shadow:inset 0 0 20px rgba(41,216,255,.07)!important;
}
.wwdash-stat::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:3px!important;
  border-radius:0 0 6px 6px!important;
  background:linear-gradient(90deg,transparent,var(--accent),transparent)!important;
  opacity:.85!important;
}
.wwdash-stat.gold{--accent:#ffc52f!important;border-color:#ba8b12!important;background:radial-gradient(circle at 50% 15%,rgba(255,197,47,.12),transparent 46%),linear-gradient(155deg,#102642 0%,#03152e 76%)!important}
.wwdash-stat.cyan{--accent:#35d7ff!important;border-color:#248cc1!important;background:radial-gradient(circle at 50% 15%,rgba(53,215,255,.12),transparent 46%),linear-gradient(155deg,#0b294e 0%,#03152e 76%)!important}
.wwdash-stat.violet{--accent:#9e75ff!important;border-color:#7556bd!important;background:radial-gradient(circle at 50% 15%,rgba(158,117,255,.13),transparent 46%),linear-gradient(155deg,#16234d 0%,#03152e 76%)!important}
.wwdash-stat.green{--accent:#59dd9e!important;border-color:#43896d!important;background:radial-gradient(circle at 50% 15%,rgba(89,221,158,.12),transparent 46%),linear-gradient(155deg,#0d2c41 0%,#03152e 76%)!important}
.wwdash-staticon{box-shadow:none!important}
.wwdash-stat>strong{text-shadow:0 3px 7px rgba(0,0,0,.45)!important;filter:none!important}

/* Ranking stays dark; colors are carried by the values and borders. */
.wwdash-ranking{
  background:linear-gradient(145deg,rgba(7,31,65,.99),rgba(2,14,31,.99))!important;
}
.wwdash-ranking-title{border-bottom-color:rgba(54,144,220,.30)!important;text-shadow:none!important}
.wwdash-rank{
  background:linear-gradient(145deg,rgba(6,31,64,.96),rgba(2,14,32,.94))!important;
  box-shadow:inset 0 0 14px rgba(22,150,255,.05)!important;
}
.wwdash-rank.activator{border-color:#178ba3!important}
.wwdash-rank.hunter{border-color:#9d4850!important}
.wwdash-rank.dxcc{border-color:#2a69ad!important}
.wwdash-rank.qso{border-color:#326da8!important}
.wwdash-rank.r2r{border-color:#9c7a19!important}
.wwdash-rank.highlight{border-color:#9b760e!important;background:linear-gradient(145deg,rgba(75,56,7,.58),rgba(24,27,30,.80))!important}

/* Radio and bottom panels: lively accents on a dark base. */
.wwdash-radio,.wwdash-mix,.wwdash-activity{
  background:
    radial-gradient(circle at 10% 0%,rgba(0,169,235,.07),transparent 42%),
    linear-gradient(145deg,rgba(6,31,64,.99),rgba(2,15,33,.99))!important;
}
.wwdash-head,.wwdash-activity-title{border-bottom-color:rgba(46,166,226,.30)!important;text-shadow:none!important}
.wwdash-band{
  filter:none!important;
  box-shadow:inset 0 0 16px rgba(32,225,178,.07)!important;
}
.wwdash-band:nth-child(2){box-shadow:inset 0 0 16px rgba(42,164,255,.07)!important}
.wwdash-band:nth-child(3){box-shadow:inset 0 0 16px rgba(145,94,255,.07)!important}
.wwdash-band:nth-child(4){box-shadow:inset 0 0 16px rgba(255,160,29,.07)!important}
.wwdash-band:nth-child(5){box-shadow:inset 0 0 16px rgba(255,77,63,.07)!important}
.wwdash-band:nth-child(6){box-shadow:inset 0 0 16px rgba(226,220,35,.06)!important}
.wwdash-mode{filter:none!important;box-shadow:inset 0 0 16px rgba(42,176,255,.08)!important}
.wwdash-donut{filter:none!important}
.wwdash-progresstrack i{filter:none!important;box-shadow:none!important}

/* === HARD LOGO CENTER FIX v36.4 ===
   1536px canvas; hero begins at x=8px; 232px logo.
   Exact local left: 768 - 8 - 116 = 644px.
   No percentage/transform combination, so html2canvas cannot shift it. */
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-logo{
  position:absolute!important;
  left:644px!important;
  right:auto!important;
  top:3px!important;
  width:232px!important;
  height:232px!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-logo img{
  display:block!important;
  width:232px!important;
  height:232px!important;
  margin:0!important;
  object-fit:contain!important;
  transform:none!important;
}

/* === COMPACT QSO TOTAL v36.6 ===
   Smaller header card so it does not overpower the callsign and centered logo. */
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-qso{
  right:18px!important;
  top:78px!important;
  width:292px!important;
  height:166px!important;
  border-radius:14px!important;
}
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-qso::before{
  height:5px!important;
}
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-qso-title{
  left:20px!important;
  right:20px!important;
  top:18px!important;
  gap:12px!important;
  font-size:17px!important;
  line-height:21px!important;
  letter-spacing:.075em!important;
}
.modernDashboardStage > .wwdash > .wwdash-hero > .wwdash-qso > strong{
  margin-top:24px!important;
  font-size:78px!important;
  line-height:82px!important;
  text-shadow:0 5px 10px rgba(0,0,0,.60),0 0 10px rgba(77,222,255,.18)!important;
}


/* === COMPACT BOTTOM SECTION v36.7 ===
   Reduce unused vertical space while keeping donut charts at full size. */
.modernDashboardStage,
.modernDashboardStage > .wwdash{
  height:954px!important;
}
.modernDashboardStage > .wwdash{
  grid-template-rows:278px 194px 184px 250px!important;
}
.modernDashboardStage > .wwdash > .wwdash-bottom{
  height:250px!important;
}
.modernDashboardStage .wwdash-activitylist{
  height:184px!important;
  gap:7px!important;
  padding-top:2px!important;
}

/* ======================================================================
   AWARDS EXPORT v45.0 — reference layout, exact plaque artwork, no legend
   ====================================================================== */
.awardsDashboardStage{position:fixed!important;left:-100000px!important;top:0!important;width:1536px!important;height:1024px!important;overflow:hidden!important;z-index:-100!important;pointer-events:none!important;background:#010812!important}
.wwawards,.wwawards *{box-sizing:border-box!important}
.wwawards{width:1536px!important;height:1024px!important;overflow:hidden!important;padding:8px!important;display:grid!important;grid-template-rows:190px 245px 245px 206px 90px!important;gap:8px!important;background:linear-gradient(145deg,#020817,#031329 55%,#020817)!important;color:#eef7ff!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;border:2px solid #0d74ad!important;border-radius:20px!important}
.wwawards h1,.wwawards h2,.wwawards h3,.wwawards p,.wwawards small,.wwawards span,.wwawards strong,.wwawards b,.wwawards em,.wwawards i{margin:0!important;font-style:normal!important}
.wwawards-hero{position:relative!important;overflow:hidden!important;border:1px solid #147bb7!important;border-radius:16px!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 32px rgba(0,0,0,.24)!important}
.wwawards-identity{position:absolute!important;left:22px!important;top:18px!important;width:438px!important}.wwawards-callrow{display:flex!important;align-items:center!important;gap:15px!important}.wwawards-callrow>span{width:76px!important;height:50px!important;display:flex!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:10px!important;background:#08203d!important;box-shadow:0 6px 14px rgba(0,0,0,.35)!important}.wwawards-callrow img,.wwawards-callrow svg{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}.wwawards-callrow strong{font-family:Arial Black,Inter,"Segoe UI",sans-serif!important;font-size:61px!important;font-weight:950!important;line-height:.95!important;letter-spacing:0!important;-webkit-text-stroke:.45px rgba(255,255,255,.28)!important;text-shadow:0 2px 0 rgba(255,255,255,.09),0 6px 13px rgba(0,0,0,.82)!important}.wwawards-identity>small{display:block!important;margin-top:11px!important;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important}.wwawards-identity>em{display:block!important;margin-top:7px!important;color:#2fc9f5!important;font-size:15px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.wwawards-wordmark{position:absolute!important;right:100px!important;top:9px!important;width:410px!important;transform:none!important;text-align:center!important;text-shadow:0 4px 10px #000!important}.wwawards-wordmark>strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#fff!important;font-family:Arial Black,Inter,sans-serif!important;font-size:62px!important;line-height:.92!important;letter-spacing:.05em!important;white-space:nowrap!important}.wwawards-wordmark>strong b{font:inherit!important;color:inherit!important;line-height:inherit!important;text-align:left!important}.wwawards-wordmark>strong span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:58px!important;color:#fff!important;line-height:1!important;flex:0 0 58px!important}.wwawards-wordmark>strong span img{width:54px!important;height:54px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.42))!important}.wwawards-wordmark>small{display:block!important;width:100%!important;margin-top:5px!important;padding:0!important;color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.15em!important;text-align:center!important}
.wwawards-title{position:absolute!important;left:0!important;right:0!important;bottom:46px!important;text-align:center!important}.wwawards-title h1{font-size:31px!important;line-height:1!important;letter-spacing:.035em!important;text-shadow:0 3px 8px #000!important}.wwawards-title p{display:none!important}
.wwawards-section{position:relative!important;overflow:hidden!important;padding:34px 12px 10px!important;border:1px solid var(--award-accent)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(5,24,49,.98),rgba(2,13,29,.99))!important;--award-accent:#efb51c!important}.wwawards-section.hunter{--award-accent:#28bfe9!important}.wwawards-section.r2r{--award-accent:#a762e8!important}.wwawards-section>h2{position:absolute!important;left:18px!important;right:18px!important;top:4px!important;height:27px!important;display:flex!important;align-items:center!important;gap:9px!important;color:var(--award-accent)!important;font-size:20px!important;letter-spacing:.035em!important}.wwawards-section>h2>span{width:25px!important;height:25px!important;display:inline-flex!important;color:var(--award-accent)!important}.wwawards-section>h2>span svg{width:25px!important;height:25px!important}.wwawards-section>h2 i{height:1px!important;flex:1!important;background:linear-gradient(90deg,var(--award-accent),transparent)!important}
.wwawards-grid{height:100%!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}.wwawards-card{position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:8px 9px 8px!important;border:1px solid var(--card-accent)!important;border-radius:12px!important;background:radial-gradient(circle at 50% 34%,rgba(255,204,51,.065),transparent 42%),linear-gradient(160deg,#082541,#031329 76%)!important;--card-accent:#c89a1c!important}.wwawards-card.hunter{--card-accent:#25aede!important;background:radial-gradient(circle at 50% 34%,rgba(38,187,235,.08),transparent 42%),linear-gradient(160deg,#082541,#031329 76%)!important}.wwawards-card.r2r{--card-accent:#9655dc!important;background:radial-gradient(circle at 50% 34%,rgba(163,89,230,.10),transparent 42%),linear-gradient(160deg,#151f47,#07132d 76%)!important}
.wwawards-cardhead{text-align:center!important;min-height:36px!important}.wwawards-cardhead h3{color:var(--card-accent)!important;font-size:13px!important;line-height:1.05!important;font-weight:950!important;text-transform:uppercase!important}.wwawards-cardhead span{display:block!important;margin-top:3px!important;color:#bdc9d8!important;font-size:9px!important;font-weight:900!important;letter-spacing:.10em!important}.wwawards-cardbody{height:125px!important;display:grid!important;grid-template-columns:54px 104px minmax(0,1fr)!important;align-items:center!important;gap:4px!important}.wwawards-metric{text-align:center!important}.wwawards-metric>i{display:flex!important;align-items:center!important;justify-content:center!important;width:33px!important;height:33px!important;margin:0 auto!important;color:#43d8ff!important}.wwawards-metric>i svg{width:33px!important;height:33px!important}.wwawards-metric>strong{display:block!important;margin-top:7px!important;color:#fff!important;font-size:21px!important;line-height:1!important;white-space:nowrap!important}.wwawards-metric>small{display:block!important;margin-top:5px!important;color:#d9e5f1!important;font-size:9px!important;font-weight:800!important;line-height:1.1!important}.wwawards-plaque{width:104px!important;height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;filter:drop-shadow(0 5px 6px rgba(0,0,0,.62))!important}.wwawards-plaque img{width:104px!important;height:110px!important;object-fit:contain!important;display:block!important}.wwawards-plaque.is-locked{opacity:.32!important;filter:grayscale(.35) drop-shadow(0 5px 6px rgba(0,0,0,.48))!important}.wwawards-levelcopy{min-width:0!important;padding-left:2px!important}.wwawards-levelcopy>small{display:block!important;color:#a4b5c8!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important}.wwawards-levelcopy>strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:13px!important;line-height:1.18!important}.wwawards-levelcopy>span{display:block!important;margin-top:11px!important;color:#c2cddd!important;font-size:8px!important;line-height:1.25!important;text-transform:uppercase!important}.wwawards-levelcopy>span b{color:var(--card-accent)!important}.wwawards-goal{display:grid!important;grid-template-columns:1fr auto auto!important;gap:7px!important;align-items:center!important;margin-top:auto!important;color:#ecf4fc!important;font-size:9px!important;font-weight:900!important}.wwawards-goal em{color:#97b0c8!important;text-transform:uppercase!important;font-size:8px!important}.wwawards-goal b{color:var(--card-accent)!important}.wwawards-track{height:7px!important;margin-top:5px!important;overflow:hidden!important;border-radius:7px!important;background:#172a3f!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.72)!important}.wwawards-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--card-accent),#ffe16a)!important;box-shadow:0 0 8px var(--card-accent)!important}
.wwawards-bottom{display:block!important}.wwawards-bottom .wwawards-section{height:100%!important}.wwawards-bottom .wwawards-grid{grid-template-columns:repeat(2,365px)!important;justify-content:center!important;gap:18px!important}.wwawards-bottom .wwawards-card{padding:8px 12px!important}.wwawards-bottom .wwawards-cardhead{text-align:center!important;min-height:34px!important}.wwawards-bottom .wwawards-cardbody{height:116px!important;grid-template-columns:74px 112px 170px!important;justify-content:center!important;gap:8px!important}.wwawards-bottom .wwawards-metric>strong{font-size:23px!important}.wwawards-bottom .wwawards-plaque{width:112px!important;height:116px!important}.wwawards-bottom .wwawards-plaque img{width:112px!important;height:116px!important}.wwawards-bottom .wwawards-levelcopy>small{font-size:9px!important}.wwawards-bottom .wwawards-levelcopy>strong{font-size:15px!important}.wwawards-bottom .wwawards-levelcopy>span{font-size:9px!important}
.wwawards-footer{display:grid!important;grid-template-columns:1.18fr 1fr .9fr!important;gap:8px!important}.wwawards-footcol{border:1px solid #2aa6db!important;border-radius:14px!important;background:linear-gradient(145deg,#07233f,#031428)!important;padding:15px 20px!important;overflow:hidden!important}.wwawards-footcol h3{color:#4fd4ff!important;font-size:17px!important;letter-spacing:.03em!important}.wwawards-footcol p{margin-top:8px!important;color:#e5f0fa!important;font-size:14px!important;line-height:1.35!important}.wwawards-footcol.generated{display:flex!important;flex-direction:column!important;justify-content:center!important}.wwawards-footcol.generated h3{font-size:15px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.wwawards-footcol.generated p{margin-top:9px!important;color:#fff!important;font-size:18px!important;font-weight:900!important;letter-spacing:.025em!important}.wwawards-footcol.thanks{text-align:center!important;padding-left:26px!important;padding-right:26px!important}.wwawards-footcol.thanks h3{font-size:14px!important;line-height:1.28!important}.wwawards-footcol.thanks p{color:#26bff0!important;font-size:19px!important;font-weight:900!important;letter-spacing:.03em!important}.wwawards-footcol.team{text-align:center!important}.wwawards-footcol.team h3{color:#4fd4ff!important;font-size:32px!important;font-weight:300!important;font-style:italic!important}.wwawards-footcol.team p{font-size:16px!important;font-weight:900!important}


/* Export CanvasGradient safety v45.1 */
.wwawards-track i{background-image:none!important;background-color:var(--card-accent)!important;box-shadow:none!important}
.wwdash-bandtrack i{background-image:none!important;background-color:#35e0ad!important;box-shadow:none!important}
.wwdash-band:nth-child(2) .wwdash-bandtrack i{background-color:#33bfff!important}
.wwdash-band:nth-child(3) .wwdash-bandtrack i{background-color:#a06cff!important}
.wwdash-band:nth-child(4) .wwdash-bandtrack i{background-color:#ff9f21!important}
.wwdash-band:nth-child(5) .wwdash-bandtrack i{background-color:#ff5444!important}
.wwdash-band:nth-child(6) .wwdash-bandtrack i{background-color:#e8df20!important}
.wwdash-progresstrack i{background-image:none!important;background-color:#35cfd0!important;box-shadow:none!important}
.wwdash-roletrack i{background-image:none!important;background-color:#31df9d!important;box-shadow:none!important}
.wwdash-roletrack em{background-image:none!important;background-color:#ff932d!important;box-shadow:none!important}
.export-gradient-safe .wwawards-section>h2 i,
.export-gradient-safe .wwdash-activity-title i,
.export-gradient-safe .wwdash-stat:before{background-image:none!important;background-color:currentColor!important;box-shadow:none!important}


/* ======================================================================
   DIPLOMY – HLAVIČKA: RUČNÍ NASTAVENÍ
   ======================================================================
   UPRAVUJ POUZE HODNOTY V TOMTO BLOKU.
   Starší pravidla výše už není potřeba hledat ani měnit.

   Poznámka:
   - větší TOP    = prvek níž
   - menší TOP    = prvek výš
   - větší RIGHT  = prvek víc doleva
   - menší RIGHT  = prvek víc doprava
   - větší BOTTOM = prvek výš
   - menší BOTTOM = prvek níž
   ====================================================================== */

.wwawards {
  /* ================================================================
     CELKOVÁ VÝŠKA HORNÍHO HERO BOXU
     OK7JN + DIPLOMY A ÚROVNĚ + TOTA
     ================================================================
     MENŠÍ číslo = celý horní box NIŽŠÍ
     VĚTŠÍ číslo = celý horní box VYŠŠÍ

     Příklad:
     190px = původní vyšší hlavička
     160px = doporučená nižší hlavička
     145px = ještě nižší hlavička

     Uvolněné místo se automaticky rozdělí mezi boxy
     AKTIVÁTOR a LOVEC, takže celý export zůstane vysoký stejně. */
  --awards-hero-height: 160px;

  /* HERO POZADÍ */
  --awards-hero-darkness-left: 0.56;
  --awards-hero-darkness-middle: 0.08;
  --awards-hero-darkness-right: 0.46;

  /* ================================================================
     SPOLEČNÁ VÝŠKA HLAVNÍHO ŘÁDKU
     OK7JN vlevo + TOTA vpravo
     ================================================================
     Tato jediná hodnota nastavuje oba bloky stejně vysoko.
     MENŠÍ číslo = oba bloky výš
     VĚTŠÍ číslo = oba bloky níž */
  --awards-main-row-top: 14px;

  /* LEVÝ BLOK – VLAJKA, ZNAČKA, STÁT, OPERÁTOR */
  --awards-identity-left: 22px;
  --awards-call-font-size: 61px;
  --awards-flag-width: 76px;
  --awards-flag-height: 50px;

  /* ================================================================
     TOTA + TRIGPOINTS ON THE AIR
     ================================================================ */

  /* POZICE VODOROVNĚ:
     MENŠÍ číslo = celý blok více DOPRAVA
     VĚTŠÍ číslo = celý blok více DOLEVA
     Příklad: 100px → 70px = posun o 30 px doprava */
  --awards-tota-right: -65px;

  /* POZICE SVISLE:
     Výšku TOTA už nenastavuj zvlášť.
     Řídí ji společná hodnota --awards-main-row-top výše,
     takže OK7JN a TOTA zůstávají vždy stejně vysoko. */

  /* ŠÍŘKA CELÉHO BLOKU TOTA:
     Větší číslo = širší prostor pro TOTA a spodní text */
  --awards-tota-width: 410px;

  /* VELIKOST PÍSMEN T O T A */
  --awards-tota-font-size: 62px;

  /* VELIKOST KULATÉHO LOGA MEZI PÍSMENY */
  --awards-tota-logo-size: 54px;

  /* MEZERA MEZI TOTA A TEXTEM TRIGPOINTS ON THE AIR:
     Větší číslo = spodní text níž */
  --awards-tota-subtitle-gap: 5px;

  /* VELIKOST TEXTU TRIGPOINTS ON THE AIR */
  --awards-tota-subtitle-size: 15px;

  /* ================================================================
     DIPLOMY A ÚROVNĚ
     ================================================================ */

  /* POZICE NADPISU SVISLE OD HORNÍHO OKRAJE HERO BOXU:
     MENŠÍ číslo = DIPLOMY A ÚROVNĚ VÝŠ
     VĚTŠÍ číslo = DIPLOMY A ÚROVNĚ NÍŽ

     Tato hodnota se nemění při zmenšení výšky HERO boxu,
     takže nadpis zůstane na stejném místě.
     Příklad: 43px → 35px = posun o 8 px výš */
  --awards-title-top: 83px;

  /* VELIKOST NADPISU DIPLOMY A ÚROVNĚ */
  --awards-title-font-size: 41px;
}


/* ----------------------------------------------------------------------
   VÝŠKA JEDNOTLIVÝCH HLAVNÍCH ŘÁDKŮ EXPORTU
   ----------------------------------------------------------------------
   1. řádek = HERO hlavička podle --awards-hero-height
   2. řádek = AKTIVÁTOR, automaticky využije volné místo
   3. řádek = LOVEC, automaticky využije volné místo
   4. řádek = R2R, pevná výška 206px
   5. řádek = spodní patička, pevná výška 90px

   TENTO BLOK NENÍ POTŘEBA RUČNĚ MĚNIT.
   Výšku hlavičky nastavuj pouze hodnotou
   --awards-hero-height výše.
   ---------------------------------------------------------------------- */
.wwawards {
  grid-template-rows:
    var(--awards-hero-height)
    minmax(0, 1fr)
    minmax(0, 1fr)
    206px
    90px !important;
}


/* ----------------------------------------------------------------------
   HERO POZADÍ
   ---------------------------------------------------------------------- */
.wwawards-hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 8, 24, var(--awards-hero-darkness-left)) 0%,
      rgba(0, 13, 34, var(--awards-hero-darkness-middle)) 45%,
      rgba(0, 8, 24, var(--awards-hero-darkness-right)) 100%
    ),
    url('tota-world-map-hero-final.png') !important;
}


/* ----------------------------------------------------------------------
   LEVÝ BLOK – VLAJKA A VOLACÍ ZNAČKA
   ---------------------------------------------------------------------- */
.wwawards-identity {
  left: var(--awards-identity-left) !important;
  top: var(--awards-main-row-top) !important;
}

.wwawards-callrow > span {
  width: var(--awards-flag-width) !important;
  height: var(--awards-flag-height) !important;
}

.wwawards-callrow strong {
  font-size: var(--awards-call-font-size) !important;
}


/* ----------------------------------------------------------------------
   TOTA VPRAVO
   ---------------------------------------------------------------------- */
.wwawards-wordmark {
  right: var(--awards-tota-right) !important;
  top: var(--awards-main-row-top) !important;
  width: var(--awards-tota-width) !important;
}

.wwawards-wordmark > strong {
  font-size: var(--awards-tota-font-size) !important;
}

.wwawards-wordmark > strong span {
  width: calc(var(--awards-tota-logo-size) + 4px) !important;
  height: calc(var(--awards-tota-logo-size) + 4px) !important;
  flex-basis: calc(var(--awards-tota-logo-size) + 4px) !important;
}

.wwawards-wordmark > strong span img {
  width: var(--awards-tota-logo-size) !important;
  height: var(--awards-tota-logo-size) !important;
}

.wwawards-wordmark > small {
  margin-top: var(--awards-tota-subtitle-gap) !important;
  font-size: var(--awards-tota-subtitle-size) !important;
}


/* ----------------------------------------------------------------------
   HLAVNÍ NADPIS – DIPLOMY A ÚROVNĚ
   ---------------------------------------------------------------------- */
.wwawards-title {
  top: var(--awards-title-top) !important;
  bottom: auto !important;
}

.wwawards-title h1 {
  font-size: var(--awards-title-font-size) !important;
}

/* ======================================================================
   KONEC RUČNÍHO NASTAVENÍ HLAVIČKY DIPLOMŮ
   ====================================================================== */


/* ======================================================================
   RYCHLÁ NÁPOVĚDA – STEJNÁ VÝŠKA OK7JN A TOTA
   ======================================================================
   Upravuj pouze tuto hodnotu v bloku výše:

   --awards-main-row-top: 14px;

   10px = oba bloky výš
   14px = doporučené zarovnání
   18px = oba bloky níž
   ====================================================================== */

/* ======================================================================
   RYCHLÁ NÁPOVĚDA – VÝŠKA HORNÍHO HERO BOXU
   ======================================================================
   Upravuj pouze tuto hodnotu v ručním nastavení výše:

   --awards-hero-height: 160px;

   190px = původní vyšší box
   170px = mírně nižší box
   160px = doporučená nižší varianta
   145px = hodně nízký box

   MENŠÍ číslo = box nižší
   VĚTŠÍ číslo = box vyšší

   Pozor: pod 140px už se může začít ořezávat stát nebo text
   WWTOTA OPERÁTOR.
   ====================================================================== */

/* ======================================================================
   DIPLOMY – OSTŘEJŠÍ TYPOGRAFIE KARET v47.1
   ======================================================================
   Malé texty nejsou přehnaně tučné, nemají rozmazávající stín a používají
   běžné řezy 700/800. Samotný PNG export se navíc vykresluje ve 2× rozlišení.
   ====================================================================== */

.wwawards-card,
.wwawards-card * {
  font-family: "Segoe UI", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
}

/* Název diplomu */
.wwawards-cardhead h3 {
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: .005em !important;
  text-shadow: none !important;
}

/* Kód diplomu: KAS6, KAA, VLS6… */
.wwawards-cardhead span {
  margin-top: 4px !important;
  color: #f0f4f9 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-shadow: none !important;
}

/* Hlavní počet bodů / referencí vlevo */
.wwawards-metric > strong {
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.wwawards-metric > small {
  margin-top: 5px !important;
  color: #f1f5fa !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Pravý sloupec – AKTUÁLNÍ ÚROVEŇ / DALŠÍ ÚROVEŇ */
.wwawards-levelcopy > small {
  color: #e1e8f0 !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: .005em !important;
  text-shadow: none !important;
}

.wwawards-levelcopy > strong {
  margin-top: 4px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.wwawards-levelcopy > span {
  margin-top: 9px !important;
  color: #e0e7ef !important;
  font-size: 9px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.wwawards-levelcopy > span b {
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* Spodní řádek – průběh, rok a procenta */
.wwawards-goal {
  color: #f4f7fb !important;
  font-size: 10px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.wwawards-goal em {
  color: #d9e2ec !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.wwawards-goal b {
  font-size: 10px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* Širší R2R karty */
.wwawards-bottom .wwawards-cardhead h3 {
  font-size: 15px !important;
}

.wwawards-bottom .wwawards-levelcopy > small {
  font-size: 10px !important;
}

.wwawards-bottom .wwawards-levelcopy > strong {
  font-size: 16px !important;
}

.wwawards-bottom .wwawards-levelcopy > span {
  font-size: 10px !important;
}

/* Text zůstává plně čitelný i u ještě nedosažených plaket. */
.wwawards-card .wwawards-levelcopy,
.wwawards-card .wwawards-metric,
.wwawards-card .wwawards-goal {
  opacity: 1 !important;
}

/* ======================================================================
   KONEC – OSTŘEJŠÍ TYPOGRAFIE KARET DIPLOMŮ
   ====================================================================== */

/* ======================================================================
   DIPLOMY – BAREVNÉ TEXTY, NÁZVY ÚROVNÍ A JEDNOTNÉ POZADÍ v47.2
   ======================================================================
   - pozadí všech karet odpovídá tmavému pozadí PNG plaket z Canvy
   - aktuální a další úroveň zobrazují Bronze / Silver / Gold / ...
   - barvy textů rozlišují sekci i dosaženou úroveň
   ====================================================================== */

/* Jednotné pozadí karty = barva pozadí přímo v PNG plaketě. */
.wwawards-card,
.wwawards-card.hunter,
.wwawards-card.r2r {
  --award-section-color: #f0bd24;
  --award-section-soft: #ffe08a;
  --current-level-color: #ffffff;
  --next-level-color: #ffffff;
  background: #001131 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.wwawards-card.hunter {
  --award-section-color: #2fc9f5;
  --award-section-soft: #8ae8ff;
}

.wwawards-card.r2r {
  --award-section-color: #a96bea;
  --award-section-soft: #d5adff;
}

/* Stejné pozadí i přímo pod plaketou – zmizí viditelný obdélník. */
.wwawards-plaque,
.wwawards-plaque img {
  background-color: #001131 !important;
}

/* Barvy dosažených úrovní. */
.wwawards-card.level-none      { --current-level-color: #ffffff; }
.wwawards-card.level-bronze    { --current-level-color: #e1a05b; }
.wwawards-card.level-silver    { --current-level-color: #e6edf6; }
.wwawards-card.level-gold      { --current-level-color: #ffd54a; }
.wwawards-card.level-platinum  { --current-level-color: #79e7ff; }
.wwawards-card.level-diamond   { --current-level-color: #67f1d4; }
.wwawards-card.level-master    { --current-level-color: #d89aff; }
.wwawards-card.level-elite     { --current-level-color: #ff8fc8; }
.wwawards-card.level-legend    { --current-level-color: #ff9f68; }

/* Barvy nejbližší další úrovně. */
.wwawards-card.next-bronze     { --next-level-color: #e1a05b; }
.wwawards-card.next-silver     { --next-level-color: #e6edf6; }
.wwawards-card.next-gold       { --next-level-color: #ffd54a; }
.wwawards-card.next-platinum   { --next-level-color: #79e7ff; }
.wwawards-card.next-diamond    { --next-level-color: #67f1d4; }
.wwawards-card.next-master     { --next-level-color: #d89aff; }
.wwawards-card.next-elite      { --next-level-color: #ff8fc8; }
.wwawards-card.next-legend     { --next-level-color: #ff9f68; }
.wwawards-card.next-completed  { --next-level-color: #68e8aa; }

/* Název diplomu a jeho kód. */
.wwawards-cardhead h3 {
  color: var(--award-section-color) !important;
}

.wwawards-cardhead span {
  color: var(--award-section-soft) !important;
}

/* Hodnota vlevo zůstává bílá, jednotka dostane barvu sekce. */
.wwawards-metric > i {
  color: var(--award-section-color) !important;
}

.wwawards-metric > strong {
  color: #ffffff !important;
}

.wwawards-metric > small {
  color: var(--award-section-soft) !important;
}

/* Pravý sloupec: popisky podle sekce, názvy úrovní podle diplomu. */
.wwawards-levelcopy > small {
  color: var(--award-section-soft) !important;
}

.wwawards-levelcopy > strong {
  color: var(--current-level-color) !important;
}

.wwawards-levelcopy > span {
  color: #dbe5ef !important;
}

.wwawards-levelcopy > span b {
  color: var(--next-level-color) !important;
}

/* Spodní řádek: rok / ALLTIME a procenta v barvě sekce. */
.wwawards-goal > span {
  color: #ffffff !important;
}

.wwawards-goal em,
.wwawards-goal b {
  color: var(--award-section-color) !important;
}

.wwawards-track i {
  background-color: var(--award-section-color) !important;
}

/* ======================================================================
   KONEC – BAREVNÉ TEXTY A NÁZVY ÚROVNÍ
   ====================================================================== */