:root {--anim-time: 1.25s;}
body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at bottom left,rgba(255,0,0,0.644),transparent 35%),linear-gradient(135deg,#050505,#1a0d00,#ff7a00);color:#eee;min-height:100vh;padding:30px;background-attachment:fixed;background-size:cover;}
.page{max-width:1500px;margin:0 auto;background:#111111ee;border:1px solid #3a2420;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);}
header{background:#181818;padding:24px 40px;display:flex;gap:18px;border-bottom:1px solid #332222;position:sticky;top:0;align-items:center;z-index:1000;border-radius:28px 28px 0 0;transition:opacity 1s ease, visibility 1s ease, filter 0.8s ease;}
header.hide {opacity:0;visibility:hidden;filter:blur(5px);pointer-events:none;}
.nav{display:flex;gap:18px;flex:1;}
.tab{color:#d0b0a0;text-decoration:none;padding:12px 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;}
.tab:hover{background:#2a1a16;transform:scale(1.05);}
.tab.active{background:linear-gradient(90deg,#b22222,#ff7a00);color:#fff;font-weight:bold;}
.lang{margin-left:auto;position:relative}
.lang select{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 34px 10px 16px;min-width:115px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.lang select:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.lang select option{background:#1a1a1a;color:#fff;padding:12px;border:none}
.lang:after{content:'▼';position:absolute;right:10px;top:11px;font-size:12px;color:#fff}
.GoToCat{margin-left:auto;position:relative}
.GoToCat select{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 34px 10px 16px;max-width:135px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.GoToCat select:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.GoToCat select option{background:#1a1a1a;color:#fff;padding:12px;border:none}
.GoToCat:after{content:'▼';position:absolute;right:10px;top:11px;font-size:12px;color:#fff}
.container{padding:40px;}
.card{background:#181818;border:1px solid #3a2420;border-radius:18px;padding:25px;margin-bottom:20px;transition:.25s;}
.card:hover{box-shadow:0 8px 18px rgba(217,95,2,.25);}
.card:not(:has(.load-order-list)):hover{transform: translateY(-6px) scale(1.01);box-shadow:0 8px 18px rgba(217,95,2,.25);}
.side-panel {position: fixed;width: 180px;z-index: 1000;display: flex;justify-content: center;top: 25px;}
.left-panel {left: 10px;opacity: 0;transform: translateX(-20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.left-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.right-panel {right: 10px;opacity: 0;transform: translateX(20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.right-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.panel-content {display: flex;flex-direction: column;gap: 10px;width: 100%;background: rgba(20, 20, 20, 0.8);padding: 10px;border-radius: 12px;align-items: flex-start; padding-top: 30px;}
.panel-content a {display:inline-block;width:auto; box-sizing: border-box;color:#d0b0a0;text-decoration:none;padding:12px 20px;margin-top: 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;margin: 0 auto;transform:scale(1.2);margin-bottom:25px;}
.panel-content a:hover {transform:scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.panel-content .lang {transform:scale(1.2);margin: 0 auto;}
.panel-content .GoToCat {transform:scale(1.2);margin: 0 auto;margin-top: 20px;margin-bottom: 25px;}
.panel-content a.tab.active:hover {transform: scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25);background:linear-gradient(90deg,#b22222,#ff7a00);}
.panel-content .GoToCat select {background: linear-gradient(90deg, #8b1e1e, #d95f02);color: #fff;border: 1px solid #663300;padding: 10px 34px 10px 16px;width: 100%;border-radius: 12px;cursor: pointer;font-size: 14px;transition: all .2s ease;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.panel-content .GoToCat select:hover {transform: scale(1.02);box-shadow: 0 8px 18px rgba(217, 95, 2, .25);}
.panel-content .GoToCat:after {content: '▼';position: absolute;right: 18px;top: 11px;font-size: 12px;color: #fff;pointer-events: none;}
/* 1. Информация с изображением */
.info-card{display:flex;gap:30px;align-items:flex-start;}
.info-image{flex-shrink:0;width:500px;}
.info-image img{width:100%;border-radius:16px;border:2px solid #ff7a00;}
.info-content{flex:1;}
.info-grid{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;}
.info-item{flex:1;min-width:200px;background:#202020;padding:12px;border-radius:12px;}
.info-desc{font-size:16px;line-height:1.6;margin-top:15px;padding-top:15px;border-top:1px solid #3a2420;}

/* 2. Инструкция с нумерацией */
.instruction-list{display:flex;flex-direction:column;gap:20px;}
.instruction-item{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#202020;border-radius:16px;}
.instruction-number{width:48px;height:48px;background:linear-gradient(135deg,#8b1e1e,#d95f02);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;flex-shrink:0;}
.instruction-content{flex:1;}
.instruction-content h3{margin:0 0 10px 0;color:#ffaa66;font-size:20px;}
.instruction-content p{margin:0;line-height:1.6;font-size:16px;}
.instruction-content code{background:#2a2a2a;padding:4px 10px;border-radius:8px;color:#ffaa66;font-size:14px;}

/* 3. Оптимизация - таблица */
.table-container{overflow-x:auto;}
.ram-table{width:100%;border-collapse:collapse;}
.ram-table th,.ram-table td{padding:15px;text-align:left;border-bottom:1px solid #3a2420;}
.ram-table th{background:#202020;color:#ffaa66;font-size:16px;}
.ram-table td{font-size:15px;}
.ram-table code{background:#2a2a2a;padding:6px 12px;border-radius:8px;font-size:13px;}
.recommended{font-size:12px;color:#ffaa66;margin-left:8px;}
.optimization-desc{font-size:16px;margin-bottom:20px;}
.optimization-note{margin-top:20px;padding:15px;background:#2a1a0a;border-left:4px solid #ff7a00;border-radius:10px;font-size:15px;}

/* 4. Условные обозначения - увеличенные метки */
.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;}
.legend-item{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#202020;border-radius:14px;font-size:16px;}
.legend-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:12px;}
.note-badge{background:#888;}
.new-badge{background:#2e7d32;}
.updated-badge{background:#418ce2;}
.critical-badge{background:#c62828;}
.optional-badge{background:#f9a825;color:#000;}
.paid-badge{background:#ff6d00;}
.alt-badge{background:#6a1b9a;}
.moved-badge{background:#0004ff;}

/* 5. Порядок загрузки - увеличенные карточки */
.load-order-list{display:flex;flex-direction:column;gap:15px;margin-top:20px;}
.load-order-row{display:flex;align-items:center;gap:20px;padding:20px;background:#202020;border-radius:18px;transition:.2s;min-height:120px;}
.load-order-row:hover{transform:scale(1.01);box-shadow:0 6px 20px rgba(0,0,0,.4);}
.order-number{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b1e1e,#d95f02);border-radius:14px;font-size:22px;font-weight:bold;flex-shrink:0;}
.order-image{width:276px;height:162px;flex-shrink:0;}
.order-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid #3a2420;}
.order-info{flex:1;}
.order-name{font-size:18px;font-weight:bold;margin-bottom:6px;}
.order-desc{font-size:15px;opacity:.85;margin-bottom:8px;line-height:1.4;}
.order-meta{display:flex;gap:20px;font-size:13px;opacity:.7;}
.order-tags{display:flex;flex-direction:column;gap:8px;min-width:60px;}
.mod-tag{font-size:20px;padding:6px;background:#2a2a2a;border-radius:10px;text-align:center;cursor:help;transition:.2s;}
.mod-tag:hover{transform:scale(1.1);}
.tag-note{background:#888333;color:#fff;}
.tag-new{background:#2e7d32;color:#fff;}
.tag-updated{background:#418ce2;color:#fff;}
.tag-critical{background:#c62828;color:#fff;}
.tag-optional{background:#f9a825;color:#000;}
.tag-paid{background:#ff6d00;color:#fff;}
.tag-alt{background:#6a1b9a;color:#fff;}
.tag-moved{background:#0004ff;color:#fff;}
.order-link a{background:linear-gradient(90deg,#8b1e1e,#d95f02);padding:10px 20px;border-radius:12px;color:#fff;text-decoration:none;transition:.2s;display:inline-block;font-size:15px;}
.order-link a:hover{transform:scale(1.05);}
.load-order-note{padding:15px;background:#2a1a0a;border-left:4px solid #ff7a00;border-radius:10px;margin-bottom:20px;font-size:15px;}

/* Tooltip */
[data-tooltip]{position:relative;cursor:help;}
[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#ff7a00;color:#000;padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;margin-bottom:8px;z-index:1000;font-weight:normal;}
[data-tooltip]:hover:before{opacity:1;}

/* Адаптив */
@media (max-width:900px){
  .load-order-row{flex-wrap:wrap;}
  .order-tags{flex-direction:row;order:3;margin-top:10px;}
  .order-link{order:4;}
  .info-card{flex-direction:column;align-items:center;text-align:center;}
  .info-grid{flex-direction:column;}
}
@media (max-width:700px){
  .side-panel{display:none;}
  .instruction-item{flex-direction:column;align-items:center;text-align:center;}
  .legend-grid{grid-template-columns:1fr;}
}
/* Скачивание комбо */
.download-links{display:flex;flex-direction:column;gap:15px;}
.download-item{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.download-label{font-weight:bold;min-width:100px;}
.download-input{flex:1;background:#2a2a2a;border:1px solid #3a2420;border-radius:10px;padding:12px;color:#fff;font-size:14px;}
.copy-btn{background:linear-gradient(90deg,#8b1e1e,#d95f02);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;transition:.2s;}
.copy-btn:hover{transform:scale(1.05);}

/* Аккордеон */
.accordion{border-radius:12px;overflow:hidden;}
.accordion-header{background:#202020;padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.2s;}
.accordion-header:hover{background:#2a2a2a;}
.accordion-icon{transition:transform .3s ease;}
.accordion-icon.open{transform:rotate(180deg);}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#1a1a1a;}
.accordion-content.open{max-height:800px;}

/* Версии */
.version-list{display:flex;flex-direction:column;gap:20px;padding:20px;}
.version-block{border:1px solid #3a2420;border-radius:12px;overflow:hidden;}
.version-header{background:#202020;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;}
.version-name{font-weight:bold;color:#ffaa66;}
.add-link-btn{background:#2e7d32;border:none;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;}
.add-link-btn:hover{background:#1b5e20;}
.version-links{display:flex;flex-direction:column;gap:10px;padding:15px;}
.version-link-item{display:flex;gap:10px;align-items:center;}
.version-link-input{flex:1;background:#2a2a2a;border:1px solid #3a2420;border-radius:8px;padding:10px;color:#fff;font-size:13px;}
.remove-link-btn{background:#c62828;border:none;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;}
.remove-link-btn:hover{background:#b71c1c;}

/* Changelog */
.changelog{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.changelog-category{background:#202020;border-radius:12px;padding:15px;padding:15px;min-height:150px;}
.changelog-category h3{margin:0 0 15px 0;padding-bottom:8px;border-bottom:2px solid;}
.changelog-category ul{margin:0;padding-left:20px;}
.changelog-category li{margin:8px 0;line-height:1.4;}
.changelog-versions{display:flex;flex-direction:column;gap:30px;padding-top: 25px;}
.changelog-version{background:#202020;border-radius:16px;overflow:hidden;}
.changelog-version .version-header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a2420;cursor: pointer;}
.version-badge{background:linear-gradient(90deg,#8b1e1e,#d95f02);padding:6px 15px;border-radius:20px;font-weight:bold;font-size:16px;}
.version-date{color:#aaa;font-size:14px;padding-left:15px;}
.changelog-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020;}
.changelog-category h4{margin:0 0 12px 0;padding-bottom:8px;border-bottom:2px solid;font-size:14px;}
.changelog-category h4.removed{border-color:#c62828;color:#ef5350;}
.changelog-category h4.updated{border-color:#1565c0;color:#42a5f5;}
.changelog-category h4.added{border-color:#2e7d32;color:#66bb6a;}
.changelog-category h4.order-changed{border-color:#00f;color:#0004ff;}
.changelog-category ul{margin:0;padding-left:20px;}
.changelog-category li{margin:8px 0;font-size:14px;line-height:1.4;color:#ddd;}
.changelog-category li::marker{color:#ff7a00;}
.changelog-content {overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.8s ease, opacity 0.6s ease, padding 0.6s ease;padding: 0 0 0 0;}
.changelog-version-active .changelog-content {opacity: 1;padding: 10px 0 0 0;}
.changelog-toggle {margin-left: auto;font-size: 16px;color: #ffaa66;transition: transform 0.6s ease;cursor: pointer;user-select: none;}
@media (max-width:900px){.changelog-categories{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.changelog-categories{grid-template-columns:1fr;}}
#removedTitle{border-color:#c62828;}
#updatedTitle{border-color:#1565c0;}
#addedTitle{border-color:#2e7d32;}
#orderChangedTitle{border-color:#e65100;}

@media (max-width:700px){
  .download-item{flex-direction:column;align-items:stretch;}
  .download-input{width:100%;}
  .changelog{grid-template-columns:1fr;}
}
.download-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.download-btn{background:linear-gradient(135deg,#2e7d32,#1b5e20);border:none;border-radius:16px;padding:15px 30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;min-width:250px;justify-content:center;}
.download-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(46,125,50,.4);}
.btn-icon{font-size:24px;}
.btn-text{font-size:18px;font-weight:bold;color:#fff;}

/* Кнопки тестовых профилей */
.version-buttons{display:flex;flex-direction:column;gap:20px;padding:20px;}
.version-block{border:1px solid #3a2420;border-radius:16px;overflow:hidden;}
.version-header{background:#202020;padding:12px 20px;}
.version-name{font-weight:bold;color:#ffaa66;font-size:18px;}
.version-buttons-list{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background:#1a1a1a;}
.profile-btn{background:linear-gradient(90deg,#8b1e1e,#d95f02);border:none;border-radius:12px;padding:10px 20px;color:#fff;font-size:14px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;}
.profile-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(217,95,2,.4);}
@media (max-width:600px){
  .download-buttons{flex-direction:column;align-items:stretch;}
  .download-btn{min-width:auto;}
  .version-buttons-list{flex-direction:column;}
}
.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;z-index: 10000;}
.modal-content {background: #1a1a1a;border-radius: 20px;padding: 25px;max-width: 500px;width: 90%;border: 1px solid #ff7a00;position: relative;}
.modal-close {position: absolute;top: 15px;right: 20px;font-size: 28px;cursor: pointer;color: #aaa;}
.modal-close:hover {color: #ff7a00;}
#noteText {width: 100%;background: #202020;border: 1px solid #3a2420;border-radius: 12px;padding: 12px;color: #fff;font-size: 14px;margin: 15px 0;resize: vertical;}
.mod-actions {display: flex;align-items: center;gap: 10px;flex-shrink: 0;}
.note-icon-wrapper, .alt-icon-wrapper {cursor: pointer;}
.note-icon, .alt-icon {font-size: 22px;transition: 0.2s;display: inline-block;}
.note-icon:hover, .alt-icon:hover {transform: scale(1.15);}
@media (max-width: 800px) {
    .mod-actions {order: 4;margin-top: 10px;justify-content: flex-start;}
}
a {
  font-weight: bold;
  text-decoration: none;
}
.load-order-group {display: flex;gap: 20px;padding: 12px;margin-bottom: 20px;background: #1e1e1e;border: 1px solid #2a2a2a;border-radius: 12px;transition:.2s;}
.load-order-group:hover {transform:scale(1.01);box-shadow:0 6px 20px rgba(0,0,0,.4);}
.group-left {flex-shrink: 0;display: flex;flex-direction: column;gap: 10px;}
.group-image-item {display: flex;flex-direction: row;align-items: center;gap: 12px;}
.group-image-item img {width: 276px;height: 162px;object-fit: cover;border-radius: 10px;border: 1px solid #3a2420;}
.group-image-info {display: flex;flex-direction: column;gap: 5px;}
.group-right {flex: 1;display: flex;align-items: center;min-width: 0;}
.group-content {width: 100%;min-width: 0;}
.group-top {margin-bottom: 12px;}
.group-bottom {display: flex;align-items: center;justify-content: space-between;}
.group-meta {display: flex;align-items: center;gap: 15px;font-size: 13px;opacity: .7;}
.group-link a {display: inline-flex;align-items: center;justify-content: center;font-size: 20px;padding: 15px 28px;transition:.2s;border-radius: 10px;background: #d14d00;color: white;font-weight: 700;text-decoration: none;}
.group-link a:hover {transform: scale(1.05);}
.group-title {font-size: 35px;font-weight: 700;margin-bottom: 10px;}
.group-image-name {font-size: 15px;font-weight: 600;}
.group-actions {display: flex;align-items: center;gap: 12px;}
.group-tags {display: flex;flex-wrap: wrap;gap: 5px;}
.group-desc {font-size: 22px;line-height: 1.4;white-space: normal;overflow-wrap: break-word;}
.group-meta {font-size: 20px;}
.group-tags .mod-tag {font-size: 20px;}
.order-author-file {display: flex;gap: 15px;margin-top: 5px;font-size: 12px;color: #666;}
.order-author, .order-file {display: inline-flex;align-items: center;gap: 4px;}
.group-author {font-size: 20px;color: #555;margin: 8px 0 4px 0;padding: 5px 0;}
.group-image-filename {font-size: 11px;color: #666;}
/* Стили для кликабельных элементов changelog */
.changelog-category li {cursor: pointer;transition: all 0.2s ease;border-radius: 6px;padding: 4px 8px;margin: 4px 0;}
.changelog-category li:hover {background-color: rgba(255, 122, 0, 0.15) !important;transform: translateX(4px);}
.changelog-click-icon {display: inline-block;transition: transform 0.2s ease;}
.changelog-category li:hover .changelog-click-icon {transform: scale(1.1);}
.highlighted-mod {animation: highlightPulse 0.8s ease 2;box-shadow: -4px 0 10px 0 rgba(20,20,20,1);}
.highlighted-mod-border {animation: highlightPulseBorder 0.8s ease 2;}
/* Скролл бар внутри loadOrderSection */
.load-order-section-wrapper {position: relative;display: flex;gap: 10px;align-items: flex-start;}
.load-order-scroll-container {flex: 1;overflow: visible;}
.load-order-scroll-bar {pointer-events: auto; position: sticky;top: 80px;width: 12px;height: 95vh;background: rgba(30, 30, 30, 0.9);border-radius: 12px;opacity: 0;transition: opacity 0s ease;border: 1px solid #3a2420;box-shadow: 0 0 5px rgba(0,0,0,0.3);flex-shrink: 0;margin-top: 20px;margin-left: 15px;}
.load-order-scroll-bar-fixed {pointer-events: auto; position: fixed;top: 29px;right: 268px;width: 12px;height: 95vh;background: rgba(30, 30, 30, 0.9);border-radius: 12px;opacity: 0;transition: opacity 0s ease;border: 1px solid #3a2420;box-shadow: 0 0 5px rgba(0,0,0,0.3);z-index: 1000;}
.load-order-section-wrapper:hover .load-order-scroll-bar,
.load-order-section-wrapper:hover .load-order-scroll-bar-fixed {opacity: 1;}
.load-order-scroll-thumb {position: absolute;top: 0;left: 1px;width: calc(100% - 2px);background: linear-gradient(135deg, #8b1e1e, #d95f02);border-radius: 10px;cursor: pointer;transition: background 0s ease;min-height: 40px;z-index: 100;pointer-events: auto !important;}
.load-order-scroll-thumb:hover {background: linear-gradient(135deg, #b22222, #ff7a00);}
.load-order-section-wrapper:hover .load-order-scroll-bar {opacity: 1;}

/* Скрываем на мобильных */
@media (max-width: 700px) {
    .load-order-scroll-bar {
        display: none;
    }
}
/* Точки на скролл баре */
.scroll-markers {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: auto;opacity: 0;transition: 0.3s ease;}
.scroll-marker {position: absolute;left: -2px;width: 16px;height: 4px;background: #ff5e00;border-radius: 2px;pointer-events: auto;cursor: pointer;transition: all 0.2s ease;z-index: 1002;}
.load-order-scroll-bar:hover .scroll-markers,
.load-order-scroll-bar-fixed:hover .scroll-markers {opacity: 1;pointer-events: auto;}
.scroll-marker:hover {background: #ff7a00;height: 6px;}
.scroll-marker-top,
.scroll-marker-bottom {z-index: 1001 !important;transition: transform 0.2s ease, box-shadow 0.2s ease !important;}
.scroll-marker-top:hover,
.scroll-marker-bottom:hover {transform: scale(1.05) !important;box-shadow: 0 0 15px rgba(217, 95, 2, 0.6) !important;}
/* Тултип справа от точки */
.scroll-marker[data-tooltip] {position: absolute;}
.scroll-marker[data-tooltip]:before {content: attr(data-tooltip);position: absolute;right: 20px;left: auto; top: 50%;transform: translateY(-50%);background: #1a1a1a;color: #ffaa66;padding: 8px 14px;border-radius: 8px;font-size: 13px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s;z-index: 100000;font-weight: bold;border: 1px solid #ff7a00;box-shadow: 0 2px 8px rgba(0,0,0,0.3);line-height: 1.4;height: auto;min-height: 20px;max-height: none;}
.scroll-marker[data-tooltip]:hover:before {opacity: 1;}
.scroll-marker-top[data-tooltip]:before,
.scroll-marker-bottom[data-tooltip]:before {right: 24px !important;left: auto !important;top: 50% !important;transform: translateY(-50%) !important;}
.load-order-scroll-bar,
.load-order-scroll-bar-fixed,
.load-order-section-wrapper,
.scroll-markers {overflow: visible !important;}

/* Добавить в конец файла */
.version-select-wrapper {display: flex;align-items: center;gap: 8px;flex-shrink: 0;}
.version-select-wrapper select {background: linear-gradient(90deg, #8b1e1e, #d95f02);color: #fff;border: 1px solid #663300;padding: 8px 34px 8px 16px;border-radius: 12px;cursor: pointer;font-size: 14px;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;min-width: 140px;transition: all .2s ease;}
.version-select-wrapper select:hover {transform: scale(1.02);box-shadow: 0 8px 18px rgba(217, 95, 2, .25);}
.version-select-wrapper select option {background: #1a1a1a;color: #fff;padding: 8px 12px;border: none;}
.version-select-wrapper:after {content: '▼';position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 11px;color: #fff;pointer-events: none;}
.version-select-wrapper {position: relative;}
@media (max-width: 700px) {
    .version-select-wrapper {width: 100%;}
    .version-select-wrapper select {width: 100%;min-width: auto;}
}
.load-order-row-tags {background: #fff;display: block;width: 100%;border-radius: 18px;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.load-order-row-tags:hover {transform: scale(1.01);box-shadow: 0 6px 20px rgba(0,0,0,0.4);}
.load-order-row-tags > .load-order-row {width: calc(100% - 52px) !important;transform: translateX(14px) !important;margin-bottom: 0px;box-shadow: -4px 0 10px 0 rgba(20,20,20,1);}
.load-order-row-tags > .load-order-group {width: calc(100% - 38px) !important;transform: translateX(14px) !important;margin-bottom: 0px;box-shadow: -4px 0 10px 0 rgba(20,20,20,1);}
.load-order-row-tags > .load-order-group:hover {transform: scaleY(1.001) translateX(14px) !important;margin-left: 4px !important;margin-right: 4px !important;}
@keyframes highlightPulse {
    0% { background: rgb(44, 30, 17);  }
    30% { background: rgb(117, 66, 19); }
    100% { background: rgb(44, 30, 17); }
}
@keyframes highlightPulseBorder {
    0% { background: rgb(44, 30, 17);  }
    30% { background: rgb(255, 123, 0); }
    100% { background: rgb(44, 30, 17); }
}