/* GWFM modern visual refresh. Loaded after the legacy stylesheet. */
:root {
  --gw-bg: #08100f;
  --gw-bg-2: #101817;
  --gw-panel: rgba(14, 24, 23, 0.88);
  --gw-panel-soft: rgba(20, 32, 31, 0.76);
  --gw-line: rgba(190, 255, 210, 0.14);
  --gw-line-strong: rgba(156, 255, 0, 0.34);
  --gw-text: #eaf5ef;
  --gw-muted: #97aaa1;
  --gw-accent: #9cff00;
  --gw-accent-2: #24d3c2;
  --gw-warm: #ffd166;
  --gw-shadow: 0 18px 50px rgba(0, 0, 0, 0.38);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  width: 100%;
  color: var(--gw-text);
  font: 14px/1.55 Arial, Tahoma, Verdana, sans-serif;
  background-color: var(--gw-bg);
  background-image:
    linear-gradient(135deg, rgba(156, 255, 0, 0.08) 0%, rgba(8, 16, 15, 0) 30%),
    linear-gradient(225deg, rgba(36, 211, 194, 0.08) 0%, rgba(8, 16, 15, 0) 34%),
    linear-gradient(180deg, #0b1514 0%, #070b0c 100%),
    url("/template/img/skewed_print.png");
  background-attachment: fixed;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 78%);
}

a {
  color: var(--gw-accent);
  text-decoration: none;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
}

a:hover {
  color: var(--gw-warm);
}

p {
  color: inherit;
  font: inherit;
  text-shadow: none;
}

img,
iframe,
embed,
object,
video {
  max-width: 100%;
}

#wrapper {
  width: min(1180px, calc(100% - 32px));
  min-height: 0;
  height: auto !important;
  margin: 0 auto;
  padding: 22px 0 0;
  position: relative;
}

#header {
  min-height: 132px;
  height: auto;
  display: grid;
  grid-template-columns: 280px minmax(320px, 1fr) 306px;
  gap: 14px;
  margin-top: 0;
  padding: 14px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.18), rgba(36, 211, 194, 0.06) 42%, rgba(0, 0, 0, 0.35)),
    url("/template/img/b2.png") center / cover;
  box-shadow: var(--gw-shadow);
}

#header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));
}

.sh1,
.sh2,
.sh3 {
  width: auto;
  height: auto;
  float: none;
  margin: 0;
  position: relative;
  z-index: 1;
}

.sh1 {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(4, 10, 9, 0.66);
}

.sh1 a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sh1 img {
  width: auto;
  max-width: 100%;
  max-height: 92px;
  height: auto !important;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.45));
}

.sh2 {
  min-height: 104px;
}

.sh2inf {
  width: 100%;
  min-height: 104px;
  height: 100%;
  float: none;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 16px;
  opacity: 1;
  filter: none;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(5, 13, 12, 0.72);
}

.sh2inf > div[align="center"] {
  width: auto !important;
  height: auto !important;
  min-width: 0;
  float: none !important;
  right: auto !important;
  position: static !important;
  flex: 1 1 auto;
  display: grid;
  gap: 6px;
  place-items: center;
  color: var(--gw-text);
}

.sh2inf a {
  color: var(--gw-accent);
  font-weight: 700;
  letter-spacing: 0.01em;
}

#player_info {
  width: 100%;
  min-height: 42px;
  display: grid;
  place-items: center;
  color: var(--gw-text);
  text-align: center;
  font-size: 13px;
}

div.audio-player {
  width: 58px;
  height: 58px;
  top: auto;
  float: none;
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  border: 1px solid var(--gw-line-strong);
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(156, 255, 0, 0.2), rgba(36, 211, 194, 0.08));
  box-shadow: 0 0 28px rgba(156, 255, 0, 0.16);
}

.mejs-container,
.mejs-controls {
  background: transparent !important;
}

.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45));
}

.sh3 {
  min-height: 104px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 8px;
  padding: 14px;
  opacity: 1;
  filter: none;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(5, 13, 12, 0.74);
}

#pole1 {
  order: 1;
}

#pole0 {
  order: 2;
}

#text {
  order: 3;
}

#counter {
  order: 4;
}

#result {
  order: 5;
}

#zayvki {
  order: 6;
}

.ipt,
.zta,
.abo,
.aso,
.azo,
.lform,
.form-control {
  color: var(--gw-text);
  text-shadow: none;
  border: 1px solid rgba(210, 255, 225, 0.14);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  outline: none;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.ipt:focus,
.zta:focus,
.abo:focus,
.aso:focus,
.azo:focus,
.lform:focus,
.form-control:focus {
  border-color: var(--gw-line-strong);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(156, 255, 0, 0.12);
}

.ipt::placeholder,
.zta::placeholder,
.abo::placeholder,
.azo::placeholder,
.lform::placeholder {
  color: rgba(234, 245, 239, 0.58);
}

.sh3 .ipt {
  width: 100%;
  height: 34px;
  float: none !important;
  margin: 0 !important;
  padding: 0 10px;
}

.sh3 .zta {
  width: 100%;
  height: 40px;
  grid-column: 1 / -1;
  margin: 0;
  padding: 8px 10px;
}

#counter,
#result {
  min-height: 32px;
  display: flex;
  align-items: center;
  color: var(--gw-muted);
  font-size: 12px;
}

#zayvki {
  justify-self: end;
}

.btn,
.lbutt,
.kbtn,
.fbtn,
.btntwitch {
  min-height: 34px;
  height: auto;
  padding: 8px 15px;
  color: #07100d;
  font-weight: 800;
  text-shadow: none;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-warm));
  box-shadow: 0 10px 22px rgba(156, 255, 0, 0.18);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.btn:hover,
.lbutt:hover,
.kbtn:hover,
.fbtn:hover,
.btntwitch:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(156, 255, 0, 0.24);
}

.btn:disabled,
.lbutt:disabled,
.kbtn:disabled,
.fbtn:disabled {
  color: rgba(234, 245, 239, 0.52);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  cursor: default;
  transform: none;
}

#menue,
#menu ul {
  list-style: none;
}

#menue {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 14px 0;
  padding: 6px;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(6, 12, 12, 0.84);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

#menue::before,
#menue::after {
  display: none;
}

#menue > li,
#adms,
#adms > li {
  float: none;
  border: 0;
  box-shadow: none;
}

#menue > li:empty {
  display: none;
}

#adms {
  margin-left: auto;
}

#menue a {
  float: none;
  display: block;
  padding: 10px 14px;
  color: var(--gw-text);
  text-transform: uppercase;
  font: 800 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 6px;
}

#menue li:hover > a,
#menue a:hover,
#menue .selected {
  color: #06100d;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-accent-2));
}

#menue ul {
  min-width: 190px;
  top: 100%;
  left: 0;
  z-index: 9999;
  margin: 10px 0 0;
  padding: 6px;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(7, 14, 14, 0.98);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.4);
}

#menue li:hover > ul {
  margin: 8px 0 0;
}

#menue ul ul {
  top: 0;
  left: 100%;
  margin: 0 0 0 8px;
}

#menue ul li {
  float: none;
  box-shadow: none;
}

#menue ul a {
  min-width: 170px;
  padding: 9px 10px;
  color: var(--gw-text);
  white-space: normal;
  text-transform: none;
}

#menue ul li:first-child > a::after,
#menue ul ul li:first-child a::after {
  display: none;
}

#middle {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  padding: 0 0 24px;
  position: relative;
}

#middle::after {
  display: none;
}

#container {
  width: auto;
  min-width: 0;
  float: none;
  overflow: visible;
}

#content {
  width: 100%;
  float: none;
  margin-bottom: 0;
}

#sideRight {
  width: auto;
  float: none;
  margin: 0;
  position: relative;
}

#slider-wrap {
  width: 100%;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(4, 10, 9, 0.7);
  box-shadow: var(--gw-shadow);
}

#slider {
  width: 100%;
  height: clamp(122px, 13vw, 170px);
  position: relative;
  overflow: hidden;
}

.slide {
  width: 100%;
  height: 100%;
}

#slider img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

#prewbutton,
#nextbutton {
  width: 38px;
  height: 100%;
  opacity: 0.82;
  background-color: rgba(0, 0, 0, 0.28);
  background-size: auto;
  transition: opacity 0.18s ease, background-color 0.18s ease;
}

#prewbutton {
  left: 0;
}

#nextbutton {
  right: 0;
}

#prewbutton:hover,
#nextbutton:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.42);
}

.sli-links {
  margin: -26px 0 10px;
  position: relative;
  z-index: 4;
  text-align: center;
}

.control-slide {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 4px;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

.control-slide.active {
  background: var(--gw-accent);
}

.oblock {
  width: 100%;
  float: none;
  margin: 0 0 16px;
  padding: 0;
  overflow: hidden;
  color: var(--gw-text);
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: var(--gw-panel);
  box-shadow: var(--gw-shadow);
}

.headline3 {
  margin: 0;
  padding: 14px 18px;
  color: #06100d;
  font: 800 16px/1.25 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(90deg, var(--gw-accent), var(--gw-accent-2) 58%, var(--gw-warm));
  box-shadow: none;
}

.headline3::before,
.headline3::after {
  display: none;
}

a h1,
a .headline3 {
  color: #06100d;
}

a:hover h1,
a:hover .headline3 {
  color: #06100d;
}

.newspad {
  margin: 0;
  padding: 18px;
  color: #dce8e2;
  font-size: 14px;
  line-height: 1.7;
  text-shadow: none;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.newspad b,
.newspad strong,
.newspad u {
  color: #fff;
}

.newspad a {
  color: var(--gw-accent);
  font-weight: 800;
}

.newspad img,
.oblock img {
  max-width: 100%;
  height: auto;
}

.newspad table,
.oblock table {
  max-width: 100%;
}

.newspad hr {
  height: 1px;
  margin: 14px 0;
  border: 0;
  background: var(--gw-line);
}

.oblocktable,
.djinfo,
.djtime,
.ninfo,
.coment_info,
.commentBlock {
  color: var(--gw-text);
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: var(--gw-panel-soft);
  box-shadow: none;
}

.oblocktable {
  width: calc(50% - 12px);
  min-width: 260px;
}

.datat,
.razdelen,
.bf {
  color: #06100d;
  text-shadow: none;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-accent-2));
  box-shadow: none;
}

.datat a {
  color: #06100d;
}

.blsh {
  margin: 0;
  padding: 12px 14px;
  color: #06100d;
  text-transform: uppercase;
  font: 800 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  text-shadow: none;
  text-align: center;
  border: 1px solid var(--gw-line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-accent-2));
}

.blbo {
  width: 100%;
  margin: 0 0 16px;
  overflow: hidden;
  color: var(--gw-text);
  border: 1px solid var(--gw-line);
  border-radius: 0 0 8px 8px;
  background: rgba(14, 24, 23, 0.9);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26);
}

.blbo table {
  width: 100%;
}

.blbo tr {
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.blbo tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

.blbo td {
  padding: 7px 6px;
  vertical-align: middle;
}

.rimg {
  width: 46px;
  height: auto;
}

.blbo table img {
  width: 36px;
  height: 36px;
  margin: 0;
  object-fit: cover;
  border-radius: 6px;
}

.rname a {
  color: var(--gw-text);
}

.rname a:hover {
  color: var(--gw-accent);
}

.blboa {
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.blboa a {
  color: var(--gw-muted);
  font-weight: 700;
}

#treck {
  color: var(--gw-text);
}

.abo,
.aso,
.azo {
  width: min(100%, 520px);
  max-width: 100%;
  padding: 9px 11px;
  margin-bottom: 8px;
  font: 700 13px/1.4 Arial, Helvetica, sans-serif;
  white-space: normal;
}

.aso {
  height: 40px;
}

.azo {
  min-height: 136px;
  resize: vertical;
}

.table_user_info {
  width: 100%;
  color: var(--gw-text);
  border-collapse: separate;
  border-spacing: 0;
}

.table_user_info th,
.table_user_info tr td {
  min-width: 110px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.035);
}

.table_user_info th {
  color: #06100d;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-accent-2));
}

#vk_groups,
#vk_comments,
#vk_groups iframe,
#vk_comments iframe {
  max-width: 100% !important;
}

#footer {
  width: min(1180px, calc(100% - 32px));
  height: auto;
  margin: 18px auto 0;
  position: relative;
}

.fotermenu {
  height: auto;
  padding: 8px 10px;
  border: 1px solid var(--gw-line);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: rgba(6, 12, 12, 0.88);
}

.fotermenu li {
  float: none;
  display: inline-block;
}

.fotermenu li a {
  color: var(--gw-text);
  text-shadow: none;
}

.fotermenu li a:hover {
  color: var(--gw-accent);
}

.footer2 {
  min-height: 42px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  color: #06100d;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(135deg, var(--gw-accent), var(--gw-accent-2));
}

.cop {
  float: none;
  margin: 0;
  color: #06100d;
  font-weight: 800;
  text-align: center;
}

.b31 {
  display: none;
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr;
  }

  .sh1 {
    grid-column: 1 / -1;
    min-height: 88px;
  }

  .sh1 img {
    max-height: 78px;
  }

  #middle {
    grid-template-columns: 1fr;
  }

  #sideRight {
    width: 100%;
  }
}

