/* =======================================================================
   CLEAN FINAL STYLE.CSS
   - odstraněné duplicitní/staré přepisující bloky
   - pro každý selector/property zůstává finální hodnota
   - doplněná krátká nápověda přímo u důležitých úprav
   ======================================================================= */


/* =======================================================================
   ZÁKLADNÍ BARVY A GLOBÁLNÍ NASTAVENÍ
   ======================================================================= */
:root{
  --bg: #020a18;
  --card: #0d2144;
  --card2: #102a55;
  --text: #f4f8ff;
  --muted: #90add0;
  --line: rgba(106,176,255,.22);
  --accent: #49c6ff;
  --good: #79e7a5;
  --bad: #ff8c8c;
  --bg2: #07152f;
  --panel: rgba(4,18,42,.84);
  --panel2: rgba(7,28,63,.72);
  --line2: rgba(106,176,255,.13);
  --cyan: #38d7ff;
  --blue: #2f8cff;
  --green: #65f0a6;
  --gold: #ffd943;
}

*{
  box-sizing: border-box;
}

body{
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(circle at 18% 14%, rgba(55,194,255,.16), transparent 27%),
    radial-gradient(circle at 75% 10%, rgba(55,118,255,.14), transparent 24%),
    linear-gradient(180deg, #020713 0%, #05152e 48%, #020711 100%);
  color: var(--text);
  min-height: 100vh; /* velikost */
  overflow-x: hidden;
}


/* =======================================================================
   HORNÍ LIŠTA / HEADER
   ======================================================================= */
.hero{
  display: grid !important;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px !important; /* odsazení uvnitř */
  border-bottom: 1px solid rgba(77,166,255,.12) !important;
  background: rgba(3,10,24,.82) !important;
  position: sticky;
  top: 0;
  z-index: 10;
  backdrop-filter: blur(16px);
  grid-template-columns: auto auto minmax(260px,360px) auto;
  min-height: 72px; /* velikost */
}

h1{
  margin: 0 0 6px;
  font-size: clamp(24px, 3vw, 38px); /* velikost písma/ikony */
}

p{
  margin: 0;
  color: var(--muted);
}

.searchBox{
  display: flex !important;
  gap: 0 !important;
  min-width: min(360px,100%) !important;
  position: relative;
}

input{
  width: 100%; /* velikost */
  padding: 10px 12px !important; /* odsazení uvnitř */
  border-radius: 12px !important;
  border: 1px solid var(--line);
  background: #06142c;
  color: var(--text);
  font-size: 14px !important; /* velikost písma/ikony */
  outline: none;
}

button{
  padding: 13px 16px; /* odsazení uvnitř */
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #28b7ff, #7af0d3);
  color: #021024;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

main{
  max-width: 1460px !important;
  margin: 0 auto;
  padding: 18px 26px 10px !important; /* odsazení uvnitř */
}

.status{
  padding: 8px 13px !important; /* odsazení uvnitř */
  border-radius: 16px !important;
  background: rgba(4,18,42,.55) !important;
  margin-bottom: 10px !important;
  color: #8fb4df !important;
  max-width: 1400px;
  margin: 0 auto 12px !important;
  border: 1px solid var(--line2);
  font-size: 12px !important; /* velikost písma/ikony */
  margin-top: 10px !important;
}

.status.ok{
  color: #71e5a4 !important;
}

.status.error, .errorBox{
  color: var(--bad);
  background: rgba(255,0,0,.08);
  border: 1px solid rgba(255,0,0,.22);
}

.card{
  background: linear-gradient(180deg, rgba(16,42,85,.96), rgba(10,28,60,.96));
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px; /* odsazení uvnitř */
  box-shadow: 0 16px 50px rgba(0,0,0,.25);
  margin-bottom: 20px;
}

.cardHead, .profileHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

h2{
  margin: 0;
  font-size: 24px; /* velikost písma/ikony */
}

#csvInfo{
  color: var(--muted);
  font-size: 13px; /* velikost písma/ikony */
}

.tableWrap{
  overflow: auto;
  border-radius: 16px;
  border: 1px solid var(--line);
  border-color: rgba(117,167,231,.18) !important;
  background: rgba(2,12,29,.7) !important;
}

.topProfilesScroll{
  max-height: 520px;
}

.topProfilesScroll table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
}

table{
  width: 100%; /* velikost */
  border-collapse: collapse;
  min-width: 850px;
}

th, td{
  padding: 12px 13px; /* odsazení uvnitř */
  text-align: left;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

th{
  background: rgba(5,23,52,.96) !important;
  color: #79dfff !important;
  position: sticky;
  top: 0;
  text-transform: uppercase;
  font-size: 12px; /* velikost písma/ikony */
}

tr:hover td{
  background: rgba(73,198,255,.06);
}

.linkBtn{
  background: none;
  color: var(--accent);
  padding: 0; /* odsazení uvnitř */
  border-radius: 0;
  font-weight: 900;
}

.profile.hidden{
  display: none;
}

.bigNumber{
  text-align: center;
  background: #071832;
  border: 1px solid var(--line);
  border-radius: 20px !important;
  padding: 12px 18px !important; /* odsazení uvnitř */
  min-width: 140px !important;
}

.bigNumber span{
  display: block;
  font-size: 62px !important; /* velikost písma/ikony */
  font-weight: 900;
  color: var(--accent);
  line-height: 1 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.bigNumber small{
  color: var(--muted);
  font-size: 13px !important; /* velikost písma/ikony */
}

.statsGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px !important;
  margin: 14px 0 !important;
}

.statsGrid div{
  background: #081a39;
  border: 1px solid var(--line);
  border-radius: 16px !important;
  padding: 12px 14px !important; /* odsazení uvnitř */
}

.statsGrid strong{
  display: block;
  font-size: 22px !important; /* velikost písma/ikony */
  color: #fff;
}

.statsGrid span{
  color: var(--muted);
  font-size: 12px !important; /* velikost písma/ikony */
}

.detailGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.detailGrid > div{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 14px; /* odsazení uvnitř */
}

h3{
  margin: 0 0 10px;
}

.badge, .more{
  display: inline-block;
  padding: 5px 8px; /* odsazení uvnitř */
  border-radius: 999px;
  margin: 3px;
  background: #173967;
  color: #dcecff;
  font-size: 13px; /* velikost písma/ikony */
}

.more{
  background: #285a91;
}

.muted{
  color: var(--muted);
}

.loading{
  color: var(--muted);
}

.backBtn{
  margin: 0 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: sticky;
  top: 116px;
  z-index: 2;
  width: max-content; /* velikost */
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.profile{
  scroll-margin-top: 150px;
}


/* =======================================================================
   TABULKA TOP PROFILŮ
   ======================================================================= */
#topProfilesCard{
  scroll-margin-top: 150px;
  max-width: 1400px;
  margin: 20px auto !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg,rgba(6,24,55,.84),rgba(3,15,37,.9)) !important;
  border: 1px solid var(--line) !important;
}

.refSummary{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 16px;
}

.refSummary span{
  background: #081a39;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px; /* odsazení uvnitř */
  color: var(--muted);
}

.refSummary b{
  color: #fff;
  font-size: 18px; /* velikost písma/ikony */
}

.detailGrid.v5{
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.panel{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px !important;
  padding: 14px !important; /* odsazení uvnitř */
  min-height: 150px; /* velikost */
}

.panel h3{
  font-size: 16px !important; /* velikost písma/ikony */
  margin-bottom: 12px;
}

.panel h4{
  margin: 14px 0 8px;
  color: #cfe1ff;
}

.miniTable{
  width: 100%; /* velikost */
  min-width: 0;
  border-collapse: collapse;
}

.miniTable th, .miniTable td{
  padding: 7px 8px !important; /* odsazení uvnitř */
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 13px !important; /* velikost písma/ikony */
}

.miniTable th{
  position: static;
  background: rgba(5,20,44,.7);
}

.miniTable .num, .num{
  text-align: right;
  white-space: nowrap;
}

.bandModeTable .pill{
  margin: 3px 5px 3px 0;
}

.pill, .countryChip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px; /* odsazení uvnitř */
  border-radius: 999px;
  margin: 3px;
  background: #12447a;
  color: #e7f3ff;
}

.countryChip b, .pill b{
  color: #fff;
}

.roleBox{
  display: grid;
  grid-template-columns: 110px 1fr 90px;
  gap: 12px;
  align-items: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 10px 12px !important; /* odsazení uvnitř */
  margin: 4px 0 18px;
}

.roleBox span{
  color: var(--muted);
  display: block;
  font-size: 13px; /* velikost písma/ikony */
}

.roleBox b{
  font-size: 16px !important; /* velikost písma/ikony */
}

.roleBar{
  height: 12px; /* velikost */
  border-radius: 999px;
  background: #06142c;
  overflow: hidden;
  border: 1px solid var(--line);
}

