body {font-family:Arial,sans-serif;margin:0;padding:0;background:#111;background-image:url(v.php?ix=myimg-Get&p4=forkex-img01);background-size: cover;}
.menu-panel {display:flex;height:100vh;}
.sidebar {width:230px;color:white;padding-left:20px;box-shadow:2px 0 10px rgba(0,0,0,0.1);position:fixed;height:100%;top:0;}
.sidebar h2 {font-size:1.4em;margin-bottom:1px;color:#999;}
.sidebar ul {list-style:none;padding:0;}
.sidebar ul li {margin:8px 0;}
.sidebar ul li a {color:white;text-decoration:none;font-size:1.0em;display:block;padding:6px 0;transition: background-color 0.3s ease;}
.sidebar ul li a:hover {background-color:#54495e;}
.sidebar ul li a:focus,
.sidebar ul li a:focus-visible {background-color:transparent;background-image:linear-gradient(to left, #358 1%, #111);outline:none;}
.sidebar ul li a.active {color:#00ee00;}
.sidebar ul li a i {margin-right:10px;min-width:20px;min-height:16px;text-align:center;display:inline-block;vertical-align:middle;}
.sidebar ul li a span {display:inline;vertical-align:middle;}
/* Основной контент */
.content {position:fixed;top:0px;right:0px;bottom:0px;left:250px;padding: 0px;flex-grow:1;}
.content h2 {color:#333;margin-bottom:0px;}
.toggle-buttons {position:fixed;top:0px;left:55px;display:flex;gap:0px;}
iframe {display:block;width:100%;height:100%;border:none;}
/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .admin-panel {flex-direction: column; /* Меняем направление на колонку на мобильных устройствах */}
    .sidebar {left: 100%; /* Панель занимает всю ширину */ box-shadow: none;}
    .content {margin-left:0px;}
    }
    iframe {height:100%;}
}
    }
    .sidebar-hidden .sidebar {        display: none;    }
    .sidebar-hidden .content {        margin-left: 0;    }
    .toggle-buttons {margin-top: 10px; top: 0px;    }
    .toggle-buttons button {top: 0px;display:block;width:100px;cursor: pointer;}
}
a{text-decoration:none;}
.inline-actions {display:flex;gap:10px;align-items:center;}
button {
  background-color: #445;       /* чуть светлее фона панели */
  color: #fff;                  /* белый текст */
  border: 1px solid #667;       /* тонкая граница */
  padding: 4px 12px;            /* внутренние отступы */
  border-radius: 4px;           /* скругление углов */
  font-size: 14px;              /* размер шрифта */
  cursor: pointer;              /* указатель при наведении */
  transition: background-color 0.2s, color 0.2s;
}
button:hover {background-color:#667;color:#fff;}
#symbolSelector {
  background-color: #445;       /* тёмный фон, как у кнопки */
  color: #fff;                  /* белый текст */
  border: 1px solid #667;       /* тонкая граница */
  padding: 6px 12px;            /* внутренние отступы */
  border-radius: 4px;           /* скругление углов */
  font-size: 14px;              /* размер шрифта */
  appearance: none;             /* убирает стрелку в некоторых браузерах */
  cursor: pointer;
  margin-left: 24px;
}
#symbolSelector:hover {  background-color: #667;}
.custom-select-wrapper {position:relative;
  display: inline-block;
  margin-left: 60px;
  background-color: #233;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
}
.select-icon {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
  pointer-events: none;
}
.custom-select {
  appearance: none;
  background-color: #445;
  color: #fff;
  border: 1px solid #667;
  border-radius: 4px;
  padding: 6px 12px 6px 36px; /* space for icon */
  font-size: 14px;
  cursor: pointer;
  min-width: 99px;
}
.custom-select:hover {background-color:#556;}
.market-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #445;
  color: #fff;
  border: 1px solid #667;
  border-radius: 4px;
  padding: 6px 12px 6px 36px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  margin-left: 60px;
}
.market-btn:hover {background-color:#556;}
.custom-select-wrapper::after{content:'▼';position:absolute;top:50%;right:12px;color:#ccc;font-size:12px;pointer-events:none;transform:translateY(-50%);}
@media (max-width: 768px) {.custom-select {font-size:13px;padding: 6px 10px 6px 36px;}}
.fixedFL{position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:rgba(20,20,20,0.5);}
.fixedTL{position:fixed;top:85px;left:18px;cursor:pointer;}
.fixedTR{position:fixed;top:0px;left:100%;cursor:pointer;z-index: 999;}
.fixed-toolbar button {background-color:#445;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;width:60px;}
.fixed-toolbar button:hover {background-color:#556;}
.fixed-toolbar .ix-link {color:#999;text-decoration:none;padding-left:10px;font-size:14px;}