@media (max-width: 760px) {
  #wrapper,
  #footer {
    width: calc(100% - 20px);
  }

  #wrapper {
    padding-top: 10px;
  }

  #header {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px;
  }

  .sh2inf {
    flex-direction: column;
    text-align: center;
  }

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

  .sh3 .zta,
  #counter,
  #result,
  #zayvki {
    grid-column: 1 / -1;
  }

  #zayvki {
    width: 100%;
    justify-self: stretch;
  }

  #menue {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #menue > li,
  #adms,
  #adms > li {
    width: 100%;
    margin-left: 0;
  }

  #menue a {
    text-align: center;
  }

  #menue ul,
  #menue ul ul {
    position: static;
    display: none;
    min-width: 0;
    width: 100%;
    margin: 6px 0 0;
    box-shadow: none;
  }

  #menue li:hover > ul {
    display: block;
    margin: 6px 0 0;
  }

  #slider {
    height: 130px;
  }

  .newspad {
    padding: 15px;
  }

  .oblocktable {
    width: 100%;
  }

  .table_user_info {
    min-width: 640px;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 13px;
  }

  #menue {
    grid-template-columns: 1fr;
  }

  .headline3 {
    padding: 12px 14px;
    font-size: 14px;
  }

  .newspad {
    padding: 14px;
  }
}

/* Second pass: compact radio console, transparent panels, safer legacy overrides. */
:root {
  --gw-glass: rgba(5, 15, 13, 0.68);
  --gw-glass-strong: rgba(5, 15, 13, 0.86);
  --gw-glass-soft: rgba(8, 22, 19, 0.56);
}

body {
  background-color: #020807;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.72)),
    radial-gradient(circle at 50% 0%, rgba(156, 255, 0, 0.14), transparent 36%),
    var(--gw-site-bg, url("/template/img/gwfm-bg-1.png"));
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}

body::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(156, 255, 0, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(156, 255, 0, 0.03) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), transparent 74%);
}

#wrapper,
#footer {
  position: relative;
  z-index: 1;
}

#wrapper {
  width: min(1180px, calc(100% - 44px));
  padding-top: 18px;
}

#header {
  min-height: 104px;
  grid-template-columns: 280px minmax(360px, 1fr) 306px;
  gap: 10px;
  padding: 10px;
  border-color: rgba(190, 255, 210, 0.2);
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.13), rgba(36, 211, 194, 0.05) 45%, rgba(0, 0, 0, 0.36)),
    rgba(4, 12, 10, 0.56);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

#header::after {
  background:
    linear-gradient(90deg, transparent, rgba(156, 255, 0, 0.12), transparent),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent);
  opacity: 0.55;
}

.sh1,
.sh2inf,
.sh3 {
  min-height: 84px;
  border-color: rgba(190, 255, 210, 0.18);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.18)),
    rgba(3, 10, 9, 0.54);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 26px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
}

.sh1 {
  padding: 10px 14px;
}

.sh1 img {
  max-height: 66px;
}

.sh2 {
  min-height: 84px;
}

.sh2inf {
  min-height: 84px;
  padding: 10px 16px;
  gap: 14px;
}

.sh2inf > div[align="center"] {
  gap: 3px;
}

#player_info {
  min-height: 34px;
  font-size: 12px;
  line-height: 1.35;
}

.sh2inf a {
  color: var(--gw-accent);
  font-size: 13px;
  text-shadow: 0 0 12px rgba(156, 255, 0, 0.28);
}

div.audio-player {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

.sh3 {
  min-height: 84px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 30px 34px 30px;
  grid-template-areas:
    "name music"
    "text text"
    "status send";
  align-content: stretch;
  gap: 7px;
  padding: 10px;
}

#pole1 {
  grid-area: name;
  order: 0;
}

#pole0 {
  grid-area: music;
  order: 0;
}

#text {
  grid-area: text;
  order: 0;
}

#counter {
  grid-area: status;
  order: 0;
}

#result {
  grid-area: status;
  order: 0;
}

#zayvki {
  grid-area: send;
  order: 0;
}

.sh3 .ipt {
  height: 30px;
  padding: 0 10px;
}

.sh3 .zta {
  height: 34px;
  padding: 7px 10px;
}

#counter,
#result {
  min-height: 0;
  align-items: center;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
}

#zayvki {
  width: 100%;
  min-height: 30px;
  justify-self: stretch;
  padding: 6px 12px;
}

#menue {
  min-height: 48px;
  background: rgba(3, 10, 9, 0.62);
  backdrop-filter: blur(10px);
}

#menue > #adms {
  margin-left: auto;
}

#content #adm-panel,
.oblock #adm-panel {
  width: auto;
  margin-left: 0;
}

#menue a {
  background: transparent;
}

#menue > li > a,
#menue > #adms > li > a {
  border: 1px solid transparent;
}

#menue > li:hover > a,
#menue > #adms > li:hover > a {
  border-color: rgba(156, 255, 0, 0.25);
}

#slider-wrap,
.oblock,
.blbo,
.fotermenu,
.footer2 {
  backdrop-filter: blur(10px);
}

.oblock {
  background: rgba(5, 15, 13, 0.66);
  border-color: rgba(190, 255, 210, 0.18);
}

.headline3,
.blsh {
  color: var(--gw-text);
  border-bottom: 1px solid rgba(156, 255, 0, 0.2);
  background:
    linear-gradient(90deg, rgba(156, 255, 0, 0.24), rgba(36, 211, 194, 0.2), rgba(255, 209, 102, 0.16)),
    rgba(4, 12, 10, 0.62);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
}

a h1,
a .headline3,
a:hover h1,
a:hover .headline3 {
  color: var(--gw-text);
}

.newspad,
.newspad2,
.newspad3 {
  color: #eaf5ef;
  text-shadow: none;
  background: rgba(5, 15, 13, 0.54);
}

.newspad2,
.newspad3 {
  width: auto;
  min-height: 0;
  margin: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(190, 255, 210, 0.16);
  border-radius: 8px;
  box-shadow: none;
}

.newspad2 {
  margin-left: 236px;
}

.newspad3 {
  margin-left: 124px;
}

.newspad2 *,
.newspad3 *,
.djinfo *,
.djtime * {
  text-shadow: none;
}

.razdelen {
  margin: 0 0 8px;
  padding: 5px 9px;
  color: #08100d;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(156, 255, 0, 0.95), rgba(36, 211, 194, 0.86));
}

.djinfo,
.djtime,
.oblocktable,
.ninfo,
.coment_info,
.commentBlock {
  background: rgba(5, 15, 13, 0.62);
  border-color: rgba(190, 255, 210, 0.16);
  box-shadow: none;
}

.djinfo {
  width: 216px;
  min-height: 0;
  padding-bottom: 12px;
}

.djtime {
  width: 104px;
  min-height: 0;
}

.oblockimg {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 1px solid rgba(190, 255, 210, 0.16);
}

.bf2,
.ninfo,
.coment_info,
.coment_message,
.coment_name,
.coment_nomer,
.coment_nomer2,
.coment_rating {
  color: #eaf5ef;
}

.bf2 {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(190, 255, 210, 0.14);
}

#sort {
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  color: var(--gw-text);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(190, 255, 210, 0.1);
  border-radius: 6px;
}

#sort:hover {
  background: rgba(156, 255, 0, 0.1);
}

.track {
  height: auto;
  min-height: 30px;
}

.track a {
  color: var(--gw-text);
}

.table_user_info th,
.table_user_info tr td {
  color: var(--gw-text);
  border-color: rgba(190, 255, 210, 0.15);
}

.table_user_info th {
  color: #08100d;
}

.newspad table:not(.table_user_info) td,
.newspad2 table:not(.table_user_info) td,
.newspad3 table:not(.table_user_info) td {
  color: var(--gw-text);
}

input[type="file"],
select {
  color: var(--gw-text);
}

select option {
  color: #08100d;
}

#footer {
  width: min(1180px, calc(100% - 44px));
}

.footer2 {
  color: var(--gw-text);
  border: 1px solid rgba(190, 255, 210, 0.16);
  border-top: 0;
  background: rgba(3, 10, 9, 0.72);
}

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

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr;
  }

  .sh1 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  body {
    background-position: center top;
  }

  #wrapper,
  #footer {
    width: calc(100% - 20px);
  }

  #header {
    grid-template-columns: 1fr;
  }

  .sh3 {
    grid-template-columns: 1fr;
    grid-template-rows: 30px 30px 36px 30px 30px;
    grid-template-areas:
      "name"
      "music"
      "text"
      "status"
      "send";
  }

  #menue > #adms {
    margin-left: 0;
  }

  .newspad2,
  .newspad3 {
    margin: 12px;
  }

  .djinfo,
  .djtime {
    width: auto;
    float: none;
    margin: 12px;
  }

  .oblockimg {
    width: 100%;
    max-height: 280px;
  }
}

/* Third pass: visible site background, fixed admin nav, cleaner rDJ/admin surfaces. */
html {
  min-height: 100%;
  background: #020807 var(--gw-site-bg, url("/template/img/gwfm-bg-1.png")) center top / cover fixed no-repeat;
}

body {
  position: relative;
  background: transparent !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 72%, rgba(0, 0, 0, 0.34)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.52));
}

#wrapper,
#footer {
  z-index: 2;
}

#header {
  min-height: 118px;
  grid-template-columns: 300px minmax(360px, 1fr) 306px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.12), rgba(36, 211, 194, 0.05) 48%, rgba(0, 0, 0, 0.22)),
    rgba(3, 11, 9, 0.44);
}

.sh1 {
  min-height: 98px;
  padding: 2px 10px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.sh1 img {
  max-height: 96px;
  transform: scale(1.16);
  transform-origin: center;
  filter:
    drop-shadow(0 0 8px rgba(156, 255, 0, 0.46))
    drop-shadow(0 16px 26px rgba(0, 0, 0, 0.56));
}

.sh2inf,
.sh3 {
  min-height: 98px;
  background: rgba(1, 8, 7, 0.5);
}

#menue {
  position: relative;
  z-index: 1200;
  overflow: visible;
}

#menue > #adms {
  margin-left: 0;
}

#menue li {
  z-index: auto;
}

#menue li:hover {
  z-index: 1300;
}

#menue ul {
  z-index: 1400;
  background: rgba(4, 14, 12, 0.98);
  border-color: rgba(156, 255, 0, 0.34);
}

#middle {
  position: relative;
  z-index: 1;
}

#sideRight {
  z-index: 0;
}

#content,
#container {
  position: relative;
  z-index: 1;
}

.fotermenu {
  background:
    linear-gradient(90deg, rgba(156, 255, 0, 0.16), rgba(36, 211, 194, 0.1)),
    rgba(4, 14, 12, 0.82);
}

.footer2 {
  color: #07100d;
  border-color: rgba(156, 255, 0, 0.22);
  background: linear-gradient(90deg, rgba(156, 255, 0, 0.95), rgba(36, 211, 194, 0.9), rgba(255, 209, 102, 0.78));
}

.cop {
  color: #07100d;
}

select,
.newspad select,
.newspad2 select,
.newspad3 select {
  min-height: 36px;
  max-width: 100%;
  padding: 7px 34px 7px 10px;
  color: var(--gw-text);
  border: 1px solid rgba(156, 255, 0, 0.26);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.12), rgba(36, 211, 194, 0.08)),
    rgba(5, 17, 14, 0.92);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
}

select:focus {
  outline: none;
  border-color: rgba(156, 255, 0, 0.62);
  box-shadow: 0 0 0 3px rgba(156, 255, 0, 0.13);
}

input[type="submit"].btn,
input[type="button"].btn,
button.btn {
  color: #07100d;
}

.djtime {
  width: 178px;
  padding: 8px;
}

.djtime .tinfo {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}

.djtime .tinfo th,
.djtime .tinfo td {
  padding: 7px 8px;
  vertical-align: top;
  border: 1px solid rgba(156, 255, 0, 0.14);
  background: rgba(255, 255, 255, 0.045);
}

.djtime .tinfo th {
  color: #07100d;
  background: linear-gradient(90deg, rgba(156, 255, 0, 0.95), rgba(36, 211, 194, 0.78));
}

.djtime .tinfo td:first-child,
.djtime .tinfo .df {
  color: var(--gw-accent);
  font-weight: 800;
}

.djtime .tinfo .df2 {
  color: var(--gw-text);
  font-weight: 700;
}

.newspad3 {
  margin-left: 202px;
}

.newspad3 .btn,
.newspad3 input,
.newspad3 select {
  margin: 4px;
}

#content #adm-panel {
  display: block;
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
}

#content #adm-panel .atab {
  width: 100%;
}

#content #adm-panel .oblock {
  position: relative;
  overflow: hidden;
  border-color: rgba(156, 255, 0, 0.2);
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.08), transparent 34%),
    linear-gradient(225deg, rgba(36, 211, 194, 0.09), transparent 42%),
    rgba(4, 15, 12, 0.78);
}

#content #adm-panel .oblock::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.06) 38%, transparent 62%);
  transform: translateX(-100%);
  animation: gwfm-panel-shine 9s ease-in-out infinite;
}

#content #adm-panel .headline3 {
  position: relative;
  color: var(--gw-text);
  background:
    linear-gradient(90deg, rgba(22, 72, 36, 0.9), rgba(14, 118, 90, 0.72), rgba(74, 86, 32, 0.76));
}

#content #adm-panel .newspad {
  position: relative;
  background: rgba(2, 10, 8, 0.34);
}