.roleBar i{
  display: block;
  height: 100%; /* velikost */
  background: linear-gradient(135deg, #28b7ff, #7af0d3);
  border-radius: 999px;
}

.hero h1{
  letter-spacing: -0.03em;
}

.card, .profile.card{
  border-radius: 26px;
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}

.profileHead{
  align-items: flex-start;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 16px;
}

.detailGrid.v6clean{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: start;
}

.detailGrid.v6clean .panel{
  border-radius: 22px;
  padding: 18px; /* odsazení uvnitř */
  min-height: auto; /* velikost */
}

.detailGrid.v6clean .panel h3{
  font-size: 21px; /* velikost písma/ikony */
  margin-bottom: 14px;
}

.detailGrid.v6clean .panel:nth-child(3), .detailGrid.v6clean .panel:nth-child(4), .detailGrid.v6clean .panel:nth-child(5), .detailGrid.v6clean .panel:nth-child(6){
  font-size: .95rem; /* velikost písma/ikony */
}

.countryChip, .pill{
  margin: 4px;
  padding: 5px 8px !important; /* odsazení uvnitř */
  font-size: 12px !important; /* velikost písma/ikony */
}


/* =======================================================================
   PROFIL OPERÁTORA - HLAVNÍ DASHBOARD
   ======================================================================= */
.profile.card{
  padding: 0 !important; /* odsazení uvnitř */
  overflow: visible;
  border-radius: 30px;
  max-width: 1400px;
  margin: 0 auto 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.v7-profile{
  display: block;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

.v7-back{
  margin-bottom: 18px;
}


/* =======================================================================
   HORNÍ PROFILOVÝ BOX S MAPOU
   ======================================================================= */
.v7-hero{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 124px !important;
  gap: 14px !important;
  align-items: center;
  padding: 14px 18px !important; /* odsazení uvnitř */
  border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(90deg, rgba(3,10,24,.46) 0%, rgba(5,16,38,.22) 42%, rgba(3,10,24,.55) 100%),
    url("tota-world-map-hero-final.png?v=16") center center / cover no-repeat !important;
  border: 1px solid var(--line) !important;
  margin-bottom: 0 !important;
  min-height: 104px !important; /* velikost */
  position: relative;
  overflow: hidden !important;
  border-bottom: 0 !important;
  box-shadow: inset 0 0 70px rgba(37,173,255,.08), 0 18px 60px rgba(0,0,0,.28);
  filter: none !important;
}

.v7-kicker{
  color: #25d4ff !important;
  font-size: 16px !important; /* velikost písma/ikony */
  font-weight: 950 !important;
  margin-bottom: 5px !important;
  line-height: 1.1 !important; /* výška řádku - pomáhá háčkům/čárkám */
  text-transform: uppercase;
  margin: 0 0 12px !important;
}

.v7-hero h2{
  font-size: 36px !important; /* velikost písma/ikony */
  margin: 0 !important;
  letter-spacing: -0.04em;
  line-height: .82 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-hero p{
  margin: 10px 0 0;
  color: #c6def7 !important;
  font-size: 13px !important; /* velikost písma/ikony */
  line-height: 1.15 !important; /* výška řádku - pomáhá háčkům/čárkám */
  margin-top: 7px !important;
  opacity: .94 !important;
}


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
.v7-qso{
  min-width: 124px !important;
  text-align: center;
  padding: 9px !important; /* odsazení uvnitř */
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(6,22,50,.9), rgba(2,10,27,.92)) !important;
  border: 1px solid rgba(126,174,235,.32) !important;
  width: 124px !important; /* velikost */
  height: 82px !important; /* velikost */
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: inset 0 0 28px rgba(63,177,255,.08),0 0 25px rgba(0,0,0,.28);
}


/* Číslo v QSO boxu
   font-size = velikost čísla */
.v7-qso strong{
  display: block;
  font-size: 46px !important; /* velikost písma/ikony */
  color: #68dcff !important;
  line-height: .9 !important; /* výška řádku - pomáhá háčkům/čárkám */
  text-shadow: 0 0 22px rgba(74,207,255,.75);
}


/* Text QSO CELKEM
   font-size = velikost popisku */
.v7-qso span{
  display: block;
  color: #5fe7ff !important;
  margin-top: 2px !important;
  font-size: 14px !important; /* velikost písma/ikony */
  text-transform: uppercase;
  font-weight: 950 !important;
}


/* Spodní pás Aktivátor / Lovec
   padding = výška a odsazení pásu */
.v7-role{
  margin: 0 !important;
  padding: 13px 18px !important; /* odsazení uvnitř */
  border-radius: 0 0 22px 22px !important;
  background: rgba(5,18,42,.86) !important;
  border: 1px solid var(--line) !important;
  box-shadow: inset 0 0 40px rgba(69,188,255,.06);
}


/* Texty Aktivátor / Lovec / počty
   font-size = velikost textů */
.v7-role-top, .v7-role-bottom{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #b9d3f8;
  font-weight: 700;
  font-size: 16px !important; /* velikost písma/ikony */
  line-height: 1.1 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-role-top b{
  color: #fff;
}

.v7-role-bottom{
  margin-top: 5px !important;
  font-size: 15px !important; /* velikost písma/ikony */
  color: #93b9df !important;
  text-transform: none;
  font-weight: 800 !important;
}


/* Zeleno-modrý progress bar
   height = tloušťka čáry */
.v7-rolebar{
  height: 8px !important; /* velikost */
  margin-top: 10px !important;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(160,180,210,.28) !important;
  margin: 6px 0 !important;
}

.v7-rolebar i{
  display: block;
  height: 100%; /* velikost */
  border-radius: 999px;
  background: linear-gradient(90deg,#62f59d 0%, #42d9e7 55%, #3c97ff 100%) !important;
  box-shadow: 0 0 14px rgba(74,224,255,.55);
}


/* =======================================================================
   HORNÍ METRICKÉ BOXÍKY
   ======================================================================= */


/* 50 / 13 / 57 / 6
   velikost hlavních čísel v horních boxech */


/* REFERENCÍ CELKEM / R2R QSO / DXCC ZEMÍ / PÁSEM
   font-size = velikost textu
   line-height = prostor pro háčky/čárky
   padding-top / margin-top = posun textu níže */


/* =======================================================================
   ROZLOŽENÍ KARET: RÁDIO / REFERENCE / DXCC / AKTIVITA
   ======================================================================= */
.v7-grid{
  display: grid !important;
  grid-template-columns: minmax(310px,.82fr) minmax(0,1.9fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  grid-template-areas: "radio radio"
    "refs dx"
    "refs activity" !important;
}

.v7-card{
  padding: 14px !important; /* odsazení uvnitř */
  border-radius: 18px !important;
  background: linear-gradient(180deg,rgba(6,24,55,.84),rgba(3,15,37,.9)) !important;
  border: 1px solid var(--line) !important;
  box-shadow: inset 0 0 45px rgba(60,183,255,.05),0 12px 34px rgba(0,0,0,.18);
  height: auto !important; /* velikost */
  min-height: auto !important; /* velikost */
}

.v7-radio, .v7-refs{
  min-height: 520px; /* velikost */
}

.v7-card-head{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center !important;
  margin-bottom: 9px !important;
  min-height: auto !important; /* velikost */
  padding-bottom: 7px !important;
  border-bottom: 1px solid rgba(117,167,231,.12) !important;
  margin: 0 0 14px !important;
  padding: 0 0 8px !important; /* odsazení uvnitř */
}

.v7-card h3{
  margin: 0;
  font-size: 24px; /* velikost písma/ikony */
}

.v7-card-head span{
  color: #8fb4df !important;
  font-size: 12px !important; /* velikost písma/ikony */
  text-align: right;
  max-width: 220px;
  font-weight: 800;
}

.v7-section-title{
  color: #24d4ff !important;
  font-size: 12px !important; /* velikost písma/ikony */
  font-weight: 950;
  margin: 16px 0 8px !important;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.v7-section-title:first-child{
  margin-top: 0;
}

.v7-bands{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.v7-band{
  display: flex !important;
  grid-template-columns: 72px minmax(0,1fr) !important;
  gap: 12px;
  align-items: center;
  padding: 12px 14px !important; /* odsazení uvnitř */
  border-radius: 12px !important;
  background: rgba(3,14,34,.76) !important;
  border: 1px solid rgba(117,167,231,.2) !important;
  min-height: 56px !important; /* velikost */
  justify-content: space-between;
}

.v7-band strong{
  display: block;
  font-size: 18px !important; /* velikost písma/ikony */
}

.v7-band span{
  display: block !important;
  color: #8fb4df !important;
  font-size: 12px !important; /* velikost písma/ikony */
}

.v7-modechips, .v7-cloud{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.v7-modechips em, .v7-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px !important; /* odsazení uvnitř */
  border-radius: 999px;
  background: rgba(41, 126, 205, .48);
  color: #eef7ff;
  font-style: normal;
  font-weight: 800;
  font-size: 12px !important; /* velikost písma/ikony */
}

.v7-chip b{
  color: #fff;
  margin-left: auto;
}

.v7-ranks{
  display: grid;
  gap: 9px;
}

.v7-rank, .v7-listrow{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 6px 8px !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  background: rgba(2, 19, 46, .46);
  border: 1px solid rgba(255,255,255,.07);
  min-height: 32px !important; /* velikost */
  font-size: 13px !important; /* velikost písma/ikony */
}

.v7-rank span, .v7-listrow span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v7-rank strong, .v7-listrow b{
  color: #fff;
  font-size: 15px !important; /* velikost písma/ikony */
}

.v7-ref-summary{
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

.v7-ref-summary div{
  padding: 14px !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  background: rgba(3,14,34,.78) !important;
  border: 1px solid rgba(117,167,231,.2) !important;
  min-height: 74px !important; /* velikost */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.v7-ref-summary strong{
  display: block;
  font-size: 28px !important; /* velikost písma/ikony */
  line-height: 1; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-ref-summary span{
  display: block;
  color: #5bd7ff !important;
  margin-top: 2px !important;
  font-size: 13px !important; /* velikost písma/ikony */
  font-weight: 800;
}

.v7-split{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.v7-dx, .v7-time{
  min-height: 230px; /* velikost */
}

.v7-empty{
  color: #a9c7ee;
  padding: 12px 0; /* odsazení uvnitř */
}

.detailGrid, .statsGrid, .profileHead, .roleBox{
  display: none !important;
}

.v7-radio{
  grid-area: radio !important;
  min-height: auto !important; /* velikost */
}

.v7-refs{
  grid-area: refs !important;
  min-height: auto !important; /* velikost */
  height: 100% !important; /* velikost */
}

.v7-dx{
  grid-area: dx !important;
  width: 100% !important; /* velikost */
  min-height: auto !important; /* velikost */
  max-height: none !important;
  overflow: visible !important;
  padding-right: 22px !important;
}

.v7-time{
  grid-area: activity !important;
  width: 100% !important; /* velikost */
  min-height: 0 !important; /* velikost */
  align-self: start !important;
}

.v7-card-head h3{
  font-size: 19px !important; /* velikost písma/ikony */
  line-height: 1.1 !important; /* výška řádku - pomáhá háčkům/čárkám */
  text-transform: uppercase;
  letter-spacing: .01em;
}

.v7-modechips{
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 6px !important;
}

.v7-radio .v7-section-title:nth-of-type(2), .v7-radio .v7-section-title:nth-of-type(3){
  margin-top: 22px;
}

.v7-radio .v7-cloud{
  min-height: 42px; /* velikost */
}

.v7-radio .v7-ranks{
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 10px !important;
}

.v7-split > div{
  padding: 9px !important; /* odsazení uvnitř */
  border-radius: 12px !important;
  background: rgba(2, 19, 46, .28);
  border: 1px solid rgba(255,255,255,.06);
  min-height: 222px !important; /* velikost */
}

.v7-split .v7-section-title{
  margin-top: 0;
}

.v7-dx .v7-cloud{
  gap: 9px !important;
  align-content: start !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(185px,1fr)) !important;
  max-height: 275px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
  scrollbar-width: thin;
  scrollbar-color: #1d4f8c rgba(3,14,34,.55);
}

.v7-time .v7-ranks .v7-listrow{
  min-height: 46px; /* velikost */
}

.v7-time .v7-listrow span{
  font-size: 1.05rem; /* velikost písma/ikony */
}

.v7-time .v7-listrow b{
  font-size: 1.1rem; /* velikost písma/ikony */
}

.backBtn, .v7-back{
  top: 96px;
  border-radius: 999px;
  padding: 11px 18px; /* odsazení uvnitř */
  margin-bottom: 16px;
}

#top-profiles, .topProfiles, .topProfilesScroll{
  scroll-margin-top: 150px;
}

.v7-hero h1{
  font-size: clamp(44px,5vw,72px) !important; /* velikost písma/ikony */
  line-height: 0.95 !important; /* výška řádku - pomáhá háčkům/čárkám */
  margin: 4px 0 10px !important;
}

.v7-radio, .v7-refs, .v7-dx, .v7-time{
  min-height: auto !important; /* velikost */
  height: auto !important; /* velikost */
}

.v7-radio .v7-bands{
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 12px !important;
}

.v7-cloud{
  gap: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.v7-time .v7-listrow{
  min-height: 34px !important; /* velikost */
}

#topProfilesCard .tableWrap{
  background: #06142c !important;
  overflow: auto;
}

#topProfilesCard table{
  background: #06142c !important;
  table-layout: fixed !important;
  width: 100% !important; /* velikost */
}

#topProfilesCard thead th{
  background: #0a1d3f !important;
  color: #bcd0ed !important;
}

#topProfilesCard tbody{
  background: #06142c !important;
}

#topProfilesCard tbody tr{
  background: #071a3b !important;
}

#topProfilesCard tbody td{
  color: #eef5ff !important;
  background: #071a3b !important;
  text-align: center !important;
  vertical-align: middle !important;
}

#topProfilesCard tbody tr:nth-child(even) td{
  background: #09204a !important;
}

#topProfilesCard tbody tr:hover td{
  background: rgba(73,198,255,.12) !important;
}

#topProfilesCard .linkBtn, .callBtn{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #7fd8ff !important;
}

.miniFlag{
  width: 21px !important; /* velikost */
  height: 14px !important; /* velikost */
  max-width: 21px !important;
  object-fit: cover;
  border-radius: 2px;
  flex: 0 0 18px !important;
  display: inline-block !important;
  min-width: 21px !important;
  vertical-align: -1px !important;
  box-shadow: 0 0 8px rgba(0,0,0,.35);
}

.v7-band > div:first-child span{
  display: none !important;
}


.callBtn, .v7-rank span, .v7-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.v7-chip{
  overflow: visible !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 8px !important;
  min-height: 34px; /* velikost */
  border-radius: 9px !important;
  background: rgba(3,14,34,.78) !important;
  border: 1px solid rgba(117,167,231,.2) !important;
  padding: 7px 9px !important; /* odsazení uvnitř */
  font-size: 12px !important; /* velikost písma/ikony */
  color: #dcecff !important;
}

.v7-chip .miniFlag, .v7-rank .miniFlag, .callBtn .miniFlag{
  margin-right: 2px !important;
}

html{
  scroll-behavior: smooth;
}

body:before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: radial-gradient(circle, rgba(100,220,255,.8) 0 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 52%, rgba(82,200,255,.06) 52.2%, transparent 53%);
  background-size: 140px 140px, 100% 100%;
  mask-image: linear-gradient(#000, transparent 82%);
}

.brand{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  min-width: 260px;
}

.brandMark{
  width: 56px; /* velikost */
  height: 56px; /* velikost */
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #6de5ff;
  border: 1px solid rgba(107,220,255,.55);
  box-shadow: 0 0 22px rgba(51,197,255,.25);
  font-size: 34px; /* velikost písma/ikony */
  line-height: 1; /* výška řádku - pomáhá háčkům/čárkám */
}

.brandText strong{
  display: block;
  font-size: 52px; /* velikost písma/ikony */
  line-height: .78; /* výška řádku - pomáhá háčkům/čárkám */
  letter-spacing: -.06em;
  font-weight: 950;
  text-shadow: 0 0 18px rgba(255,255,255,.28);
}

.brandText small{
  display: block;
  margin-top: 6px;
  font-size: 10px; /* velikost písma/ikony */
  font-weight: 800;
  letter-spacing: .08em;
  color: #d6e8ff;
}

.topNav{
  display: flex;
  align-items: center;
  gap: 14px;
  justify-self: center;
}

.topNav a,.topNav button{
  height: 46px; /* velikost */
  padding: 0 22px; /* odsazení uvnitř */
  border-radius: 9px;
  border: 1px solid transparent;
  background: transparent;
  color: #39d7ff;
  text-decoration: none;
  font-weight: 900;
  font-size: 14px; /* velikost písma/ikony */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.topNav button{
  border-color: rgba(44,177,255,.72);
  background: rgba(7,30,67,.34);
  color: #6ee3ff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.searchBox input{
  height: 48px; /* velikost */
  border-radius: 10px !important;
  border: 1px solid rgba(112,154,218,.34) !important;
  background: rgba(3,11,27,.72) !important;
  padding: 0 54px 0 18px !important; /* odsazení uvnitř */
  color: #dcecff;
  box-shadow: inset 0 0 22px rgba(0,0,0,.28);
}

.searchBox button{
  position: absolute;
  right: 6px;
  top: 6px;
  width: 36px; /* velikost */
  height: 36px; /* velikost */
  padding: 0 !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 28px; /* velikost písma/ikony */
  line-height: 1; /* výška řádku - pomáhá háčkům/čárkám */
  font-weight: 400;
}

.refreshInfo{
  white-space: nowrap;
  color: #66cdfa;
  font-size: 14px; /* velikost písma/ikony */
  font-weight: 800;
}

.v7-hero:before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 20%, rgba(74,200,255,.14), transparent 36%);
  pointer-events: none;
}

.v7-hero>*{
  position: relative;
  z-index: 1;
}

.profileCall,.v7-hero h2{
  display: flex !important;
  align-items: center;
  gap: 18px;
  font-size: clamp(58px,6vw,86px) !important; /* velikost písma/ikony */
  line-height: .86 !important; /* výška řádku - pomáhá háčkům/čárkám */
  margin: 0 !important;
  font-weight: 950;
  letter-spacing: -.06em;
  text-shadow: 0 0 18px rgba(255,255,255,.28);
}


/* Vlajka u volací značky
   width / height = velikost vlajky */
.heroFlag{
  width: 56px !important; /* velikost */
  height: 38px !important; /* velikost */
  border-radius: 5px !important;
  object-fit: cover !important;
  box-shadow: 0 0 10px rgba(0,0,0,.42) !important;
  flex: 0 0 42px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  flex-basis: 56px !important;
}

.v7-role-top,.v7-role-bottom{
  font-size: 16px !important; /* velikost písma/ikony */
  font-weight: 950 !important;
  color: #5edfff !important;
  text-transform: uppercase;
}


.v7-modechips em{
  background: rgba(8,30,68,.9) !important;
  border: 1px solid rgba(93,160,237,.22);
  white-space: nowrap !important;
  line-height: 1 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-rank,.v7-listrow{
  min-height: 40px !important; /* velikost */
  padding: 10px 13px !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  background: rgba(3,14,34,.78) !important;
  border: 1px solid rgba(117,167,231,.2) !important;
  font-size: 13px !important; /* velikost písma/ikony */
}

.v7-rank strong,.v7-listrow b{
  font-size: 14px !important; /* velikost písma/ikony */
  color: #fff !important;
}

.v7-split>div{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important; /* odsazení uvnitř */
}

.v7-chip span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v7-time .v7-ranks,.v7-refs .v7-ranks{
  gap: 9px !important;
}

.flagEmoji{
  font-size: 18px; /* velikost písma/ikony */
  line-height: 1; /* výška řádku - pomáhá háčkům/čárkám */
}

#topProfilesCard .cardHead h2{
  text-transform: uppercase;
  font-size: 22px; /* velikost písma/ikony */
}

#topProfilesCard .cardHead span{
  color: #8fb4df;
  font-weight: 800;
}

