.container {
    max-width: 1200px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.header {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
}

.item:hover{
    cursor: pointer;
}
.sort-column {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: #2c3e50;
    font-weight: 500;
    user-select: none;
}

.item-list {
    padding: 0 0 10px 0;
}

.item {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f9fa;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.item-sort {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 15px;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f9fa;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.li-i-n {
    font-weight: bold;
    text-decoration: none;

}
.inline-flex {
    display: inline-flex;
}
.m10 {
    margin-left: 7px;
}
.recipe-job {
    font-size: 0.9em;
}
.item-icon a:before {
    right: 3px;
    color: #fff;
    bottom: 2px;
    padding: 0 3px;
    font-size: 11px;
    position: absolute;
    border-radius: 5px;
    line-height: normal;
    content: attr(data-count);
    text-shadow: 1px 1px 2px black;
    background: rgba(0, 0, 0, 0.55);
}
.item:hover {

    color: white;
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.hint-element {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    background: #007bff;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.hint-element:hover {
    background: #0056b3;
}

.hint-tooltip {
    position: absolute;
    background: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
}

.hint-tooltip:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333;
}

.hint-tooltip.show {
    opacity: 1;
    visibility: visible;
}

.mw-150 {
    min-width: 150px !important;
}

.item:last-child {
    border-bottom: none;
}

.item-icon {
    width: 40px;
    height: 40px;
    margin-right: 13px;
    border-radius: 3px;
    display: flex;
    align-items: start;
    justify-content: left;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.item-name {
    flex: 1;
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.9rem;
    margin-right: 15px;
}

.item .item-name span {
    font-size: 0.8em;
}

.item-badges {
    display: flex;
    gap: 5px;
    margin-right: 15px;
}

.badge {
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 3px;
}

.badge-trading {

    color: black;
}

.badge-shopkeeper {
    color: black;
}

.item-badges.sorting {
    min-width: 280px;
    font-size: 14px;
    font-weight: bold;
}

.item-name.sorting {
    margin-left: 55px;
    font-weight: bold;
    font-size: 14px;
}

.item-quantity {
    color: black;

    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
    margin-left: 5px;
}

.item-status {
    background: #95a5a6;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.7rem;
    margin-right: 10px;
    min-width: 70px;
    text-align: center;
}
.pdd {
    padding: 10px 0;
}
.item-type {
    background: #3498db;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.7rem;
    min-width: 60px;
    text-align: center;
}

.status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
}

.dot-red {
    background: #e74c3c;
}

.dot-green {
    background: #27ae60;
}


.icon-1 {
    background-position-y: 2px;
    background-position-x: -37px;
}
.icon-2 {
    background-position-x: -75px;
}
.icon-3 {
    background-position-x: -1px;
}
.icon-4 {
    background-position-x: -56px;
}
.icon-5 {
    background-position-x: -19px;
}
.quest-icon {
    width: 20px;
    content: '';
    height: 30px;
    display: block;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-image: url(../images/quests_icons_sprite.png);
    box-shadow: none;
}

.race-icon {
    top: 4px;
    right: 5px;
    width: 42px;
    content: '';
    opacity: .65;
    height: 42px;
    display: block;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAACMCAYAAAAHmEvvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkZENTM0MzcwMzk0MTFFOEFGMDRGRTYwN0ZDNDY4QTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkZENTM0MzgwMzk0MTFFOEFGMDRGRTYwN0ZDNDY4QTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRkQ1MzQzNTAzOTQxMUU4QUYwNEZFNjA3RkM0NjhBNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRkQ1MzQzNjAzOTQxMUU4QUYwNEZFNjA3RkM0NjhBNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph1ErKIAAB/+SURBVHja7JwLuF1F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) no-repeat;
    background-position-x: 0;
    background-position-y: 0;
}

.race-icon-light {
    background-position: -2px -3px;
}
.race-icon-dark {
    background-position: -2px -50px;
}
.race-icon-both {
    background-position: center -98px;
}

.sort-column:hover {
    background: rgba(255, 255, 255, 0.1);
}

.sort-column.active {
    background: rgba(255, 255, 255, 0.2);
}

.sort-arrows {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sort-arrows {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: 0.4;
    transition: opacity 0.2s ease;
}

.arrow-up {
    border-bottom: 6px solid black;
}

.arrow-down {
    border-top: 6px solid black;
}

.sort-column.active .arrow {
    opacity: 0.4;
}

.sort-column.active.asc .arrow-up {
    opacity: 1;
}

.sort-column.active.desc .arrow-down {
    opacity: 1;
}

@media (max-width: 768px) {
    .container {
        margin: 0 10px;
    }

    .item {
        padding: 0 10px;
        font-size: 0.8rem;
    }

    .item-name {
        margin-right: 10px;
    }

    .item-badges {
        margin-right: 10px;
    }

    .badge {
        padding: 1px 4px;
        font-size: 0.6rem;
    }

    .item-quantity,
    .item-status,
    .item-type {
        padding: 1px 6px;
        font-size: 0.6rem;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .item-badges {
        display: none;
    }

    .item-status {
        display: none;
    }
}