#content #adm-panel center b,
.newspad center b {
  display: inline-block;
  margin: 14px 0 10px;
  padding: 7px 14px;
  color: var(--gw-text);
  border: 1px solid rgba(156, 255, 0, 0.22);
  border-radius: 999px;
  background: rgba(156, 255, 0, 0.09);
}

#content #adm-panel .table_user_info {
  overflow: hidden;
  border: 1px solid rgba(156, 255, 0, 0.18);
  border-radius: 8px;
}

#content #adm-panel .table_user_info th {
  color: #07100d;
  background: linear-gradient(90deg, rgba(156, 255, 0, 0.95), rgba(36, 211, 194, 0.88));
}

#content #adm-panel .table_user_info td {
  background: rgba(255, 255, 255, 0.04);
}

#content #adm-panel .table_user_info tr:hover td {
  background: rgba(156, 255, 0, 0.07);
}

@keyframes gwfm-panel-shine {
  0%, 72% {
    transform: translateX(-105%);
  }
  100% {
    transform: translateX(105%);
  }
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr;
  }

  .sh1 img {
    transform: none;
  }

  .newspad3 {
    margin-left: 12px;
  }
}

@media (max-width: 760px) {
  html {
    background-position: center top;
  }

  #header {
    min-height: 0;
  }

  .sh1,
  .sh2inf,
  .sh3 {
    min-height: 0;
  }

  .sh1 img {
    max-height: 82px;
  }

  .djtime {
    width: auto;
  }
}

/* Live radio equalizer for the player. */
div.audio-player {
  overflow: visible;
}

div.audio-player::before {
  content: "";
  position: absolute;
  inset: -8px;
  pointer-events: none;
  border-radius: 50%;
  border: 1px solid rgba(156, 255, 0, 0.24);
  opacity: 0;
  transform: scale(0.92);
}

div.audio-player.gwfm-playing::before {
  animation: gwfm-player-pulse 1.7s ease-out infinite;
}

.gwfm-eq {
  position: absolute;
  left: 68px;
  top: 50%;
  width: 74px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 8px;
  pointer-events: none;
  border: 1px solid rgba(156, 255, 0, 0.18);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.1), rgba(36, 211, 194, 0.08)),
    rgba(1, 8, 7, 0.72);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
  transform: translateY(-50%);
  opacity: 0.45;
  transition: opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.gwfm-eq span {
  width: 5px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(156, 255, 0, 0.95), rgba(36, 211, 194, 0.75));
  box-shadow: 0 0 8px rgba(156, 255, 0, 0.18);
  transform-origin: center bottom;
  animation: gwfm-eq-idle 2.4s ease-in-out infinite;
}

.gwfm-eq span:nth-child(2) {
  height: 15px;
  animation-delay: -0.32s;
}

.gwfm-eq span:nth-child(3) {
  height: 22px;
  animation-delay: -0.68s;
}

.gwfm-eq span:nth-child(4) {
  height: 13px;
  animation-delay: -0.18s;
}

.gwfm-eq span:nth-child(5) {
  height: 26px;
  animation-delay: -0.84s;
}

.gwfm-eq span:nth-child(6) {
  height: 17px;
  animation-delay: -0.48s;
}

.gwfm-eq span:nth-child(7) {
  height: 11px;
  animation-delay: -1.04s;
}

.audio-player.gwfm-playing .gwfm-eq {
  opacity: 1;
  border-color: rgba(156, 255, 0, 0.42);
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(156, 255, 0, 0.22);
}

.audio-player.gwfm-playing .gwfm-eq span {
  animation-name: gwfm-eq-live;
  animation-duration: 0.72s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(2) {
  animation-duration: 0.58s;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(3) {
  animation-duration: 0.82s;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(4) {
  animation-duration: 0.66s;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(5) {
  animation-duration: 0.76s;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(6) {
  animation-duration: 0.62s;
}

.audio-player.gwfm-playing .gwfm-eq span:nth-child(7) {
  animation-duration: 0.88s;
}

@keyframes gwfm-eq-idle {
  0%, 100% {
    transform: scaleY(0.52);
    opacity: 0.52;
  }
  50% {
    transform: scaleY(0.78);
    opacity: 0.72;
  }
}

@keyframes gwfm-eq-live {
  0%, 100% {
    transform: scaleY(0.38);
  }
  25% {
    transform: scaleY(1.08);
  }
  50% {
    transform: scaleY(0.64);
  }
  75% {
    transform: scaleY(1.24);
  }
}

@keyframes gwfm-player-pulse {
  0% {
    opacity: 0.62;
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    transform: scale(1.34);
  }
}

@media (max-width: 760px) {
  .gwfm-eq {
    left: 50%;
    top: calc(100% + 18px);
    transform: translateX(-50%);
  }
}

/* Final pass: theme switcher, cleaner controls, tables, and player polish. */
html {
  color-scheme: dark;
}

html.gwfm-theme-light {
  color-scheme: light;
  background: #eef5f0 var(--gw-site-bg, url("/template/img/gwfm-bg-1.png")) center top / cover fixed no-repeat;
  --gw-bg: #eef5f0;
  --gw-bg-2: #f8fffb;
  --gw-panel: rgba(246, 255, 250, 0.78);
  --gw-panel-soft: rgba(255, 255, 255, 0.6);
  --gw-line: rgba(15, 85, 64, 0.16);
  --gw-line-strong: rgba(76, 180, 92, 0.34);
  --gw-text: #11251f;
  --gw-muted: #536b62;
  --gw-accent: #65d317;
  --gw-accent-2: #20bfae;
  --gw-warm: #f0c94f;
  --gw-shadow: 0 20px 52px rgba(28, 74, 60, 0.18);
}

body {
  color: var(--gw-text);
  background-color: var(--gw-bg);
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.68)),
    radial-gradient(circle at 52% 0%, rgba(156, 255, 0, 0.14), transparent 36%),
    var(--gw-site-bg, url("/template/img/gwfm-bg-1.png"));
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}

html.gwfm-theme-light body {
  background-color: #eef5f0;
  background-image:
    linear-gradient(180deg, rgba(247, 255, 250, 0.66), rgba(225, 242, 232, 0.9)),
    radial-gradient(circle at 52% 0%, rgba(101, 211, 23, 0.15), transparent 38%),
    var(--gw-site-bg, url("/template/img/gwfm-bg-1.png"));
}

html.gwfm-theme-light body::before {
  opacity: 0.36;
}

#wrapper,
#header,
#middle,
#content,
#sideRight,
#menue,
#adm-panel {
  overflow: visible;
}

#header {
  grid-template-columns: minmax(260px, 318px) minmax(390px, 1fr) minmax(260px, 304px);
  gap: 16px;
  position: relative;
  z-index: 3000;
}

.sh1 {
  overflow: visible;
  padding: 0 12px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.sh1 a {
  min-height: 96px;
}

.sh1 img {
  width: min(100%, 292px) !important;
  max-width: 292px;
  max-height: 92px !important;
  transform: none !important;
  object-fit: contain;
  filter:
    drop-shadow(0 0 14px rgba(156, 255, 0, 0.32))
    drop-shadow(0 12px 22px rgba(0, 0, 0, 0.44));
}

.sh2inf,
.sh3,
.oblock,
.blbo,
.fotermenu,
.footer2,
#slider-wrap,
.newspad,
.newspad2,
.newspad3 {
  color: var(--gw-text);
  border-color: var(--gw-line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0)),
    rgba(4, 14, 12, 0.66);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 40px rgba(0, 0, 0, 0.26);
}

html.gwfm-theme-light .sh2inf,
html.gwfm-theme-light .sh3,
html.gwfm-theme-light .oblock,
html.gwfm-theme-light .blbo,
html.gwfm-theme-light .fotermenu,
html.gwfm-theme-light .footer2,
html.gwfm-theme-light #slider-wrap,
html.gwfm-theme-light .newspad,
html.gwfm-theme-light .newspad2,
html.gwfm-theme-light .newspad3 {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)),
    rgba(246, 255, 250, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 18px 44px rgba(30, 96, 74, 0.14);
}

#menue {
  min-height: 48px;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-color: var(--gw-line);
  background: rgba(3, 11, 10, 0.58);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
  position: relative;
  z-index: 5000;
}

html.gwfm-theme-light #menue {
  background: rgba(248, 255, 251, 0.72);
  box-shadow: 0 14px 34px rgba(34, 96, 76, 0.14);
}

#menue > li,
#menue > #adms,
#menue > #adms > li {
  position: relative;
  margin: 0;
}

#menue > #adms {
  margin-left: auto;
}

#menue a,
.gwfm-theme-toggle {
  letter-spacing: 0;
}

#menue > li > a,
#menue > #adms > li > a,
.gwfm-theme-toggle {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 13px;
  color: var(--gw-text);
  border: 1px solid rgba(190, 255, 210, 0.12);
  border-radius: 7px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

#menue > li:hover > a,
#menue > #adms > li:hover > a,
#menue a:hover,
.gwfm-theme-toggle:hover {
  color: #07110d;
  border-color: rgba(156, 255, 0, 0.44);
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.88), rgba(36, 211, 194, 0.76));
  transform: translateY(-1px);
}

html.gwfm-theme-light #menue > li > a,
html.gwfm-theme-light #menue > #adms > li > a,
html.gwfm-theme-light .gwfm-theme-toggle {
  color: #13231d;
  border-color: rgba(24, 99, 75, 0.13);
  background: rgba(255, 255, 255, 0.44);
}

#menue ul,
#menue .tabnav,
#menue .gwfm-auth-panel {
  z-index: 6200;
  overflow: visible;
  padding: 8px;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0)),
    rgba(3, 12, 10, 0.96);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.38);
}

#menue > #adms > li > ul {
  right: 0;
  left: auto;
}

html.gwfm-theme-light #menue ul,
html.gwfm-theme-light #menue .tabnav,
html.gwfm-theme-light #menue .gwfm-auth-panel {
  background: rgba(250, 255, 252, 0.97);
  box-shadow: 0 20px 46px rgba(28, 92, 70, 0.18);
}

#menue ul a {
  border-radius: 6px;
  color: var(--gw-text);
  background: transparent;
}

html.gwfm-theme-light #menue ul a {
  color: #13231d;
}

.gwfm-theme-toggle {
  font: inherit;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}

.btn,
.lbutt,
.kbtn,
.kno,
.fbtn,
.btntwitch,
input[type="submit"].btn,
input[type="button"].btn,
button.btn {
  color: var(--gw-text);
  letter-spacing: 0;
  border: 1px solid rgba(156, 255, 0, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.17), rgba(36, 211, 194, 0.13)),
    rgba(255, 255, 255, 0.035);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px);
}

.btn:hover,
.lbutt:hover,
.kbtn:hover,
.fbtn:hover,
.btntwitch:hover {
  color: #07110d;
  border-color: rgba(156, 255, 0, 0.55);
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.78));
}

html.gwfm-theme-light .btn,
html.gwfm-theme-light .lbutt,
html.gwfm-theme-light .kbtn,
html.gwfm-theme-light .kno,
html.gwfm-theme-light .fbtn,
html.gwfm-theme-light .btntwitch,
html.gwfm-theme-light input[type="submit"].btn,
html.gwfm-theme-light input[type="button"].btn,
html.gwfm-theme-light button.btn {
  color: #13231d;
  background:
    linear-gradient(135deg, rgba(101, 211, 23, 0.2), rgba(32, 191, 174, 0.14)),
    rgba(255, 255, 255, 0.56);
  box-shadow: 0 12px 24px rgba(28, 92, 70, 0.12);
}

.ipt,
.zta,
.abo,
.aso,
.azo,
.lform,
.form-control,
input[type="text"],
input[type="password"],
textarea,
select {
  color: var(--gw-text);
  border-color: rgba(190, 255, 210, 0.18);
  background: rgba(255, 255, 255, 0.055);
  letter-spacing: 0;
}

html.gwfm-theme-light .ipt,
html.gwfm-theme-light .zta,
html.gwfm-theme-light .abo,
html.gwfm-theme-light .aso,
html.gwfm-theme-light .azo,
html.gwfm-theme-light .lform,
html.gwfm-theme-light .form-control,
html.gwfm-theme-light input[type="text"],
html.gwfm-theme-light input[type="password"],
html.gwfm-theme-light textarea,
html.gwfm-theme-light select {
  color: #13231d;
  border-color: rgba(24, 99, 75, 0.18);
  background: rgba(255, 255, 255, 0.68);
}

.table_user_info {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 14px 34px rgba(0, 0, 0, 0.14);
}

.table_user_info th,
.table_user_info tr td {
  color: var(--gw-text);
  border-right: 1px solid rgba(190, 255, 210, 0.13);
  border-bottom: 1px solid rgba(190, 255, 210, 0.11);
  background: rgba(255, 255, 255, 0.035);
}

.table_user_info th {
  color: #07110d;
  text-align: left;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.78));
}

.table_user_info tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.052);
}

.table_user_info tr:hover td {
  background: rgba(156, 255, 0, 0.09);
}

html.gwfm-theme-light .table_user_info {
  background: rgba(255, 255, 255, 0.52);
  box-shadow: 0 14px 34px rgba(28, 92, 70, 0.1);
}

html.gwfm-theme-light .table_user_info th,
html.gwfm-theme-light .table_user_info tr td {
  color: #13231d;
  border-color: rgba(24, 99, 75, 0.13);
  background: rgba(255, 255, 255, 0.48);
}