td{
  font-size: 13px; /* velikost písma/ikony */
}

.pageFooter{
  max-width: 1400px;
  margin: 0 auto 22px;
  padding: 16px 28px; /* odsazení uvnitř */
  color: #79a5cf;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  align-items: center;
  font-size: 13px; /* velikost písma/ikony */
}

.pageFooter>div:nth-child(2){
  text-align: center;
}

.pageFooter>div:nth-child(3){
  text-align: right;
}

.footerLogo strong{
  display: block;
  font-size: 34px; /* velikost písma/ikony */
  line-height: .85; /* výška řádku - pomáhá háčkům/čárkám */
  color: rgba(255,255,255,.52);
}

.footerLogo small{
  font-size: 10px; /* velikost písma/ikony */
  color: rgba(255,255,255,.38);
}

.pageFooter b{
  display: inline-block;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  padding: 5px 8px; /* odsazení uvnitř */
  color: rgba(255,255,255,.65);
  font-size: 20px; /* velikost písma/ikony */
}

.profileCall, .v7-hero h2{
  font-size: 42px !important; /* velikost písma/ikony */
  line-height: .9 !important; /* výška řádku - pomáhá háčkům/čárkám */
  letter-spacing: -1px !important;
  margin: 0 !important;
}


/* Celý metrický box
   min-height = výška boxu
   padding = odsazení TOP RIGHT BOTTOM LEFT */


