/* WebFTR v26.32 Frontend Base CSS Module Step 1
   Extracted from frontend/index.html without selector/logic changes.
   Purpose: reduce inline index.html size and allow browser caching of base UI CSS. */
:root{
  --bg:#02070d;
  --panel:#07131d;
  --panel2:#091a26;
  --line:#0b7285;
  --cyan:#00e8ff;
  --green:#39ff3c;
  --orange:#ffb33e;
  --red:#a20d2d;
  --text:#eaf7ff;
  --muted:#9fb9c6;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:radial-gradient(circle at top,#06202c 0,#02070d 45%,#000 100%);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
.wrap{max-width:1460px;margin:0 auto;padding:14px}
.topbar,.panel,.module-card,.tile{
  border:1px solid rgba(0,232,255,.28);
  background:linear-gradient(180deg,rgba(7,19,29,.96),rgba(2,9,15,.96));
  box-shadow:0 0 18px rgba(0,232,255,.05);
}
.topbar{
  padding:12px;
  margin-bottom:16px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:
    radial-gradient(circle at 16% 0,rgba(255,179,62,.13),transparent 36%),
    linear-gradient(180deg,rgba(7,19,29,.98),rgba(2,9,15,.97));
}
.topbar:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,rgba(255,179,62,.18),rgba(0,232,255,.72),rgba(255,92,56,.22));
  opacity:.85;
}
.nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  position:relative;
  z-index:1;
}
.nav button,.login button,.close-btn{
  border:1px solid #168ea2;
  color:#fff;
  background:linear-gradient(135deg,#8a2e86,#0099d6);
  font-weight:400;
  padding:10px 16px;
  cursor:pointer;
}
.topbar .nav button,.topbar .login button{
  min-height:40px;
  border:1px solid rgba(0,232,255,.50);
  background:
    linear-gradient(180deg,rgba(0,232,255,.22),rgba(3,20,31,.90));
  color:#dffaff;
  font-size:12px;
  font-weight:400;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:
    0 0 16px rgba(0,232,255,.13),
    inset 0 0 12px rgba(0,232,255,.055);
  position:relative;
  overflow:hidden;
  text-shadow:0 0 8px rgba(0,232,255,.30);
  transition:filter .18s ease,transform .18s ease,box-shadow .18s ease;
}
.topbar .nav button:before,.topbar .login button:before{
  content:"";
  position:absolute;
  left:8px;right:8px;top:3px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.60),transparent);
  opacity:.72;
}
.topbar .nav button:hover,.topbar .login button:hover{
  filter:brightness(1.18);
  transform:translateY(-1px);
  box-shadow:0 0 22px rgba(0,232,255,.24),inset 0 0 14px rgba(0,232,255,.075);
}
.topbar .nav .nav-start{
  border-color:rgba(255,179,62,.82);
  color:#fff4d6;
  background:
    radial-gradient(circle at 30% 0,rgba(255,232,160,.24),transparent 42%),
    linear-gradient(180deg,rgba(255,179,62,.26),rgba(65,30,0,.92));
  box-shadow:0 0 18px rgba(255,179,62,.22),inset 0 0 14px rgba(255,179,62,.09);
  text-shadow:0 0 9px rgba(255,179,62,.40);
}
.topbar .nav .nav-design{
  border-color:rgba(0,232,255,.78);
  color:#e3fbff;
  background:
    radial-gradient(circle at 30% 0,rgba(0,232,255,.24),transparent 42%),
    linear-gradient(180deg,rgba(0,232,255,.24),rgba(5,28,48,.92));
  box-shadow:0 0 18px rgba(0,232,255,.24),inset 0 0 14px rgba(0,232,255,.08);
  text-shadow:0 0 9px rgba(0,232,255,.42);
}
.topbar .login .login-submit{
  border-color:rgba(0,232,255,.82);
  color:#f0fdff;
  background:
    radial-gradient(circle at 30% 0,rgba(0,232,255,.24),transparent 42%),
    linear-gradient(180deg,rgba(0,232,255,.25),rgba(0,39,58,.94));
  box-shadow:0 0 18px rgba(0,232,255,.24),inset 0 0 14px rgba(0,232,255,.08);
}
.login{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-top:0;
  margin-left:auto;
  flex:1 1 auto;
  min-width:0;
  position:relative;
  z-index:1;
}
.login input{
  flex:0 1 170px;
  max-width:220px;
  min-width:118px;
  height:38px;
  background:linear-gradient(180deg,rgba(3,14,22,.94),rgba(1,8,13,.96));
  color:var(--text);
  border:1px solid rgba(0,232,255,.32);
  padding:10px 11px;
  font-weight:800;
  letter-spacing:.03em;
  box-shadow:inset 0 0 12px rgba(0,232,255,.035);
}
.login input::placeholder{color:#7eb6c2;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.08em}
.topbar .login .login-register{
  border-color:rgba(66,214,138,.86);
  background:
    radial-gradient(circle at 30% 0,rgba(66,214,138,.26),transparent 42%),
    linear-gradient(180deg,rgba(66,214,138,.28),rgba(0,42,22,.94));
  color:#e9fff0;
  box-shadow:0 0 18px rgba(66,214,138,.24),inset 0 0 14px rgba(66,214,138,.08);
  text-shadow:0 0 9px rgba(66,214,138,.38);
}

.auth-status-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 9px;border:1px solid rgba(255,179,62,.46);
  background:linear-gradient(180deg,rgba(84,40,0,.86),rgba(20,9,0,.95));
  color:#ffd59b;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 0 12px rgba(255,179,62,.12);white-space:nowrap;
}
.auth-status-badge.on{border-color:rgba(66,214,138,.62);background:linear-gradient(180deg,rgba(0,70,36,.88),rgba(0,20,12,.96));color:#d8ffe4;box-shadow:0 0 14px rgba(66,214,138,.14)}
.auth-status-badge.err{border-color:rgba(255,88,76,.62);background:linear-gradient(180deg,rgba(86,12,10,.88),rgba(26,2,2,.96));color:#ffd5d0}

/* v26.10/v26.12: Auth header polish + success/error message colors.
   Eingeloggt: Login/Register-Felder ausblenden, Rufzeichen-Badge auf Buttonhöhe,
   roter Logout-Button rechts daneben. */
.login.auth-logged-in input,
.login.auth-logged-in .login-submit,
.login.auth-logged-in .login-register{
  display:none!important;
}
.auth-status-badge{
  min-height:40px!important;
  height:40px!important;
  padding:0 15px!important;
  border-radius:0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.login.auth-logged-in .auth-status-badge{
  min-width:96px;
  border-color:rgba(66,214,138,.82)!important;
  background:
    radial-gradient(circle at 30% 0,rgba(66,214,138,.24),transparent 42%),
    linear-gradient(180deg,rgba(0,74,38,.92),rgba(0,24,14,.98))!important;
  color:#e9fff0!important;
  text-shadow:0 0 9px rgba(66,214,138,.34)!important;
  box-shadow:0 0 18px rgba(66,214,138,.18),inset 0 0 12px rgba(66,214,138,.06)!important;
}
.auth-logout,
.auth-delete-account{
  display:none;
}
.login.auth-logged-in .auth-logout,
.login.auth-logged-in .auth-delete-account{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  height:40px;
  padding:0 16px;
  border:1px solid rgba(255,88,76,.82);
  background:
    radial-gradient(circle at 30% 0,rgba(255,88,76,.28),transparent 42%),
    linear-gradient(180deg,rgba(138,20,18,.94),rgba(42,4,4,.98));
  color:#fff1ee;
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 0 18px rgba(255,88,76,.20),inset 0 0 12px rgba(255,255,255,.04);
  text-shadow:0 0 8px rgba(255,88,76,.32);
}
.login.auth-logged-in .auth-logout:hover,
.login.auth-logged-in .auth-logout:focus{
  filter:brightness(1.14);
  box-shadow:0 0 22px rgba(255,88,76,.30),inset 0 0 14px rgba(255,255,255,.06);
  outline:0;
}

.login.auth-logged-in .auth-delete-account{
  border-color:rgba(255,179,62,.78);
  background:
    radial-gradient(circle at 30% 0,rgba(255,179,62,.28),transparent 42%),
    linear-gradient(180deg,rgba(112,55,0,.94),rgba(38,16,0,.98));
  color:#fff2cf;
  box-shadow:0 0 18px rgba(255,179,62,.18),inset 0 0 12px rgba(255,255,255,.035);
}
.login.auth-logged-in .auth-delete-account:hover,
.login.auth-logged-in .auth-delete-account:focus{
  filter:brightness(1.13);
  box-shadow:0 0 22px rgba(255,179,62,.28),inset 0 0 14px rgba(255,255,255,.06);
  outline:0;
}
@media(max-width:860px){
  .topbar{align-items:stretch;flex-wrap:wrap}
  .login{width:100%;justify-content:flex-start;flex-wrap:wrap;margin-left:0}
  .login input{flex:1 1 150px;max-width:none}
}
.grid-status{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.stat{padding:18px;min-height:130px;position:relative;overflow:hidden}
.stat h4{margin:0 0 12px;font-size:14px}
.big{font-size:42px;color:var(--cyan);letter-spacing:.04em}
.small{color:var(--muted);font-size:13px}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.info{padding:14px;background:rgba(255,255,255,.03);border:1px solid rgba(0,232,255,.2)}
.sdr-list{margin-top:12px}
.sdr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sdr{padding:16px;border:1px solid rgba(0,232,255,.25);background:#06121c}
.badge{float:right;border:1px solid #38a844;color:#bfffc2;padding:5px 10px;font-size:12px}
.badge.busy{border-color:#ffa600;color:#ffd18f}
.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.slot-summary{display:grid;grid-template-columns:auto auto auto minmax(88px,1fr);gap:6px;align-items:center;margin-top:6px}
.slot-summary-chip{border:1px solid rgba(255,179,62,.34);background:linear-gradient(180deg,rgba(255,179,62,.10),rgba(64,24,0,.18));color:#ffd18f;padding:4px 7px;font-size:10px;font-weight:1000;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 8px rgba(255,179,62,.04)}
.slot-summary-chip.free{border-color:rgba(66,214,138,.45);color:#b8ffd0;background:rgba(0,35,18,.35)}
.slot-summary-chip.busy{border-color:rgba(255,179,62,.62);color:#ffd18f;background:rgba(55,25,0,.55)}
.slot-summary-bar{height:9px;border:1px solid rgba(0,232,255,.28);background:#03080d;position:relative;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,.45)}
.slot-summary-bar span{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#42d68a,#ffb33e,#ff5f38);box-shadow:0 0 12px rgba(255,179,62,.22);transition:width .35s ease}
/* v23.54: Slot-Manager cards compacted and visually polished; status/data logic unchanged. */
/* v23.56: FT8 status/decode width and border alignment; visual-only point 3 from priority PDF. */
.slot-card{border:1px solid rgba(0,232,255,.30);background:radial-gradient(circle at 14% 0%,rgba(0,232,255,.10),transparent 38%),linear-gradient(180deg,rgba(0,22,30,.50),rgba(0,4,9,.91));padding:8px 9px;position:relative;box-shadow:0 0 14px rgba(0,232,255,.055),inset 0 0 14px rgba(0,232,255,.035);overflow:hidden;min-height:92px}
.slot-card:after{content:"";position:absolute;right:-35px;top:-35px;width:88px;height:88px;border:1px solid rgba(0,232,255,.08);transform:rotate(45deg);opacity:.65;pointer-events:none}
/* v21.93 slot card uppercase text */
.slot-card,.slot-card *{text-transform:uppercase}
.slot-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,232,255,.72),transparent);opacity:.58}
.slot-card.busy{border-color:rgba(255,179,62,.76);box-shadow:0 0 15px rgba(255,179,62,.14), inset 0 0 16px rgba(255,179,62,.035);background:radial-gradient(circle at 14% 0%,rgba(255,179,62,.13),transparent 38%),linear-gradient(180deg,rgba(60,31,0,.48),rgba(3,9,14,.94))}
.slot-card.busy:before{background:linear-gradient(90deg,transparent,rgba(255,179,62,.82),transparent);animation:slotPulse 2.4s ease-in-out infinite}
.slot-card.free{border-color:rgba(66,214,138,.58);box-shadow:0 0 12px rgba(66,214,138,.10), inset 0 0 14px rgba(66,214,138,.035)}
.slot-card.free:before{background:linear-gradient(90deg,transparent,rgba(66,214,138,.72),transparent)}
.slot-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;margin-bottom:5px;position:relative;z-index:1}
.slot-icon{width:26px;height:26px;border:1px solid rgba(0,232,255,.36);background:linear-gradient(180deg,rgba(0,232,255,.12),rgba(0,16,22,.72));display:flex;align-items:center;justify-content:center;color:#9ffcff;box-shadow:inset 0 0 10px rgba(0,232,255,.04),0 0 9px rgba(0,232,255,.08)}
.slot-icon svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.slot-card.busy .slot-icon{border-color:rgba(255,179,62,.60);color:#ffd18f;background:linear-gradient(180deg,rgba(255,179,62,.16),rgba(55,25,0,.62));box-shadow:0 0 10px rgba(255,179,62,.14),inset 0 0 10px rgba(255,179,62,.04)}
.slot-card.free .slot-icon{border-color:rgba(66,214,138,.52);color:#b8ffd0;background:linear-gradient(180deg,rgba(66,214,138,.13),rgba(0,28,16,.58))}
.slot-title{font-weight:1000;color:#eaf7ff;font-size:12px;text-transform:uppercase;letter-spacing:.05em;line-height:1.08}
.slot-subtitle{font-size:9.5px;color:#9ffcff;opacity:.88;margin-top:1px;text-transform:none;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.slot-state{border:1px solid rgba(66,214,138,.58);color:#b8ffd0;padding:3px 6px;font-size:9.5px;font-weight:1000;background:rgba(0,28,16,.58);letter-spacing:.06em;white-space:nowrap;box-shadow:0 0 9px rgba(66,214,138,.10)}
.slot-card.busy .slot-state{border-color:#ffb33e;color:#ffd18f;background:rgba(45,24,0,.72)}
.slot-usage{height:5px;border:1px solid rgba(0,232,255,.22);background:#01070b;margin:4px 0 5px;position:relative;overflow:hidden}
.slot-usage span{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#42d68a,#ffb33e);box-shadow:0 0 12px rgba(255,179,62,.22);transition:width .35s ease}
.slot-card.busy .slot-usage span{width:100%;background:linear-gradient(90deg,#ffb33e,#ff6d38);animation:slotBusyScan 1.8s ease-in-out infinite}
.slot-card.free .slot-usage span{width:18%;background:linear-gradient(90deg,#136d3d,#42d68a)}
.slot-chiprow{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0;position:relative;z-index:1}
.slot-chip{border:1px solid rgba(0,232,255,.24);background:linear-gradient(180deg,rgba(0,232,255,.055),rgba(0,20,28,.20));color:#cceeff;padding:2px 5px;font-size:8.8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.slot-chip.hw{border-color:rgba(255,179,62,.32);background:rgba(255,179,62,.06);color:#ffd18f}
.slot-chip.free{border-color:rgba(66,214,138,.40);background:rgba(66,214,138,.06);color:#b8ffd0}
.slot-meta{font-size:12px;color:var(--muted);line-height:1.5}
.slot-detail{margin-top:8px;border-top:1px solid rgba(0,232,255,.14);padding-top:8px;color:#dff9ff;font-size:12px;line-height:1.55;position:relative;z-index:1}
.slot-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:5px}
.slot-detail-item{border:1px solid rgba(0,232,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));padding:4px 5px;min-height:27px;box-shadow:inset 0 0 8px rgba(0,232,255,.02)}
.slot-detail-label{display:flex;align-items:center;gap:4px;color:#bfefff;font-size:8.2px;font-weight:1000;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-detail-icon{width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,232,255,.30);background:linear-gradient(180deg,rgba(0,232,255,.12),rgba(0,18,28,.6));color:#9ffcff;box-shadow:0 0 8px rgba(0,232,255,.10), inset 0 0 8px rgba(0,232,255,.04);flex:0 0 auto}
.slot-detail-icon svg{width:9px;height:9px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.slot-detail-item.freq .slot-detail-icon{border-color:rgba(0,232,255,.38);color:#9ffcff}
.slot-detail-item.bandwidth .slot-detail-icon{border-color:rgba(255,179,62,.44);color:#ffd18f;box-shadow:0 0 10px rgba(255,179,62,.12), inset 0 0 10px rgba(255,179,62,.04);background:linear-gradient(180deg,rgba(255,179,62,.15),rgba(54,24,0,.58))}
.slot-detail-item.profile .slot-detail-icon{border-color:rgba(188,122,255,.40);color:#e3c2ff;box-shadow:0 0 10px rgba(188,122,255,.10), inset 0 0 10px rgba(188,122,255,.04);background:linear-gradient(180deg,rgba(188,122,255,.14),rgba(28,12,46,.62))}
.slot-detail-item.session .slot-detail-icon{border-color:rgba(66,214,138,.40);color:#b8ffd0;box-shadow:0 0 10px rgba(66,214,138,.10), inset 0 0 10px rgba(66,214,138,.04);background:linear-gradient(180deg,rgba(66,214,138,.14),rgba(0,28,16,.60))}
.slot-detail-item b{display:block;color:#eaf7ff;font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-session-wrap{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;margin-top:2px;min-width:0}
.slot-session-badge{display:inline-flex;align-items:center;justify-content:center;min-height:16px;padding:0 5px;border:1px solid rgba(66,214,138,.50);background:linear-gradient(180deg,rgba(66,214,138,.16),rgba(0,28,16,.60));color:#b8ffd0;font-size:8.8px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 8px rgba(66,214,138,.10), inset 0 0 8px rgba(66,214,138,.04);flex:0 0 auto}
.slot-session-badge.busy{border-color:rgba(255,179,62,.64);background:linear-gradient(180deg,rgba(255,179,62,.18),rgba(56,24,0,.66));color:#ffd18f;box-shadow:0 0 12px rgba(255,179,62,.14), inset 0 0 9px rgba(255,179,62,.04)}
.slot-session-meta{color:#dff9ff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.slot-module{margin-top:5px;color:#ffd18f;font-weight:1000;position:relative;z-index:1;font-size:10px;line-height:1.15}
.slot-module-ready{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(66,214,138,.58);
  background:linear-gradient(180deg,rgba(66,214,138,.16),rgba(0,35,18,.70));
  color:#b8ffd0;
  padding:4px 7px;
  font-size:9.5px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
  box-shadow:0 0 13px rgba(66,214,138,.16), inset 0 0 10px rgba(66,214,138,.06);
}
.slot-jump{margin-top:5px;background:linear-gradient(180deg,#0d6b34,#043b1e);border:1px solid #42d68a;color:#dfffe9;font-size:9.5px;font-weight:1000;padding:5px 7px;box-shadow:0 0 10px rgba(66,214,138,.12);cursor:pointer;text-transform:uppercase;letter-spacing:.04em}
.slot-jump:hover{filter:brightness(1.18)}
@keyframes slotPulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes slotBusyScan{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.25)}}
/* v21.90 slot overview responsive */
@media(max-width:1180px){.slot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.slot-summary{grid-template-columns:1fr}.slot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-head{grid-template-columns:28px 1fr auto}}
@media(max-width:560px){.slot-head{grid-template-columns:28px 1fr}.slot-state{grid-column:1/-1;width:max-content}.slot-summary-chip{width:max-content}.slot-detail-grid{grid-template-columns:1fr}}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.tile{padding:8px 9px;min-height:74px;cursor:pointer;position:relative;border-bottom:2px solid #42d68a}
.tile:hover{border-color:var(--cyan)}
.tile.active-module{border-color:#ffb33e!important;border-bottom-color:#ff7a00!important;background:linear-gradient(180deg,rgba(90,45,0,.88),rgba(16,9,3,.96))!important;box-shadow:0 0 18px rgba(255,179,62,.18)!important}
.tile.active-module:before{content:"AKTIV";position:absolute;left:8px;top:8px;color:#ffd18f;border:1px solid rgba(255,179,62,.65);padding:3px 6px;font-size:10px;font-weight:900;background:rgba(40,19,0,.82)}
.tile.active-module h3{color:#ffd18f}
.tile.ft8-tile.active-module:before{display:none}
.tile .status.hidden{display:none}
.tile .status.active-status{
  color:#ffd18f;
  border-color:rgba(255,179,62,.78);
  background:linear-gradient(180deg,rgba(74,34,0,.92),rgba(16,8,0,.9));
  box-shadow:0 0 12px rgba(255,179,62,.18);
}
.tile.busy{opacity:.55;pointer-events:none}
.tile.busy:after{
  content:attr(data-busy);
  position:absolute;inset:auto 10px 10px 10px;
  background:rgba(0,18,28,.96);border:1px solid var(--cyan);
  color:var(--cyan);padding:8px;text-align:center;font-weight:900;
}
.tile h3{margin:0 0 4px;font-size:15px;line-height:1.02}
.tile p{color:#d6e7ef;font-size:10.5px;line-height:1.18;margin:0 0 4px}
.tile .module-desc{margin:4px 0 5px;color:#e4f6ff;font-size:10.3px;line-height:1.16;min-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile .module-desc b{color:#ffcf7a;font-size:9px;letter-spacing:.07em;margin-right:3px}
.tile:not(.module-disabled) .module-desc{color:#e8fff6}
.tile.module-disabled .module-desc{color:#9daab2!important}
.tile .status{position:absolute;right:6px;top:6px;color:#b8ffd0;border:1px solid rgba(66,214,138,.4);padding:2px 5px;font-size:8.6px}
.coreline{text-align:right;color:#a8ffb4;font-weight:800;margin:0 0 10px}

/* v21.33: compact 4-column module tiles */
.tile .small{font-size:9.5px;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .hwline{font-size:9.2px;line-height:1.12;margin-top:3px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .status.active-status{font-size:10px;padding:3px 6px}
/* v21.39: Besucherfreundliche Slot-Übersicht + kompakte grüne freie Modulkacheln */
.tile:not(.active-module):not(.busy):not(.blocked):not(.hwblocked){
  border-color:rgba(66,214,138,.38);
  border-bottom-color:#42d68a;
  background:linear-gradient(180deg,rgba(0,42,24,.36),rgba(0,8,12,.94));
  box-shadow:0 0 13px rgba(66,214,138,.055), inset 0 0 14px rgba(66,214,138,.025);
}
.tile:not(.active-module):not(.busy):not(.blocked):not(.hwblocked):hover{
  border-color:rgba(66,214,138,.82);
  box-shadow:0 0 18px rgba(66,214,138,.14), inset 0 0 15px rgba(66,214,138,.045);
}
.preset-only-badge{
  display:inline-block;float:right;margin-top:7px;padding:5px 8px;
  border:1px solid #d43755;color:#ffdce2;
  background:linear-gradient(180deg,#8e0a26,#3d0011);
  font-size:10px;font-weight:1000;letter-spacing:.06em;
  box-shadow:0 0 10px rgba(212,55,85,.15);
}

/* v21.88: unfertige Module sichtbar deaktivieren */
.tile.module-disabled{
  cursor:not-allowed!important;
  opacity:.52;
  filter:grayscale(.72) saturate(.42);
  border-color:rgba(120,140,150,.32)!important;
  border-bottom-color:#59646d!important;
  background:linear-gradient(180deg,rgba(42,48,54,.28),rgba(5,8,10,.96))!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.018)!important;
}
.tile.module-disabled:hover{
  border-color:rgba(255,179,62,.42)!important;
  box-shadow:0 0 12px rgba(255,179,62,.08), inset 0 0 16px rgba(255,179,62,.025)!important;
}
.tile.module-disabled h3,.tile.module-disabled p,.tile.module-disabled .small{color:#7f919b!important}
.tile.module-disabled .hwline{color:#7f919b!important;opacity:.72}
.tile.module-disabled .status{
  color:#ffcf9a!important;
  border-color:rgba(255,179,62,.35)!important;
  background:rgba(45,25,0,.42)!important;
}
.tile.module-disabled .preset-only-badge{display:none}
.tile.module-disabled .module-soon-badge{
  display:inline-block;float:right;margin-top:7px;padding:5px 8px;
  border:1px solid rgba(255,179,62,.40);
  color:#ffd18f;background:linear-gradient(180deg,rgba(88,39,0,.78),rgba(35,14,0,.86));
  font-size:10px;font-weight:1000;letter-spacing:.06em;
  box-shadow:0 0 10px rgba(255,179,62,.09);
}
.tile.module-disabled:after{
  content:'NOCH NICHT AKTIV';
  position:absolute;left:8px;top:8px;
  padding:3px 6px;border:1px solid rgba(255,179,62,.38);
  color:#ffd18f;background:rgba(22,12,0,.74);
  font-size:10px;font-weight:1000;letter-spacing:.05em;
}
.tile.module-disabled .status{top:8px;right:8px}
.tile.module-disabled .hwline:before{content:'VORBEREITET · ';color:#ffcf9a}
.tile.module-disabled:after{display:none!important;content:none!important}
.tile.module-disabled{padding-bottom:32px}
.tile.module-disabled .module-tile-badge-row{
  position:absolute;left:8px;right:8px;bottom:7px;z-index:4;
  display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap;
}
.tile.module-disabled .module-inactive-badge,
.tile.module-disabled .module-soon-badge{
  float:none!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;
  min-height:17px;padding:3px 5px;border:1px solid rgba(255,179,62,.62);
  color:#ffd18f;background:linear-gradient(180deg,rgba(102,48,0,.86),rgba(35,14,0,.92));
  font-size:7.8px;font-weight:1000;letter-spacing:.045em;text-transform:uppercase;
  box-shadow:0 0 12px rgba(255,179,62,.16),inset 0 0 9px rgba(255,179,62,.04);
}
.tile.module-disabled .module-inactive-badge{
  border-color:rgba(255,128,58,.78);color:#ffe2b8;
  background:linear-gradient(180deg,rgba(143,62,0,.92),rgba(54,18,0,.96));
  box-shadow:0 0 14px rgba(255,128,58,.20),inset 0 0 9px rgba(255,179,62,.05);
}


/* v25.46 UI Cleanup Bundle: calmer module tiles, modal messages and compact status badges. */
.tile .tile-art,.tile .module-desc{display:none!important;content:none!important}
.tile{min-height:92px!important;background:linear-gradient(180deg,rgba(0,29,38,.72),rgba(0,7,12,.96))!important;background-blend-mode:normal!important}
.tile h3{margin-right:94px!important}
.tile .small{font-size:10.5px!important;opacity:.82;max-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile .hwline{font-size:10px!important;max-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.module-use-badge,.preset-only-badge.module-use-badge{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;right:8px;bottom:8px;float:none!important;margin:0!important;min-width:78px;height:24px;padding:0 9px!important;border:1px solid rgba(66,255,138,.82)!important;color:#d9ffe5!important;background:linear-gradient(180deg,rgba(0,82,36,.92),rgba(0,18,10,.98))!important;box-shadow:0 0 15px rgba(66,255,138,.22),inset 0 0 10px rgba(66,255,138,.08)!important;text-shadow:0 0 9px rgba(66,255,138,.35);font-size:9.8px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase}
.tile.active-module .module-use-badge,.module-use-badge.in-use{border-color:rgba(255,82,96,.86)!important;color:#ffe4e8!important;background:linear-gradient(180deg,rgba(142,0,31,.96),rgba(42,0,13,.98))!important;box-shadow:0 0 17px rgba(255,65,88,.30),inset 0 0 10px rgba(255,255,255,.04)!important}
.tile .status{display:none!important}
.tile.module-disabled .module-tile-badge-row{bottom:8px!important}.tile.blocked:after,.tile.hwblocked:after{display:none!important;content:none!important}

@media(max-width:1200px){.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-height:82px}}
@media(max-width:560px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:86px}.tile h3{font-size:14px}}

.modules{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
.module-card{padding:22px;position:relative;width:100%;min-height:260px}
.module-card.active-module{border-color:#ffb33e;box-shadow:0 0 26px rgba(255,179,62,.16)}
.module-card h3{font-size:30px;margin:0 0 15px}
.close-btn{position:absolute;right:18px;top:18px;background:linear-gradient(180deg,#a20d2d,#590016);border-color:#d43755}
/* v24.27: Aufgabe 2 - MODUL SCHLIESSEN als klarer roter Exit-Button.
   Bewusst nur die echte Modul-Schliessen-Schaltflaeche, keine Badges/Chips. */
.module-card .close-btn,
button.close-btn{
  border:1px solid rgba(255,82,88,.92)!important;
  color:#fff4f4!important;
  background:
    radial-gradient(circle at 28% 0,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(180deg,rgba(196,25,42,.98),rgba(76,0,16,.99))!important;
  box-shadow:0 0 18px rgba(255,60,82,.32), inset 0 0 12px rgba(255,255,255,.055)!important;
  text-shadow:0 0 9px rgba(255,125,130,.38)!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  z-index:20;
}
.module-card .close-btn:hover,
button.close-btn:hover{
  border-color:rgba(255,150,150,.98)!important;
  background:
    radial-gradient(circle at 28% 0,rgba(255,255,255,.22),transparent 38%),
    linear-gradient(180deg,rgba(232,42,58,.99),rgba(104,0,20,.99))!important;
  box-shadow:0 0 22px rgba(255,70,90,.44), inset 0 0 13px rgba(255,255,255,.07)!important;
  filter:brightness(1.08);
}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.meta span{border:1px solid rgba(0,232,255,.35);padding:8px 12px;color:#dff9ff;font-weight:800}
.meta .activeSdrBadge{
  border-color:#d43755;
  color:#ffdce5;
  background:linear-gradient(180deg,#8f0b27,#3b0010);
  box-shadow:0 0 14px rgba(212,55,85,.18), inset 0 0 12px rgba(255,255,255,.035);
  text-shadow:0 0 8px rgba(255,120,150,.22);
}
.wfSpanBadge{
  border-color:rgba(66,255,138,.76)!important;
  color:#caffd9!important;
  background:linear-gradient(180deg,rgba(5,70,28,.58),rgba(0,30,24,.82));
  box-shadow:0 0 16px rgba(66,255,138,.22), inset 0 0 14px rgba(66,255,138,.10);
  text-shadow:0 0 8px rgba(66,255,138,.42);
  font-weight:1000!important;
  letter-spacing:.04em;
}
.wfSpanBadge b{color:#39ff7a;text-shadow:0 0 12px rgba(57,255,122,.58)}
.wfToggle{border:1px solid #d43755;padding:8px 14px;color:#ffdce2;font-weight:400;background:linear-gradient(180deg,#a20d2d,#590016);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 14px rgba(212,55,85,.20), inset 0 0 10px rgba(255,255,255,.03)}
.wfToggle.active{border-color:#ff5c78;color:#fff;background:linear-gradient(180deg,#b91338,#640019);box-shadow:0 0 16px rgba(255,64,96,.30), inset 0 0 10px rgba(255,255,255,.04)}
.wfToggle.off{border-color:#9c243c;color:#ffccd5;background:linear-gradient(180deg,#611022,#32000c);box-shadow:0 0 10px rgba(212,55,85,.12), inset 0 0 10px rgba(0,0,0,.18)}
/* v22.00: FT8 waterfall CSS moved safely to /modules/ft8/ft8.css. */


/* v21.56 Dual Analog S/dBm Meter + square UI accents */
button,
input,
select,
textarea,
.audioInfoIcon,
.panel,
.btn,
.smeter-wrap,
.smeter-label,
.smeter-readout,
.smeter-meter,
.smeter-dial{
  border-radius:0!important;
}
/* v22.00: FT8 S-Meter CSS moved safely to /modules/ft8/ft8.css.
   Global square-corner reset remains in index.html intentionally. */



.preset-row{display:flex;gap:10px;align-items:center;margin:14px 0}
select{background:#061019;color:#eaf7ff;border:1px solid rgba(0,232,255,.45);padding:10px;font-size:16px;font-weight:800;max-width:100%}
.freq{display:inline-block;border:1px solid rgba(255,179,62,.45);color:#ffd18f;background:rgba(75,42,0,.25);padding:9px 12px;font-weight:900;margin-bottom:10px}
/* v22.00: FT8 waterfall scale/canvas CSS moved safely to /modules/ft8/ft8.css. */

.footer{
  margin:26px 0 8px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  border-top:1px solid rgba(255,179,62,.30);
  border-bottom:1px solid rgba(255,179,62,.18);
  background:linear-gradient(90deg,rgba(255,179,62,0),rgba(255,179,62,.075) 18%,rgba(255,82,45,.055) 50%,rgba(255,179,62,.075) 82%,rgba(255,179,62,0));
  color:#ffd18f;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 0 10px rgba(255,179,62,.28);
}
.footer span,.footer a{display:inline-flex;align-items:center;justify-content:center;line-height:1.05}
.footer-brand{font-size:14px;color:#fff2dc;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 0 12px rgba(255,179,62,.42)}
.footer-version,.footer-year,.footer-link{border:1px solid rgba(255,179,62,.34);background:rgba(255,179,62,.08);padding:5px 8px;color:#ffd18f;font-family:Consolas,monospace;font-size:11px}
.footer-dev{color:#f6ddb5;font-size:12px}
.footer-link{text-transform:lowercase;text-decoration:none;cursor:pointer;box-shadow:0 0 10px rgba(255,179,62,.12),inset 0 0 10px rgba(255,179,62,.05);transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.footer-link:hover,.footer-link:focus{border-color:rgba(255,209,143,.72);background:rgba(255,179,62,.14);color:#fff2dc;box-shadow:0 0 14px rgba(255,179,62,.30),inset 0 0 12px rgba(255,179,62,.08);outline:none}
.footer-sep{color:#ff6e3a;opacity:.85;text-shadow:0 0 10px rgba(255,92,56,.32)}
@media(max-width:700px){.footer{justify-content:flex-start}.footer-brand{width:100%;justify-content:flex-start}.footer-sep{display:none!important}}
.build-stamp{font-size:11px;color:#8ff7ff;opacity:.78;margin-top:4px;font-family:monospace;word-break:break-all}
.msg{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;max-width:min(560px,calc(100vw - 34px));padding:15px 18px;border:1px solid rgba(255,82,96,.82);background:linear-gradient(180deg,rgba(72,0,18,.98),rgba(12,0,6,.98));color:#ffdce2;box-shadow:0 0 38px rgba(255,60,90,.34),0 0 0 9999px rgba(0,0,0,.42);text-align:center;font-weight:850;letter-spacing:.025em;line-height:1.35}.msg.success{border-color:rgba(66,214,138,.82);background:linear-gradient(180deg,rgba(0,72,36,.98),rgba(0,18,10,.98));color:#d8ffe4;box-shadow:0 0 38px rgba(66,214,138,.28),0 0 0 9999px rgba(0,0,0,.42)}.msg.error{border-color:rgba(255,82,96,.82);background:linear-gradient(180deg,rgba(72,0,18,.98),rgba(12,0,6,.98));color:#ffdce2}

.errorlog-panel{padding:18px;margin-bottom:16px}
.errorlog-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.errorlog-head h2{margin:0;color:#ffd18f;letter-spacing:.04em}
.errorlog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.errorlog-tabs button{border:1px solid rgba(0,232,255,.32);background:#071a24;color:#eaf7ff;padding:8px 11px;font-weight:400;cursor:pointer}
.errorlog-tabs button.active{background:linear-gradient(135deg,#7a1c32,#b85a00);border-color:#ffd18f}
.errorlog-box{max-height:220px;overflow:auto;border:1px solid rgba(255,179,62,.25);background:rgba(0,0,0,.22)}
.errorlog-table{width:100%;border-collapse:collapse;font-family:Consolas,monospace;font-size:12px}
.errorlog-table th,.errorlog-table td{padding:7px 8px;border-bottom:1px solid rgba(255,179,62,.14);text-align:left;vertical-align:top}
.errorlog-table th{position:sticky;top:0;background:#140b08;color:#ffd18f;z-index:1}
.errorlog-area{text-transform:uppercase;color:#9ffcff;font-weight:900;white-space:nowrap}
.errorlog-empty{padding:14px;color:#b8ffd0;font-weight:800}
.errorlog-small{color:var(--muted);font-size:12px}
.hw-panel{padding:18px;margin-bottom:16px}
.hw-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hw-head h2{margin:0;color:#9ffcff;letter-spacing:.04em}
.hw-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hw-actions button{border:1px solid rgba(0,232,255,.35);background:linear-gradient(135deg,#07303b,#0d4a50);color:#eaffff;padding:8px 12px;font-weight:400;cursor:pointer}
.hw-meta{color:var(--muted);font-size:12px}
.hw-box{margin-top:12px;border:1px solid rgba(0,232,255,.24);background:rgba(0,0,0,.20);max-height:180px;overflow:auto}
.hw-table{width:100%;border-collapse:collapse;font-size:12px}
.hw-table th,.hw-table td{padding:7px 8px;border-bottom:1px solid rgba(0,232,255,.11);text-align:left;vertical-align:top}
.hw-table th{position:sticky;top:0;background:#06161b;color:#9ffcff;z-index:1}
.hw-ok{color:#b8ffd0;font-weight:900}
.hw-warn{color:#ffd18f;font-weight:900}
@media(max-width:800px){
  .grid-status,.info-grid,.sdr-grid,.slot-grid,.modules{grid-template-columns:1fr}
  .big{font-size:34px}
  .tile h3,.module-card h3{font-size:25px}
}

.tile.blocked{
  border-color:#ff3355!important;
  background:linear-gradient(180deg,rgba(85,0,18,.96),rgba(24,0,7,.96))!important;
  box-shadow:0 0 24px rgba(255,51,85,.25)!important;
}
.tile.blocked:after{
  content:attr(data-error);
  position:absolute;inset:auto 10px 10px 10px;
  background:rgba(80,0,16,.96);
  border:1px solid #ff3355;
  color:#ffdce2;
  padding:8px;
  text-align:center;
  font-weight:900;
}

.tile.hwblocked{
  opacity:.58;
  cursor:not-allowed;
  border-bottom-color:#6f7780;
  filter:saturate(.6);
}
.tile.hwblocked:after{
  content:attr(data-hw);
  position:absolute;inset:auto 10px 10px 10px;
  background:rgba(20,26,31,.96);
  border:1px solid rgba(170,185,195,.45);
  color:#d4e2ea;
  padding:8px;
  text-align:center;
  font-weight:900;
}
.hwline{margin-top:8px;color:#9fb9c6;font-size:12px}
.hwline.ok{color:#b8ffd0}.hwline.bad{color:#ffd18f}
.profile-chip{display:inline-block;margin:4px 6px 0 0;padding:3px 7px;border:1px solid rgba(0,232,255,.25);color:#bcefff;font-size:12px}

/* v21.95: FT8 Band-Activity/Table/Filter CSS moved to /modules/ft8/ft8.css */
/* v22.02: FT8 controls fallback CSS moved safely to /modules/ft8/ft8.css. */
/* v21.98: FT8 Audio-FFT base CSS moved safely to /modules/ft8/ft8.css */
/* v22.04: FT8 note/table responsive CSS moved safely to /modules/ft8/ft8.css. */


/* v21.69: WF scale spacing fix - keeps data stream unchanged */

/* v20.00 Hardware Foundation Demo
.ft8-startup-status{
  margin:8px 0;
  padding:8px 10px;
  border:1px solid rgba(0,232,255,.35);
  background:rgba(0,30,40,.42);
  color:#9ffcff;
  font-weight:700;
  font-size:13px;
}
.ft8-startup-status.live{
  color:#6dff9f;
  border-color:rgba(80,255,120,.45);
}


/* v20.00 Hardware Foundation Demo
.ft8-loading-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  z-index:20;
  background:linear-gradient(180deg, rgba(3,10,18,.90), rgba(5,14,24,.82));
  border:1px solid rgba(0,232,255,.30);
  color:#bdfcff;
  font-weight:800;
  letter-spacing:.02em;
}
.ft8-loading-overlay.hidden{display:none;}
.ft8-spinner{
  width:42px;
  height:42px;
  border-radius:50%;
  border:4px solid rgba(0,232,255,.22);
  border-top-color:#00e8ff;
  border-right-color:#66ff99;
  animation:webftrSpin .8s linear infinite;
  box-shadow:0 0 22px rgba(0,232,255,.28);
}
@keyframes webftrSpin{to{transform:rotate(360deg);}}
.ft8-loading-small{
  font-size:12px;
  opacity:.78;
  font-weight:600;
}
.ft8-ready .ft8-loading-overlay{display:none;}
.audiofft canvas,
canvas.audiofft{
  image-rendering:auto !important;
}


/* v21.04: FT8 Audio-FFT ruhiger + Steuerung tiefer/rechts */
.audiofft-wrap{margin-top:16px;margin-bottom:14px;padding:10px 12px 14px;}
.audiofft-head{margin-bottom:8px;}
.audiofft-label{display:inline-flex;align-items:center;gap:8px;}
.audiofft-label:before{content:attr(data-ft-mode) "-DECODE";display:inline-block;border:1px solid rgba(255,179,62,.42);background:rgba(70,32,0,.34);color:#ffd18f;padding:3px 7px;font-size:10px;letter-spacing:.08em;}
.audiofft-toggle-row{justify-content:flex-end;margin-top:16px;padding-top:8px;padding-right:14px;border-top:1px solid rgba(255,179,62,.12);}
.audiofft-toggle-row .audioBtn{transform:translateY(4px);min-width:190px;text-align:center;}
.audiofft-toggle-note{display:none!important;}
.audiofft-toggle-row .speakerBtn{transform:translateY(4px);}
@media(max-width:800px){.audiofft-toggle-row{justify-content:flex-start;padding-right:0}.audiofft-toggle-note{text-align:left}}


/* v21.07: Audio-Info links, Bedienung rechts - Buttons bleiben stabil klickbar */
.audiofft-bottom{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:14px;
  align-items:end;
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(255,179,62,.12);
}
.audioInfoPanel{
  justify-self:start;
  text-align:left;
  font-family:Consolas,monospace;
  font-size:11px;
  line-height:1.45;
  color:#9fb2bd;
  display:grid;
  grid-template-columns:auto auto;
  gap:2px 14px;
  max-width:520px;
}
.audioInfoPanel b{color:#ffd18f;font-weight:900;letter-spacing:.04em}
.audioInfoPanel span{white-space:nowrap}
.audioControlPanel{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
  min-width:250px;
}
.audiofft-toggle-row{
  margin-top:0!important;
  padding-top:0!important;
  padding-right:0!important;
  border-top:0!important;
  justify-content:flex-end!important;
}
.audiofft-toggle-row .audioBtn{
  transform:none!important;
  min-width:44px!important;
  width:44px;
  height:38px;
  padding:0!important;
  font-size:16px;
  line-height:38px;
  border-radius:10px;
}
.audiofft-toggle-row .speakerBtn{
  transform:none!important;
  width:48px;
  height:38px;
  padding:0!important;
  border-radius:10px;
}
.audioMonitorStatus{
  min-width:84px;
  text-align:left;
  color:#ffd18f;
  font-weight:900;
}
@media(max-width:800px){
  .audiofft-bottom{grid-template-columns:1fr;align-items:start}
  .audioControlPanel{justify-self:start;min-width:0}
  .audioInfoPanel{grid-template-columns:1fr}
}

/* v21.08: Flat/monochrome audio controls */
.audioControlPanel{min-width:300px;}
.audiofft-toggle-row{gap:12px!important;}
.audiofft-toggle-row .audioBtn{
  min-width:124px!important;
  width:auto!important;
  height:42px!important;
  line-height:40px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  font-size:12px!important;
  letter-spacing:.08em;
  white-space:nowrap;
}
.audioBtnText{display:inline-block;font-weight:400;}
.audiofft-toggle-row .speakerBtn{
  width:52px!important;
  height:42px!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(13,24,31,.95),rgba(3,9,13,.98))!important;
  border:1px solid rgba(230,244,250,.42)!important;
  color:#eaf7ff!important;
}
.audiofft-toggle-row .speakerBtn.active{
  background:linear-gradient(180deg,rgba(38,25,16,.96),rgba(12,8,5,.98))!important;
  border-color:rgba(255,179,62,.72)!important;
  color:#ffd18f!important;
  box-shadow:0 0 14px rgba(255,126,42,.20)!important;
}
.speakerIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;vertical-align:middle;}
.speakerIcon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}
.speakerIcon svg path:first-child{fill:currentColor;stroke:currentColor;opacity:.95;}
.speakerIcon .wave1,.speakerIcon .wave2{fill:none;}
.speakerIcon .slash{fill:none;stroke:currentColor;opacity:.95;}
@media(max-width:800px){.audioControlPanel{min-width:0}.audiofft-toggle-row .audioBtn{min-width:112px!important}}

.decode-ready{color:#ffcf8f;font-weight:900}
.decode-wait{color:#9fb2bd;font-weight:800}
.decode-note{font-size:11px;color:#9fb2bd;margin-top:5px}
.decode-pill{display:inline-block;border:1px solid rgba(255,179,62,.35);background:rgba(70,32,0,.28);color:#ffd18f;padding:3px 7px;font-size:11px;font-weight:900;margin:2px}


/* v21.09: Mobile Waterfall Stability - Canvas nicht bei Browser-Adressleisten-Scroll neu initialisieren */
canvas.audiofft{
  contain: layout paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  touch-action: pan-y;
}



/* v21.30: Audio-FFT ganz nach oben + stärkerer Neon-Look */
.module-card.active-module .audiofft-wrap{
  order:-20;
  margin:8px 0 16px;
  padding:13px 14px 16px;
  border:1px solid rgba(0,232,255,.42);
  background:
    radial-gradient(circle at 18% 0%, rgba(0,232,255,.14), transparent 42%),
    radial-gradient(circle at 90% 20%, rgba(255,179,62,.12), transparent 38%),
    linear-gradient(180deg,rgba(0,10,16,.98),rgba(0,0,6,.98));
  box-shadow:0 0 20px rgba(0,232,255,.10), 0 0 28px rgba(255,179,62,.08), inset 0 0 24px rgba(0,232,255,.045);
}
.audiofft-head{
  padding-bottom:8px;
  border-bottom:1px solid rgba(0,232,255,.16);
}
.audiofft-label{
  color:#9ffcff;
  text-shadow:0 0 10px rgba(0,232,255,.35);
  letter-spacing:.10em;
}
.audiofft-label:before{
  border-color:rgba(0,232,255,.48)!important;
  background:rgba(0,45,55,.44)!important;
  color:#9ffcff!important;
  box-shadow:0 0 10px rgba(0,232,255,.12);
}
.audioPeakBadge{
  color:#ffd18f;
  border-color:rgba(255,179,62,.62);
  background:rgba(70,32,0,.44);
  box-shadow:0 0 14px rgba(255,179,62,.14);
}
.audiofft-grid{
  margin-top:8px;
}
.audiofft-wrap canvas.audiofft{
  height:150px;
  border:1px solid rgba(0,232,255,.28);
  background:#000003;
  box-shadow:inset 0 0 18px rgba(0,232,255,.06), 0 0 14px rgba(0,232,255,.08);
}
.audioDbScale{
  height:150px;
  color:#9ffcff;
  border-right-color:rgba(0,232,255,.28);
  text-shadow:0 0 8px rgba(0,232,255,.22);
}
.audioDbScale span:after{border-top-color:rgba(0,232,255,.28)}
.audiofft-bottom{
  margin-top:12px;
  padding-top:10px;
  border-top-color:rgba(0,232,255,.12);
}
.audioInfoPanel{
  color:#bfefff;
}
.audioInfoPanel b{color:#ffd18f;text-shadow:0 0 7px rgba(255,179,62,.22)}
.audiofft-toggle-row .audioBtn{
  border-color:rgba(0,232,255,.44)!important;
  background:linear-gradient(180deg,rgba(0,38,50,.94),rgba(0,12,18,.98))!important;
  color:#dffcff!important;
}
.audiofft-toggle-row .audioBtn.active{
  border-color:rgba(255,179,62,.72)!important;
  background:linear-gradient(180deg,rgba(90,42,0,.95),rgba(20,9,0,.98))!important;
  color:#ffd18f!important;
  box-shadow:0 0 16px rgba(255,179,62,.18)!important;
}



/* v22.02: FT8 audio/control toggle CSS moved safely to /modules/ft8/ft8.css. */

/* v22.01: FT8 live info/decode-health CSS moved safely to /modules/ft8/ft8.css. */

/* v21.80: Startseiten-Bereiche einklappbar */
.panel.home-collapsible{
  position:relative;
}
.home-collapse-btn{
  border:1px solid #d43755!important;
  padding:8px 14px!important;
  min-width:118px;
  min-height:36px;
  color:#ffdce2!important;
  font-weight:400!important;
  background:linear-gradient(180deg,#a20d2d,#590016)!important;
  cursor:pointer;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  box-shadow:0 0 14px rgba(212,55,85,.20), inset 0 0 10px rgba(255,255,255,.03)!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.05;
}
.home-collapse-btn.open{
  border-color:#ff5c78!important;
  color:#fff!important;
  background:linear-gradient(180deg,#b91338,#640019)!important;
  box-shadow:0 0 16px rgba(255,64,96,.30), inset 0 0 10px rgba(255,255,255,.04)!important;
}
.home-collapse-btn.closed{
  border-color:#9c243c!important;
  color:#ffccd5!important;
  background:linear-gradient(180deg,#611022,#32000c)!important;
  box-shadow:0 0 10px rgba(212,55,85,.12), inset 0 0 10px rgba(0,0,0,.18)!important;
}
.home-collapse-body{
  display:block;
  margin-top:10px;
}
.home-collapse-body.collapsed{
  display:none!important;
}
.home-collapsed-note{
  display:none;
  margin-top:10px;
  border:1px solid rgba(255,179,62,.20);
  background:linear-gradient(180deg,rgba(255,179,62,.055),rgba(0,0,0,.13));
  color:#d8b985;
  padding:9px 12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}
.home-collapsible.is-collapsed .home-collapsed-note{
  display:block;
}
@media(max-width:760px){
  .home-collapse-btn{min-width:100px;padding:8px 10px!important;font-size:12px;}
}

/* v22.65: visitor start page cleanup. These panels remain in the DOM/code for the future admin area, but are hidden from visitors. */
.admin-reserved-panel{
  display:none!important;
}
body[data-admin-visible="1"] .admin-reserved-panel{
  display:block!important;
}



/* v24.24: Klickbare Buttons im WebFTR-Look mit Login/Register-aehnlichem Farbverlauf.
   Bewusst nur echte klickbare Buttons/Inputs; nicht klickbare Badges/Chips bleiben unveraendert. */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  border:1px solid rgba(0,232,255,.56)!important;
  color:#f3fdff!important;
  background:
    radial-gradient(circle at 28% 0,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(135deg,rgba(0,232,255,.30),rgba(0,80,118,.88) 45%,rgba(18,36,54,.96))!important;
  box-shadow:
    0 0 16px rgba(0,232,255,.18),
    inset 0 0 13px rgba(0,232,255,.075)!important;
  text-shadow:0 0 8px rgba(0,232,255,.34)!important;
  cursor:pointer;
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
  filter:brightness(1.18);
  transform:translateY(-1px);
  border-color:rgba(255,209,143,.78)!important;
  box-shadow:
    0 0 20px rgba(0,232,255,.24),
    0 0 18px rgba(255,179,62,.10),
    inset 0 0 14px rgba(255,255,255,.075)!important;
}
button:active,
.btn:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active{
  transform:translateY(0);
  filter:brightness(.96);
}
button:disabled,
.btn:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled{
  opacity:.48;
  cursor:not-allowed;
  filter:saturate(.45);
}

/* v24.24: Slotuebersicht mit Besucher-Kreisdiagramm links und Slot-/Hardwaredetails rechts. */
.slot-overview-layout{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(420px,1fr);gap:14px;align-items:stretch;margin-top:10px}
.slot-visitor-panel{border:1px solid rgba(66,214,138,.36);background:radial-gradient(circle at 50% 0,rgba(66,214,138,.11),transparent 42%),linear-gradient(180deg,rgba(2,22,18,.78),rgba(0,8,10,.94));padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;box-shadow:0 0 18px rgba(66,214,138,.08),inset 0 0 16px rgba(66,214,138,.035)}
.slot-visitor-title{color:#b8ffd0;font-size:12px;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 10px rgba(66,214,138,.42)}
.slot-visitor-donut{--slot-pct:0%;width:132px;height:132px;border:1px solid rgba(66,214,138,.55);background:conic-gradient(#42ff8a var(--slot-pct),rgba(9,38,24,.82) 0);display:grid;place-items:center;position:relative;box-shadow:0 0 24px rgba(66,255,138,.18),inset 0 0 18px rgba(0,0,0,.44);animation:slotDonutPulse 2.8s ease-in-out infinite}
.slot-visitor-donut:before{content:"";position:absolute;inset:15px;background:linear-gradient(180deg,#061a16,#02090a);border:1px solid rgba(66,214,138,.22);box-shadow:inset 0 0 18px rgba(0,0,0,.55)}
.slot-visitor-number{position:relative;z-index:1;font-family:Consolas,monospace;font-size:27px;color:#dfffe9;font-weight:1000;text-shadow:0 0 12px rgba(66,255,138,.58)}
.slot-visitor-sub{position:relative;z-index:1;font-size:10px;color:#8fffc0;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-top:2px}
.slot-visitor-meta{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.slot-visitor-chip{border:1px solid rgba(66,214,138,.34);background:rgba(66,214,138,.07);color:#caffdd;padding:5px 7px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.slot-overview-cards.slot-grid{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-content:start}
@keyframes slotDonutPulse{0%,100%{box-shadow:0 0 18px rgba(66,255,138,.12),inset 0 0 18px rgba(0,0,0,.44)}50%{box-shadow:0 0 30px rgba(66,255,138,.28),inset 0 0 20px rgba(66,255,138,.08)}}
@media(max-width:980px){.slot-overview-layout{grid-template-columns:1fr}.slot-visitor-panel{min-height:150px}.slot-visitor-donut{width:116px;height:116px}}

/* v23.64: Aufgabenliste Punkt 12 - alle sichtbaren WebFTR-Button-Beschriftungen auf normale Schriftstärke setzen.
   Bewusst nur Button-/Button-Inhalt-Elemente; Badges, Tabellenwerte und Labels bleiben unverändert. */
button,
button *,
.btn,
.btn *,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  font-weight:400!important;
}



/* v24.31: Slot-Logo/Visitor-Zweispalter, moderne Hardwarekarten, Demodulator-Hintergrundmotive und konservativer UI-Cleanup. */
/* v24.32: Maiks WebFTR-Logo lokal eingebunden und inaktive Modul-Badges unten links gebuendelt. */
/* v24.33: 10-Punkte UI/Slot/Module-Cleanup-Bundle. */
button,
input[type="button"],
input[type="submit"],
.close-btn,
.slot-jump,
.home-collapse-btn{
  font-weight:400!important;
}
button b{font-weight:400!important}
.demod-panel{
  padding:22px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(0,232,255,.10),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(66,214,138,.08),transparent 30%),
    linear-gradient(180deg,rgba(2,18,28,.86),rgba(0,6,11,.96));
}
.demod-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    linear-gradient(90deg,rgba(0,232,255,.12) 1px,transparent 1px),
    linear-gradient(0deg,rgba(66,214,138,.10) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 86%);
}
.demod-panel>h1,.demod-panel>p,.demod-panel>#msg,.demod-panel>#tiles{position:relative;z-index:1}
.slot-overview-layout-v2431{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch;margin-top:10px}
.slot-overview-topbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:14px;align-items:stretch;width:100%}
/* v24.38: Extra-SDR-Slot-Minipanel entfernt; die detaillierten Slotkarten reichen aus. */
.slot-overview-topbar{grid-template-columns:1fr!important}
.slot-card:after{
  content:"";position:absolute;pointer-events:none;left:-65%;top:-40%;width:42%;height:185%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.04) 34%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.04) 66%,transparent 100%);
  transform:rotate(12deg);animation:webftrShineSweep 6.8s ease-in-out infinite;
}
.slot-overview-topbar .slot-visitor-panel{min-height:185px;margin:0;position:relative;overflow:hidden}
.slot-overview-topbar .slot-visitor-panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(135deg,rgba(66,214,138,.16),transparent 44%,rgba(66,214,138,.06));opacity:.8}
.slot-overview-cards.slot-grid{gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.slot-card{
  min-height:128px!important;padding:12px 13px!important;
  border-color:rgba(0,232,255,.42)!important;
  background:
    radial-gradient(circle at 14% 5%,rgba(0,232,255,.16),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(66,214,138,.09),transparent 38%),
    linear-gradient(180deg,rgba(0,28,40,.62),rgba(0,5,10,.95))!important;
  box-shadow:0 0 20px rgba(0,232,255,.11),inset 0 0 22px rgba(0,232,255,.04)!important;
}
.slot-card.busy{
  border-color:rgba(255,179,62,.82)!important;
  background:
    radial-gradient(circle at 14% 5%,rgba(255,179,62,.18),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(255,95,56,.12),transparent 38%),
    linear-gradient(180deg,rgba(62,33,0,.62),rgba(3,6,10,.96))!important;
  box-shadow:0 0 22px rgba(255,179,62,.18),inset 0 0 24px rgba(255,179,62,.045)!important;
}
.slot-card.free{
  border-color:rgba(66,214,138,.70)!important;
  background:
    radial-gradient(circle at 14% 5%,rgba(66,214,138,.16),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(0,232,255,.08),transparent 38%),
    linear-gradient(180deg,rgba(0,36,22,.62),rgba(0,6,10,.95))!important;
  box-shadow:0 0 21px rgba(66,214,138,.14),inset 0 0 24px rgba(66,214,138,.04)!important;
}
.slot-card:after{top:-48%;height:210%;animation-delay:.85s;opacity:.62}
.slot-card:hover{filter:brightness(1.06);transform:translateY(-1px);transition:filter .18s ease,transform .18s ease}

.slot-card.owned{
  border-color:rgba(255,214,93,.98)!important;
  background:
    radial-gradient(circle at 16% 4%,rgba(255,214,93,.30),transparent 34%),
    radial-gradient(circle at 82% 8%,rgba(0,232,255,.14),transparent 30%),
    linear-gradient(180deg,rgba(76,42,0,.78),rgba(2,8,12,.97))!important;
  box-shadow:0 0 28px rgba(255,179,62,.34),0 0 36px rgba(0,232,255,.08),inset 0 0 26px rgba(255,179,62,.065)!important;
  transform:translateY(-1px);
}
.slot-card.owned .slot-title{color:#fff1c6;text-shadow:0 0 10px rgba(255,179,62,.46)}
.slot-card.owned .slot-state{border-color:rgba(255,214,93,.90);color:#fff4c8;background:linear-gradient(180deg,rgba(255,179,62,.24),rgba(80,35,0,.78));box-shadow:0 0 14px rgba(255,179,62,.24)}
.slot-card.owned:before{height:3px;background:linear-gradient(90deg,transparent,rgba(255,214,93,.98),rgba(0,232,255,.52),transparent)!important;opacity:1!important;animation:slotPulse 1.7s ease-in-out infinite}
.slot-detail-grid{gap:6px!important}.slot-detail-item{min-height:34px!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important}
.slot-empty-modern{border:1px solid rgba(66,214,138,.25);background:rgba(0,28,16,.20)}

/* v25.46: compact visitor-friendly SDR slot overview. */
.slot-overview-cards.slot-grid,.slot-overview-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:10px!important;}
.slot-card{min-height:92px!important;padding:10px 11px!important;}
.slot-head{gap:8px!important}.slot-icon{width:34px!important;height:34px!important;min-width:34px!important}.slot-title{font-size:13px!important}.slot-subtitle{font-size:9px!important;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-state{font-size:9px!important;padding:4px 6px!important;}
.slot-usage,.slot-detail-grid{display:none!important}.slot-chiprow{gap:5px!important;margin-top:7px!important}.slot-chip{font-size:9px!important;padding:3px 5px!important}.slot-chip:first-child,.slot-chip:nth-child(2){display:none!important}.slot-module{margin-top:7px!important;font-size:10px!important;padding:5px 7px!important}.slot-jump{height:24px!important;font-size:9px!important;padding:0 8px!important;margin-top:6px!important;}

@keyframes webftrShineSweep{0%,62%{left:-70%;opacity:0}70%{opacity:.85}84%{left:132%;opacity:.42}100%{left:132%;opacity:0}}
.tile{overflow:hidden;background-blend-mode:screen,normal;isolation:isolate}
.tile .tile-art{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.52;mix-blend-mode:screen;background:radial-gradient(circle at 82% 18%,rgba(0,232,255,.14),transparent 30%)}
.tile .tile-art:before,.tile .tile-art:after{content:"";position:absolute;pointer-events:none}
.tile h3,.tile p,.tile .small,.tile .hwline,.tile .preset-only-badge,.tile .module-soon-badge,.tile .status{position:relative;z-index:2}
.tile .status{position:absolute;z-index:3}
.tile.mode-ft8 .tile-art{background:radial-gradient(circle at 72% 35%,rgba(66,255,138,.20),transparent 3%),radial-gradient(circle at 58% 55%,rgba(0,232,255,.18),transparent 3%),radial-gradient(circle at 84% 62%,rgba(255,179,62,.18),transparent 3%),linear-gradient(24deg,transparent 35%,rgba(66,255,138,.18) 36%,transparent 37%),linear-gradient(146deg,transparent 45%,rgba(0,232,255,.15) 46%,transparent 47%)}
.tile.mode-ft8 .tile-art:after{right:10px;bottom:8px;width:118px;height:66px;border:1px solid rgba(66,255,138,.24);border-radius:50%;box-shadow:-35px -8px 0 -18px rgba(0,232,255,.22),-70px 8px 0 -22px rgba(255,179,62,.20),inset 0 0 20px rgba(66,255,138,.08)}
.tile.mode-ft4 .tile-art{background:repeating-linear-gradient(90deg,rgba(0,232,255,.12) 0 2px,transparent 2px 13px),radial-gradient(circle at 78% 30%,rgba(66,255,138,.16),transparent 28%)}
.tile.mode-js8 .tile-art{background:repeating-linear-gradient(180deg,rgba(66,255,138,.12) 0 2px,transparent 2px 15px),linear-gradient(135deg,transparent,rgba(0,232,255,.08))}.tile.mode-js8 .tile-art:after{content:"CQ MSG >\A HEARTBEAT >\A REPLY >";white-space:pre;right:10px;bottom:10px;color:rgba(143,255,192,.32);font-family:Consolas,monospace;font-size:12px;line-height:1.45}
.tile.mode-fsk .tile-art,.tile.mode-rtty .tile-art{background:repeating-linear-gradient(180deg,rgba(0,232,255,.10) 0 1px,transparent 1px 9px),radial-gradient(circle at 82% 22%,rgba(255,179,62,.14),transparent 30%)}.tile.mode-fsk .tile-art:after,.tile.mode-rtty .tile-art:after{content:"TTY\A MARK SPACE\A 45.45 BD";white-space:pre;right:12px;bottom:12px;color:rgba(0,232,255,.30);font-family:Consolas,monospace;font-size:12px}
.tile.mode-ibp .tile-art{background:repeating-radial-gradient(circle at 80% 34%,rgba(0,232,255,.16) 0 2px,transparent 2px 18px)}
.tile.mode-wspr .tile-art{background:linear-gradient(24deg,transparent 20%,rgba(66,255,138,.17) 21%,transparent 22%),linear-gradient(160deg,transparent 38%,rgba(0,232,255,.14) 39%,transparent 40%),radial-gradient(circle at 82% 28%,rgba(66,255,138,.20),transparent 3%)}
.tile.mode-sstv .tile-art,.tile.mode-hf-fax .tile-art{background:repeating-linear-gradient(180deg,rgba(0,232,255,.14) 0 1px,transparent 1px 6px),linear-gradient(90deg,rgba(255,255,255,.04),transparent 48%,rgba(66,255,138,.06))}.tile.mode-sstv .tile-art:after,.tile.mode-hf-fax .tile-art:after{right:12px;bottom:10px;width:82px;height:58px;border:1px solid rgba(0,232,255,.22);background:linear-gradient(135deg,rgba(0,232,255,.10),rgba(66,255,138,.08))}
.tile.mode-cw .tile-art{background:repeating-linear-gradient(90deg,rgba(66,255,138,.18) 0 8px,transparent 8px 14px,rgba(66,255,138,.18) 14px 26px,transparent 26px 38px)}.tile.mode-cw .tile-art:after{content:"·−  −··  ···";right:14px;bottom:12px;color:rgba(184,255,208,.36);font-family:Consolas,monospace;font-size:21px;letter-spacing:.18em}
.tile.mode-psk31 .tile-art{background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,232,255,.12) 14px 16px),radial-gradient(ellipse at 82% 30%,rgba(188,122,255,.16),transparent 35%)}
.tile.mode-navtex .tile-art{background:repeating-linear-gradient(180deg,rgba(0,232,255,.10) 0 1px,transparent 1px 13px),radial-gradient(circle at 82% 34%,rgba(0,232,255,.16),transparent 28%)}.tile.mode-navtex .tile-art:after{content:"NAV AREA\A 518 KHZ\A WX WARN";white-space:pre;right:12px;bottom:12px;color:rgba(159,252,255,.30);font-family:Consolas,monospace;font-size:12px;line-height:1.35}
@media(max-width:980px){.slot-overview-topbar{grid-template-columns:1fr}}



/* v24.35: Buttons und Badge-/Chip-Beschriftungen auf normale Schriftstaerke vereinheitlicht. */
button,
button *,
.btn,
.btn *,
input[type="button"],
input[type="submit"],
input[type="reset"],
.badge,
[class$="Badge"],
[class*="-badge"],
[class*="Badge"],
[class*="-chip"],
[class*="Chip"],
.slot-summary-chip,
.slot-visitor-chip,
.slot-chip,
.slot-state,
.slot-session-badge,
.module-disabled-badge,
.module-prepared-badge,
.footer-version,
.footer-year,
.footer-link,
.slot-jump,
.slot-jump *,
.tile.active-module:before,
.module-disabled-badge,
.module-prepared-badge,
.slot-title,
.slot-state,
.slot-chip,
.slot-detail-label,
.slot-session-badge,
.slot-module,
.slot-visitor-title,
.slot-visitor-number,
.slot-visitor-sub,

.decode-pill,
.freq,
.meta span{
  font-weight:400!important;
}

/* v24.38: Slot-Uebersicht nach Screenshot-Vorlage: links SDR-Karten, rechts Besucherpanel. */
#slotBox.slot-overview-layout-v2437{
  display:grid!important;
  grid-template-columns:minmax(420px,.98fr) minmax(420px,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%;
  margin-top:14px!important;
}
.slot-overview-cards-v2437{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0;
}
.slot-overview-empty-v2437{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(66,214,138,.44);
  background:radial-gradient(circle at 20% 0%,rgba(66,214,138,.10),transparent 36%),linear-gradient(180deg,rgba(0,25,18,.62),rgba(0,6,10,.96));
  box-shadow:0 0 22px rgba(66,214,138,.10),inset 0 0 24px rgba(66,214,138,.035);
  color:#b8ffd0;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#slotBox.slot-overview-layout-v2437 .slot-card{
  min-height:226px!important;
  padding:16px 18px!important;
  border:1px solid rgba(66,214,138,.68)!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(66,214,138,.16),transparent 35%),
    radial-gradient(circle at 88% 0%,rgba(0,232,255,.07),transparent 36%),
    linear-gradient(180deg,rgba(0,34,24,.62),rgba(0,6,10,.96))!important;
  box-shadow:0 0 24px rgba(66,214,138,.16),inset 0 0 30px rgba(66,214,138,.045)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-card.busy{
  border-color:rgba(255,179,62,.82)!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(255,179,62,.16),transparent 35%),
    radial-gradient(circle at 88% 0%,rgba(255,95,56,.09),transparent 36%),
    linear-gradient(180deg,rgba(55,28,0,.66),rgba(0,6,10,.96))!important;
  box-shadow:0 0 24px rgba(255,179,62,.18),inset 0 0 30px rgba(255,179,62,.05)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-card.free{
  border-color:rgba(66,214,138,.78)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-head{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:11px!important;
  margin-bottom:9px!important;
}
#slotBox.slot-overview-layout-v2437 .slot-icon{
  width:36px!important;
  height:36px!important;
  border-color:rgba(66,214,138,.58)!important;
  color:#b8ffd0!important;
  background:linear-gradient(180deg,rgba(66,214,138,.14),rgba(0,28,16,.62))!important;
  box-shadow:0 0 12px rgba(66,214,138,.16),inset 0 0 12px rgba(66,214,138,.04)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-icon svg{width:21px!important;height:21px!important}
#slotBox.slot-overview-layout-v2437 .slot-title{
  font-size:17px!important;
  letter-spacing:.04em!important;
  color:#eaf7ff!important;
  text-shadow:0 0 10px rgba(0,232,255,.22)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-subtitle{
  font-size:12px!important;
  color:#b8ffd0!important;
  opacity:.90!important;
  text-transform:none!important;
}
#slotBox.slot-overview-layout-v2437 .slot-state{
  padding:7px 10px!important;
  font-size:11px!important;
  border-color:rgba(66,214,138,.64)!important;
  color:#b8ffd0!important;
  background:rgba(0,28,16,.60)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-usage{
  height:5px!important;
  margin:9px 0 10px!important;
  border-color:rgba(0,232,255,.26)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-chiprow{gap:7px!important;margin:9px 0 12px!important}
#slotBox.slot-overview-layout-v2437 .slot-chip{
  padding:5px 8px!important;
  font-size:10.5px!important;
  border-color:rgba(0,232,255,.28)!important;
  background:rgba(0,20,28,.34)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-chip.free{
  border-color:rgba(66,214,138,.46)!important;
  color:#b8ffd0!important;
  background:rgba(0,35,18,.36)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-detail-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:8px!important;
}
#slotBox.slot-overview-layout-v2437 .slot-detail-item{
  min-height:58px!important;
  padding:9px 10px!important;
  border-color:rgba(0,232,255,.23)!important;
  background:linear-gradient(180deg,rgba(0,232,255,.055),rgba(0,12,18,.34))!important;
  box-shadow:inset 0 0 12px rgba(0,232,255,.025)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-detail-item.session{
  grid-column:1 / span 1!important;
  border-color:rgba(66,214,138,.28)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-detail-label{font-size:10.5px!important;color:#c9efff!important;gap:7px!important}
#slotBox.slot-overview-layout-v2437 .slot-detail-icon{width:19px!important;height:19px!important}
#slotBox.slot-overview-layout-v2437 .slot-detail-icon svg{width:12px!important;height:12px!important}
#slotBox.slot-overview-layout-v2437 .slot-detail-item b{font-size:12.3px!important;margin-top:7px!important;color:#eaf7ff!important}
#slotBox.slot-overview-layout-v2437 .slot-session-badge{min-height:22px!important;font-size:10px!important;padding:0 8px!important}
#slotBox.slot-overview-layout-v2437 .slot-session-meta{font-size:10.5px!important;color:#dff9ff!important}
#slotBox.slot-overview-layout-v2437 .slot-module-ready{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:12px!important;
  padding:9px 13px!important;
  border:1px solid rgba(66,214,138,.62)!important;
  background:rgba(0,35,18,.36)!important;
  color:#b8ffd0!important;
  box-shadow:0 0 14px rgba(66,214,138,.12)!important;
  letter-spacing:.08em!important;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-panel{
  min-height:100%!important;
  border:1px solid rgba(66,214,138,.66)!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(66,214,138,.13),transparent 35%),
    radial-gradient(circle at 50% 52%,rgba(66,214,138,.09),transparent 32%),
    linear-gradient(180deg,rgba(0,38,22,.58),rgba(0,7,10,.96))!important;
  box-shadow:0 0 26px rgba(66,214,138,.16),inset 0 0 34px rgba(66,214,138,.045)!important;
  padding:20px 18px!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-items:stretch!important;
  justify-items:center!important;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-title{
  margin:0!important;
  color:#75ff9a!important;
  font-size:15px!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-shadow:0 0 12px rgba(66,214,138,.48)!important;
}
.slot-visitor-center-v2437{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:26px;
  width:100%;
  min-height:360px;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-donut{
  width:154px!important;
  height:154px!important;
  border:1px solid rgba(66,214,138,.70)!important;
  background:linear-gradient(180deg,rgba(0,40,24,.58),rgba(0,9,12,.96))!important;
  box-shadow:0 0 34px rgba(66,214,138,.25),inset 0 0 24px rgba(66,214,138,.06)!important;
  animation:slotDonutPulse 2.8s ease-in-out infinite;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-donut:before{
  inset:22px!important;
  border-color:rgba(66,214,138,.24)!important;
  background:linear-gradient(180deg,#061512,#020809)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-number{
  font-size:36px!important;
  letter-spacing:.03em!important;
  color:#e4ffe9!important;
  text-shadow:0 0 15px rgba(66,255,138,.62)!important;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-sub{
  font-size:14px!important;
  color:#8fffc0!important;
  margin-top:6px!important;
}
#slotBox.slot-overview-layout-v2437 .slot-visitor-meta{margin-top:0!important;gap:9px!important}
#slotBox.slot-overview-layout-v2437 .slot-visitor-chip{
  padding:7px 10px!important;
  font-size:11.5px!important;
  border-color:rgba(66,214,138,.50)!important;
  background:rgba(0,35,18,.42)!important;
}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2437{grid-template-columns:1fr!important}
  .slot-visitor-center-v2437{min-height:240px}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2437 .slot-detail-grid{grid-template-columns:1fr!important}
  #slotBox.slot-overview-layout-v2437 .slot-detail-item.session{grid-column:auto!important}
  #slotBox.slot-overview-layout-v2437 .slot-head{grid-template-columns:38px minmax(0,1fr)!important}
  #slotBox.slot-overview-layout-v2437 .slot-state{grid-column:1/-1;width:max-content!important}
}


/* v24.38: Slot-Uebersicht final kompakt + Besucher-Zahl exakt zentriert.
   Reiner UI-Polish: keine Slot-/Session-/SDR-Datenlogik veraendert. */
#slotBox.slot-overview-layout-v2438{
  grid-template-columns:minmax(300px,.55fr) minmax(500px,1fr)!important;
  gap:12px!important;
  margin-top:10px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-overview-cards-v2437{
  gap:7px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-card{
  min-height:86px!important;
  padding:7px 9px!important;
  box-shadow:0 0 14px rgba(66,214,138,.12),inset 0 0 18px rgba(66,214,138,.035)!important;
}
#slotBox.slot-overview-layout-v2438 .slot-card:before{height:1px!important}
#slotBox.slot-overview-layout-v2438 .slot-head{
  grid-template-columns:25px minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-bottom:4px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-icon{
  width:24px!important;
  height:24px!important;
  box-shadow:0 0 8px rgba(66,214,138,.12),inset 0 0 8px rgba(66,214,138,.035)!important;
}
#slotBox.slot-overview-layout-v2438 .slot-icon svg{width:14px!important;height:14px!important}
#slotBox.slot-overview-layout-v2438 .slot-title{
  font-size:11.5px!important;
  line-height:1.05!important;
  letter-spacing:.035em!important;
  text-shadow:0 0 8px rgba(0,232,255,.20)!important;
}
#slotBox.slot-overview-layout-v2438 .slot-subtitle{
  font-size:8px!important;
  line-height:1.1!important;
  margin-top:1px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-state{
  padding:3px 5px!important;
  font-size:8px!important;
  line-height:1!important;
}
#slotBox.slot-overview-layout-v2438 .slot-usage{
  height:3px!important;
  margin:4px 0 5px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-chiprow{
  gap:3px!important;
  margin:4px 0 5px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-chip{
  padding:2px 4px!important;
  font-size:7.2px!important;
  line-height:1.05!important;
  letter-spacing:.025em!important;
}
#slotBox.slot-overview-layout-v2438 .slot-detail-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  margin-top:4px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-detail-item,
#slotBox.slot-overview-layout-v2438 .slot-detail-item.session{
  grid-column:auto!important;
  min-height:27px!important;
  padding:4px 5px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-detail-label{
  font-size:7.2px!important;
  gap:3px!important;
  line-height:1!important;
}
#slotBox.slot-overview-layout-v2438 .slot-detail-icon{
  width:12px!important;
  height:12px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-detail-icon svg{width:8px!important;height:8px!important}
#slotBox.slot-overview-layout-v2438 .slot-detail-item b{
  font-size:8px!important;
  margin-top:3px!important;
  line-height:1.1!important;
}
#slotBox.slot-overview-layout-v2438 .slot-session-wrap{gap:3px!important;margin-top:2px!important}
#slotBox.slot-overview-layout-v2438 .slot-session-badge{
  min-height:14px!important;
  font-size:7.2px!important;
  padding:0 4px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-session-meta{
  font-size:7.4px!important;
  line-height:1.05!important;
}
#slotBox.slot-overview-layout-v2438 .slot-module-ready{
  margin-top:5px!important;
  padding:4px 6px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
}
#slotBox.slot-overview-layout-v2438 .slot-jump{
  margin-top:5px!important;
  padding:4px 6px!important;
  font-size:8px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-visitor-panel{
  padding:18px!important;
}
#slotBox.slot-overview-layout-v2438 .slot-visitor-center-v2437{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
#slotBox.slot-overview-layout-v2438 .slot-visitor-donut{
  display:grid!important;
  place-items:center!important;
}
#slotBox.slot-overview-layout-v2438 .slot-visitor-donut > div{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  pointer-events:none!important;
}
#slotBox.slot-overview-layout-v2438 .slot-visitor-number,
#slotBox.slot-overview-layout-v2438 .slot-visitor-sub{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.05!important;
}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2438{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2438 .slot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #slotBox.slot-overview-layout-v2438 .slot-head{grid-template-columns:25px minmax(0,1fr)!important}
  #slotBox.slot-overview-layout-v2438 .slot-state{grid-column:1/-1;width:max-content!important}
}


/* v24.39: Rechtes Besucherpanel ebenfalls auf kompakte 25%-Optik reduziert.
   Reiner Slot-Uebersicht-Polish: keine Besucher-/Slot-/Session-/SDR-Datenlogik geaendert. */
#slotBox.slot-overview-layout-v2439{
  grid-template-columns:minmax(300px,.74fr) minmax(160px,.26fr)!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-panel{
  min-height:0!important;
  height:auto!important;
  padding:7px 8px!important;
  align-self:start!important;
  justify-self:stretch!important;
  grid-template-rows:auto auto!important;
  box-shadow:0 0 13px rgba(66,214,138,.13),inset 0 0 16px rgba(66,214,138,.035)!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-title{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  margin:0 0 6px!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-center-v2437{
  min-height:78px!important;
  gap:6px!important;
  justify-content:center!important;
  align-items:center!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-donut{
  width:58px!important;
  height:58px!important;
  box-shadow:0 0 14px rgba(66,214,138,.18),inset 0 0 11px rgba(66,214,138,.045)!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-donut:before{
  inset:8px!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-number{
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-sub{
  font-size:7px!important;
  line-height:1!important;
  margin-top:2px!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-meta{
  gap:3px!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
}
#slotBox.slot-overview-layout-v2439 .slot-visitor-chip{
  padding:2px 4px!important;
  font-size:7px!important;
  line-height:1.05!important;
  letter-spacing:.025em!important;
}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2439{grid-template-columns:1fr!important}
  #slotBox.slot-overview-layout-v2439 .slot-visitor-panel{max-width:260px!important}
}


/* v24.40: Slot-Uebersicht exakt als 50/50-Contentlayout.
   Links: SDR-Slots immer im 2er-Raster. Rechts: Besucherzaehler wieder als grosser rechter 50%-Bereich.
   Reiner Layout-Polish: keine Slot-/Session-/Hardware-/Besucher-Datenlogik geaendert. */
#slotBox.slot-overview-layout-v2440{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:10px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-overview-cards-v2437{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-content:start!important;
  align-items:start!important;
  min-width:0!important;
}
#slotBox.slot-overview-layout-v2440 .slot-overview-empty-v2437{
  min-height:170px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-card{
  min-width:0!important;
  min-height:96px!important;
  padding:8px 9px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-head{
  grid-template-columns:24px minmax(0,1fr) auto!important;
  gap:6px!important;
  margin-bottom:4px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-icon{
  width:23px!important;
  height:23px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-icon svg{width:13px!important;height:13px!important}
#slotBox.slot-overview-layout-v2440 .slot-title{
  font-size:10.6px!important;
  line-height:1.05!important;
  letter-spacing:.025em!important;
}
#slotBox.slot-overview-layout-v2440 .slot-subtitle{
  font-size:7.4px!important;
  line-height:1.05!important;
}
#slotBox.slot-overview-layout-v2440 .slot-state{
  padding:3px 4px!important;
  font-size:7.4px!important;
  line-height:1!important;
}
#slotBox.slot-overview-layout-v2440 .slot-chiprow{
  gap:3px!important;
  margin:4px 0 5px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-chip{
  padding:2px 3px!important;
  font-size:6.8px!important;
  line-height:1.05!important;
}
#slotBox.slot-overview-layout-v2440 .slot-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-detail-item,
#slotBox.slot-overview-layout-v2440 .slot-detail-item.session{
  min-height:29px!important;
  padding:4px 5px!important;
  grid-column:auto!important;
}
#slotBox.slot-overview-layout-v2440 .slot-detail-label{
  font-size:6.8px!important;
  gap:3px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-detail-icon{
  width:11px!important;
  height:11px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-detail-icon svg{width:7px!important;height:7px!important}
#slotBox.slot-overview-layout-v2440 .slot-detail-item b{
  font-size:7.5px!important;
  margin-top:3px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-session-badge{
  min-height:13px!important;
  font-size:6.8px!important;
  padding:0 4px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-session-meta{
  font-size:6.9px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-module-ready,
#slotBox.slot-overview-layout-v2440 .slot-jump{
  margin-top:5px!important;
  padding:4px 5px!important;
  font-size:7.4px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-panel{
  min-height:220px!important;
  height:100%!important;
  max-width:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  padding:16px!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-items:stretch!important;
  justify-items:center!important;
  border-color:rgba(66,214,138,.66)!important;
  box-shadow:0 0 24px rgba(66,214,138,.16),inset 0 0 30px rgba(66,214,138,.045)!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-title{
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:.14em!important;
  margin:0!important;
  text-align:center!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-center-v2437{
  min-height:170px!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-donut{
  width:132px!important;
  height:132px!important;
  box-shadow:0 0 30px rgba(66,214,138,.22),inset 0 0 22px rgba(66,214,138,.055)!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-donut:before{
  inset:18px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-number{
  font-size:31px!important;
  line-height:1!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-sub{
  font-size:12px!important;
  line-height:1!important;
  margin-top:5px!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-meta{
  gap:7px!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}
#slotBox.slot-overview-layout-v2440 .slot-visitor-chip{
  padding:5px 7px!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  letter-spacing:.045em!important;
}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2440{grid-template-columns:1fr!important}
  #slotBox.slot-overview-layout-v2440 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2440 .slot-overview-cards-v2437{grid-template-columns:1fr!important}
  #slotBox.slot-overview-layout-v2440 .slot-head{grid-template-columns:24px minmax(0,1fr)!important}
  #slotBox.slot-overview-layout-v2440 .slot-state{grid-column:1/-1;width:max-content!important}
}


/* v24.41: Slot-Uebersicht 70/30-Feinschliff.
   Links bekommt der Slotbereich ca. 70% Breite, rechts bleibt der Besucherzaehler mit ca. 30%.
   Die Slotkarten laufen weiter im 2er-Raster und strecken sich in der ersten Reihe auf die gleiche Hoehe wie das Besucherpanel. */
#slotBox.slot-overview-layout-v2441{
  grid-template-columns:minmax(0,7fr) minmax(230px,3fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
#slotBox.slot-overview-layout-v2441 .slot-overview-cards-v2437{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(220px,1fr)!important;
  align-items:stretch!important;
  align-content:start!important;
  height:100%!important;
}
#slotBox.slot-overview-layout-v2441 .slot-card{
  min-height:220px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
#slotBox.slot-overview-layout-v2441 .slot-detail-grid{
  flex:1 1 auto!important;
  align-content:start!important;
}
#slotBox.slot-overview-layout-v2441 .slot-module-ready,
#slotBox.slot-overview-layout-v2441 .slot-jump{
  margin-top:auto!important;
}
#slotBox.slot-overview-layout-v2441 .slot-visitor-panel{
  min-height:220px!important;
  height:100%!important;
  align-self:stretch!important;
}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2441{grid-template-columns:1fr!important}
  #slotBox.slot-overview-layout-v2441 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
  #slotBox.slot-overview-layout-v2441 .slot-card{min-height:160px!important;height:auto!important}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2441 .slot-overview-cards-v2437{grid-template-columns:1fr!important}
}


/* v24.44: letzter Tages-Build - Slot-/Modulkachel-Schrift groesser, Slot-Tabs flacher, Tools/Gain-Control vorbereitet. */
.tile h3{font-size:17px!important;line-height:1.03!important}
.tile p,.tile .module-desc{font-size:12px!important;line-height:1.18!important}
.tile .module-desc b{font-size:10.5px!important}
.tile .small{font-size:11px!important}
.tile .hwline{font-size:10.6px!important}
.tile .status,.tile .status.active-status{font-size:10px!important}
.tile .preset-only-badge,.tile .module-inactive-badge,.tile .module-soon-badge{font-size:9.4px!important}
#slotBox.slot-overview-layout-v2444{grid-template-columns:minmax(0,7fr) minmax(230px,3fr)!important;gap:14px!important;align-items:stretch!important}
#slotBox.slot-overview-layout-v2444 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(110px,auto)!important;gap:8px!important;align-items:stretch!important;align-content:start!important;height:auto!important}
#slotBox.slot-overview-layout-v2444 .slot-card{min-height:110px!important;height:auto!important;padding:8px 10px!important;display:flex!important;flex-direction:column!important}
#slotBox.slot-overview-layout-v2444 .slot-head{grid-template-columns:28px minmax(0,1fr) auto!important;gap:7px!important;margin-bottom:4px!important}
#slotBox.slot-overview-layout-v2444 .slot-icon{width:27px!important;height:27px!important}
#slotBox.slot-overview-layout-v2444 .slot-icon svg{width:16px!important;height:16px!important}
#slotBox.slot-overview-layout-v2444 .slot-title{font-size:13.4px!important;line-height:1.05!important;letter-spacing:.03em!important}
#slotBox.slot-overview-layout-v2444 .slot-subtitle{font-size:9.3px!important;line-height:1.08!important}
#slotBox.slot-overview-layout-v2444 .slot-state{padding:4px 6px!important;font-size:9.2px!important;line-height:1!important}
#slotBox.slot-overview-layout-v2444 .slot-usage{height:4px!important;margin:4px 0 5px!important}
#slotBox.slot-overview-layout-v2444 .slot-chiprow{gap:4px!important;margin:4px 0 5px!important}
#slotBox.slot-overview-layout-v2444 .slot-chip{padding:2px 4px!important;font-size:8.4px!important;line-height:1.05!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:4px!important;flex:0 0 auto!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-item,#slotBox.slot-overview-layout-v2444 .slot-detail-item.session{min-height:32px!important;padding:4px 5px!important;grid-column:auto!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-label{font-size:8.3px!important;gap:3px!important;line-height:1!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-icon{width:13px!important;height:13px!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-icon svg{width:8px!important;height:8px!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-item b{font-size:9.3px!important;margin-top:3px!important;line-height:1.1!important}
#slotBox.slot-overview-layout-v2444 .slot-session-badge{min-height:15px!important;font-size:8px!important;padding:0 4px!important}
#slotBox.slot-overview-layout-v2444 .slot-session-meta{font-size:8.2px!important;line-height:1.05!important}
#slotBox.slot-overview-layout-v2444 .slot-module-ready,#slotBox.slot-overview-layout-v2444 .slot-jump{margin-top:auto!important;padding:4px 6px!important;font-size:8.8px!important;line-height:1!important}
#slotBox.slot-overview-layout-v2444 .slot-visitor-panel{min-height:110px!important;height:100%!important;align-self:stretch!important}
#card_FT8 .ft8-gain-select .small{border-color:rgba(66,214,138,.72)!important;background:linear-gradient(180deg,rgba(0,52,28,.78),rgba(0,20,12,.92))!important;color:#caffdd!important}
#card_FT8 .ft8-gain-select select{border-color:rgba(66,214,138,.66)!important;background:linear-gradient(180deg,rgba(0,39,22,.96),rgba(0,12,8,.98))!important;color:#dfffe9!important}
/* v24.73: FT4 exact gain control parity with FT8, without broad button/select overrides. */
#card_FT4 .ft8-gain-select .small{border-color:rgba(66,214,138,.72)!important;background:linear-gradient(180deg,rgba(0,52,28,.78),rgba(0,20,12,.92))!important;color:#caffdd!important}
#card_FT4 .ft8-gain-select select{border-color:rgba(66,214,138,.66)!important;background:linear-gradient(180deg,rgba(0,39,22,.96),rgba(0,12,8,.98))!important;color:#dfffe9!important}

@media(max-width:1100px){#slotBox.slot-overview-layout-v2444{grid-template-columns:1fr!important}#slotBox.slot-overview-layout-v2444 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){#slotBox.slot-overview-layout-v2444 .slot-overview-cards-v2437{grid-template-columns:1fr!important}#slotBox.slot-overview-layout-v2444 .slot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v24.63: Waterfall Internal Renderer Parity Fix */
.smeter-plugin-only{
  display:block;
  min-height:154px;
  border:1px solid rgba(0,232,255,.28);
  background:linear-gradient(180deg,rgba(0,22,30,.44),rgba(0,5,10,.82));
  box-shadow:inset 0 0 18px rgba(0,232,255,.045),0 0 18px rgba(0,232,255,.05);
}
.smeter-plugin-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:154px;
  color:#8df7ff;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:500;
  text-shadow:0 0 10px rgba(0,232,255,.35);
}
#slotBox.slot-overview-layout-v2444 .slot-title{font-size:15px!important;line-height:1.07!important}
#slotBox.slot-overview-layout-v2444 .slot-subtitle{font-size:10.2px!important;line-height:1.1!important}
#slotBox.slot-overview-layout-v2444 .slot-state{font-size:10.2px!important}
#slotBox.slot-overview-layout-v2444 .slot-chip{font-size:9.2px!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-label{font-size:9.1px!important}
#slotBox.slot-overview-layout-v2444 .slot-detail-item b{font-size:10.2px!important}
#slotBox.slot-overview-layout-v2444 .slot-session-badge{font-size:8.8px!important}
#slotBox.slot-overview-layout-v2444 .slot-session-meta{font-size:8.9px!important}
#slotBox.slot-overview-layout-v2444 .slot-module-ready,#slotBox.slot-overview-layout-v2444 .slot-jump{font-size:9.6px!important}


/* v24.73: Broad FT4 control overrides removed. FT4 now uses safe FT8 parity CSS without stretching layout. */



/* v25.46 final override: visitor-friendly module tiles and compact SDR slots. */
#tiles .tile .tile-art,#tiles .tile .module-desc{display:none!important;content:none!important;}
#tiles .tile{min-height:92px!important;padding:10px 10px 38px!important;background:linear-gradient(180deg,rgba(0,29,38,.72),rgba(0,7,12,.96))!important;background-blend-mode:normal!important;}
#tiles .tile h3{margin-right:96px!important;margin-bottom:4px!important;}
#tiles .tile .small{font-size:10.5px!important;opacity:.82;max-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#tiles .tile .hwline{font-size:10px!important;max-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#tiles .module-use-badge,#tiles .preset-only-badge.module-use-badge{display:inline-flex!important;align-items:center;justify-content:center;position:absolute;right:8px;bottom:8px;float:none!important;margin:0!important;min-width:78px;height:24px;padding:0 9px!important;border:1px solid rgba(66,255,138,.82)!important;color:#d9ffe5!important;background:linear-gradient(180deg,rgba(0,82,36,.92),rgba(0,18,10,.98))!important;box-shadow:0 0 15px rgba(66,255,138,.22),inset 0 0 10px rgba(66,255,138,.08)!important;text-shadow:0 0 9px rgba(66,255,138,.35);font-size:9.8px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase;}
#tiles .tile.active-module .module-use-badge,#tiles .module-use-badge.in-use{border-color:rgba(255,82,96,.86)!important;color:#ffe4e8!important;background:linear-gradient(180deg,rgba(142,0,31,.96),rgba(42,0,13,.98))!important;box-shadow:0 0 17px rgba(255,65,88,.30),inset 0 0 10px rgba(255,255,255,.04)!important;}
#tiles .tile .status,#tiles .tile.blocked:after,#tiles .tile.hwblocked:after{display:none!important;content:none!important;}
#slotBox .slot-card,#slotBox.slot-overview-layout-v2437 .slot-card,#slotBox.slot-overview-layout-v2438 .slot-card,#slotBox.slot-overview-layout-v2440 .slot-card,#slotBox.slot-overview-layout-v2441 .slot-card,#slotBox.slot-overview-layout-v2444 .slot-card{min-height:92px!important;height:auto!important;padding:10px 11px!important;display:flex!important;flex-direction:column!important;}
#slotBox .slot-title{font-size:13px!important;letter-spacing:.035em!important;}
#slotBox .slot-sub{font-size:9.4px!important;opacity:.78!important;max-height:16px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#slotBox .slot-icon{width:28px!important;height:28px!important;font-size:14px!important;}
#slotBox .slot-state{height:22px!important;padding:0 7px!important;font-size:9.2px!important;}
#slotBox .slot-usage,#slotBox .slot-detail-grid,#slotBox.slot-overview-layout-v2444 .slot-usage,#slotBox.slot-overview-layout-v2444 .slot-detail-grid,#slotBox.slot-overview-layout-v2441 .slot-detail-grid,#slotBox.slot-overview-layout-v2440 .slot-detail-grid,#slotBox.slot-overview-layout-v2438 .slot-detail-grid,#slotBox.slot-overview-layout-v2437 .slot-detail-grid{display:none!important;}
#slotBox .slot-chiprow{gap:5px!important;margin-top:7px!important;}
#slotBox .slot-chip{font-size:9px!important;padding:3px 5px!important;}
#slotBox .slot-chip:first-child,#slotBox .slot-chip:nth-child(2){display:none!important;}
#slotBox .slot-module{margin-top:7px!important;font-size:10px!important;padding:5px 7px!important;}
#slotBox .slot-jump{height:24px!important;font-size:9px!important;padding:0 8px!important;margin-top:6px!important;}


/* v25.49 S-Meter Stable DOM Hotfix: stable preset row, blue footer, compact controls, slot/loading polish. */
.footer{border-color:rgba(0,168,255,.44)!important;background:linear-gradient(90deg,rgba(0,12,24,.70),rgba(0,54,92,.46),rgba(0,12,24,.70))!important;box-shadow:0 -1px 0 rgba(0,232,255,.16),0 0 24px rgba(0,168,255,.12)!important;}
.footer-brand{color:#dff8ff!important;text-shadow:0 0 14px rgba(0,168,255,.52)!important;}
.footer-version,.footer-year,.footer-link{border-color:rgba(0,168,255,.44)!important;background:linear-gradient(180deg,rgba(0,92,145,.28),rgba(0,16,30,.84))!important;color:#bfeeff!important;box-shadow:0 0 12px rgba(0,168,255,.13),inset 0 0 10px rgba(0,168,255,.06)!important;}
.footer-dev{color:#c9efff!important}.footer-sep{color:#45c8ff!important;text-shadow:0 0 10px rgba(0,168,255,.45)!important}.footer-link:hover,.footer-link:focus{border-color:rgba(102,220,255,.88)!important;color:#ffffff!important;background:rgba(0,120,180,.24)!important;box-shadow:0 0 16px rgba(0,168,255,.32)!important;}
.smeter-preset-inline-row{display:flex;align-items:center;justify-content:center;gap:9px;margin:-6px 0 10px;width:100%;}
.smeter-preset-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border:1px solid rgba(66,255,138,.78);background:linear-gradient(180deg,rgba(0,82,36,.88),rgba(0,18,10,.98));color:#d9ffe5;box-shadow:0 0 15px rgba(66,255,138,.22),inset 0 0 10px rgba(66,255,138,.08);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 0 9px rgba(66,255,138,.35)}
.smeter-preset-select{height:28px;min-width:210px;max-width:360px;border:1px solid rgba(66,255,138,.72)!important;background:linear-gradient(180deg,rgba(0,45,27,.98),rgba(0,10,8,.99))!important;color:#dfffe9!important;box-shadow:0 0 13px rgba(66,255,138,.16),inset 0 0 10px rgba(66,255,138,.06)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.035em!important;padding:0 10px!important;}
#card_FT8 .smeter-center-head-row,#card_FT4 .smeter-center-head-row,#card_JS8 .smeter-center-head-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;width:100%!important;gap:6px!important;}
#card_FT8 .smeter-center-head,#card_FT8 .smeter-center-mode,#card_FT8 .smeter-center-module,#card_FT4 .smeter-center-head,#card_FT4 .smeter-center-mode,#card_FT4 .smeter-center-module,#card_JS8 .smeter-center-head,#card_JS8 .smeter-center-mode,#card_JS8 .smeter-center-module{min-width:0!important;max-width:none!important;width:auto!important;justify-content:center!important;padding:4px 6px!important;}
.tile.busy:after{content:attr(data-busy)!important;left:8px!important;right:auto!important;bottom:8px!important;top:auto!important;inset:auto auto 8px 8px!important;width:auto!important;min-width:90px!important;height:24px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,179,62,.80)!important;background:linear-gradient(180deg,rgba(130,62,0,.94),rgba(42,17,0,.98))!important;color:#ffe2b8!important;box-shadow:0 0 14px rgba(255,179,62,.24),inset 0 0 9px rgba(255,179,62,.06)!important;font-size:9.8px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
#slotMeta,.slot-summary,.slot-summary-chip,.slot-summary-bar,.slot-visitor-meta{display:none!important;}
#slotBox .slot-overview-cards,#slotBox.slot-overview-layout .slot-overview-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:8px!important;}
#slotBox .slot-card,#slotBox.slot-overview-layout-v2444 .slot-card{min-height:76px!important;padding:8px 9px!important;}
#slotBox .slot-icon{width:24px!important;height:24px!important;min-width:24px!important}#slotBox .slot-head{gap:7px!important}#slotBox .slot-title{font-size:12px!important}#slotBox .slot-subtitle{font-size:8.7px!important;max-width:150px!important}#slotBox .slot-state{height:20px!important;font-size:8.7px!important;padding:0 6px!important}#slotBox .slot-chiprow{margin-top:5px!important}#slotBox .slot-chip{font-size:8.6px!important;padding:2px 4px!important}#slotBox .slot-module{margin-top:5px!important;padding:4px 6px!important;font-size:9.3px!important}.slot-visitor-panel{min-height:76px!important;padding:9px!important}.slot-visitor-title{font-size:10.5px!important}.slot-visitor-donut{width:82px!important;height:82px!important}.slot-visitor-number{font-size:17px!important}
#card_FT8 .ft8-filterbar label,#card_FT8 .ft8-countrybar label,#card_FT8 .ft8-callbar label,#card_FT4 .ft8-filterbar label,#card_FT4 .ft8-countrybar label,#card_FT4 .ft8-callbar label{display:none!important;}
#card_FT8 .ft8-filterbar,#card_FT8 .ft8-countrybar,#card_FT8 .ft8-callbar,#card_FT4 .ft8-filterbar,#card_FT4 .ft8-countrybar,#card_FT4 .ft8-callbar{gap:4px!important;}
#card_FT8 .ft8-box-head button,#card_FT4 .ft8-box-head button,#card_JS8 .ft8-box-head button,#card_FT8 .ft8-box-head input,#card_FT4 .ft8-box-head input,#card_JS8 .ft8-box-head input,#card_FT8 .ft8-box-head select,#card_FT4 .ft8-box-head select,#card_JS8 .ft8-box-head select{height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:9.8px!important;line-height:1!important;}
#card_FT8 .wfToggle,#card_FT4 .wfToggle,#card_JS8 .wfToggle,#card_FT8 button,#card_FT4 button,#card_JS8 button{min-height:26px;font-size:9.8px;}
#card_FT8 input,#card_FT4 input,#card_JS8 input,#card_FT8 select,#card_FT4 select,#card_JS8 select{font-size:9.8px;}
#card_FT8 .smeter-toggle-row,#card_FT4 .smeter-toggle-row,#card_JS8 .smeter-toggle-row,#card_FT8 .gridlocator-toggle-row,#card_FT4 .gridlocator-toggle-row,#card_JS8 .gridlocator-toggle-row{margin-top:12px!important;padding-top:4px!important;}
#card_FT8 .ft8-waterfall-toggle-row,#card_FT4 .ft8-waterfall-toggle-row,#card_JS8 .ft8-waterfall-toggle-row{margin-top:14px!important;padding-top:0!important;border-top:0!important;}
#card_FT8 .ft8-section-separator-waterfall,#card_FT4 .ft8-section-separator-waterfall,#card_JS8 .ft8-section-separator-waterfall{display:none!important;}
#card_JS8 .js8-operator-row span,#card_JS8 .js8-operator-row button,#card_JS8 .js8-message-shell span,#card_JS8 .js8-message-shell button,#card_JS8 .ft8-wf-inline-badge,#card_JS8 .wfSpanBadge,#card_JS8 .rxFreqBadge,#card_JS8 .fpsBadge,#card_JS8 .ft8WfStatusBadge,#card_JS8 .gridlocator-badge,#card_JS8 .webftr-waterfall-status,#card_JS8 .ft8-utc-sync-widget{border-radius:0!important;}


/* v25.55 Slot-System Blend Polish: grosse Slotanzeige behalten, Systemwerte integriert, kein Raspberry-Status-Text. */
#slotBox.slot-overview-layout-v2555{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr)!important;gap:12px!important;align-items:stretch!important;}
#slotBox.slot-overview-layout-v2555 .slot-health-panel-v2555{
  min-height:100%!important;
  border:1px solid rgba(66,214,138,.42)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(66,255,138,.13),transparent 36%),
    radial-gradient(circle at 100% 100%,rgba(0,168,255,.10),transparent 42%),
    linear-gradient(180deg,rgba(1,30,22,.86),rgba(0,9,12,.97))!important;
  box-shadow:0 0 20px rgba(66,255,138,.10),inset 0 0 18px rgba(66,255,138,.035)!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  justify-content:space-between!important;
}
#slotBox .slot-capacity-card-v2555{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:6px 5px 8px!important;}
#slotBox .slot-capacity-donut-v2555{
  --slot-pct:0%;
  width:128px!important;height:128px!important;border-radius:0!important;
  border:1px solid rgba(66,255,138,.62)!important;
  background:conic-gradient(#42ff8a var(--slot-pct),rgba(10,44,30,.80) 0)!important;
  display:grid!important;place-items:center!important;position:relative!important;
  box-shadow:0 0 26px rgba(66,255,138,.18),inset 0 0 18px rgba(0,0,0,.46)!important;
}
#slotBox .slot-capacity-donut-v2555:before{content:"";position:absolute;inset:16px;background:linear-gradient(180deg,#061d17,#02090a);border:1px solid rgba(66,255,138,.26);box-shadow:inset 0 0 18px rgba(0,0,0,.58)!important;}
#slotBox .slot-capacity-donut-v2555>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;}
#slotBox .slot-capacity-donut-v2555 b{font-family:Consolas,monospace;font-size:28px;line-height:1;color:#eaffef;text-shadow:0 0 13px rgba(66,255,138,.62);font-weight:1000;}
#slotBox .slot-capacity-donut-v2555 small{font-size:10px;line-height:1;color:#9fffc7;text-transform:uppercase;letter-spacing:.09em;font-weight:900;}
#slotBox .slot-capacity-chips-v2555{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;}
#slotBox .slot-capacity-chips-v2555 span{min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid rgba(0,232,255,.34);background:rgba(0,122,164,.14);color:#c9f6ff;font-size:8.6px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;box-shadow:inset 0 0 8px rgba(0,232,255,.04);}
#slotBox .slot-capacity-chips-v2555 span.free{border-color:rgba(66,255,138,.50);background:rgba(66,255,138,.10);color:#caffdd;}
#slotBox .slot-capacity-chips-v2555 span.busy{border-color:rgba(255,179,62,.50);background:rgba(255,179,62,.11);color:#ffe2b8;}
#slotBox .slot-health-grid-v2555{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
#slotBox .slot-health-metric{min-height:48px!important;border:1px solid rgba(0,232,255,.30)!important;background:linear-gradient(180deg,rgba(0,44,63,.42),rgba(0,10,14,.90))!important;padding:6px!important;box-shadow:inset 0 0 10px rgba(0,232,255,.035)!important;}
#slotBox .slot-health-metric.warn{border-color:rgba(255,179,62,.55)!important;background:linear-gradient(180deg,rgba(88,45,0,.42),rgba(18,8,0,.92))!important;}
#slotBox .slot-health-metric.temp{border-color:rgba(66,255,138,.28)!important;background:linear-gradient(180deg,rgba(4,42,30,.42),rgba(0,10,9,.92))!important;}
#slotBox .slot-health-metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8.4px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase;color:#a8f4ff;}
#slotBox .slot-health-metric-top b{font-family:Consolas,monospace;font-size:11px;color:#e8fdff;text-shadow:0 0 9px rgba(0,232,255,.25);white-space:nowrap;}
#slotBox .slot-health-metric small{display:block;margin-top:4px;color:#9eced5;font-size:8px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#slotBox .slot-health-bar{height:5px;margin-top:6px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.05);overflow:hidden;}
#slotBox .slot-health-bar span{display:block;height:100%;width:var(--sys-pct);background:linear-gradient(90deg,#26d8ff,#42ff8a);box-shadow:0 0 10px rgba(66,255,138,.28);}
#slotBox.slot-overview-layout-v2555 .slot-system-title{display:none!important;}
@media(max-width:1100px){#slotBox.slot-overview-layout-v2555{grid-template-columns:1fr!important}#slotBox.slot-overview-layout-v2555 .slot-health-panel-v2555{order:-1!important}#slotBox .slot-health-panel-v2555{max-width:none!important}#slotBox .slot-capacity-donut-v2555{width:116px!important;height:116px!important}}
@media(max-width:720px){#slotBox .slot-health-grid-v2555{grid-template-columns:1fr 1fr!important}#slotBox .slot-capacity-donut-v2555{width:102px!important;height:102px!important}#slotBox .slot-capacity-donut-v2555 b{font-size:23px!important}}

/* v25.53: Slot system overview + multi-slot lightweight polish. */
#slotBox.slot-overview-layout-v2553,
#slotBox.slot-overview-layout-v2437.slot-overview-layout-v2553{
  grid-template-columns:minmax(0,1fr) minmax(250px,310px)!important;
  gap:10px!important;
  align-items:start!important;
}
.slot-system-panel{
  border:1px solid rgba(0,232,255,.36);
  background:radial-gradient(circle at 50% 0,rgba(0,232,255,.10),transparent 42%),linear-gradient(180deg,rgba(0,18,28,.78),rgba(0,8,12,.96));
  box-shadow:0 0 18px rgba(0,232,255,.08),inset 0 0 16px rgba(0,232,255,.035);
  padding:10px;
  min-height:0!important;
}
.slot-system-title{color:#9ffcff;font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;text-align:center;text-shadow:0 0 10px rgba(0,232,255,.45)}
.slot-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
.slot-system-gauge,.slot-visitor-mini{border:1px solid rgba(0,232,255,.18);background:rgba(0,15,22,.45);padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.slot-system-gauge.warn{border-color:rgba(255,179,62,.45);background:rgba(45,25,0,.32)}
.slot-system-donut{--sys-pct:0%;width:72px;height:72px;border:1px solid rgba(0,232,255,.45);background:conic-gradient(#00e8ff var(--sys-pct),rgba(5,28,38,.86) 0);display:grid;place-items:center;position:relative;box-shadow:0 0 14px rgba(0,232,255,.13),inset 0 0 12px rgba(0,0,0,.52)}
.slot-system-donut.visitor{border-color:rgba(66,214,138,.48);background:conic-gradient(#42ff8a var(--sys-pct),rgba(9,38,24,.82) 0);box-shadow:0 0 14px rgba(66,255,138,.12),inset 0 0 12px rgba(0,0,0,.52)}
.slot-system-gauge.warn .slot-system-donut{border-color:rgba(255,179,62,.58);background:conic-gradient(#ffb33e var(--sys-pct),rgba(52,28,0,.84) 0)}
.slot-system-donut:before{content:"";position:absolute;inset:10px;background:linear-gradient(180deg,#06141a,#02080a);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 14px rgba(0,0,0,.62)}
.slot-system-donut>div{position:relative;z-index:1;text-align:center;line-height:1.05}
.slot-system-donut b{display:block;font-family:Consolas,monospace;font-size:16px;color:#eafaff;text-shadow:0 0 10px rgba(0,232,255,.45)}
.slot-system-donut small{display:block;font-size:7.5px;font-weight:1000;color:#9ffcff;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.slot-system-sub{font-size:8.5px;color:#bfefff;font-weight:900;letter-spacing:.04em;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slot-system-foot{display:flex;justify-content:space-between;gap:6px;margin-top:8px;color:#9ffcff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
#slotBox.slot-overview-layout-v2553 .slot-card{min-height:74px!important;padding:7px 8px!important}
#slotBox.slot-overview-layout-v2553 .slot-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
#slotBox.slot-overview-layout-v2553 .slot-detail-item.profile{display:none!important}
#slotBox.slot-overview-layout-v2553 .slot-detail-item{min-height:24px!important;padding:3px 5px!important}
#slotBox.slot-overview-layout-v2553 .slot-module{font-size:9px!important;margin-top:5px!important;padding-top:5px!important}
@media(max-width:980px){#slotBox.slot-overview-layout-v2553{grid-template-columns:1fr!important}.slot-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.slot-system-donut{width:62px;height:62px}.slot-system-donut b{font-size:14px}}
@media(max-width:640px){.slot-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v25.55 final override after legacy v25.53 slot rules. */
#slotBox.slot-overview-layout-v2555{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr)!important;gap:12px!important;align-items:stretch!important;}
#slotBox.slot-overview-layout-v2555 .slot-health-panel-v2555{display:flex!important;min-height:100%!important;}
#slotBox.slot-overview-layout-v2555 .slot-overview-cards-v2437{align-self:start!important;}
@media(max-width:1100px){#slotBox.slot-overview-layout-v2555{grid-template-columns:1fr!important}#slotBox.slot-overview-layout-v2555 .slot-health-panel-v2555{order:-1!important}}

/* v25.56: Slot overview compact 40/60 layout + system refresh fix.
   Links: kompakte Slot-/Systemanzeige ca. 40%. Rechts: SDR-Hardwarekarten im festen 2er-Raster. */
#slotBox.slot-overview-layout-v2556{
  display:grid!important;
  grid-template-columns:minmax(220px,0.40fr) minmax(0,0.60fr)!important;
  grid-template-areas:"system slots"!important;
  gap:10px!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2556 .slot-health-panel-v2555{
  grid-area:system!important;
  order:0!important;
  min-height:0!important;
  height:auto!important;
  padding:7px!important;
  gap:6px!important;
  align-self:start!important;
  justify-content:start!important;
}
#slotBox.slot-overview-layout-v2556 .slot-overview-cards-v2437{
  grid-area:slots!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  align-content:start!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2556 .slot-overview-empty-v2437{grid-area:slots!important;min-height:96px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-card-v2555{gap:5px!important;padding:3px 3px 5px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-donut-v2555{width:92px!important;height:92px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-donut-v2555:before{inset:12px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-donut-v2555 b{font-size:22px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-donut-v2555 small{font-size:8px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-chips-v2555{gap:3px!important;}
#slotBox.slot-overview-layout-v2556 .slot-capacity-chips-v2555 span{min-height:16px!important;font-size:7.2px!important;padding:0 4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-grid-v2555{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-metric{min-height:36px!important;padding:4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-metric-top{font-size:7.2px!important;gap:3px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-metric-top b{font-size:9px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-metric small{font-size:7px!important;margin-top:2px!important;}
#slotBox.slot-overview-layout-v2556 .slot-health-bar{height:4px!important;margin-top:4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-card{min-height:82px!important;padding:7px 8px!important;}
#slotBox.slot-overview-layout-v2556 .slot-head{grid-template-columns:24px minmax(0,1fr) auto!important;gap:6px!important;margin-bottom:4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-icon{width:24px!important;height:24px!important;min-width:24px!important;}
#slotBox.slot-overview-layout-v2556 .slot-title{font-size:12px!important;}
#slotBox.slot-overview-layout-v2556 .slot-subtitle{font-size:8.4px!important;max-width:170px!important;}
#slotBox.slot-overview-layout-v2556 .slot-state{height:19px!important;font-size:8.2px!important;padding:0 5px!important;}
#slotBox.slot-overview-layout-v2556 .slot-chiprow{gap:4px!important;margin:4px 0!important;}
#slotBox.slot-overview-layout-v2556 .slot-chip{font-size:8px!important;padding:2px 4px!important;}
#slotBox.slot-overview-layout-v2556 .slot-detail-grid{display:none!important;}
#slotBox.slot-overview-layout-v2556 .slot-module{margin-top:5px!important;font-size:8.8px!important;padding:4px 6px!important;}
#slotBox.slot-overview-layout-v2556 .slot-jump{height:22px!important;font-size:8px!important;margin-top:5px!important;padding:0 6px!important;}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2556{grid-template-columns:1fr!important;grid-template-areas:"system" "slots"!important;}
  #slotBox.slot-overview-layout-v2556 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2556 .slot-overview-cards-v2437{grid-template-columns:1fr!important;}
}


/* v25.57: Slot-Übersicht nach Maik-Wunsch als klarer 50/50-Zweispalter.
   Links: SDR-/USB-Stick-Karten im festen 2er-Raster (1 links, 2 rechts, 3 neue Zeile links, 4 rechts).
   Rechts: belegte Slots gross sichtbar plus kompakter Raspberry-Systemstatus darunter. */
#slotBox.slot-overview-layout-v2557{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(270px,1fr)!important;
  grid-template-areas:"slots system"!important;
  gap:12px!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2557 .slot-overview-cards-v2437{
  grid-area:slots!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:9px!important;
  align-content:start!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2557 .slot-overview-cards-v2557.count-0,
#slotBox.slot-overview-layout-v2557 .slot-overview-cards-v2557.count-1{grid-template-columns:1fr!important;}
#slotBox.slot-overview-layout-v2557 .slot-overview-empty-v2437{grid-area:slots!important;min-height:104px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-panel-v2555{
  grid-area:system!important;
  order:0!important;
  min-height:0!important;
  height:auto!important;
  padding:10px!important;
  gap:8px!important;
  align-self:start!important;
  justify-content:start!important;
  border-color:rgba(66,255,138,.46)!important;
  box-shadow:0 0 20px rgba(66,255,138,.10),inset 0 0 18px rgba(0,232,255,.035)!important;
}
#slotBox.slot-overview-layout-v2557 .slot-capacity-card-v2555{gap:7px!important;padding:5px 5px 7px!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-donut-v2555{width:132px!important;height:104px!important;border-radius:0!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-donut-v2555:before{inset:13px 18px!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-donut-v2555 b{font-size:28px!important;letter-spacing:.02em!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-donut-v2555 small{font-size:9.2px!important;letter-spacing:.08em!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-chips-v2555{gap:5px!important;}
#slotBox.slot-overview-layout-v2557 .slot-capacity-chips-v2555 span{min-height:19px!important;font-size:8.2px!important;padding:0 6px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-grid-v2555{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:1px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-metric{min-height:42px!important;padding:5px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-metric-top{font-size:8px!important;gap:4px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-metric-top b{font-size:10px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-metric small{font-size:7.6px!important;margin-top:3px!important;}
#slotBox.slot-overview-layout-v2557 .slot-health-bar{height:4px!important;margin-top:5px!important;}
#slotBox.slot-overview-layout-v2557 .slot-card{min-height:84px!important;padding:8px 9px!important;}
#slotBox.slot-overview-layout-v2557 .slot-head{grid-template-columns:24px minmax(0,1fr) auto!important;gap:6px!important;margin-bottom:4px!important;}
#slotBox.slot-overview-layout-v2557 .slot-icon{width:24px!important;height:24px!important;min-width:24px!important;}
#slotBox.slot-overview-layout-v2557 .slot-title{font-size:12.2px!important;}
#slotBox.slot-overview-layout-v2557 .slot-subtitle{font-size:8.5px!important;max-width:170px!important;}
#slotBox.slot-overview-layout-v2557 .slot-state{height:19px!important;font-size:8.4px!important;padding:0 5px!important;}
#slotBox.slot-overview-layout-v2557 .slot-chiprow{gap:4px!important;margin:4px 0!important;}
#slotBox.slot-overview-layout-v2557 .slot-chip{font-size:8px!important;padding:2px 4px!important;}
#slotBox.slot-overview-layout-v2557 .slot-detail-grid{display:none!important;}
#slotBox.slot-overview-layout-v2557 .slot-module{margin-top:5px!important;font-size:8.8px!important;padding:4px 6px!important;}
#slotBox.slot-overview-layout-v2557 .slot-jump{height:22px!important;font-size:8px!important;margin-top:5px!important;padding:0 6px!important;}
@media(max-width:1100px){
  #slotBox.slot-overview-layout-v2557{grid-template-columns:1fr!important;grid-template-areas:"system" "slots"!important;}
  #slotBox.slot-overview-layout-v2557 .slot-overview-cards-v2437{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2557 .slot-overview-cards-v2437{grid-template-columns:1fr!important;}
}

/* v25.58: Slot-Uebersicht korrekt nach Maik-Vorgabe.
   Linke 50%-Haelfte: Slot-Belegung + Raspberry-Systemstatus.
   Rechte 50%-Haelfte: SDR-/USB-Hardwarekarten im festen 2x2 Raster. */
#slotBox.slot-overview-layout-v2558{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:"system slots"!important;
  gap:12px!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2558 .slot-health-panel-v2555{
  grid-area:system!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.95fr) minmax(0,1.05fr)!important;
  gap:10px!important;
  padding:10px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
#slotBox.slot-overview-layout-v2558 .slot-capacity-card-v2555{
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  justify-content:center!important;
  padding:7px!important;
  gap:7px!important;
  border:1px solid rgba(66,255,138,.22)!important;
  background:linear-gradient(180deg,rgba(4,42,28,.34),rgba(0,9,10,.74))!important;
}
#slotBox.slot-overview-layout-v2558 .slot-capacity-donut-v2555{
  width:118px!important;
  height:104px!important;
  border-radius:0!important;
}
#slotBox.slot-overview-layout-v2558 .slot-capacity-donut-v2555:before{inset:13px 16px!important;}
#slotBox.slot-overview-layout-v2558 .slot-capacity-donut-v2555 b{font-size:27px!important;letter-spacing:.01em!important;}
#slotBox.slot-overview-layout-v2558 .slot-capacity-donut-v2555 small{font-size:8.8px!important;letter-spacing:.075em!important;}
#slotBox.slot-overview-layout-v2558 .slot-capacity-chips-v2555{gap:5px!important;}
#slotBox.slot-overview-layout-v2558 .slot-capacity-chips-v2555 span{min-height:18px!important;font-size:7.8px!important;padding:0 5px!important;}
#slotBox.slot-overview-layout-v2558 .slot-health-grid-v2555{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  align-content:stretch!important;
  margin-top:0!important;
}
#slotBox.slot-overview-layout-v2558 .slot-health-metric{min-height:46px!important;padding:5px!important;}
#slotBox.slot-overview-layout-v2558 .slot-health-metric-top{font-size:8px!important;gap:4px!important;}
#slotBox.slot-overview-layout-v2558 .slot-health-metric-top b{font-size:10px!important;}
#slotBox.slot-overview-layout-v2558 .slot-health-metric small{font-size:7.6px!important;margin-top:3px!important;}
#slotBox.slot-overview-layout-v2558 .slot-health-bar{height:4px!important;margin-top:5px!important;}
#slotBox.slot-overview-layout-v2558 .slot-overview-cards-v2437{
  grid-area:slots!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  align-content:start!important;
  align-items:start!important;
}
#slotBox.slot-overview-layout-v2558 .slot-overview-cards-v2558.count-0,
#slotBox.slot-overview-layout-v2558 .slot-overview-cards-v2558.count-1{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#slotBox.slot-overview-layout-v2558 .slot-overview-empty-v2437{grid-area:slots!important;min-height:104px!important;}
#slotBox.slot-overview-layout-v2558 .slot-card{min-height:84px!important;padding:8px 9px!important;}
#slotBox.slot-overview-layout-v2558 .slot-head{grid-template-columns:24px minmax(0,1fr) auto!important;gap:6px!important;margin-bottom:4px!important;}
#slotBox.slot-overview-layout-v2558 .slot-icon{width:24px!important;height:24px!important;min-width:24px!important;}
#slotBox.slot-overview-layout-v2558 .slot-title{font-size:12.2px!important;}
#slotBox.slot-overview-layout-v2558 .slot-subtitle{font-size:8.5px!important;max-width:170px!important;}
#slotBox.slot-overview-layout-v2558 .slot-state{height:19px!important;font-size:8.4px!important;padding:0 5px!important;}
#slotBox.slot-overview-layout-v2558 .slot-chiprow{gap:4px!important;margin:4px 0!important;}
#slotBox.slot-overview-layout-v2558 .slot-chip{font-size:8px!important;padding:2px 4px!important;}
#slotBox.slot-overview-layout-v2558 .slot-detail-grid{display:none!important;}
#slotBox.slot-overview-layout-v2558 .slot-module{margin-top:5px!important;font-size:8.8px!important;padding:4px 6px!important;}
#slotBox.slot-overview-layout-v2558 .slot-jump{height:22px!important;font-size:8px!important;margin-top:5px!important;padding:0 6px!important;}
@media(max-width:1160px){
  #slotBox.slot-overview-layout-v2558{grid-template-columns:1fr!important;grid-template-areas:"system" "slots"!important;}
  #slotBox.slot-overview-layout-v2558 .slot-health-panel-v2555{grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr)!important;}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2558 .slot-health-panel-v2555{grid-template-columns:1fr!important;}
  #slotBox.slot-overview-layout-v2558 .slot-overview-cards-v2437{grid-template-columns:1fr!important;}
  #slotBox.slot-overview-layout-v2558 .slot-overview-cards-v2558.count-1{grid-template-columns:1fr!important;}
}


/* v25.59: Slot overview full-width final polish + active-class cleanup.
   Aktiver DOM nutzt nur noch .slot-overview-layout-v2559; alte Layoutklassen bleiben als Verlauf/Backup im Code,
   werden aber nicht mehr auf #slotBox gesetzt. Ziel: weniger CSS-Kaskaden-Kollisionen und ruhigeres Rendering. */
#slotBox.slot-overview-layout-v2559{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:"system slots"!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-top:10px!important;
  contain:layout style;
}
#slotBox.slot-overview-layout-v2559 .slot-health-panel-v2555{
  grid-area:system!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:minmax(160px,.92fr) minmax(0,1.08fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:10px!important;
  border:1px solid rgba(66,255,138,.34)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(66,255,138,.15),transparent 38%),
    radial-gradient(circle at 95% 15%,rgba(0,232,255,.10),transparent 36%),
    linear-gradient(180deg,rgba(0,28,24,.76),rgba(0,8,12,.96))!important;
  box-shadow:0 0 20px rgba(66,255,138,.10),inset 0 0 18px rgba(0,232,255,.035)!important;
  overflow:hidden!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-card-v2555{
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid rgba(66,255,138,.34)!important;
  background:linear-gradient(180deg,rgba(6,54,34,.42),rgba(0,14,12,.84))!important;
  box-shadow:inset 0 0 16px rgba(66,255,138,.045)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-donut-v2555{
  width:100%!important;
  min-width:132px!important;
  max-width:230px!important;
  height:90px!important;
  border-radius:0!important;
  margin:0 auto!important;
  border:1px solid rgba(66,255,138,.72)!important;
  background:
    linear-gradient(90deg,rgba(66,255,138,.80) var(--slot-pct),rgba(5,40,23,.78) 0)!important;
  box-shadow:0 0 18px rgba(66,255,138,.18),inset 0 0 16px rgba(0,0,0,.56)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-donut-v2555:before{
  inset:12px 16px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(0,18,18,.96),rgba(0,7,10,.98))!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-donut-v2555 b{
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  color:#f0fff6!important;
  text-shadow:0 0 16px rgba(66,255,138,.55)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-donut-v2555 small{
  font-size:9px!important;
  letter-spacing:.10em!important;
  color:#bfffd2!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-chips-v2555{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
}
#slotBox.slot-overview-layout-v2559 .slot-capacity-chips-v2555 span{
  min-height:19px!important;
  padding:0 5px!important;
  font-size:7.8px!important;
  border-radius:0!important;
  white-space:nowrap!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-grid-v2555{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
  align-content:stretch!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric{
  min-height:52px!important;
  padding:7px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(0,232,255,.34)!important;
  background:
    radial-gradient(circle at 0 0,rgba(0,232,255,.12),transparent 45%),
    linear-gradient(180deg,rgba(0,43,58,.48),rgba(0,10,15,.92))!important;
  box-shadow:inset 0 0 14px rgba(0,232,255,.045),0 0 10px rgba(0,232,255,.05)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric:after{
  content:"";position:absolute;left:7px;right:7px;bottom:5px;height:2px;
  background:linear-gradient(90deg,rgba(0,232,255,.80) var(--sys-pct),rgba(255,255,255,.06) 0)!important;
  box-shadow:0 0 9px rgba(0,232,255,.32);opacity:.95;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric.warn{
  border-color:rgba(255,179,62,.58)!important;
  background:linear-gradient(180deg,rgba(82,44,2,.54),rgba(20,9,0,.94))!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric.temp{
  border-color:rgba(66,255,138,.34)!important;
  background:linear-gradient(180deg,rgba(5,44,31,.50),rgba(0,10,9,.93))!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric-top{
  font-size:8.6px!important;
  letter-spacing:.09em!important;
  color:#aefaff!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric-top b{
  font-size:12px!important;
  color:#effcff!important;
  text-shadow:0 0 12px rgba(0,232,255,.42)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric small{
  margin-top:5px!important;
  padding-right:2px!important;
  font-size:7.7px!important;
  color:#b7eaf1!important;
  opacity:.95!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-bar{display:none!important;}
#slotBox.slot-overview-layout-v2559 .slot-overview-cards-v2559{
  grid-area:slots!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:9px!important;
  align-content:start!important;
  align-items:start!important;
  contain:layout style;
}
#slotBox.slot-overview-layout-v2559 .slot-overview-empty-v2559{
  grid-area:slots!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px dashed rgba(0,232,255,.28)!important;
  background:rgba(0,15,22,.44)!important;
  color:#9ffcff!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
#slotBox.slot-overview-layout-v2559 .slot-card{
  min-height:88px!important;
  height:auto!important;
  padding:9px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(0,232,255,.28)!important;
  background:linear-gradient(180deg,rgba(0,35,48,.60),rgba(0,8,12,.95))!important;
  box-shadow:inset 0 0 14px rgba(0,232,255,.035),0 0 12px rgba(0,232,255,.045)!important;
  overflow:hidden!important;
}
#slotBox.slot-overview-layout-v2559 .slot-card.busy{border-color:rgba(255,179,62,.42)!important;box-shadow:0 0 13px rgba(255,179,62,.08),inset 0 0 13px rgba(255,179,62,.035)!important;}
#slotBox.slot-overview-layout-v2559 .slot-card.free{border-color:rgba(66,255,138,.34)!important;}
#slotBox.slot-overview-layout-v2559 .slot-head{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:7px!important;margin-bottom:5px!important;align-items:center!important;}
#slotBox.slot-overview-layout-v2559 .slot-icon{width:26px!important;height:26px!important;min-width:26px!important;}
#slotBox.slot-overview-layout-v2559 .slot-icon svg{width:15px!important;height:15px!important;}
#slotBox.slot-overview-layout-v2559 .slot-title{font-size:12.5px!important;letter-spacing:.045em!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#slotBox.slot-overview-layout-v2559 .slot-subtitle{font-size:8.6px!important;line-height:1.05!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#slotBox.slot-overview-layout-v2559 .slot-state{height:20px!important;padding:0 6px!important;font-size:8.3px!important;letter-spacing:.065em!important;}
#slotBox.slot-overview-layout-v2559 .slot-usage,#slotBox.slot-overview-layout-v2559 .slot-detail-grid{display:none!important;}
#slotBox.slot-overview-layout-v2559 .slot-chiprow{gap:4px!important;margin:4px 0 5px!important;}
#slotBox.slot-overview-layout-v2559 .slot-chip{font-size:8.1px!important;padding:2px 4px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#slotBox.slot-overview-layout-v2559 .slot-chip:first-child,#slotBox.slot-overview-layout-v2559 .slot-chip:nth-child(2){display:none!important;}
#slotBox.slot-overview-layout-v2559 .slot-module{margin-top:auto!important;font-size:9px!important;padding:5px 7px!important;}
#slotBox.slot-overview-layout-v2559 .slot-jump{height:22px!important;font-size:8px!important;margin-top:5px!important;padding:0 7px!important;}
@media(max-width:1160px){
  #slotBox.slot-overview-layout-v2559{grid-template-columns:1fr!important;grid-template-areas:"system" "slots"!important;}
  #slotBox.slot-overview-layout-v2559 .slot-health-panel-v2555{grid-template-columns:minmax(160px,.85fr) minmax(0,1.15fr)!important;}
}
@media(max-width:720px){
  #slotBox.slot-overview-layout-v2559 .slot-health-panel-v2555{grid-template-columns:1fr!important;}
  #slotBox.slot-overview-layout-v2559 .slot-overview-cards-v2559{grid-template-columns:1fr!important;}
  #slotBox.slot-overview-layout-v2559 .slot-capacity-chips-v2555{grid-template-columns:1fr!important;}
}

/* v25.64: active module tile badge width/text polish. */
#tiles .module-use-badge,#tiles .preset-only-badge.module-use-badge{
  width:auto!important;
  min-width:max-content!important;
  max-width:calc(100% - 16px)!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#tiles .tile.active-module .module-use-badge,#tiles .module-use-badge.in-use{
  border-color:rgba(255,179,62,.92)!important;
  color:#fff1d6!important;
  background:linear-gradient(180deg,rgba(118,58,0,.96),rgba(38,16,0,.98))!important;
  box-shadow:0 0 17px rgba(255,179,62,.32),inset 0 0 10px rgba(255,216,77,.06)!important;
  text-shadow:0 0 9px rgba(255,179,62,.44)!important;
}
#tiles .tile.active-module:before{
  width:auto!important;
  min-width:max-content!important;
  max-width:calc(100% - 16px)!important;
  padding:3px 7px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
/* v25.64: slot/system metrics - calmer faster visual bars without high polling load. */
#slotBox.slot-overview-layout-v2559 .slot-health-metric{--sys-pct:0%;}
#slotBox.slot-overview-layout-v2559 .slot-health-bar{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:4px!important;
  margin-top:6px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,232,255,.20)!important;
  background:rgba(0,13,18,.76)!important;
  box-shadow:inset 0 0 8px rgba(0,0,0,.54)!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-bar span{
  display:block!important;
  width:var(--sys-pct)!important;
  height:100%!important;
  background:linear-gradient(90deg,rgba(0,232,255,.86),rgba(66,255,138,.86))!important;
  box-shadow:0 0 10px rgba(0,232,255,.34)!important;
  transition:width .55s ease!important;
}
#slotBox.slot-overview-layout-v2559 .slot-health-bar:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-100%);
  animation:webftrSystemBarSweep 2.8s linear infinite;
  pointer-events:none;
}
#slotBox.slot-overview-layout-v2559 .slot-health-metric.warn .slot-health-bar span{background:linear-gradient(90deg,rgba(255,179,62,.86),rgba(255,96,46,.86))!important;box-shadow:0 0 10px rgba(255,179,62,.30)!important;}
#slotBox.slot-overview-layout-v2559 .slot-health-metric.temp .slot-health-bar span{background:linear-gradient(90deg,rgba(66,255,138,.78),rgba(0,232,255,.74))!important;}
#slotBox.slot-overview-layout-v2559 .slot-health-metric:after{display:none!important;}
@keyframes webftrSystemBarSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion: reduce){#slotBox.slot-overview-layout-v2559 .slot-health-bar:after{animation:none!important;display:none!important}}
/* v25.65: FT8/FT4 decode cycle as polished neon rail with remaining seconds, no percent text. */
.ft8-controls .ft8-clock{gap:8px!important;justify-content:flex-start!important;align-items:center!important;}
.ft8-decode-progress{
  --decode-pct:0%;
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  min-width:164px;height:18px;border:1px solid rgba(57,255,122,.48);
  background:
    linear-gradient(180deg,rgba(0,30,28,.96),rgba(0,8,13,.98)),
    repeating-linear-gradient(90deg,rgba(0,232,255,.10) 0 1px,transparent 1px 12px);
  box-shadow:0 0 14px rgba(57,255,122,.20),0 0 22px rgba(0,232,255,.08),inset 0 0 12px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.03);
  overflow:hidden;flex:0 0 auto;isolation:isolate;
}
.ft8-decode-progress:before{
  content:"";position:absolute;inset:3px;z-index:0;
  background:repeating-linear-gradient(90deg,rgba(159,252,255,.12) 0 1px,transparent 1px 10px);
  opacity:.42;pointer-events:none;
}
.ft8-decode-progress:after{
  content:"";position:absolute;top:0;bottom:0;width:38px;left:-42px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:webftrDecodeRailSweep 2.35s linear infinite;pointer-events:none;
}
.ft8-decode-progress .ft8-decode-fill{
  position:absolute;left:3px;top:3px;bottom:3px;width:max(0px,calc(var(--decode-pct) - 6px));min-width:0;z-index:1;
  background:linear-gradient(90deg,rgba(0,232,255,.92),rgba(57,255,122,.96),rgba(255,179,62,.90));
  box-shadow:0 0 14px rgba(57,255,122,.48),0 0 20px rgba(0,232,255,.18);
  transition:width .35s linear;
}
.ft8-decode-progress .ft8-decode-left{
  position:relative;z-index:3;padding:0 8px;color:#f4fff8;font-family:Consolas,monospace;font-size:9.2px;font-weight:1000;letter-spacing:.04em;line-height:1;text-shadow:0 0 8px rgba(57,255,122,.82),0 0 14px rgba(0,232,255,.35);white-space:nowrap;
}
.ft8-clock-times{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@keyframes webftrDecodeRailSweep{0%{transform:translateX(0)}100%{transform:translateX(230px)}}
@media (prefers-reduced-motion: reduce){.ft8-decode-progress:after{animation:none!important;display:none!important}.ft8-decode-progress .ft8-decode-fill{transition:none!important}}
@media(max-width:1000px){.ft8-controls .ft8-clock{flex-wrap:wrap!important}.ft8-decode-progress{min-width:138px}}


/* v25.93: JS8 operator-clean UI. Diagnose-/Bridge-Pruefwidgets bleiben im DOM
   fuer spaeteren Admin-Bereich erhalten, sind fuer normale Nutzer aber unsichtbar. */
#card_JS8 .js8-operator-status-row,
#card_JS8 .js8-diagnostics-details{
  display:none!important;
}

/* v26.06: per-IP daily usage timer badge + lightweight system status polish. */
.usage-timer-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(255,179,62,.76);
  background:linear-gradient(180deg,rgba(126,58,0,.90),rgba(38,18,0,.97));
  color:#fff2c8;
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  box-shadow:0 0 16px rgba(255,179,62,.18), inset 0 0 10px rgba(255,255,255,.045);
  text-shadow:0 0 8px rgba(255,179,62,.30);
  white-space:nowrap;
  position:relative;
  z-index:1;
}
.usage-timer-badge.warn{border-color:rgba(255,94,46,.82);background:linear-gradient(180deg,rgba(150,42,0,.94),rgba(50,8,0,.98));color:#fff0e6;}
.usage-timer-badge.expired{border-color:rgba(255,60,60,.86);background:linear-gradient(180deg,rgba(138,12,20,.96),rgba(42,0,6,.98));color:#ffe8e8;}
body.webftr-usage-expired .module-tile,
body.webftr-usage-expired .module-card{
  filter:saturate(.55) brightness(.72);
}
body.webftr-usage-expired .module-tile button,
body.webftr-usage-expired .module-card button:not(.close-btn){
  pointer-events:none;
  opacity:.55;
}
#slotBox .slot-system-gauge,
#slotBox .slot-health-metric{
  position:relative;
  overflow:hidden;
}
#slotBox .slot-system-gauge:after,
#slotBox .slot-health-metric:after{
  content:"";
  position:absolute;
  left:-60%;
  top:0;
  width:40%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,179,62,.12),transparent);
  animation:webftrSysSweep 4.8s linear infinite;
  pointer-events:none;
}
#slotBox .slot-system-donut{
  box-shadow:0 0 14px rgba(0,232,255,.12), inset 0 0 10px rgba(255,255,255,.035)!important;
}
#slotBox .slot-system-gauge.warn .slot-system-donut{
  box-shadow:0 0 15px rgba(255,179,62,.17), inset 0 0 10px rgba(255,179,62,.045)!important;
}
@keyframes webftrSysSweep{
  0%{transform:translateX(0);}
  100%{transform:translateX(420%);}
}
@media(prefers-reduced-motion:reduce){
  #slotBox .slot-system-gauge:after,
  #slotBox .slot-health-metric:after{animation:none!important;display:none!important;}
}


/* v26.07: Restlaufzeit label + lightweight system-status icons. */
.usage-timer-badge{min-width:166px!important;padding:0 13px!important;text-transform:uppercase!important;}
#slotBox .slot-health-name{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;}
#slotBox .slot-health-icon{display:inline-grid!important;place-items:center!important;width:17px!important;height:17px!important;border:1px solid rgba(255,179,62,.42)!important;background:linear-gradient(180deg,rgba(255,179,62,.18),rgba(18,8,0,.72))!important;color:#ffd28d!important;font-size:11px!important;line-height:1!important;box-shadow:0 0 8px rgba(255,179,62,.12)!important;}
#slotBox .slot-health-icon-cpu{color:#9ffcff!important;border-color:rgba(0,232,255,.42)!important;background:linear-gradient(180deg,rgba(0,232,255,.14),rgba(0,18,28,.72))!important;}
#slotBox .slot-health-icon-ram{color:#b9ffdc!important;border-color:rgba(66,255,138,.42)!important;background:linear-gradient(180deg,rgba(66,255,138,.13),rgba(0,18,10,.72))!important;}
#slotBox .slot-health-icon-disk{color:#ffe1a6!important;}
#slotBox .slot-health-icon-temp{color:#ffb07a!important;border-color:rgba(255,92,56,.46)!important;background:linear-gradient(180deg,rgba(255,92,56,.15),rgba(34,6,0,.74))!important;}


/* v26.08: S-Meter analog needles calmer, still synced to the canonical digital value. */
.smeter-s-needle-group,.smeter-dbm-needle-group{transition:transform .68s cubic-bezier(.18,.72,.18,1)!important;transform-origin:220px 112px!important}

/* v26.16 SSTV RX Status + Gallery Bridge */
.sstv-decoder-bridge{
  margin-top:10px;
  padding:9px 10px;
  border:1px solid rgba(0,232,255,.22);
  background:linear-gradient(90deg,rgba(0,232,255,.08),rgba(255,179,62,.05));
  color:#dffcff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
  letter-spacing:.04em;
}
.sstv-decoder-bridge b{
  color:#ffdfaa;
  text-transform:uppercase;
  font-size:10px;
}
.sstv-gallery-item.capture{
  border-color:rgba(255,179,62,.35)!important;
  background:linear-gradient(180deg,rgba(65,38,0,.42),rgba(2,8,12,.92))!important;
}
.sstv-status-card[data-sstv-decoder-card] span{
  color:#ffe0aa;
  text-shadow:0 0 8px rgba(255,179,62,.18);
}


/* v26.36 Shared RX Source Retune Lock Transfer: green frequency/preset controls. */
#card_FT8 .ft8-wf-inline-badge,#card_FT4 .ft8-wf-inline-badge,#card_JS8 .ft8-wf-inline-badge,
#card_FT8 .wfSpanBadge,#card_FT4 .wfSpanBadge,#card_JS8 .wfSpanBadge,
#card_FT8 .rxFreqBadge,#card_FT4 .rxFreqBadge,#card_JS8 .rxFreqBadge,
#card_FT8 .fpsBadge,#card_FT4 .fpsBadge,#card_JS8 .fpsBadge,
#card_FT8 .ft8WfStatusBadge,#card_FT4 .ft8WfStatusBadge,#card_JS8 .ft8WfStatusBadge{
  border-color:rgba(66,255,138,.82)!important;
  background:linear-gradient(180deg,rgba(0,82,36,.90),rgba(0,18,10,.98))!important;
  color:#ddffe8!important;
  box-shadow:0 0 14px rgba(66,255,138,.18),inset 0 0 10px rgba(66,255,138,.07)!important;
  text-shadow:0 0 9px rgba(66,255,138,.34)!important;
  border-radius:0!important;
}
#card_FT8 .ft8-wf-inline-badge b,#card_FT4 .ft8-wf-inline-badge b,#card_JS8 .ft8-wf-inline-badge b,
#card_FT8 .wfSpanBadge b,#card_FT4 .wfSpanBadge b,#card_JS8 .wfSpanBadge b{color:#42ff8a!important;}
#card_FT8 .ft8-inline-select,#card_FT4 .ft8-inline-select,#card_JS8 .ft8-inline-select{border-color:rgba(66,255,138,.55)!important;background:rgba(0,38,22,.48)!important;border-radius:0!important;}
#card_FT8 .ft8-inline-select b,#card_FT4 .ft8-inline-select b,#card_JS8 .ft8-inline-select b{color:#42ff8a!important;}
#card_FT8 .ft8-inline-select select,#card_FT4 .ft8-inline-select select,#card_JS8 .ft8-inline-select select,
#card_FT8 .smeter-preset-select,#card_FT4 .smeter-preset-select,#card_JS8 .smeter-preset-select{
  border-color:rgba(66,255,138,.78)!important;
  background:linear-gradient(180deg,rgba(0,58,32,.98),rgba(0,12,8,.99))!important;
  color:#e7ffed!important;
  box-shadow:0 0 12px rgba(66,255,138,.18),inset 0 0 10px rgba(66,255,138,.06)!important;
  border-radius:0!important;
}
#card_FT8 .ft8-inline-select option,#card_FT4 .ft8-inline-select option,#card_JS8 .ft8-inline-select option,
#card_FT8 .smeter-preset-select option,#card_FT4 .smeter-preset-select option,#card_JS8 .smeter-preset-select option{background:#03140c!important;color:#e7ffed!important;}