html.gwfm-theme-light .table_user_info th {
  color: #07110d;
  background: linear-gradient(135deg, rgba(101, 211, 23, 0.78), rgba(32, 191, 174, 0.64));
}

.status-pill {
  display: inline-flex;
  min-width: 98px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1.1;
}

.status-ok {
  color: #06140d;
  background: linear-gradient(135deg, rgba(113, 255, 96, 0.94), rgba(41, 208, 142, 0.82));
  box-shadow: 0 0 18px rgba(113, 255, 96, 0.18);
}

.status-bad {
  color: #fff7f4;
  background: linear-gradient(135deg, rgba(255, 82, 82, 0.9), rgba(255, 138, 76, 0.82));
  box-shadow: 0 0 18px rgba(255, 82, 82, 0.2);
}

#load {
  display: flex;
  justify-content: center;
  margin: 12px 0 0;
}

#load div {
  min-width: 152px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 8px 16px;
  color: var(--gw-text);
  font-weight: 800;
  border: 1px solid rgba(156, 255, 0, 0.34);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.18), rgba(36, 211, 194, 0.16)),
    rgba(255, 255, 255, 0.04);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

#load div::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
}

#load div:hover {
  color: #07110d;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.78));
}

#imgLoad {
  display: none;
}

.rimg {
  width: 44px;
  padding-right: 10px;
}

.rimg img {
  width: 34px;
  height: 34px;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(156, 255, 0, 0.34);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 16px rgba(156, 255, 0, 0.18);
}

div.audio-player {
  position: relative;
  width: 64px;
  height: 64px;
  flex-basis: 64px;
  overflow: visible;
}

.mejs-container,
.mejs-inner,
.mejs-controls,
.mejs-button,
.mejs-play,
.mejs-pause {
  width: 64px !important;
  height: 64px !important;
  overflow: visible !important;
  background: transparent !important;
}

.mejs-controls {
  display: block !important;
}

.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
  position: absolute !important;
  inset: 8px auto auto 8px !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #f2fff7;
  text-indent: 0 !important;
  font-size: 0;
  border: 1px solid rgba(156, 255, 0, 0.42) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.24), transparent 38%),
    linear-gradient(135deg, rgba(156, 255, 0, 0.32), rgba(36, 211, 194, 0.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 0 22px rgba(156, 255, 0, 0.22) !important;
  outline: none;
}

.mejs-controls .mejs-play button::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 16px solid currentColor;
  filter: drop-shadow(0 0 8px rgba(156, 255, 0, 0.3));
}

.mejs-controls .mejs-pause button::before,
.mejs-controls .mejs-pause button::after {
  content: "";
  position: absolute;
  top: 13px;
  width: 7px;
  height: 22px;
  border-radius: 4px;
  background: currentColor;
  box-shadow: 0 0 8px rgba(156, 255, 0, 0.28);
}

.mejs-controls .mejs-pause button::before {
  left: 16px;
}

.mejs-controls .mejs-pause button::after {
  right: 16px;
}

.mejs-controls .mejs-time,
.mejs-controls .mejs-time-rail,
.mejs-controls .mejs-horizontal-volume-slider,
.mejs-clear {
  display: none !important;
}

.gwfm-auth-panel {
  width: 260px;
}

.gwfm-auth-panel li {
  padding: 0;
}

.gwfm-login-form,
.gwfm-register-form {
  display: grid;
  gap: 8px;
}

.gwfm-register-form {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--gw-line);
}

.gwfm-auth-panel .lform {
  width: 100%;
}

.gwfm-rights-table select {
  min-width: 92px;
}

.gwfm-rights-table .btn {
  white-space: nowrap;
}

.gwfm-admin-section-title,
.gwfm-auth-required {
  margin: 0 0 14px;
  padding: 13px 16px;
  color: var(--gw-text);
  font-weight: 800;
  border: 1px solid var(--gw-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.12), rgba(36, 211, 194, 0.11)),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gwfm-rights-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.gwfm-rights-form label {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid rgba(190, 255, 210, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-weight: 700;
  white-space: nowrap;
}

.gwfm-rights-form input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--gw-accent);
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr;
  }

  .sh1 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #header {
    grid-template-columns: 1fr;
  }

  .sh1 a {
    min-height: 74px;
  }

  .sh1 img {
    max-height: 74px !important;
  }

  #menue {
    grid-template-columns: 1fr;
  }

  #menue > #adms {
    margin-left: 0;
  }

  #menue > #adms > li > ul {
    right: auto;
    left: 0;
  }
}

/* Server override: force the refreshed UI over legacy stylesheet rules. */
#menue {
  width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  list-style: none !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(3, 11, 10, 0.58) !important;
  backdrop-filter: blur(14px) !important;
}

#menue > li,
#menue > #adms,
#menue > .gwfm-theme-item {
  width: auto !important;
  height: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  list-style: none !important;
}

#menue > #adms {
  margin-left: 0 !important;
}

#menue > li > a,
#menue > #adms > a,
#menue > .gwfm-theme-item > .gwfm-theme-toggle {
  min-width: 104px !important;
  min-height: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 14px !important;
  color: var(--gw-text) !important;
  font: 800 13px/1 Arial, Tahoma, Verdana, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  cursor: pointer !important;
}

#menue > li:hover > a,
#menue > #adms:hover > a,
#menue > .gwfm-theme-item > .gwfm-theme-toggle:hover {
  color: #07110d !important;
  border-color: rgba(156, 255, 0, 0.5) !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.78)) !important;
}

#menue ul,
#menue .tabnav,
#menue .gwfm-auth-panel {
  min-width: 210px !important;
  width: auto !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  z-index: 9999 !important;
  padding: 8px !important;
  overflow: visible !important;
  border: 1px solid rgba(190, 255, 210, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(3, 12, 10, 0.98) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4) !important;
}

#menue > #adms > ul {
  right: 0 !important;
  left: auto !important;
}

#menue ul li,
#menue .tabnav li {
  width: 100% !important;
  float: none !important;
}

#menue ul a,
#menue .tabnav a {
  width: 100% !important;
  min-width: 180px !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 9px 10px !important;
  color: var(--gw-text) !important;
  border-radius: 6px !important;
  background: transparent !important;
}

.btn,
.lbutt,
.kbtn,
.fbtn,
.btntwitch,
input[type="submit"].btn,
input[type="button"].btn,
button.btn,
#load div {
  color: var(--gw-text) !important;
  border: 1px solid rgba(156, 255, 0, 0.32) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.16), rgba(36, 211, 194, 0.14)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18) !important;
}

.btn:hover,
.lbutt:hover,
.kbtn:hover,
.kno:hover,
.fbtn:hover,
.btntwitch:hover,
#load div:hover {
  color: #07110d !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.92), rgba(36, 211, 194, 0.78)) !important;
}

#load div::before {
  display: none !important;
  content: none !important;
}

.table_user_info {
  width: 100% !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.table_user_info th,
.table_user_info td,
.table_user_info tr td {
  min-width: 0 !important;
  padding: 10px 9px !important;
  color: var(--gw-text) !important;
  border-right: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.11) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  vertical-align: middle !important;
}

.table_user_info th {
  color: #07110d !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.92), rgba(36, 211, 194, 0.78)) !important;
}

.table_user_info tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.055) !important;
}

.table_user_info tr:hover td {
  background: rgba(156, 255, 0, 0.09) !important;
}

.status-pill {
  display: inline-flex !important;
  min-width: 104px !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.footer2,
.fotermenu,
#footer {
  color: var(--gw-text) !important;
  border-color: rgba(190, 255, 210, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0)),
    rgba(4, 14, 12, 0.72) !important;
}

.cop,
.footer2 .cop,
.fotermenu a,
#footer a {
  color: var(--gw-text) !important;
  text-shadow: none !important;
}

.gwfm-rights-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 14px !important;
}

#adm-panel {
  width: 100% !important;
  color: var(--gw-text) !important;
}

#adm-panel .atab {
  width: 100% !important;
}

#adm-panel .headline3 {
  color: var(--gw-text) !important;
}

#adm-panel .newspad {
  overflow-x: auto !important;
}

#header {
  grid-template-columns: minmax(300px, 350px) minmax(360px, 1fr) minmax(270px, 310px) !important;
  align-items: stretch !important;
}

.sh1 {
  min-height: 118px !important;
  padding: 0 10px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sh1 img {
  max-width: 340px !important;
  max-height: 112px !important;
}

.sh2inf,
.sh3 {
  border-color: rgba(190, 255, 210, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0)),
    rgba(4, 14, 12, 0.68) !important;
}

html.gwfm-theme-light .sh1 {
  background: transparent !important;
}

html.gwfm-theme-light .sh2inf,
html.gwfm-theme-light .sh3 {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.38)),
    rgba(244, 255, 248, 0.74) !important;
}

html.gwfm-theme-light #menue,
html.gwfm-theme-light #menue ul,
html.gwfm-theme-light #menue .tabnav,
html.gwfm-theme-light #menue .gwfm-auth-panel,
html.gwfm-theme-light .footer2,
html.gwfm-theme-light .fotermenu,
html.gwfm-theme-light #footer {
  background: rgba(248, 255, 251, 0.88) !important;
}

html.gwfm-theme-light #menue > li > a,
html.gwfm-theme-light #menue > #adms > a,
html.gwfm-theme-light #menue > .gwfm-theme-item > .gwfm-theme-toggle,
html.gwfm-theme-light #menue ul a,
html.gwfm-theme-light .table_user_info td,
html.gwfm-theme-light .table_user_info tr td,
html.gwfm-theme-light .cop,
html.gwfm-theme-light .footer2 .cop,
html.gwfm-theme-light .fotermenu a,
html.gwfm-theme-light #footer a {
  color: #13231d !important;
}

html.gwfm-theme-light .table_user_info,
html.gwfm-theme-light .table_user_info td,
html.gwfm-theme-light .table_user_info tr td {
  background: rgba(255, 255, 255, 0.62) !important;
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr !important;
  }

  .sh2 {
    grid-column: 1 / -1 !important;
    order: 3 !important;
  }
}

@media (max-width: 760px) {
  #menue {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #menue > #adms > ul {
    right: auto !important;
    left: 0 !important;
  }
}

/* 2026-06-23 pass 9: compact header, banner admin, cleaner forms. */
#header {
  grid-template-columns: minmax(330px, 390px) minmax(280px, 1fr) minmax(230px, 270px) !important;
  min-height: 118px !important;
  gap: 12px !important;
  padding: 12px !important;
}

.sh1 {
  min-height: 104px !important;
}

.sh1 a {
  min-height: 104px !important;
}

.sh1 img {
  max-width: 365px !important;
  max-height: 118px !important;
}

.sh2inf {
  min-height: 104px !important;
  padding: 12px 14px !important;
  gap: 12px !important;
}

.sh2inf > div[align="center"] {
  gap: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

#player_info {
  min-height: 34px !important;
  font-size: 12px !important;
}

.sh3 {
  min-height: 104px !important;
  gap: 7px !important;
  padding: 10px !important;
}

.sh3 .ipt,
.sh3 .zta {
  min-height: 30px !important;
  padding: 7px 9px !important;
  font-size: 11px !important;
}

.sh3 .zta {
  height: 34px !important;
  min-height: 34px !important;
}

.sh3 #counter,
.sh3 #result {
  min-height: 14px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.sh3 #zayvki {
  min-height: 32px !important;
  padding: 7px 14px !important;
}

div.audio-player,
.mejs-container,
.mejs-inner,
.mejs-controls,
.mejs-button,
.mejs-play,
.mejs-pause {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
}

.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
  inset: 5px auto auto 5px !important;
  width: 42px !important;
  height: 42px !important;
}

.mejs-controls .mejs-play button::before {
  left: 17px !important;
  top: 11px !important;
  border-top-width: 10px !important;
  border-bottom-width: 10px !important;
  border-left-width: 14px !important;
}

.mejs-controls .mejs-pause button::before,
.mejs-controls .mejs-pause button::after {
  top: 11px !important;
  width: 6px !important;
  height: 20px !important;
}

.mejs-controls .mejs-pause button::before {
  left: 14px !important;
}

.mejs-controls .mejs-pause button::after {
  right: 14px !important;
}

.gwfm-eq {
  left: 58px !important;
}

.table_user_info {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.02)),
    rgba(2, 11, 9, 0.45) !important;
}

.table_user_info th {
  color: #07110d !important;
  background: linear-gradient(90deg, rgba(143, 255, 0, 0.88), rgba(37, 215, 190, 0.78)) !important;
}

.table_user_info td,
.table_user_info tr td {
  border-color: rgba(190, 255, 210, 0.13) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.table_user_info tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.058) !important;
}

html.gwfm-theme-light .table_user_info {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.5)),
    rgba(246, 255, 250, 0.72) !important;
}

.gwfm-banner-admin {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 360px);
  gap: 18px;
  align-items: start;
}

.gwfm-banner-preview {
  overflow: hidden;
  border: 1px solid rgba(190, 255, 210, 0.16);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
}

.gwfm-banner-preview img {
  width: 100%;
  aspect-ratio: 750 / 130;
  display: block;
  object-fit: cover;
}

.gwfm-banner-form {
  display: grid;
  gap: 10px;
}