/* 🏆 〰 🌐 📻 IKONY V HORNÍCH BOXECH
   left = posun ikony zleva
   font-size = velikost ikony */


.v7-hero::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 55% 30%, rgba(255,190,80,.06), transparent 25%),
    radial-gradient(circle at 44% 55%, rgba(45,195,255,.04), transparent 42%) !important;
}

.v7-hero > *{
  position: relative !important;
  z-index: 1 !important;
}


/* Volací značka v horním profilu
   font-size = velikost značky
   gap = mezera mezi vlajkou a značkou */
.profileCall{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important; /* odsazení uvnitř */
  font-size: 44px !important; /* velikost písma/ikony */
  line-height: .9 !important; /* výška řádku - pomáhá háčkům/čárkám */
  font-weight: 950 !important;
  letter-spacing: -1px !important;
  color: #fff !important;
  text-shadow: 0 0 13px rgba(255,255,255,.18) !important;
}

.profileCall span{
  display: inline-block !important;
}

.v7-dx .v7-chip{
  display: grid !important;
  grid-template-columns: 24px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 32px !important; /* velikost */
  padding: 6px 9px !important; /* odsazení uvnitř */
  white-space: normal !important;
  height: 32px !important; /* velikost */
  line-height: 1 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-dx .v7-chip span{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.15 !important; /* výška řádku - pomáhá háčkům/čárkám */
}

.v7-dx .v7-chip b{
  justify-self: end !important;
}

.v7-time .v7-ranks{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 9px !important;
}

.v7-export-row{
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 0 12px !important;
}

.v7-export-btn{
  border: 1px solid rgba(80,205,255,.45) !important;
  background: linear-gradient(135deg, rgba(33,168,255,.22), rgba(95,240,194,.18)) !important;
  color: #7fe8ff !important;
  border-radius: 12px !important;
  padding: 9px 14px !important; /* odsazení uvnitř */
  font-size: 12px !important; /* velikost písma/ikony */
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 18px rgba(70,200,255,.08), 0 8px 24px rgba(0,0,0,.18) !important;
}

.v7-export-btn:hover{
  color: #ffffff !important;
  border-color: rgba(100,235,255,.75) !important;
}

.v7-export-btn:disabled{
  opacity: .65 !important;
  cursor: wait !important;
}

.exporting-dashboard .v7-export-row{
  display: none !important;
}

body.exporting-dashboard::before{
  display: none !important;
  content: none !important;
}

.pngExportStage{
  position: absolute !important;
  left: -100000px !important; /* posun zleva */
  top: 0 !important;
  width: 1360px !important; /* velikost */
  min-width: 1360px !important;
  max-width: 1360px !important;
  padding: 0 !important; /* odsazení uvnitř */
  margin: 0 !important;
  overflow: visible !important;
  background: #020a18 !important;
  color: #f4f8ff !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.pngExportStage, .pngExportStage *{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.pngExportStage .png-export-clone{
  width: 1360px !important; /* velikost */
  min-width: 1360px !important;
  max-width: 1360px !important;
  margin: 0 !important;
  padding: 0 !important; /* odsazení uvnitř */
  overflow: visible !important;
  background: #020a18 !important;
}

.pngExportStage .v7-hero{
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important; /* velikost */
  min-height: 104px !important; /* velikost */
  padding: 14px 18px !important; /* odsazení uvnitř */
  gap: 18px !important;
  overflow: hidden !important;
}

.pngExportStage .v7-hero > div:first-child{
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 150px) !important;
}

.pngExportStage .v7-hero .v7-qso{
  order: 2 !important;
  flex: 0 0 124px !important;
  width: 124px !important; /* velikost */
  min-width: 124px !important;
  max-width: 124px !important;
  height: 82px !important; /* velikost */
  margin-left: auto !important;
  align-self: flex-start !important;
}

.pngExportStage .v7-hero::before, .pngExportStage .v7-hero::after, .pngExportStage .v7-card::before, .pngExportStage .v7-card::after{
  display: none !important;
  content: none !important;
}