.gwfm-banner-form label {
  display: grid;
  gap: 6px;
  color: var(--gw-muted);
  font-weight: 700;
}

.gwfm-banner-form .abo {
  width: 100% !important;
}

.gwfm-jobs-form {
  width: min(100%, 760px) !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.gwfm-jobs-form td:first-child {
  display: none !important;
}

.gwfm-jobs-form td:last-child {
  width: 100% !important;
}

.gwfm-jobs-form .abo,
.gwfm-jobs-form .aso,
.gwfm-jobs-form .azo {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
}

.gwfm-jobs-form .azo {
  min-height: 104px !important;
}

.gwfm-rdj-ban-form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 10px 0 22px !important;
}

.gwfm-rdj-ban-form .abo {
  width: min(100%, 320px) !important;
}

.gwfm-rdj-ban-form .btn {
  margin: 0 !important;
  transform: translateY(1px);
}

.gwfm-about .newspad {
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.08), rgba(36, 211, 194, 0.06)),
    rgba(4, 14, 12, 0.48) !important;
}

.gwfm-about-hero {
  display: grid;
  grid-template-columns: minmax(210px, 300px) 1fr;
  gap: 22px;
  align-items: center;
  margin-bottom: 20px;
  padding: 18px;
  border: 1px solid rgba(190, 255, 210, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.gwfm-about-hero img {
  width: 100%;
  max-height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(156, 255, 0, 0.28));
}

.gwfm-about-hero h2 {
  margin: 0 0 8px;
  color: var(--gw-text);
  font-size: 26px;
  line-height: 1.1;
}

.gwfm-about-hero p,
.gwfm-about-grid p {
  margin: 0;
  color: var(--gw-text);
  line-height: 1.7;
}

.gwfm-about-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.gwfm-about-grid section {
  min-height: 150px;
  padding: 17px;
  border: 1px solid rgba(190, 255, 210, 0.13);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
    rgba(0, 0, 0, 0.12);
}

.gwfm-about-grid h3 {
  margin: 0 0 10px;
  color: var(--gw-accent);
  font-size: 16px;
}

html.gwfm-theme-light .gwfm-about .newspad,
html.gwfm-theme-light .gwfm-about-hero,
html.gwfm-theme-light .gwfm-about-grid section {
  background: rgba(255, 255, 255, 0.66) !important;
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr 1fr !important;
  }

  .sh1 img {
    max-width: 330px !important;
  }
}

@media (max-width: 760px) {
  .gwfm-banner-admin,
  .gwfm-about-hero,
  .gwfm-about-grid {
    grid-template-columns: 1fr !important;
  }

  .gwfm-eq {
    left: 50% !important;
  }
}

/* Compact footer signature. */
.footer2 .cop,
.cop {
  font-size: 11px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  opacity: 0.76 !important;
}

/* 2026-06-25 pass 3: force glass tables, compact header, jobs/RDJ/profile polish. */
#header {
  grid-template-columns: minmax(370px, 430px) minmax(250px, 1fr) minmax(220px, 250px) !important;
  min-height: 102px !important;
  padding: 10px !important;
  gap: 10px !important;
}

#header .sh1,
#header .sh2,
#header .sh3 {
  min-height: 92px !important;
}

#header .sh1 {
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

#header .sh1 a {
  min-height: 92px !important;
  justify-content: flex-start !important;
}

#header .sh1 img {
  width: min(100%, 390px) !important;
  height: 126px !important;
  max-width: 390px !important;
  max-height: 126px !important;
  object-fit: contain !important;
}

#header .sh2inf {
  min-height: 92px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}

#header .sh2inf > div[align="center"] {
  width: auto !important;
  height: auto !important;
  right: auto !important;
  float: none !important;
  position: static !important;
  font-size: 11px !important;
}

#header #player_info {
  min-height: 30px !important;
  font-size: 11px !important;
}

#header .sh3 {
  gap: 6px !important;
  padding: 8px !important;
  grid-template-columns: 1fr !important;
}

#header .sh3 .ipt,
#header .sh3 .zta {
  width: 100% !important;
  min-height: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}

#header .sh3 .zta {
  min-height: 32px !important;
  height: 32px !important;
}

#header #counter,
#header #result {
  display: none !important;
}

#header #zayvki {
  min-height: 30px !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
}

#header div.audio-player,
#header .mejs-container,
#header .mejs-inner,
#header .mejs-controls,
#header .mejs-button,
#header .mejs-play,
#header .mejs-pause {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
}

#header .mejs-controls .mejs-play button,
#header .mejs-controls .mejs-pause button {
  inset: 5px auto auto 5px !important;
  width: 34px !important;
  height: 34px !important;
}

#header .mejs-controls .mejs-play button::before {
  left: 14px !important;
  top: 9px !important;
  border-top-width: 8px !important;
  border-bottom-width: 8px !important;
  border-left-width: 12px !important;
}

#header .mejs-controls .mejs-pause button::before,
#header .mejs-controls .mejs-pause button::after {
  top: 9px !important;
  width: 5px !important;
  height: 16px !important;
}

#header .mejs-controls .mejs-pause button::before {
  left: 11px !important;
}

#header .mejs-controls .mejs-pause button::after {
  right: 11px !important;
}

#header .gwfm-eq {
  left: 50px !important;
  width: 48px !important;
  height: 28px !important;
}

.gwfm-table-scroll {
  width: 100%;
  overflow-x: auto;
}

.table_user_info,
.gwfm-schedule-table,
.newspad table.table_user_info,
.newspad2 table.table_user_info,
.newspad3 table.table_user_info {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 255, 210, 0.18) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015)),
    rgba(3, 12, 10, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 32px rgba(0, 0, 0, 0.18) !important;
}

.table_user_info th,
.table_user_info tr th,
.gwfm-schedule-table th {
  padding: 12px 13px !important;
  color: #eafff4 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  border: 0 !important;
  border-right: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.16) !important;
  background:
    linear-gradient(135deg, rgba(126, 255, 28, 0.24), rgba(36, 211, 194, 0.14)),
    rgba(5, 22, 17, 0.72) !important;
}

.table_user_info td,
.table_user_info tr td,
.gwfm-schedule-table td {
  padding: 12px 13px !important;
  color: var(--gw-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
  border: 0 !important;
  border-right: 1px solid rgba(190, 255, 210, 0.11) !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.11) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.table_user_info tr:nth-child(odd) td,
.gwfm-schedule-table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.055) !important;
}

.table_user_info tr:hover td,
.gwfm-schedule-table tr:hover td {
  background: rgba(156, 255, 0, 0.09) !important;
}

.gwfm-schedule-table td:first-child {
  color: var(--gw-accent) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.razdelen,
.newspad2 h2.razdelen,
.newspad3 h2.razdelen,
.gwfm-section-title {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 18px 0 10px !important;
  padding: 7px 12px !important;
  color: #eafff4 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  border: 1px solid rgba(156, 255, 0, 0.22) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.12), rgba(36, 211, 194, 0.1)),
    rgba(0, 0, 0, 0.16) !important;
  box-shadow: none !important;
}

.gwfm-profile-page .djinfo {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(190, 255, 210, 0.15) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.gwfm-profile-page .oblockimg {
  width: 180px !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.gwfm-profile-page .shinf1,
.gwfm-profile-page .shinf3 {
  width: auto !important;
  height: auto !important;
  margin: 5px 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.gwfm-jobs-page .gwfm-jobs-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(190, 255, 210, 0.15);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.1), rgba(36, 211, 194, 0.08)),
    rgba(255, 255, 255, 0.035);
}

.gwfm-jobs-hero h2 {
  margin: 0 0 8px;
  color: var(--gw-text);
  font-size: 24px;
}

.gwfm-jobs-hero p {
  margin: 0;
  line-height: 1.65;
}

.gwfm-jobs-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0;
}

.gwfm-jobs-links a {
  padding: 8px 11px;
  color: var(--gw-text);
  border: 1px solid rgba(190, 255, 210, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.gwfm-jobs-apply {
  margin: 18px 0;
  padding: 16px;
  border: 1px solid rgba(190, 255, 210, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.gwfm-rdj-panel .newspad3 {
  display: block !important;
  padding: 18px !important;
}

.gwfm-rdj-panel .djtime {
  margin-bottom: 16px !important;
}

.gwfm-rdj-panel form {
  margin: 10px 0 16px !important;
}

.gwfm-rdj-panel .newspad3 > a,
.gwfm-rdj-panel .newspad3 form,
.gwfm-rdj-panel .newspad3 .newspad {
  position: relative;
  z-index: 1;
}

.gwfm-rdj-panel select,
.gwfm-rdj-panel .abo,
.gwfm-rdj-panel input[type="text"] {
  max-width: 100% !important;
}

.gwfm-rdj-panel .btn {
  margin: 6px 6px 6px 0 !important;
}

.gwfm-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  display: none;
  max-width: min(360px, calc(100% - 44px));
  padding: 13px 15px;
  color: #ecfff5;
  font-weight: 800;
  line-height: 1.45;
  border: 1px solid rgba(190, 255, 210, 0.24);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.18), rgba(36, 211, 194, 0.13)),
    rgba(3, 12, 10, 0.94);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
}

.gwfm-toast.is-bad {
  border-color: rgba(255, 82, 82, 0.38);
  background:
    linear-gradient(135deg, rgba(255, 82, 82, 0.18), rgba(240, 201, 79, 0.08)),
    rgba(20, 7, 7, 0.94);
}

#load div.is-loading {
  opacity: 0.72;
  pointer-events: none;
}

@media (max-width: 1060px) {
  #header {
    grid-template-columns: 1fr !important;
  }

  #header .sh1,
  #header .sh1 a {
    justify-content: center !important;
  }

  #header .sh1 img {
    width: min(100%, 360px) !important;
    height: auto !important;
  }
}

@media (max-width: 760px) {
  .gwfm-profile-page .djinfo,
  .gwfm-jobs-page .gwfm-jobs-hero {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM final polish 20260625-4 */
.gwfm-theme-toggle,
.gwfm-theme-item,
#menue > .gwfm-theme-item {
  display: none !important;
}

html.gwfm-theme-light {
  --gw-bg: #08100f !important;
  --gw-bg-2: #101817 !important;
  --gw-panel: rgba(14, 24, 23, 0.88) !important;
  --gw-panel-soft: rgba(20, 32, 31, 0.76) !important;
  --gw-line: rgba(190, 255, 210, 0.14) !important;
  --gw-line-strong: rgba(156, 255, 0, 0.34) !important;
  --gw-text: #eaf5ef !important;
  --gw-muted: #97aaa1 !important;
  --gw-accent: #9cff00 !important;
  --gw-accent-2: #24d3c2 !important;
  --gw-warm: #ffd166 !important;
}

html.gwfm-theme-light body,
body {
  color: var(--gw-text) !important;
  background: #020807 var(--gw-site-bg, url("/template/img/gwfm-bg-1.png")) center top / cover fixed no-repeat !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 18%, rgba(156, 255, 0, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.76));
}

#header {
  grid-template-columns: minmax(390px, 440px) minmax(250px, 1fr) minmax(210px, 250px) !important;
  min-height: 126px !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  align-items: stretch !important;
}

#header .sh1 {
  min-height: 108px !important;
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

#header .sh1 a {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header .sh1 img,
#header .gwfm-logo-img {
  width: min(100%, 420px) !important;
  height: auto !important;
  max-height: 116px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(119, 255, 0, 0.28)) !important;
}

#header .sh2,
#header .sh3 {
  min-height: 108px !important;
  padding: 10px 12px !important;
}

#header .sh2inf {
  min-height: 86px !important;
  display: grid !important;
  grid-template-columns: 62px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
}

#header .sh2inf > div[align="center"] {
  width: auto !important;
  height: auto !important;
  float: none !important;
  right: auto !important;
  position: static !important;
}

#header .audio-player,
#header .mejs-container,
#header .mejs-controls {
  width: 48px !important;
  height: 48px !important;
}

#header .mejs-controls .mejs-button button {
  width: 34px !important;
  height: 34px !important;
  margin: 7px !important;
}

#header .mejs-controls .mejs-play button::before {
  border-left-width: 17px !important;
  border-top-width: 11px !important;
  border-bottom-width: 11px !important;
  margin-left: 3px !important;
}

#header .mejs-controls .mejs-pause button::before,
#header .mejs-controls .mejs-pause button::after {
  width: 7px !important;
  height: 18px !important;
  top: 8px !important;
  border-radius: 2px !important;
}

#header .mejs-controls .mejs-pause button::before {
  left: 10px !important;
}

#header .mejs-controls .mejs-pause button::after {
  right: 10px !important;
}

#header .gwfm-eq {
  left: 52px !important;
  width: 46px !important;
  height: 26px !important;
}

#header .sh3 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  align-content: center !important;
}

#header .sh3 .ipt {
  width: 100% !important;
  height: 30px !important;
  margin: 0 !important;
  float: none !important;
}

#header .sh3 .zta {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  resize: none !important;
}

#header #zayvki {
  grid-column: 2 !important;
  justify-self: end !important;
  width: auto !important;
  min-width: 118px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 6px 13px !important;
}

#menue {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#menue > li,
#menue > #adms {
  position: relative !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

#menue > li > a,
#menue > #adms > a {
  min-width: 94px !important;
  justify-content: center !important;
  border: 1px solid rgba(190, 255, 210, 0.11) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

#menue > li > a:hover,
#menue > #adms > a:hover {
  color: #06120d !important;
  border-color: rgba(156, 255, 0, 0.58) !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.72)) !important;
}

#menue #adms {
  margin-left: auto !important;
}

#menue #adms .tabnav {
  right: 0 !important;
  left: auto !important;
  z-index: 9999 !important;
}

.table_user_info,
.tinfo,
.gwfm-schedule-table,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form),
.newspad2 table,
.newspad3 table,
#adm-panel .newspad table:not(.gwfm-banner-form) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(4, 14, 12, 0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065), 0 18px 36px rgba(0, 0, 0, 0.18) !important;
}

.table_user_info th,
.table_user_info tr th,
.tinfo th,
.gwfm-schedule-table th,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form) th,
.newspad2 table th,
.newspad3 table th {
  padding: 12px 13px !important;
  color: #07120d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  border: 0 !important;
  border-right: 1px solid rgba(7, 18, 13, 0.16) !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.14) !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.86), rgba(36, 211, 194, 0.76)) !important;
}

.table_user_info td,
.table_user_info tr td,
.tinfo td,
.gwfm-schedule-table td,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form) td,
.newspad2 table td,
.newspad3 table td {
  padding: 11px 13px !important;
  color: var(--gw-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
  border: 0 !important;
  border-right: 1px solid rgba(190, 255, 210, 0.11) !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.11) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.table_user_info tr:nth-child(odd) td,
.tinfo tr:nth-child(odd) td,
.gwfm-schedule-table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.058) !important;
}

.table_user_info tr:hover td,
.tinfo tr:hover td,
.gwfm-schedule-table tr:hover td {
  background: rgba(156, 255, 0, 0.1) !important;
}

.status-pill {
  min-width: 104px !important;
  border-radius: 7px !important;
  text-transform: none !important;
}

#load {
  margin: 18px 0 0 !important;
  text-align: center !important;
}

#load div {
  min-width: 148px !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
}

#load div::before,
#load div::after {
  display: none !important;
  content: none !important;
}

.razdelen,
.gwfm-section-title,
.gwfm-profile-page .newspad2 h2 {
  letter-spacing: 0 !important;
  text-transform: none !important;
  backdrop-filter: blur(10px) !important;
}

.gwfm-profile-page .djinfo {
  grid-template-columns: 190px minmax(0, 1fr) !important;
}

.gwfm-profile-page .oblockimg {
  grid-row: span 3 !important;
}

.gwfm-profile-page .shinf1,
.gwfm-profile-page .shinf3 {
  grid-column: 2 !important;
}

.gwfm-jobs-page .newspad,
.gwfm-rdj-panel .newspad3,
.gwfm-profile-page .newspad2 {
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.07), rgba(36, 211, 194, 0.055)),
    rgba(4, 14, 12, 0.48) !important;
}

.gwfm-jobs-form {
  width: 100% !important;
  max-width: 780px !important;
}

.gwfm-jobs-form tr,
.gwfm-jobs-form tbody {
  display: block !important;
  width: 100% !important;
}

.gwfm-jobs-form td {
  display: block !important;
  width: 100% !important;
  padding: 0 0 9px !important;
  border: 0 !important;
  background: transparent !important;
}

.gwfm-jobs-form .abo,
.gwfm-jobs-form .aso,
.gwfm-jobs-form .azo {
  display: block !important;
  width: 100% !important;
}

#result0 {
  margin-top: 12px !important;
  padding: 0 !important;
  color: var(--gw-text) !important;
}

.gwfm-rdj-panel .newspad3 {
  display: grid !important;
  gap: 12px !important;
}

.gwfm-rdj-panel .gwfm-action-table {
  max-width: 560px !important;
}

.gwfm-rdj-panel .gwfm-action-table td {
  text-align: center !important;
}

.gwfm-rdj-booking {
  padding: 14px !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.gwfm-rdj-booking form {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
}

.gwfm-rdj-booking select,
.gwfm-rdj-booking .btn {
  width: 100% !important;
  margin: 0 !important;
}

.gwfm-rdj-booked {
  padding: 12px 14px !important;
  border: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  line-height: 1.7 !important;
}

.gwfm-rdj-panel h2.newspad {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 10px 0 !important;
  padding: 14px 16px !important;
  color: var(--gw-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-align: left !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.gwfm-rdj-ban-form {
  align-items: end !important;
  margin-bottom: 20px !important;
}

.gwfm-rdj-ban-form .btn {
  align-self: end !important;
  transform: none !important;
}

.coment_info,
.coment_os {
  border-color: rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

#footer,
.fotermenu,
.footer2 {
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.07), rgba(36, 211, 194, 0.045)),
    rgba(2, 10, 9, 0.55) !important;
}

.footer2 .cop,
.cop {
  color: rgba(234, 245, 239, 0.64) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1120px) {
  #header {
    grid-template-columns: 1fr !important;
  }

  #header .sh1 img,
  #header .gwfm-logo-img {
    max-width: 420px !important;
  }
}

@media (max-width: 760px) {
  .gwfm-rdj-booking form {
    grid-template-columns: 1fr !important;
  }

  .gwfm-profile-page .djinfo {
    grid-template-columns: 1fr !important;
  }

  .gwfm-profile-page .oblockimg,
  .gwfm-profile-page .shinf1,
  .gwfm-profile-page .shinf3 {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* GWFM final table/header tuning 20260625-5 */
.table_user_info,
.tinfo,
.gwfm-schedule-table,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form),
.newspad2 table,
.newspad3 table,
#adm-panel .newspad table:not(.gwfm-banner-form) {
  border-color: rgba(190, 255, 210, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
    rgba(3, 13, 11, 0.38) !important;
  backdrop-filter: blur(12px) saturate(118%) !important;
}

.table_user_info th,
.table_user_info tr th,
.tinfo th,
.gwfm-schedule-table th,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form) th,
.newspad2 table th,
.newspad3 table th {
  color: #ecfff5 !important;
  border-right-color: rgba(190, 255, 210, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.18), rgba(36, 211, 194, 0.12)),
    rgba(4, 22, 17, 0.66) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.table_user_info td,
.table_user_info tr td,
.tinfo td,
.gwfm-schedule-table td,
.newspad table:not(.gwfm-jobs-form):not(.gwfm-banner-form) td,
.newspad2 table td,
.newspad3 table td {
  background: rgba(255, 255, 255, 0.026) !important;
}

.table_user_info tr:nth-child(odd) td,
.tinfo tr:nth-child(odd) td,
.gwfm-schedule-table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.044) !important;
}

.table_user_info tr:hover td,
.tinfo tr:hover td,
.gwfm-schedule-table tr:hover td {
  background:
    linear-gradient(90deg, rgba(156, 255, 0, 0.085), rgba(36, 211, 194, 0.04)),
    rgba(255, 255, 255, 0.036) !important;
}

.gwfm-decisions-table td:last-child,
.gwfm-decisions-table th:last-child {
  width: 132px !important;
  text-align: center !important;
}

.gwfm-rdj-booking form {
  grid-template-columns: minmax(130px, 0.8fr) minmax(230px, 1.3fr) minmax(110px, 0.55fr) !important;
}

.gwfm-rdj-booking .btn {
  min-height: 38px !important;
}

.gwfm-rdj-booked:empty {
  display: none !important;
}

/* GWFM player, rdj panel and menu fixes 20260626-1 */
#header .sh2inf {
  align-items: start !important;
  padding-top: 12px !important;
}

#header .sh2inf > div[align="center"] {
  transform: translateY(-5px) !important;
}

#header #player_info {
  margin: 0 0 4px !important;
  line-height: 1.28 !important;
}

#header div.audio-player {
  position: relative !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(156, 255, 0, 0.45) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(156, 255, 0, 0.26), rgba(156, 255, 0, 0.08) 46%, rgba(0, 0, 0, 0.18) 72%) !important;
  box-shadow:
    0 0 0 7px rgba(156, 255, 0, 0.055),
    inset 0 0 16px rgba(156, 255, 0, 0.16) !important;
  overflow: visible !important;
}

#header div.audio-player::before,
#header div.audio-player::after {
  display: none !important;
  content: none !important;
}

#header .mejs-container,
#header .mejs-inner,
#header .mejs-controls,
#header .mejs-button,
#header .mejs-play,
#header .mejs-pause {
  position: relative !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

#header .mejs-controls .mejs-button button,
#header .mejs-controls .mejs-play button,
#header .mejs-controls .mejs-pause button {
  position: absolute !important;
  inset: 0 !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

#header .mejs-controls .mejs-play button::before {
  content: "" !important;
  position: absolute !important;
  left: 51% !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  transform: translate(-35%, -50%) !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
  border-left: 18px solid #f5fff8 !important;
  border-right: 0 !important;
  filter: drop-shadow(0 0 8px rgba(156, 255, 0, 0.32)) !important;
  background: transparent !important;
}

#header .mejs-controls .mejs-play button::after {
  display: none !important;
  content: none !important;
}

#header .mejs-controls .mejs-pause button::before,
#header .mejs-controls .mejs-pause button::after {
  content: "" !important;
  position: absolute !important;
  top: 17px !important;
  width: 7px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #f5fff8 !important;
  box-shadow: 0 0 8px rgba(156, 255, 0, 0.3) !important;
}

#header .mejs-controls .mejs-pause button::before {
  left: 19px !important;
}

#header .mejs-controls .mejs-pause button::after {
  right: 19px !important;
}

#header .gwfm-eq {
  left: 64px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 58px !important;
  height: 26px !important;
}

.gwfm-rdj-panel {
  overflow: visible !important;
}

.gwfm-rdj-panel .djtime {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  overflow-x: auto !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.028) !important;
}

.gwfm-rdj-panel .gwfm-hours-table {
  width: min(100%, 560px) !important;
  margin: 0 !important;
  table-layout: fixed !important;
}

.gwfm-rdj-panel .gwfm-hours-table th,
.gwfm-rdj-panel .gwfm-hours-table td {
  padding: 9px 11px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

.gwfm-rdj-tools {
  margin: 0 0 14px !important;
}

.gwfm-rdj-tools-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.gwfm-rdj-tool {
  display: grid !important;
  gap: 4px !important;
  min-height: 76px !important;
  padding: 13px 14px !important;
  color: var(--gw-text) !important;
  text-align: left !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.11), rgba(36, 211, 194, 0.075)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065) !important;
  cursor: pointer !important;
}

.gwfm-rdj-tool:hover {
  color: #07120d !important;
  border-color: rgba(156, 255, 0, 0.54) !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.9), rgba(36, 211, 194, 0.74)) !important;
}

.gwfm-rdj-tool span {
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.gwfm-rdj-tool small {
  color: rgba(234, 245, 239, 0.64) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.gwfm-rdj-tool:hover small {
  color: rgba(7, 18, 13, 0.72) !important;
}

.gwfm-efir-card {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}

.gwfm-efir-card div {
  padding: 12px !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.gwfm-efir-card span {
  display: block !important;
  margin-bottom: 4px !important;
  color: var(--gw-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.gwfm-efir-card b {
  display: block !important;
  color: var(--gw-text) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.gwfm-rdj-booking select,
#load div {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.gwfm-rdj-booking select {
  min-height: 38px !important;
  padding: 7px 9px !important;
}

#load div {
  min-height: 34px !important;
  padding: 7px 13px !important;
}

#menue,
#menue li,
#menue ul,
#menue .tabnav {
  overflow: visible !important;
}

#menue > li > ul,
#menue > #adms > ul {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 218px !important;
}

#menue ul li {
  position: relative !important;
}

#menue ul ul {
  top: -8px !important;
  left: calc(100% + 10px) !important;
  min-width: 218px !important;
  z-index: 10020 !important;
}

#menue li:hover > ul,
#menue li:hover > .tabnav,
#menue li:hover > .gwfm-auth-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#menue ul ul::before {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  top: 0 !important;
  width: 12px !important;
  height: 100% !important;
}

#menue ul a,
#menue .tabnav a {
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .gwfm-rdj-tools-form,
  .gwfm-efir-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .gwfm-rdj-tools-form,
  .gwfm-efir-card {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM fixes 20260626-4 */
#header .sh2inf {
  align-items: center !important;
  padding-top: 0 !important;
}

#header div.audio-player {
  margin-top: 8px !important;
}

#header .gwfm-eq {
  margin-top: 8px !important;
}

#header div.audio-player::after {
  content: "" !important;
  position: absolute !important;
  inset: -9px !important;
  display: block !important;
  border: 1px solid rgba(156, 255, 0, 0.42) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: gwfm-player-ring-pulse 1.9s ease-out infinite !important;
}

@keyframes gwfm-player-ring-pulse {
  0% {
    opacity: 0.7;
    transform: scale(0.86);
    box-shadow: 0 0 0 0 rgba(156, 255, 0, 0.22);
  }
  100% {
    opacity: 0;
    transform: scale(1.32);
    box-shadow: 0 0 0 13px rgba(156, 255, 0, 0);
  }
}

.gwfm-menu-empty span {
  display: block !important;
  min-width: 180px !important;
  padding: 9px 10px !important;
  color: rgba(234, 245, 239, 0.55) !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.gwfm-jobs-page .gwfm-jobs-hero {
  grid-template-columns: 1fr !important;
}

.gwfm-jobs-form td:first-child {
  display: block !important;
}

.gwfm-jobs-form [hidden] {
  display: none !important;
}

.gwfm-profile-page .gwfm-profile-card {
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 18px !important;
  border: 1px solid rgba(190, 255, 210, 0.15) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.08), rgba(36, 211, 194, 0.055)),
    rgba(255, 255, 255, 0.035) !important;
}