.pngExportStage .profileCall{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.pngExportStage .profileCall span{
  display: inline-block !important;
  white-space: nowrap !important;
}

.pngExportStage .v7-grid{
  display: grid !important;
  grid-template-columns: minmax(310px,.82fr) minmax(0,1.9fr) !important;
  grid-template-areas: "radio radio"
    "refs dx"
    "refs activity" !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.pngExportStage .v7-radio{
  grid-area: radio !important;
}

.pngExportStage .v7-refs{
  grid-area: refs !important;
}

.pngExportStage .v7-dx{
  grid-area: dx !important;
}

.pngExportStage .v7-time{
  grid-area: activity !important;
}

.pngExportStage .v7-export-row{
  display: none !important;
}

.pngExportStage img{
  display: inline-block !important;
}

.hero img{
  max-height: 48px;
}

.hero button{
  padding: 8px 14px !important; /* odsazení uvnitř */
  min-height: 40px; /* velikost */
  border-radius: 12px !important;
  background: rgba(5,20,44,.35) !important;
  border: 1px solid rgba(90,190,255,.65) !important;
  color: #dff5ff !important;
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  font-size: 14px !important; /* velikost písma/ikony */
  transition: .2s ease;
}

.hero button:hover{
  background: rgba(30,120,190,.18) !important;
  box-shadow: 0 0 18px rgba(73,198,255,.22) !important;
}

.hero button.active, .hero button[aria-pressed="true"], .hero button.selected{
  background: rgba(73,198,255,.12) !important;
  border-color: #72dcff !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(73,198,255,.35),
    inset 0 0 10px rgba(73,198,255,.12) !important;
}

.hero h1, .hero .topTitle, .hero .top-operators{
  font-size: 32px !important; /* velikost písma/ikony */
}

.langSwitch{
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.hero .langBtn, .langSwitch .langBtn{
  height: 32px !important; /* velikost */
  min-height: 32px !important; /* velikost */
  padding: 0 13px !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  border: 1px solid rgba(96,204,255,.72) !important;
  background: rgba(3,13,31,.42) !important;
  color: #e6f7ff !important;
  font-size: 13px !important; /* velikost písma/ikony */
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  line-height: 32px !important; /* výška řádku - pomáhá háčkům/čárkám */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.hero .langBtn:hover, .langSwitch .langBtn:hover{
  background: rgba(45,169,235,.12) !important;
  border-color: #75dcff !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(83,215,255,.22), inset 0 0 12px rgba(83,215,255,.06) !important;
}

.hero .langBtn.active, .hero .langBtn[aria-pressed="true"], .langSwitch .langBtn.active, .langSwitch .langBtn[aria-pressed="true"]{
  background: linear-gradient(180deg,#3fd7ff,#136baf) !important;
  border-color: #f3fbff !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 2px rgba(191,244,255,.25),
    0 0 22px rgba(63,215,255,.75),
    inset 0 0 14px rgba(255,255,255,.18) !important;
  border: 1px solid #bff4ff !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 10px rgba(255,255,255,.65) !important;
}

.v7-dx .v7-cloud::-webkit-scrollbar{
  width: 8px !important; /* velikost */
}

.v7-dx .v7-cloud::-webkit-scrollbar-thumb{
  background: #1d4f8c !important;
  border-radius: 10px !important;
}

.v7-dx .v7-cloud::-webkit-scrollbar-track{
  background: rgba(3,14,34,.55) !important;
  border-radius: 10px !important;
}

#topProfilesCard th[data-sort]{
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  position: sticky;
  top: 0;
}

#topProfilesCard th[data-sort]::after{
  content: " ↕";
  opacity: .45;
  font-size: 11px; /* velikost písma/ikony */
}

#topProfilesCard th[data-sort].sorted[data-dir="desc"]::after{
  content: " ↓";
  opacity: 1;
  color: #7af0d3;
}

#topProfilesCard th[data-sort].sorted[data-dir="asc"]::after{
  content: " ↑";
  opacity: 1;
  color: #7af0d3;
}

#topProfilesCard td:nth-child(3), #topProfilesCard td:nth-child(4), #topProfilesCard td:nth-child(5), #topProfilesCard td:nth-child(6), #topProfilesCard td:nth-child(7), #topProfilesCard td:nth-child(8){
  text-align: right;
  white-space: nowrap;
}

#topProfilesCard tbody td:first-child, #topProfilesCard tbody td:nth-child(2){
  text-align: left !important;
}

#topProfilesCard th, #topProfilesCard td{
  text-align: center !important;
  vertical-align: middle !important;
}

#topProfilesCard th:nth-child(1), #topProfilesCard td:nth-child(1){
  width: 70px !important; /* velikost */
}

#topProfilesCard th:nth-child(2), #topProfilesCard td:nth-child(2){
  width: 260px !important; /* velikost */
  text-align: left !important;
}

#topProfilesCard td:nth-child(2){
  padding-left: 18px !important;
}

#topProfilesCard .callBtn{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

.v7-modechips em.mode-ssb, .v7-cloud .v7-chip.mode-ssb{
  background: linear-gradient(180deg,rgba(255,190,61,.28),rgba(120,78,8,.34)) !important;
  border-color: rgba(255,210,92,.75) !important;
  color: #fff6d7 !important;
}

.v7-modechips em.mode-ft8, .v7-cloud .v7-chip.mode-ft8{
  background: linear-gradient(180deg,rgba(80,160,255,.30),rgba(18,61,132,.38)) !important;
  border-color: rgba(112,190,255,.78) !important;
  color: #eaf6ff !important;
}

.v7-modechips em.mode-ft4, .v7-cloud .v7-chip.mode-ft4{
  background: linear-gradient(180deg,rgba(180,110,255,.30),rgba(70,32,132,.38)) !important;
  border-color: rgba(205,155,255,.78) !important;
  color: #f4eaff !important;
}

.v7-modechips em.mode-fm, .v7-cloud .v7-chip.mode-fm{
  background: linear-gradient(180deg,rgba(60,230,170,.28),rgba(12,104,80,.36)) !important;
  border-color: rgba(91,245,194,.76) !important;
  color: #e9fff7 !important;
}

.v7-modechips em.mode-cw, .v7-cloud .v7-chip.mode-cw{
  background: linear-gradient(180deg,rgba(255,120,120,.28),rgba(128,32,32,.36)) !important;
  border-color: rgba(255,150,150,.78) !important;
  color: #fff0f0 !important;
}

.v7-modechips em.mode-am, .v7-cloud .v7-chip.mode-am{
  background: linear-gradient(180deg,rgba(255,150,80,.28),rgba(130,62,20,.36)) !important;
  border-color: rgba(255,176,110,.78) !important;
  color: #fff3e8 !important;
}

.v7-dx .v7-cloud.v7-dxcc-cloud{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(170px,1fr)) !important;
  gap: 7px !important;
  max-height: 198px !important;
  min-height: 198px !important; /* velikost */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  align-content: start !important;
}

.v10-activity-bars{
  display: grid !important;
  gap: 8px !important;
  max-height: 198px !important;
  overflow-y: auto !important;
  padding-right: 8px !important;
}

.v10-activity-row{
  display: grid !important;
  grid-template-columns: 54px minmax(0,1fr) 54px !important;
  align-items: center !important;
  min-height: 30px !important; /* velikost */
  gap: 8px !important;
  font-size: 12px !important; /* velikost písma/ikony */
}

.v10-activity-track{
  height: 10px !important; /* velikost */
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(4,18,42,.78) !important;
  border: 1px solid rgba(98,177,255,.16) !important;
}