.gwfm-profile-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.14) !important;
}

.gwfm-profile-avatar img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.gwfm-profile-main {
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.gwfm-profile-role {
  width: fit-content !important;
  padding: 7px 11px !important;
  color: var(--gw-accent) !important;
  font-weight: 900 !important;
  border: 1px solid rgba(156, 255, 0, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(156, 255, 0, 0.07) !important;
}

.gwfm-profile-main h2 {
  margin: 0 !important;
  color: var(--gw-text) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
}

.gwfm-profile-meta,
.gwfm-profile-details {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.gwfm-profile-meta div,
.gwfm-profile-details section {
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.032) !important;
}

.gwfm-profile-meta span,
.gwfm-profile-details h2 {
  display: block !important;
  width: auto !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: var(--gw-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gwfm-profile-meta b,
.gwfm-profile-details p {
  display: block !important;
  margin: 0 !important;
  color: var(--gw-text) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
}

.gwfm-profile-about {
  grid-column: 1 / -1 !important;
}

.gwfm-auth-menu {
  position: relative !important;
}

#menue .gwfm-auth-panel {
  top: calc(100% + 6px) !important;
  z-index: 10050 !important;
}

#menue .gwfm-auth-panel::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -10px !important;
  height: 10px !important;
}

#menue .gwfm-auth-menu:hover .gwfm-auth-panel,
#menue .gwfm-auth-panel:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#menue #adms {
  margin-left: 0 !important;
}

.gwfm-rdj-panel > div {
  display: grid !important;
  grid-template-columns: 238px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

.gwfm-rdj-panel .headline3 {
  grid-column: 1 / -1 !important;
}

.gwfm-rdj-panel .djtime {
  grid-column: 1 !important;
  position: sticky !important;
  top: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
}

.gwfm-rdj-panel .newspad3 {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 22px !important;
}

.gwfm-rdj-panel .gwfm-hours-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.gwfm-rdj-panel .gwfm-hours-table th,
.gwfm-rdj-panel .gwfm-hours-table td {
  padding: 8px 9px !important;
  font-size: 11px !important;
}

.gwfm-rdj-tools-form {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.gwfm-rdj-tool {
  min-height: 70px !important;
  padding: 11px 12px !important;
}

@media (max-width: 980px) {
  .gwfm-rdj-panel > div {
    grid-template-columns: 1fr !important;
  }

  .gwfm-rdj-panel .djtime,
  .gwfm-rdj-panel .newspad3 {
    grid-column: 1 !important;
    position: static !important;
  }

  .gwfm-rdj-tools-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .gwfm-profile-page .gwfm-profile-card,
  .gwfm-profile-meta,
  .gwfm-profile-details,
  .gwfm-rdj-tools-form {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM profile, rdj requests and notifications 20260626-5 */
#header .gwfm-eq {
  top: 50% !important;
  margin-top: 2px !important;
  transform: translateY(-50%) !important;
}

.gwfm-profile-page .gwfm-profile-main h2 {
  display: none !important;
}

.gwfm-profile-page .gwfm-profile-details {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 0 !important;
  padding: 18px !important;
}

.gwfm-profile-page .gwfm-profile-card {
  width: 100% !important;
}

.gwfm-rdj-mini-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

.gwfm-rdj-mini-card {
  padding: 12px !important;
  border: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.gwfm-rdj-mini-card .razdelen {
  margin: 0 0 10px !important;
}

.gwfm-rdj-ban-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 120px !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
}

.gwfm-rdj-ban-form .abo,
.gwfm-rdj-ban-form .btn {
  width: 100% !important;
  margin: 0 !important;
}

.gwfm-rdj-account-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 8px 11px !important;
  color: var(--gw-text) !important;
  font-weight: 900 !important;
  border: 1px solid rgba(156, 255, 0, 0.22) !important;
  border-radius: 8px !important;
  background: rgba(156, 255, 0, 0.055) !important;
}

.gwfm-zve-list {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 18px !important;
}

.gwfm-zve-card {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.055), rgba(36, 211, 194, 0.035)),
    rgba(255, 255, 255, 0.032) !important;
}

.gwfm-zve-card header {
  display: grid !important;
  gap: 4px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.13) !important;
}

.gwfm-zve-card header b {
  color: var(--gw-text) !important;
  font-size: 14px !important;
}

.gwfm-zve-card header span,
.gwfm-zve-fields span {
  color: var(--gw-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.gwfm-zve-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.gwfm-zve-fields div {
  min-width: 0 !important;
}

.gwfm-zve-fields b,
.gwfm-zve-fields p {
  display: block !important;
  margin: 3px 0 0 !important;
  color: var(--gw-text) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

.gwfm-zve-text {
  grid-column: 1 / -1 !important;
}

.gwfm-zve-card .btn {
  justify-self: end !important;
  min-width: 112px !important;
}

.gwfm-empty-state {
  grid-column: 1 / -1 !important;
  padding: 16px !important;
  color: var(--gw-muted) !important;
  text-align: center !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.track .ui360 a,
.ui360 a,
#divjingles .track a {
  color: #f2fff6 !important;
  text-shadow: none !important;
}

.gwfm-confirm {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: none;
  background: rgba(0, 0, 0, 0.58) !important;
  backdrop-filter: blur(5px) !important;
}

.gwfm-confirm-box {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(420px, calc(100% - 34px)) !important;
  transform: translate(-50%, -50%) !important;
  padding: 18px !important;
  color: var(--gw-text) !important;
  border: 1px solid rgba(190, 255, 210, 0.22) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.12), rgba(36, 211, 194, 0.08)),
    rgba(3, 12, 10, 0.96) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42) !important;
}

.gwfm-confirm-title {
  margin-bottom: 8px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.gwfm-confirm-text {
  color: rgba(234, 245, 239, 0.78) !important;
  line-height: 1.55 !important;
}

.gwfm-confirm-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

@media (max-width: 980px) {
  .gwfm-rdj-mini-grid,
  .gwfm-zve-list {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM final polish 20260626-6 */
#header .sh2inf {
  align-items: center !important;
}

#header div.audio-player {
  width: 56px !important;
  height: 56px !important;
  margin-top: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#header div.audio-player::before {
  content: "" !important;
  position: absolute !important;
  inset: -6px !important;
  display: block !important;
  border: 1px solid rgba(156, 255, 0, 0.32) !important;
  border-radius: 50% !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
  box-shadow: 0 0 24px rgba(156, 255, 0, 0.18) !important;
}

#header div.audio-player::after {
  content: "" !important;
  position: absolute !important;
  inset: -11px !important;
  display: block !important;
  border: 1px solid rgba(156, 255, 0, 0.44) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: gwfm-player-ring-pulse 1.9s ease-out infinite !important;
}

#header .mejs-container,
#header .mejs-inner,
#header .mejs-controls,
#header .mejs-button,
#header .mejs-play,
#header .mejs-pause,
#header .mejs-controls .mejs-button button,
#header .mejs-controls .mejs-play button,
#header .mejs-controls .mejs-pause button {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
}

#header .mejs-controls .mejs-play button::before {
  left: 52% !important;
  top: 50% !important;
  border-top-width: 12px !important;
  border-bottom-width: 12px !important;
  border-left-width: 18px !important;
}

#header .mejs-controls .mejs-pause button::before,
#header .mejs-controls .mejs-pause button::after {
  top: 17px !important;
  width: 7px !important;
  height: 22px !important;
}

#header .mejs-controls .mejs-pause button::before {
  left: 19px !important;
}

#header .mejs-controls .mejs-pause button::after {
  right: 19px !important;
}

#header .gwfm-eq {
  top: 50% !important;
  left: 68px !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;
}

.gwfm-profile-page .gwfm-profile-card,
.gwfm-profile-page .gwfm-profile-details {
  box-sizing: border-box !important;
  width: 100% !important;
}

.gwfm-profile-page .gwfm-profile-main h2 {
  display: none !important;
}

.gwfm-profile-page .gwfm-profile-details {
  margin: 18px 0 0 0 !important;
  max-width: none !important;
}

.gwfm-profile-page .gwfm-profile-meta span,
.gwfm-profile-page .gwfm-profile-details h2 {
  background: rgba(156, 255, 0, 0.035) !important;
  border-radius: 4px !important;
  padding: 4px 7px !important;
}

.gwfm-rdj-panel .newspad3 {
  min-width: 0 !important;
}

.gwfm-rdj-mini-grid {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.55fr) !important;
  gap: 12px !important;
  margin: 14px 0 !important;
}

.gwfm-rdj-mini-card {
  min-width: 0 !important;
  padding: 12px !important;
}

.gwfm-rdj-mini-card .razdelen {
  min-height: auto !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.gwfm-rdj-ban-form {
  grid-template-columns: minmax(0, 1fr) 112px !important;
  gap: 10px !important;
}

.gwfm-rdj-account-link {
  min-height: 34px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
}

.gwfm-rdj-booking {
  margin-top: 10px !important;
}

.gwfm-rdj-booking form {
  gap: 10px !important;
}

.gwfm-rdj-booking select,
.gwfm-rdj-booking .btn {
  min-height: 38px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

.gwfm-zve-list {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  align-items: stretch !important;
}

.gwfm-zve-card {
  min-height: 210px !important;
}

.gwfm-zve-card header span {
  word-break: break-word !important;
}

.track .ui360 a,
.ui360 a,
#divjingles .track a,
#divjingles .ui360 a {
  color: #f4fff8 !important;
}

.gwfm-main-welcome .newspad2,
.oblock > .newspad2 {
  color: var(--gw-text) !important;
}

.gwfm-toast {
  z-index: 100001 !important;
}

@media (max-width: 900px) {
  .gwfm-rdj-mini-grid,
  .gwfm-zve-list {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM polish 20260628-1 */
.gwfm-vk-news {
  overflow: hidden !important;
}

.gwfm-vk-news .headline3 {
  margin-bottom: 0 !important;
}

.gwfm-vk-card {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(156, 255, 0, 0.22) !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.gwfm-vk-widget,
.gwfm-vk-widget iframe,
#vk_groups,
#vk_groups iframe {
  width: 100% !important;
  max-width: 100% !important;
}

#header .sh2inf {
  padding-left: 28px !important;
}

#header .sh2inf > .audio-player {
  transform: translateX(24px) !important;
}

#header .sh2inf > div[align="center"] {
  right: auto !important;
  transform: translate(28px, -5px) !important;
}

#header .gwfm-eq {
  left: 70px !important;
}

.gwfm-rdj-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.gwfm-rdj-mini-card {
  display: flex !important;
  min-height: 132px !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.gwfm-rdj-ban-form {
  margin-top: auto !important;
}

.gwfm-rdj-account-link {
  width: fit-content !important;
}

.gwfm-vigovor-empty {
  display: none !important;
}

.gwfm-rdj-panel > .gwfm-zve-list {
  width: auto !important;
  max-width: none !important;
  margin: 22px !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
}

.gwfm-rdj-panel > .gwfm-zve-list .gwfm-zve-card {
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  align-content: start !important;
}

.gwfm-rdj-panel > .gwfm-zve-list .gwfm-zve-card .btn {
  align-self: end !important;
}

.gwfm-profile-page .gwfm-profile-main {
  align-content: start !important;
  padding-top: 28px !important;
}

.gwfm-profile-page .gwfm-profile-role {
  margin-bottom: 2px !important;
}

.gwfm-nonstop-panel {
  display: grid !important;
  gap: 16px !important;
}

.gwfm-nonstop-status {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.gwfm-nonstop-status div,
.gwfm-nonstop-form {
  padding: 13px !important;
  border: 1px solid rgba(190, 255, 210, 0.13) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.032) !important;
}

.gwfm-nonstop-status span,
.gwfm-nonstop-form label {
  display: block !important;
  color: var(--gw-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.gwfm-nonstop-status b {
  display: block !important;
  margin-top: 6px !important;
  color: var(--gw-text) !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

.gwfm-nonstop-form {
  display: grid !important;
  gap: 13px !important;
}

.gwfm-nonstop-upload-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 12px !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.055), rgba(36, 211, 194, 0.045)),
    rgba(255, 255, 255, 0.025) !important;
}

.gwfm-nonstop-form input[type="file"] {
  width: 100% !important;
  margin-top: 8px !important;
  min-height: 38px !important;
  padding: 8px !important;
  cursor: pointer !important;
}

.gwfm-nonstop-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.gwfm-nonstop-actions .btn {
  margin: 0 !important;
}

.gwfm-nonstop-upload-btn {
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
}

.gwfm-nonstop-progress {
  display: none !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(128, 255, 0, 0.22) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(128, 255, 0, 0.08), rgba(34, 211, 238, 0.06)),
    rgba(0, 12, 8, 0.5) !important;
  box-shadow: inset 0 0 22px rgba(128, 255, 0, 0.06) !important;
}

.gwfm-nonstop-progress.is-active {
  display: block !important;
}

.gwfm-nonstop-progress-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 9px !important;
  color: rgba(244, 255, 248, 0.9) !important;
  font-weight: 800 !important;
}

.gwfm-nonstop-progress-head b {
  color: #8dff00 !important;
}

.gwfm-nonstop-progress-bar {
  height: 10px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.gwfm-nonstop-progress-bar i {
  display: block !important;
  width: 0%;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #8dff00, #30e3c2, #f7d154) !important;
  box-shadow: 0 0 18px rgba(128, 255, 0, 0.42) !important;
  transition: width 0.18s ease !important;
}

.gwfm-nonstop-progress-text {
  margin-top: 9px !important;
  color: rgba(234, 245, 239, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.gwfm-nonstop-note {
  margin: 0 !important;
  color: rgba(234, 245, 239, 0.72) !important;
  line-height: 1.55 !important;
}

@media (max-width: 900px) {
  .gwfm-rdj-mini-grid,
  .gwfm-nonstop-status {
    grid-template-columns: 1fr !important;
  }

  #header .sh2inf {
    padding-left: 0 !important;
  }

  #header .sh2inf > .audio-player,
  #header .sh2inf > div[align="center"] {
    transform: none !important;
  }
}

/* GWFM polish 20260628-2 */
#header .sh2inf {
  padding-left: 12px !important;
}

#header .sh2inf > .audio-player {
  transform: translateX(8px) !important;
}

#header .sh2inf > div[align="center"] {
  right: auto !important;
  transform: translate(16px, -5px) !important;
}

#header .gwfm-eq {
  left: 57px !important;
  width: 52px !important;
}

/* GWFM polish 20260628-3 */
#header .gwfm-eq {
  left: 64px !important;
  width: 44px !important;
  gap: 4px !important;
}

#header .gwfm-eq span {
  width: 4px !important;
}

/* GWFM player equalizer position 20260628-5 */
#header .gwfm-eq {
  left: 72px !important;
}

.gwfm-profile-page {
  overflow: hidden !important;
}

.gwfm-profile-page > div {
  display: grid !important;
  gap: 18px !important;
}

.gwfm-profile-page .headline3 {
  position: relative !important;
  overflow: hidden !important;
}

.gwfm-profile-page .headline3::after {
  content: "ON AIR PROFILE" !important;
  float: right !important;
  margin-top: 2px !important;
  color: rgba(234, 245, 239, 0.42) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.gwfm-profile-page .gwfm-profile-card {
  position: relative !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  min-height: 270px !important;
  padding: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 255, 210, 0.22) !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(156, 255, 0, 0.2), transparent 30%),
    radial-gradient(circle at 84% 80%, rgba(36, 211, 194, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(18, 52, 25, 0.78), rgba(4, 22, 20, 0.84) 58%, rgba(18, 39, 28, 0.74)),
    rgba(4, 14, 12, 0.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 60px rgba(0, 0, 0, 0.28) !important;
}

.gwfm-profile-page .gwfm-profile-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(156, 255, 0, 0.08), transparent),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 88px) !important;
  opacity: 0.5 !important;
}

.gwfm-profile-avatar {
  position: relative !important;
  z-index: 1 !important;
  padding: 12px !important;
  border-color: rgba(156, 255, 0, 0.28) !important;
  background:
    radial-gradient(circle at 50% 15%, rgba(156, 255, 0, 0.16), transparent 42%),
    rgba(0, 0, 0, 0.22) !important;
  box-shadow:
    inset 0 0 34px rgba(156, 255, 0, 0.08),
    0 0 34px rgba(156, 255, 0, 0.12) !important;
}

.gwfm-profile-avatar img {
  border-radius: 8px !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32) !important;
}

.gwfm-profile-page .gwfm-profile-main {
  position: relative !important;
  z-index: 1 !important;
  align-content: center !important;
  padding-top: 0 !important;
}

.gwfm-profile-role {
  min-height: 40px !important;
  padding: 10px 14px !important;
  color: #06100d !important;
  font-size: 18px !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.96), rgba(36, 211, 194, 0.78)) !important;
  border-color: rgba(190, 255, 210, 0.48) !important;
  box-shadow: 0 12px 28px rgba(156, 255, 0, 0.12) !important;
}

.gwfm-profile-meta {
  gap: 14px !important;
}

.gwfm-profile-meta div,
.gwfm-profile-details section {
  border-color: rgba(190, 255, 210, 0.18) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(6, 20, 17, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

.gwfm-profile-meta span,
.gwfm-profile-details h2 {
  color: rgba(190, 255, 210, 0.66) !important;
  background: rgba(156, 255, 0, 0.055) !important;
}

.gwfm-profile-details {
  padding: 20px !important;
  border-color: rgba(190, 255, 210, 0.18) !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(36, 211, 194, 0.12), transparent 30%),
    rgba(3, 16, 13, 0.72) !important;
}

.gwfm-nonstop-limits {
  color: rgba(234, 245, 239, 0.62) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.gwfm-nonstop-tracklist {
  display: grid !important;
  gap: 10px !important;
}

.gwfm-nonstop-items {
  display: grid !important;
  gap: 8px !important;
  max-height: 430px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

.gwfm-nonstop-track {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.028) !important;
}

.gwfm-nonstop-track span {
  min-width: 0 !important;
  color: var(--gw-text) !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gwfm-nonstop-track .btn {
  min-width: 0 !important;
  margin: 0 !important;
}

.footer2 .cop,
.cop {
  font-size: 10px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .gwfm-profile-page .gwfm-profile-card {
    grid-template-columns: 1fr !important;
  }

  .gwfm-nonstop-track {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM admin rights and nonstop controls 20260628-4 */
.gwfm-rights-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  padding: 14px !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(156, 255, 0, 0.08), rgba(36, 211, 194, 0.08)),
    rgba(255, 255, 255, 0.026) !important;
}

.gwfm-rights-search .abo,
.gwfm-rights-grid .abo,
.gwfm-rights-delete .abo {
  width: 100% !important;
  box-sizing: border-box !important;
}

.gwfm-rights-results {
  margin-top: 12px !important;
}

.gwfm-rights-editor {
  display: grid !important;
  gap: 14px !important;
  margin-top: 16px !important;
  padding: 16px !important;
  border: 1px solid rgba(190, 255, 210, 0.16) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(36, 211, 194, 0.12), transparent 34%),
    rgba(3, 18, 14, 0.66) !important;
}

.gwfm-rights-editor-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(190, 255, 210, 0.12) !important;
}

.gwfm-rights-editor-head span,
.gwfm-rights-grid label {
  color: rgba(234, 245, 239, 0.66) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.gwfm-rights-editor-head b {
  display: block !important;
  margin-top: 4px !important;
  color: var(--gw-text) !important;
  font-size: 18px !important;
}

.gwfm-rights-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.gwfm-rights-grid label {
  display: grid !important;
  gap: 6px !important;
}

.gwfm-rights-delete {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  gap: 12px !important;
  align-items: center !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 100, 100, 0.18) !important;
}

.gwfm-rights-delete .btn,
.gwfm-nonstop-clear .btn {
  border-color: rgba(255, 110, 110, 0.38) !important;
  background:
    linear-gradient(135deg, rgba(255, 72, 72, 0.2), rgba(255, 210, 80, 0.14)),
    rgba(255, 255, 255, 0.035) !important;
}

.gwfm-nonstop-clear {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 10px 0 0 !important;
}

/* GWFM nonstop bulk actions 20260628-5 */
.gwfm-nonstop-bulk {
  display: grid !important;
  gap: 10px !important;
}

.gwfm-nonstop-bulk-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.gwfm-nonstop-bulk-actions label,
.gwfm-nonstop-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(234, 245, 239, 0.78) !important;
  font-weight: 800 !important;
}

.gwfm-nonstop-bulk-actions input,
.gwfm-nonstop-check input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--gw-accent) !important;
}

.gwfm-nonstop-bulk .gwfm-nonstop-track {
  grid-template-columns: 28px minmax(0, 1fr) 112px !important;
}

/* GWFM admin log table 20260628-8 */
.gwfm-admin-log-table th:nth-child(1),
.gwfm-admin-log-table td:nth-child(1) {
  width: 150px !important;
  white-space: nowrap !important;
}

.gwfm-admin-log-table th:nth-child(2),
.gwfm-admin-log-table td:nth-child(2) {
  width: 160px !important;
  white-space: nowrap !important;
}

.gwfm-admin-log-table td:nth-child(3) {
  color: var(--gw-text) !important;
  line-height: 1.45 !important;
}

@media (max-width: 760px) {
  .gwfm-rights-search,
  .gwfm-rights-grid,
  .gwfm-rights-delete {
    grid-template-columns: 1fr !important;
  }

  .gwfm-nonstop-bulk-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .gwfm-nonstop-bulk .gwfm-nonstop-track {
    grid-template-columns: 28px minmax(0, 1fr) !important;
  }

  .gwfm-nonstop-upload-row {
    grid-template-columns: 1fr !important;
  }
}

/* GWFM admin, mobile menu and request form fixes 20260629-1 */
#menue li.gwfm-menu-open > ul,
#menue #adms.gwfm-menu-open > .tabnav,
#menue .gwfm-auth-menu.gwfm-menu-open > .gwfm-auth-panel,
#menue .gwfm-auth-menu:focus-within > .gwfm-auth-panel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#menue .gwfm-auth-panel input,
#menue .gwfm-auth-panel button {
  pointer-events: auto !important;
}

.gwfm-top-admin {
  display: grid !important;
  gap: 16px !important;
  padding: 16px !important;
  border: 1px solid rgba(190, 255, 210, 0.14) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(36, 211, 194, 0.14), transparent 32%),
    linear-gradient(135deg, rgba(156, 255, 0, 0.065), rgba(255, 255, 255, 0.018)),
    rgba(4, 18, 15, 0.64) !important;
}

.gwfm-top-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.gwfm-top-grid label {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.gwfm-top-grid label span {
  display: inline-grid !important;
  place-items: center !important;
  height: 38px !important;
  border-radius: 8px !important;
  color: #06100d !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, rgba(156, 255, 0, 0.96), rgba(36, 211, 194, 0.82)) !important;
}

.gwfm-top-grid .abo {
  width: 100% !important;
  box-sizing: border-box !important;
}

.gwfm-top-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
}

.gwfm-top-actions .btn {
  margin: 0 !important;
}

.gwfm-danger-btn {
  border-color: rgba(255, 110, 110, 0.42) !important;
  background:
    linear-gradient(135deg, rgba(255, 72, 72, 0.24), rgba(255, 210, 80, 0.12)),
    rgba(255, 255, 255, 0.035) !important;
}

.gwfm-top-current {
  display: grid !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

.gwfm-top-current h2 {
  margin: 0 0 4px !important;
  color: var(--gw-text) !important;
  font-size: 16px !important;
}

.gwfm-top-current div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(190, 255, 210, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.026) !important;
}

.gwfm-top-current span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--gw-text) !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  #header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    gap: 10px !important;
  }

  #header .sh1,
  #header .sh2,
  #header .sh3 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  #header .sh3 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  #header .sh3 .ipt,
  #header .sh3 .zta,
  #header #zayvki {
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #header .sh3 .zta {
    min-height: 76px !important;
    resize: vertical !important;
  }

  #header #counter,
  #header #result {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  #menue {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  #menue > li,
  #menue > #adms {
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
  }

  #menue > li > a,
  #menue > #adms > a {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #menue ul,
  #menue .tabnav,
  #menue .gwfm-auth-panel {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }

  #menue li:hover > ul,
  #menue #adms:hover > .tabnav,
  #menue .gwfm-auth-menu:hover > .gwfm-auth-panel {
    display: none !important;
  }

  #menue li.gwfm-menu-open > ul,
  #menue #adms.gwfm-menu-open > .tabnav,
  #menue .gwfm-auth-menu.gwfm-menu-open > .gwfm-auth-panel,
  #menue li:focus-within > ul,
  #menue #adms:focus-within > .tabnav,
  #menue .gwfm-auth-menu:focus-within > .gwfm-auth-panel {
    display: grid !important;
  }

  #menue ul li,
  #menue .tabnav li {
    width: 100% !important;
  }

  .gwfm-top-grid {
    grid-template-columns: 1fr !important;
  }

  .gwfm-top-actions,
  .gwfm-top-current div {
    grid-template-columns: 1fr !important;
  }

  .gwfm-top-actions {
    flex-direction: column !important;
  }

  .gwfm-top-actions .btn {
    width: 100% !important;
  }
}

/* GWFM mobile final interaction fixes 20260629-3 */
@media (max-width: 760px) {
  #header .sh3 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  #header .sh3 .ipt,
  #header .sh3 .zta {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #header .sh3 .ipt {
    height: 44px !important;
    min-height: 44px !important;
  }

  #header .sh3 .zta {
    height: 96px !important;
    min-height: 96px !important;
    resize: vertical !important;
  }

  #header #counter,
  #header #result {
    grid-column: 1 / -1 !important;
    display: block !important;
    min-height: 18px !important;
    text-align: center !important;
  }

  #header #zayvki {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(220px, 82%) !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 2px auto 0 !important;
  }

  #menue li.gwfm-menu-open > ul,
  #menue #adms.gwfm-menu-open > .tabnav,
  #menue .gwfm-auth-menu.gwfm-menu-open > .gwfm-auth-panel,
  #menue li:focus-within > ul,
  #menue #adms:focus-within > .tabnav,
  #menue .gwfm-auth-menu:focus-within > .gwfm-auth-panel {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}