.v10-activity-track i{
  display: block !important;
  height: 100% !important; /* velikost */
  border-radius: 999px !important;
  background: linear-gradient(90deg,#18d7ff,#3fffaa) !important;
  box-shadow: 0 0 10px rgba(34,220,255,.35) !important;
}

.v10-activity-row b{
  text-align: right !important;
  color: #fff !important;
  font-size: 12px !important; /* velikost písma/ikony */
  font-weight: 950 !important;
}

.v7-refs .v7-listrow{
  min-height: 32px !important; /* velikost */
  height: 32px !important; /* velikost */
}

.v7-rank{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important; /* velikost */
}

.v7-rank span{
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.v7-rank strong{
  justify-self: end !important;
  min-width: 28px !important;
  text-align: right !important;
}

.v10-activity-year{
  color: #d8eaff !important;
  font-weight: 900 !important;
}

.v11-activity-months{
  display: grid !important;
  gap: 12px !important;
  max-height: 198px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

.v11-activity-yearblock{
  display: grid !important;
  gap: 7px !important;
}

.v11-year-title{
  color: #d8eaff !important;
  font-size: 12px !important; /* velikost písma/ikony */
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

.v11-month-grid{
  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr)) !important;
  gap: 6px !important;
  align-items: end !important;
}

.v11-month{
  min-width: 0 !important;
  height: 72px !important; /* velikost */
  display: grid !important;
  grid-template-rows: 14px 1fr 14px !important;
  gap: 3px !important;
  align-items: end !important;
  text-align: center !important;
  padding: 4px 3px !important; /* odsazení uvnitř */
  border-radius: 10px !important;
  background: rgba(2,19,46,.42) !important;
  border: 1px solid rgba(98,177,255,.13) !important;
}

.v11-month span{
  color: #a9c7ee !important;
  font-size: 9px !important; /* velikost písma/ikony */
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.v11-month b{
  color: #fff !important;
  font-size: 10px !important; /* velikost písma/ikony */
  line-height: 1 !important; /* výška řádku - pomáhá háčkům/čárkám */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.v11-month-track{
  width: 100% !important; /* velikost */
  height: 34px !important; /* velikost */
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(4,18,42,.78) !important;
  border: 1px solid rgba(98,177,255,.15) !important;
  overflow: hidden !important;
}

.v11-month-track i{
  display: block !important;
  width: 100% !important; /* velikost */
  min-height: 3px !important; /* velikost */
  border-radius: 999px 999px 0 0 !important;
  background: linear-gradient(180deg,#65f0a6,#18d7ff) !important;
  box-shadow: 0 0 10px rgba(34,220,255,.30) !important;
}


[data-rank-type="activator"] strong, [data-rank-type="activator"] .rankNumber, [data-rank-type="activator"] .wrNumber{
  color: #38d7ff !important;
  text-shadow: 0 0 8px rgba(56,215,255,.42) !important;
}

[data-rank-type="hunter"] strong, [data-rank-type="hunter"] .rankNumber, [data-rank-type="hunter"] .wrNumber{
  color: #ffd943 !important;
  text-shadow: 0 0 8px rgba(255,217,67,.42) !important;
}

[data-rank-type="dxcc"] strong, [data-rank-type="dxcc"] .rankNumber, [data-rank-type="dxcc"] .wrNumber{
  color: #38d7ff !important;
  text-shadow: 0 0 8px rgba(56,215,255,.42) !important;
}

[data-rank-type="qso"] strong, [data-rank-type="qso"] .rankNumber, [data-rank-type="qso"] .wrNumber{
  color: #ffd943 !important;
  text-shadow: 0 0 8px rgba(255,217,67,.42) !important;
}

[data-rank-type="r2r"] strong, [data-rank-type="r2r"] .rankNumber, [data-rank-type="r2r"] .wrNumber{
  color: #ffd943 !important;
  text-shadow: 0 0 8px rgba(255,217,67,.42) !important;
}

[data-rank-type="overall"] strong, [data-rank-type="overall"] .rankNumber, [data-rank-type="overall"] .wrNumber{
  color: #ffd943 !important;
  text-shadow: 0 0 8px rgba(255,217,67,.42) !important;
}


@media (max-width:800px){
  .hero, .cardHead, .profileHead{
    flex-direction: column;
    align-items: stretch;
  }

  .searchBox{
    min-width: 0;
    flex-direction: column;
  }

  .statsGrid{
    grid-template-columns: repeat(2, 1fr);
  }

  .detailGrid{
    grid-template-columns: 1fr;
  }

}

@media (max-width:900px){
  .detailGrid.v5{
    grid-template-columns: 1fr;
  }

  .roleBox{
    grid-template-columns: 1fr;
  }

  .v7-hero{
    grid-template-columns: 1fr !important;
  }

  .bigNumber{
    width: 100%; /* velikost */
  }

}

@media (max-width: 900px){
  .statsGrid, .detailGrid.v6clean{
    grid-template-columns: 1fr;
  }

  .backBtn{
    position: static;
  }

}

@media (max-width: 980px){
  

  .v7-card-head{
    display: block;
  }

  .v7-card-head span{
    display: block;
    text-align: left;
    margin-top: 4px;
  }


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
  .v7-qso{
    min-width: 0 !important;
    width: 100% !important; /* velikost */
  }

  .v7-grid{
    grid-template-columns: 1fr !important;
    grid-template-areas: "radio"
        "refs"
        "dx"
        "activity" !important;
  }

  .v7-radio .v7-bands, .v7-radio .v7-ranks, .v7-split{
    grid-template-columns: 1fr !important;
  }

  .v7-hero{
    grid-template-columns: 1fr !important;
  }

}

@media (max-width: 1150px){
  .v7-profile{
    max-width: 100%;
  }

  .v7-bands, .v7-radio .v7-ranks{
    grid-template-columns: 1fr;
  }

}

@media (max-width: 920px){
  .v7-grid{
    grid-template-columns: 1fr;
    grid-template-areas: "radio"
        "refs"
        "dx"
        "activity";
  }

  .v7-radio, .v7-refs, .v7-dx, .v7-time{
    min-height: auto; /* velikost */
  }

  


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
  .v7-qso{
    min-width: 0;
  }

}

@media (max-width:1180px){
  .hero{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .brand{
    min-width: 0;
  }

  .topNav{
    justify-self: start;
  }

  .refreshInfo{
    white-space: normal;
  }

  .v7-grid{
    grid-template-columns: 1fr !important;
    grid-template-areas: "radio"
        "refs"
        "dx"
        "activity" !important;
  }

  .v7-radio .v7-bands,.v7-radio .v7-ranks,.v7-cloud{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .v7-hero{
    grid-template-columns: 1fr !important;
  }


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
  .v7-qso{
    width: 100% !important; /* velikost */
    min-width: 0 !important;
  }

  

  .pageFooter{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pageFooter>div{
    text-align: center !important;
  }

  .v7-dx .v7-cloud{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .v7-dx .v7-cloud.v7-dxcc-cloud{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    max-height: 198px !important;
    min-height: 198px !important; /* velikost */
  }

  .v7-radio .v7-bands, .v7-radio .v7-ranks{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  

}

@media (max-width:680px){
  main{
    padding: 12px !important; /* odsazení uvnitř */
  }

  .brandText strong{
    font-size: 40px; /* velikost písma/ikony */
  }

  .v7-hero{
    padding: 18px !important; /* odsazení uvnitř */
  }

  .profileCall,.v7-hero h2{
    font-size: 46px !important; /* velikost písma/ikony */
  }


/* Vlajka u volací značky
   width / height = velikost vlajky */
  .heroFlag{
    width: 56px !important; /* velikost */
    height: 38px !important; /* velikost */
  }

  

  

  .searchBox{
    width: 100%; /* velikost */
  }

  .topNav{
    width: 100%; /* velikost */
    justify-content: space-between;
  }

  .topNav a,.topNav button{
    flex: 1;
    padding: 0 10px; /* odsazení uvnitř */
  }

  .refreshInfo{
    font-size: 12px; /* velikost písma/ikony */
  }

}

@media (max-width:1500px){
  .v7-hero{
    min-height: 86px !important; /* velikost */
    padding: 10px 16px !important; /* odsazení uvnitř */
    grid-template-columns: minmax(0,1fr) 110px !important;
  }

  .profileCall, .v7-hero h2{
    font-size: 38px !important; /* velikost písma/ikony */
  }


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
  .v7-qso{
    width: 110px !important; /* velikost */
    min-width: 110px !important;
    height: 72px !important; /* velikost */
  }


/* Číslo v QSO boxu
   font-size = velikost čísla */
  .v7-qso strong{
    font-size: 40px !important; /* velikost písma/ikony */
  }


/* Spodní pás Aktivátor / Lovec
   padding = výška a odsazení pásu */
  .v7-role{
    padding: 9px 14px !important; /* odsazení uvnitř */
  }

}

@media (max-width:720px){
  .v7-hero{
    grid-template-columns: 1fr !important;
    min-height: auto !important; /* velikost */
    padding: 12px !important; /* odsazení uvnitř */
  }

  .profileCall, .v7-hero h2{
    font-size: 34px !important; /* velikost písma/ikony */
  }


/* Pravý QSO box
   width / height = velikost boxu
   padding = vnitřní odsazení */
  .v7-qso{
    width: 100% !important; /* velikost */
    min-width: 0 !important;
    height: auto !important; /* velikost */
    margin-top: 8px !important;
  }


/* Číslo v QSO boxu
   font-size = velikost čísla */
  .v7-qso strong{
    font-size: 38px !important; /* velikost písma/ikony */
  }

  


/* Volací značka v horním profilu
   font-size = velikost značky
   gap = mezera mezi vlajkou a značkou */
  .profileCall{
    font-size: 34px !important; /* velikost písma/ikony */
  }


/* Vlajka u volací značky
   width / height = velikost vlajky */
  .heroFlag{
    width: 34px !important; /* velikost */
    height: 24px !important; /* velikost */
    min-width: 34px !important;
    max-width: 34px !important;
    flex-basis: 34px !important;
  }

  .v7-dx .v7-cloud, .v7-time .v7-ranks{
    grid-template-columns: 1fr !important;
  }

  .v7-grid{
    grid-template-columns: 1fr !important;
    grid-template-areas: "radio"
        "refs"
        "dx"
        "activity" !important;
  }

  .v7-dx .v7-cloud{
    grid-template-columns: 1fr !important;
  }

  .v7-export-row{
    justify-content: stretch !important;
  }

  .v7-export-btn{
    width: 100% !important; /* velikost */
  }

  .v7-dx .v7-cloud.v7-dxcc-cloud{
    grid-template-columns: 1fr !important;
    max-height: 198px !important;
    min-height: 198px !important; /* velikost */
  }


/* Celý metrický box
   min-height = výška boxu
   padding = odsazení TOP RIGHT BOTTOM LEFT */
  

  .v7-radio .v7-bands, .v7-radio .v7-ranks, .v7-dx .v7-cloud.v7-dxcc-cloud{
    grid-template-columns: 1fr !important;
  }

  .v11-month-grid{
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  }

  .v11-month{
    height: 64px !important; /* velikost */
  }

}

@media (min-width:1500px){
  .v7-dx .v7-cloud{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

}

@media (max-width: 1180px){
  .v7-dx .v7-cloud{
    max-height: 430px !important;
  }

}

@media (max-width: 720px){
  .v7-dx .v7-cloud{
    max-height: 520px !important;
  }

}

@media (max-width:640px){
  

  

  

}

/* =======================================================================
   JARDA FINAL TUNING - HORNÍ DASHBOARD 2+2 + WORLD RANK KOMPAKT
   -----------------------------------------------------------------------
   Tohle je FINÁLNÍ přepis úplně dole v CSS.
   Když něco nesedí nahoře v metrických boxech nebo ve WORLD RANK,
   upravuj hlavně TADY. Starší bloky výše nech být, tento je přebije.
   ======================================================================= */

/* =======================================================================
   HORNÍ METRICKÉ BOXY - ROZLOŽENÍ 2+2 + ŠIRŠÍ WORLD RANK
   -----------------------------------------------------------------------
   Výsledek:
   [ REFERENCÍ ] [ R2R QSO ] [ ⭐ SVĚTOVÝ ŽEBŘÍČEK ]
   [ DXCC ZEMÍ ] [ PÁSEM   ] [ ⭐ SVĚTOVÝ ŽEBŘÍČEK ]

   grid-template-columns = šířka dvou levých sloupců + pravého WORLD RANK
   grid-template-areas   = rozmístění jednotlivých boxů
   gap                   = mezera mezi boxy
   padding               = mezera okolo všech boxů uvnitř modrého obalu
   ======================================================================= */


/* Pořadí levých čtyř boxů */


/* =======================================================================
   LEVÉ ČTYŘI METRICKÉ BOXY
   -----------------------------------------------------------------------
   min-height = výška jednoho boxu
   padding    = odsazení uvnitř boxu: TOP RIGHT BOTTOM LEFT
                poslední číslo LEFT dělá místo pro velkou ikonu
   ======================================================================= */


/* 🏆 〰 🌐 📻 IKONY V LEVÝCH BOXECH
   left      = posun ikony zleva
   font-size = velikost ikony */


/* 50 / 13 / 57 / 6
   font-size = velikost hlavních žlutých čísel */


/* REFERENCÍ CELKEM / R2R QSO / DXCC ZEMÍ / PÁSEM
   font-size  = velikost popisku
   line-height = prostor pro háčky/čárky
   margin-top  = posun popisku níž */


/* =======================================================================
   ⭐ SVĚTOVÝ ŽEBŘÍČEK - CELÝ PRAVÝ BOX
   -----------------------------------------------------------------------
   padding = vnitřní odsazení celého WORLD RANK boxu
   min-height = výška přes dva levé řádky
   ======================================================================= */


/* ⭐ SVĚTOVÝ ŽEBŘÍČEK - NADPIS
   font-size = velikost nadpisu
   margin-bottom = mezera pod nadpisem */


/* ⭐ hvězda v nadpisu
   font-size = velikost hvězdy */


/* Mřížka uvnitř WORLD RANK
   repeat(3,1fr) = 3 sloupce
   gap = mezera mezi šesti položkami */


/* Jedna položka WORLD RANK
   ROZLOŽENÍ:
   nahoře = ikona
   dole vlevo = text Aktivátor / Lovec / DXCC...
   dole vpravo = číslo #4 / #402...

   min-height = výška jedné položky
   padding = vnitřní odsazení položky */


/* 🏰 🎯 🌍 📡 🤝 🏆 IKONA VE WORLD RANK
   font-size = velikost ikony
   justify-self:left = ikona nahoře vlevo */


/* Aktivátor / Lovec / DXCC / QSO / R2R / Celkově
   font-size = velikost textu
   white-space:nowrap = drží text na jednom řádku */


/* #4 / #402 / #2 / #48
   font-size = velikost čísla
   color = základní barva čísla
   číslo je dole vpravo */


/* Barvy čísel podle typu ranku */


/* Pojistka: WORLD RANK nesmí převzít staré pseudo ikonky z .v7-metrics */


/* Export PNG musí použít stejné rozložení jako obrazovka */


/* Menší obrazovky: WORLD RANK půjde pod boxy přes celou šířku */
@media (max-width:1180px){
  
  
}

/* Mobil: vše pod sebe */
@media (max-width:720px){
  
  
  
}


/* =======================================================================
   JARDA FINAL FIX 2026-05-12
   - menší výška horních boxů na notebooku
   - WORLD RANK kompaktnější, ale čitelný
   - text Aktualizace zůstává vidět
   - přepnutí jazyka už nemá rozhazovat horní lištu
   ======================================================================= */

/* HORNÍ ŘÁDEK 2+2 + WORLD RANK
   padding = celkové odsazení panelu
   gap = mezera mezi boxy */


/* LEVÉ 4 BOXY - REFERENCÍ / R2R / DXCC / PÁSEM
   min-height = výška boxu
   padding = odsazení okolo čísla a textu */


/* Ikony v levých 4 boxech */


/* 50 / 13 / 57 / 6 */


/* REFERENCÍ CELKEM / R2R QSO / DXCC ZEMÍ / PÁSEM */


/* ⭐ SVĚTOVÝ ŽEBŘÍČEK - celý box
   min-height = výška celého rank boxu */


/* Nadpis WORLD RANK */


/* Hvězda u nadpisu */


/* Mřížka 3 x 2 */


/* Jedna položka WORLD RANK
   nahoře = ikona
   dole vlevo = text
   dole vpravo = číslo */


/* 🏰 🎯 🌍 📡 🤝 🏆 */


/* AKTIVÁTOR / LOVEC / DXCC / QSO / R2R / CELKOVĚ */


/* #4 / #402 / #2 */


/* Horní informace o aktualizaci CSV */
.refreshInfo{
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  color: #66cdfa !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* Notebooky - ještě nižší, aby byl vidět větší kus dashboardu */
@media (max-height: 850px){
  .v7-hero{ min-height: 92px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
  .v7-role{ padding-top: 9px !important; padding-bottom: 9px !important; }
  
  
  
  
  
  
}

/* Export PNG drží stejný kompaktní layout */


/* =======================================================================
   JARDA TUNING – KOMPAKTNÍ HORNÍ BOXY + BAREVNÉ MÓDY
   -----------------------------------------------------------------------
   TADY UŽ SAHEJ NA HORNÍ DASHBOARD.
   - levé 4 boxy zůstávají 2×2
   - WORLD RANK zůstává vpravo
   - boxy jsou nižší, aby se vešly na NTB
   - opravené font-size: 68px na popiscích
   - módy SSB / FT8 / FT4 / FM / CW / AM mají barvy
   ======================================================================= */


/* =======================================================================
   HORNÍ METRIKY – CELÝ BLOK
   -----------------------------------------------------------------------
   Rozložení:
   [ REFERENCÍ ] [ R2R ] [ WORLD RANK ]
   [ DXCC     ] [ PÁSMA ] [ WORLD RANK ]

   grid-template-columns = šířky sloupců
   gap = mezery mezi boxy
   padding = odsazení kolem boxů
   ======================================================================= */


/* Pořadí boxů vlevo */


/* =======================================================================
   LEVÉ 4 BOXY – REFERENCÍ / R2R / DXCC / PÁSEM
   -----------------------------------------------------------------------
   min-height = výška boxu
   padding = TOP RIGHT BOTTOM LEFT
   poslední číslo LEFT dělá místo pro ikonu vlevo.
   Když číslo leze do ikony, zvětši poslední hodnotu paddingu.
   ======================================================================= */


/* 🏆 〰 🌐 📻 IKONY V LEVÝCH BOXECH
   left = posun ikony zleva
   font-size = velikost ikony */


/* 50 / 13 / 57 / 6
   font-size = velikost hlavního čísla */


/* REFERENCÍ CELKEM / R2R QSO / DXCC ZEMÍ / PÁSEM
   font-size = velikost popisku
   line-height = prostor pro háčky/čárky
   margin-top = mezera mezi číslem a popiskem */


/* =======================================================================
   WORLD RANK – PRAVÝ HORNÍ BOX
   -----------------------------------------------------------------------
   min-height = výška celého pravého boxu
   ======================================================================= */


/* WORLD RANK nesmí dostat pseudo ikony z levých boxů */


/* ⭐ SVĚTOVÝ ŽEBŘÍČEK
   font-size = velikost nadpisu
   margin-bottom = mezera pod nadpisem */


/* Mřížka WORLD RANK
   repeat(3...) = tři sloupce
   gap = mezera mezi malými rank kartami */


/* Jedna rank karta
   min-height = výška malé karty */


/* Ikona v rank kartě */


/* Aktivátor / Lovec / DXCC / QSO / R2R / Celkově */


/* #4 / #402 / #2
   font-size = velikost pořadí */


/* Barevná čísla WORLD RANK */


/* =======================================================================
   SPODNÍ DASHBOARD – ROZLOŽENÍ PANELŮ
   -----------------------------------------------------------------------
   radio radio
   refs  dx
   refs  activity
   ======================================================================= */
.v7-grid{
  display: grid !important;
  grid-template-columns: minmax(310px,.82fr) minmax(0,1.9fr) !important;
  grid-template-areas:
    "radio radio"
    "refs dx"
    "refs activity" !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.v7-radio{ grid-area: radio !important; min-height: auto !important; }
.v7-refs{ grid-area: refs !important; min-height: auto !important; height: 100% !important; }
.v7-dx{ grid-area: dx !important; min-height: auto !important; }
.v7-time{ grid-area: activity !important; min-height: 0 !important; align-self: start !important; }

/* RÁDIO pásma */
.v7-radio .v7-bands{
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 12px !important;
}

/* DXCC země */
.v7-dx .v7-cloud,
.v7-dx .v7-cloud.v7-dxcc-cloud{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(170px,1fr)) !important;
  gap: 7px !important;
  max-height: 198px !important;
  min-height: 198px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  align-content: start !important;
}


/* =======================================================================
   BARVY MÓDŮ – SSB / FT8 / FT4 / FM / CW / AM
   -----------------------------------------------------------------------
   app.js přidává třídám mode-ssb / mode-ft8 / mode-fm...
   ======================================================================= */

/* SSB */
.v7-modechips em.mode-ssb,
.v7-cloud .v7-chip.mode-ssb,
.mode-ssb{
  background: linear-gradient(180deg,rgba(0,122,255,.34),rgba(0,60,150,.48)) !important;
  border-color: rgba(0,150,255,.86) !important;
  color: #e9f5ff !important;
}

/* FT8 */
.v7-modechips em.mode-ft8,
.v7-cloud .v7-chip.mode-ft8,
.mode-ft8{
  background: linear-gradient(180deg,rgba(255,144,44,.34),rgba(135,58,8,.52)) !important;
  border-color: rgba(255,142,45,.90) !important;
  color: #fff1df !important;
}

/* FT4 */
.v7-modechips em.mode-ft4,
.v7-cloud .v7-chip.mode-ft4,
.mode-ft4{
  background: linear-gradient(180deg,rgba(70,220,130,.32),rgba(14,95,52,.48)) !important;
  border-color: rgba(90,238,150,.86) !important;
  color: #eafff1 !important;
}

/* FM */
.v7-modechips em.mode-fm,
.v7-cloud .v7-chip.mode-fm,
.mode-fm{
  background: linear-gradient(180deg,rgba(178,95,255,.34),rgba(77,34,145,.52)) !important;
  border-color: rgba(190,120,255,.90) !important;
  color: #f6eaff !important;
}

/* CW */
.v7-modechips em.mode-cw,
.v7-cloud .v7-chip.mode-cw,
.mode-cw{
  background: linear-gradient(180deg,rgba(255,215,64,.34),rgba(130,92,10,.50)) !important;
  border-color: rgba(255,218,84,.88) !important;
  color: #fff8d8 !important;
}

/* AM */
.v7-modechips em.mode-am,
.v7-cloud .v7-chip.mode-am,
.mode-am{
  background: linear-gradient(180deg,rgba(255,120,120,.32),rgba(128,32,32,.50)) !important;
  border-color: rgba(255,150,150,.88) !important;
  color: #fff0f0 !important;
}


/* =======================================================================
   RESPONZIVITA
   ======================================================================= */
@media (max-width:1180px){
  

  

  .v7-grid{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "radio"
      "refs"
      "dx"
      "activity" !important;
  }

  .v7-radio .v7-bands,
  .v7-dx .v7-cloud,
  .v7-dx .v7-cloud.v7-dxcc-cloud{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:720px){
  

  

  

  

  .v7-radio .v7-bands,
  .v7-dx .v7-cloud,
  .v7-dx .v7-cloud.v7-dxcc-cloud{
    grid-template-columns: 1fr !important;
  }
}


/* =======================================================================
   FINAL CLEAN v71 — HORNÍ METRIKY + SVĚTOVÝ ŽEBŘÍČEK
   - jediný aktuální blok pro .v7-metrics / .v7-worldrank / .wr-*
   - opravený výpočet výšek: spodní řada už není uříznutá ani nalepená
   ======================================================================= */

.v7-metrics{
  display:grid !important;
  grid-template-columns:minmax(260px,.8fr) minmax(260px,.8fr) minmax(520px,1.55fr) !important;
  grid-template-rows:68px 68px !important;
  gap:10px !important;
  align-items:stretch !important;
  margin:10px 0 14px !important;
  padding:10px 12px !important;
  border:1px solid rgba(106,176,255,.18) !important;
  border-radius:18px !important;
  background:rgba(5,18,42,.48) !important;
}

/* Levé 4 metrické boxy */
.v7-metrics > div:not(.v7-worldrank){
  position:relative !important;
  min-height:68px !important;
  height:68px !important;
  padding:9px 14px 9px 62px !important;
  border-radius:14px !important;
  border:1px solid rgba(116,190,255,.26) !important;
  background:linear-gradient(180deg,rgba(8,28,62,.90),rgba(3,14,34,.95)) !important;
  box-shadow:inset 0 0 22px rgba(67,190,255,.05) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.v7-metrics > div:not(.v7-worldrank)::before{
  position:absolute !important;
  left:19px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:30px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 8px rgba(65,202,255,.35)) !important;
}

.v7-metrics > div:nth-child(1)::before{content:"🏆" !important;}
.v7-metrics > div:nth-child(2)::before{content:"〰" !important;color:#45dfff !important;font-weight:950 !important;}
.v7-metrics > div:nth-child(3)::before{content:"🌐" !important;}
.v7-metrics > div:nth-child(4)::before{content:"📻" !important;}

.v7-metrics > div:not(.v7-worldrank) strong{
  display:block !important;
  font-size:27px !important;
  line-height:.92 !important;
  font-weight:950 !important;
  color:#ffd84a !important;
  text-shadow:0 0 10px rgba(255,205,60,.32) !important;
  margin:0 !important;
}

.v7-metrics > div:not(.v7-worldrank) span{
  display:block !important;
  margin-top:3px !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:-.02em !important;
  color:#edf7ff !important;
  white-space:nowrap !important;
}

/* WORLD RANK: výška sedí na 2 řádky metrik */
.v7-worldrank{
  grid-column:3 !important;
  grid-row:1 / span 2 !important;
  min-height:146px !important;
  height:146px !important;
  padding:8px 14px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(116,190,255,.30) !important;
  background:linear-gradient(180deg,rgba(8,31,68,.94),rgba(3,13,32,.97)) !important;
  box-shadow:inset 0 0 26px rgba(67,190,255,.06) !important;
  display:grid !important;
  grid-template-rows:24px 92px !important;
  gap:6px !important;
  overflow:hidden !important;
  align-content:start !important;
}

.wr-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  height:24px !important;
  color:#f5f8ff !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:-.02em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}

.wr-title-star{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  font-size:21px !important;
  line-height:1 !important;
  color:#ffd84a !important;
  filter:drop-shadow(0 0 7px rgba(255,215,70,.55)) !important;
}

/* 2 řádky po 42px + 8px mezera = 92px.
   Nadpis je menší, takže dole vznikne malá bezpečná mezera. */
.wr-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:42px 42px !important;
  gap:8px !important;
  height:92px !important;
  min-height:92px !important;
  align-content:start !important;
  align-items:start !important;
}

.wr-item{
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  padding:7px 10px !important;
  border-radius:10px !important;
  border:1px solid rgba(116,190,255,.20) !important;
  background:rgba(2,12,30,.74) !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:"ico label rank" !important;
  align-items:center !important;
  column-gap:8px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.wr-ico{
  grid-area:ico !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  font-style:normal !important;
  font-size:19px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 5px rgba(255,215,70,.25)) !important;
}

.wr-label{
  grid-area:label !important;
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#f1f7ff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:-.02em !important;
}

.wr-rank{
  grid-area:rank !important;
  display:block !important;
  justify-self:end !important;
  min-width:42px !important;
  text-align:right !important;
  color:#ffd84a !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 0 8px rgba(255,205,60,.28) !important;
}

.wr-hunter .wr-rank{color:#ff9843 !important;}
.wr-dxcc .wr-rank{color:#52f0ff !important;}
.wr-qso .wr-rank{color:#7fa2ff !important;}
.wr-r2r .wr-rank{color:#e16cff !important;}
.wr-overall .wr-rank{color:#8cff62 !important;}

@media (max-width:1100px){
  .v7-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:68px 68px auto !important;
  }

  .v7-worldrank{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    height:auto !important;
    min-height:146px !important;
  }
}

@media (max-width:720px){
  .v7-metrics{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
  }

  .v7-metrics > div:not(.v7-worldrank){
    height:60px !important;
    min-height:60px !important;
  }

  .v7-worldrank{
    grid-column:auto !important;
  }

  .wr-grid{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:44px 44px 44px !important;
    height:auto !important;
    min-height:0 !important;
  }

  .wr-title{
    font-size:18px !important;
  }
}



/* =======================================================================
   JARDA FINAL FIX 2026-05-12 - TOTA LOGO V HLAVIČCE
   ======================================================================= */
.brandMark{
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(107,220,255,.55) !important;
  box-shadow: 0 0 22px rgba(51,197,255,.25) !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 60px !important;
}

.brandMark img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 50% !important;
}