.tfu-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 12px 24px;
}
.tfu-top {
    display: flex;
    align-items: center;
    margin: 10px 0 6px;
    justify-content: space-between;
}
.tfu-classes {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.tfu-cl {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #3a3125;
    border: 1px solid #6b5a41;
    display: grid;
    place-items: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.tfu-clmysets {
    height: 48px;
    border-radius: 10px;
    background: #3a3125;
    border: 1px solid #6b5a41;
    display: grid;
    place-items: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.tfu-cl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.tfu-cl .count {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #d3543a;
    color: #ffeeda;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
}
.tfu-cl.active {
    outline: 2px solid #ffd05e;
    box-shadow: 0 0 0 2px #2b2218 inset;
}
.tfu-clmysets.active {
    outline: 2px solid #ffd05e;
    box-shadow: 0 0 0 2px #2b2218 inset;
}
.tfu-title {
    font-size: 26px;
    font-weight: 800;
    color: #e8d9b2;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 10px 0 6px;
}
.tfu-grid {
    display: grid;
    grid-template-columns: 360px 1fr 360px;
    gap: 16px;
}
.tfu-slot {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 12px;
    min-height: 112px;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.25);
    cursor: pointer;
}
.tfu-slot + .tfu-slot {
    margin-top: 12px;
}
.tfu-slot-title {
    color: #cdbf9e;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.tfu-slot-body {
    display: flex;
    align-items: center;
    gap: 12px;
}
.tfu-ico {
    position: relative;
    width: 96px;
    height: 64px;
    background: #261f16;
    border-radius: 8px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid #5c4e38;
    cursor: pointer;
}
.tfu-ico img {
    display: block;   /* убирает выравнивание по baseline */
    margin: 0 auto;   /* центрирует по горизонтали */
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center center;
    transform: translateY(-16px);
}
.tfu-ico--unusual {
    outline: 2px solid #a56eea;
    box-shadow: 0 0 12px rgba(165,110,234,.35);
}
.tfu-ico--quality {
    outline: 2px solid var(--qcol);
}
.tfu-item-name {
    color: #ffe26a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.tfu-empty {
    color: #937d5c;
    font-style: italic;
}
.tfu-actor {
    min-height: 520px;
    background: #2c241a;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
}
.tfu-actor::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 60% 60%, rgba(255,208,94,.12), transparent 55%);
    pointer-events: none;
}
.tfu-actor .cls {
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-size: 20px;
    color: #d7c7a7;
    background: #463a2b;
    padding: 6px 10px;
    border-radius: 8px;
}
.tfu-actor img {
    max-height: 400px;
    max-width: 400px;
    object-fit: contain;
    filter: drop-shadow(0 12px 20px rgba(0,0,0,.45));
}
.tfu-ico .badge-stack, .tfu-mini .badge-stack {
    position: absolute;
    right: 3px;
    top: 3px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-end;
    z-index: 2;
}
.tfu-ico .badge-stack > *, .tfu-mini .badge-stack > * {
    margin: 0;
    line-height: 0;
}
.tfu-ico .badge-stack img.unusual-badge, .tfu-mini .badge-stack img.unusual-badge {
    transform: none !important;
    max-width: none;
    max-height: none;
}
.paint-badge {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,.6);
    box-shadow: 0 0 0 2px rgba(255,255,255,.09) inset, 0 1px 2px rgba(0,0,0,.55);
}
.unusual-badge {
    width: 18px;
    height: 18px;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.6));
}
.tfu-presetbar {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.preset {
    min-width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #6b5a41;
    background: #6d6357;
    color: #f4e9d2;
    font-weight: 900;
    font-size: 22px;
    display: grid;
    place-items: center;
    cursor: pointer;
}
.preset.active {
    background: #d3543a;
    color: #ffeeda;
}
.tfu-copy-set-button {
    background: #5e5242;
    border: 1px solid #8b7a60;
    color: #f0e6cf;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    margin-left: 10px;
}
.tfu-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 820px;
    max-width: 100%;
    background: #2f271d;
    border-left: 2px solid #6b5a41;
    box-shadow: -12px 0 24px rgba(0,0,0,.55);
    transform: translate3d(100%, 0, 0);
    transition: .24s ease;
    z-index: 4000;
    display: block;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
}
.tfu-drawer.left {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 2px solid #6b5a41;
    box-shadow: 12px 0 24px rgba(0,0,0,.55);
    transform: translate3d(-100%, 0, 0);
}
.tfu-drawer.active {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-drawer-head {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #6b5a41;
}
.tfu-tabs {
    display: flex;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid #6b5a41;
}
.tfu-tab {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 8px;
    padding: 6px 10px;
    color: #e9dfcb;
    cursor: pointer;
}
.tfu-tab.active {
    outline: 2px solid #ffd05e;
}
.tfu-filters {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #6b5a41;
    flex-wrap: wrap;
}
.tfu-filter {
    display: flex;
    gap: 8px;
    align-items: center;
}
.tfu-chip {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 16px;
    padding: 6px 10px;
    color: #e9dfcb;
    cursor: pointer;
    white-space: nowrap;
}
.tfu-chip.active {
    outline: 2px solid #ffd05e;
}
.tfu-search {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #5c4e38;
    background: #241e16;
    color: #e9dfcb;
    margin: 10px;
}
.tfu-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
    overflow: auto;
    max-height: calc(100vh - 260px);
}
.tfu-card {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    gap: 10px;
    cursor: pointer;
    position: relative;
}
.tfu-card:hover {
    outline: 2px solid #ffd05e44;
}
.tfu-card.disabled {
    opacity: .45;
    pointer-events: none;
}
.tfu-card .ico {
    width: 96px;
    height: 64px;
    background: #261f16;
    border-radius: 8px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid #5c4e38;
}
.tfu-card img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.tfu-card .name {
    color: #ffe26a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.tfu-badges {
    position: absolute;
    left: 8px;
    top: 56px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    pointer-events: none;
}
.badge {
    background: rgba(0,0,0,.6);
    border: 1px solid #8a6e3a;
    color: #ffd05e;
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 12px;
}
.badge--conflict {
    border-color: #b86a6a;
    color: #ffb3aa;
}
.button--link {
    appearance: none;
    background: none;
    border: none;
    color: #cdbf9e;
    cursor: pointer;
    padding: 0;
}
.tfu-settings .row {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.tfu-settings label {
    min-width: 210px;
    color: #cdbf9e;
}
.tfu-input, .tfu-select {
    background: #241e16;
    border: 1px solid #5c4e38;
    border-radius: 8px;
    color: #e9dfcb;
    padding: 8px 10px;
}
.tfu-input {
    width: 120px;
}
.tfu-select {
    min-width: 220px;
}
.tfu-actions {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}
.button {
    background: #5e5242;
    border: 1px solid #8b7a60;
    color: #f0e6cf;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
}
.button.primary {
    background: #d3543a;
    color: #ffeeda;
    border-color: #a33d28;
}
.button.ghost {
    background: transparent;
}
.paint-dots {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.paint-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,.35);
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0,0,0,.35) inset, 0 1px 2px rgba(0,0,0,.4);
}
.paint-dot[aria-pressed="true"] {
    outline: 2px solid #ffd05e;
}
.paint-dot.none {
    background: repeating-conic-gradient(#3b3328 0 12deg, #241e16 12deg 24deg);
    border: 2px dashed #6b5a41;
}
.paint-dot::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), transparent 45%);
    pointer-events: none;
}
.hallo-chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.hallo-chip {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 16px;
    padding: 6px 10px;
    color: #e9dfcb;
    cursor: pointer;
}
.hallo-chip.active {
    outline: 2px solid #ffd05e;
}
.tfu-mini {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 12px;
}
.tfu-mini .ico {
    position: relative;
    width: 96px;
    height: 64px;
    background: #261f16;
    border-radius: 8px;
    border: 1px solid #5c4e38;
    display: grid;
    place-items: center;
    overflow: hidden;
}
.tfu-mini .ico img {
    max-width: auto;
    max-height: auto;
    object-fit: contain;
    transform: translateY(-16px);
}
.tfu-mini .ico.unu {
    outline: 2px solid #a56eea;
    box-shadow: 0 0 12px rgba(165,110,234,.35);
}
.tfu-mini .ico.q {
    outline: 2px solid var(--qcol);
}
.tfu-mini .badge-stack {
    position: absolute;
    right: 4px;
    top: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}
.tfu-mini .name {
    color: #ffe26a;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.tfu-mini .meta {
    color: #bfa980;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.tfu-mini .meta span {
    background: #463a2b;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}
.tfu-view-item.active {
    z-index: 15000;
}
.tfu-view-item .row {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.tfu-view-item label {
    min-width: 210px;
    color: #cdbf9e;
}
.tfu-view-item .value {
    color: #e9dfcb;
}
.tfu-copy-drawer {
    position: fixed;
    inset: 0;
    background: #2f271d;
    z-index: 5000;
    overflow: auto;
    transform: translateY(100%);
    transition: .24s ease;
    visibility: hidden;
    pointer-events: none;
}
.tfu-copy-drawer.active {
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-copy-drawer .tfu-grid {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1180px;
    margin: 0 auto;
    padding: 12px;
}
.tfu-copy-drawer .tfu-slot {
    cursor: default;
}
.tfu-copy-drawer .copy-here-button {
    background: #d3543a;
    color: #ffeeda;
    border-color: #a33d28;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 8px;
}
.tfu-copy-drawer .copy-set-here-button {
    background: #d3543a;
    color: #ffeeda;
    border-color: #a33d28;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 10px;
}
.tfu-users-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 820px;
    max-width: 100%;
    background: #2f271d;
    border-left: 2px solid #6b5a41;
    box-shadow: -12px 0 24px rgba(0,0,0,.55);
    transform: translate3d(100%, 0, 0);
    transition: .24s ease;
    z-index: 4000;
    display: block;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
}
.tfu-users-drawer.active {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-users-list {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}
.tfu-user-item {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-height: 80px;
}
.tfu-user-item .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.tfu-user-item .user-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.tfu-user-item .user-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.tfu-user-item .name {
    color: #ffe26a;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
}
.tfu-user-item .name:hover {
    color: #ffd05e;
    text-decoration: underline;
}
.tfu-user-item .steamid {
    color: #bfa980;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
}
.tfu-user-item .steamid:hover {
    color: #e9dfcb;
    text-decoration: underline;
}
.tfu-user-item .user-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.tfu-user-item .classes {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.tfu-user-item .class-icon {
    width: 28px;
    height: 28px;
    position: relative;
    flex-shrink: 0;
}
.tfu-user-item .class-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.tfu-user-item .class-icon .count {
    position: absolute;
    bottom: -4px;
    right: -4px;
    background: #d3543a;
    color: #ffeeda;
    font-size: 10px;
    padding: 1px 3px;
    border-radius: 4px;
    min-width: 12px;
    text-align: center;
    line-height: 1;
}
.tfu-user-item .loadout-link {
    color: #ffd05e;
    text-decoration: none;
    font-size: 13px;
    padding: 6px 12px;
    background: rgba(255,208,94,0.1);
    border: 1px solid #8b7a60;
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    margin-left: 12px;
}
.tfu-user-item .loadout-link:hover {
    background: rgba(255,208,94,0.2);
    border-color: #ffd05e;
}
.tfu-users-search {
    position: sticky;
    top: 0;
    background: #2f271d;
    z-index: 10;
    padding: 12px;
    border-bottom: 1px solid #6b5a41;
    margin: -12px -12px 12px -12px;
}
.tfu-users-search input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #5c4e38;
    background: #241e16;
    color: #e9dfcb;
    font-size: 14px;
}
.tfu-users-search input::placeholder {
    color: #937d5c;
}
.tfu-users-search input:focus {
    outline: 2px solid #ffd05e;
    border-color: #ffd05e;
}
.tfu-warning-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #ffd05e 0%, #ffb347 100%);
    border: 1px solid #e6a23c;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 0 0 20px 0;
    box-shadow: 0 4px 12px rgba(255,179,71,0.25);
}
.tfu-warning-icon {
    font-size: 24px;
    flex-shrink: 0;
}
.tfu-warning-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tfu-warning-text strong {
    color: #8b5a2b;
    font-size: 14px;
    font-weight: 700;
}
.tfu-warning-text span {
    color: #8b5a2b;
    font-size: 12px;
    opacity: 0.9;
}
.tfu-login-button {
    background: #8b5a2b;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.tfu-login-button:hover {
    background: #654321;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(139,90,43,0.3);
}
.tfu-top-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tfu-publish-button {
    background: #d3543a;
    color: #ffeeda;
    border: 1px solid #a33d28;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    margin-right: 30px;
}
.tfu-publish-button:hover {
    background: #a33d28;
}
.tfu-users-button, .tfu-sets-button {
    background: #5e5242;
    color: #f0e6cf;
    border: 1px solid #8b7a60;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
.tfu-users-button:hover, .tfu-sets-button:hover {
    background: #6b5a41;
}
.tfu-publish-drawer {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: 0.24s ease;
}
.tfu-publish-drawer.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}
.tfu-publish-inner {
    background: #2f271d;
    border: 2px solid #6b5a41;
    border-radius: 12px;
    padding: 20px;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 0 24px rgba(0,0,0,0.55);
}
.tfu-publish-inner input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #5c4e38;
    background: #241e16;
    color: #e9dfcb;
    margin: 10px 0;
}
.tfu-publish-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.tfu-sets-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 820px;
    max-width: 100%;
    background: #2f271d;
    border-left: 2px solid #6b5a41;
    box-shadow: -12px 0 24px rgba(0,0,0,.55);
    transform: translate3d(100%, 0, 0);
    transition: .24s ease;
    z-index: 4000;
    display: block;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
}
.tfu-sets-drawer.active {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-sets-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.tfu-set-item {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.tfu-set-item .set-header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}
.tfu-set-item .set-header .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.tfu-set-item .set-header .name {
    color: #ffe26a;
    font-weight: 800;
    font-size: 16px;
}
.tfu-set-item .set-header .class-icon {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tfu-set-item .set-header .class-icon img {
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.tfu-set-item .set-header .class-label {
    color: #e9dfcb;
    font-size: 14px;
}
.tfu-set-item .set-header .creator {
    color: #bfa980;
    font-size: 14px;
}
.tfu-set-item .mini-loadout-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.tfu-set-item .mini-loadout {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.tfu-set-item .misc-items, .tfu-set-item .weapon-items {
    display: flex;
    gap: 6px;
}
.tfu-set-item .weapon-items {
    margin-left: 12px;
}
.tfu-set-item .set-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: auto;
}
.tfu-set-item .view-button, .tfu-set-item .delete-button {
    color: #ffd05e;
    text-decoration: none;
    font-size: 11px;
    padding: 4px 8px;
    background: rgba(255,208,94,0.1);
    border: 1px solid #8b7a60;
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
}
.tfu-set-item .delete-button {
    color: #b86a6a;
    background: rgba(184,106,106,0.1);
    border: 1px solid #b86a6a;
}
.tfu-set-item .view-button:hover {
    background: rgba(255,208,94,0.2);
    border-color: #ffd05e;
}
.tfu-set-item .delete-button:hover {
    background: rgba(184,106,106,0.2);
    border-color: #ffb3aa;
}
.tfu-set-item .set-header-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.tfu-set-item .avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.tfu-set-item .set-top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tfu-set-item .name {
    color: #ffe26a;
    font-weight: 800;
    font-size: 16px;
}
.tfu-set-item .class-icon {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tfu-set-item .class-icon img {
    width: 28px;
    height: 28px;
    object-fit: cover;
}
.tfu-set-item .class-label {
    color: #e9dfcb;
    font-size: 14px;
}
.tfu-set-item .creator {
    color: #bfa980;
    font-size: 14px;
}
.tfu-set-item .weapon-items {
    margin-left: 12px;
}
.tfu-set-item .mini-slot {
    width: 60px;
    height: 60px;
    background: #261f16;
    border-radius: 4px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid #5c4e38;
    position: relative;
}
.tfu-set-item .mini-slot img {
    max-width: 110%;
    max-height: 110%;
    object-fit: contain;
}
.tfu-set-item .mini-slot .badge-stack {
    position: absolute;
    right: 2px;
    top: 2px;
    gap: 1px;
}
.tfu-set-item .mini-slot .paint-badge {
    width: 12px;
    height: 12px;
    border-width: 1px;
}
.tfu-set-item .mini-slot .unusual-badge {
    width: 12px;
    height: 12px;
}
.tfu-set-item .mini-slot.tfu-ico--unusual {
    outline: 2px solid #a56eea;
    box-shadow: 0 0 12px rgba(165,110,234,0.35);
}
.tfu-set-item .mini-slot.tfu-ico--quality {
    outline: 2px solid var(--qcol);
}
.tfu-set-item .mini-loadout-wrap {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}
.tfu-set-item .set-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tfu-set-item .view-button {
    color: #ffd05e;
    text-decoration: none;
    font-size: 13px;
    padding: 6px 12px;
    background: rgba(255,208,94,0.1);
    border: 1px solid #8b7a60;
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
}
.tfu-set-item .view-button:hover {
    background: rgba(255,208,94,0.2);
    border-color: #ffd05e;
}
.tfu-set-item .delete-button {
    color: #b86a6a;
    text-decoration: none;
    font-size: 13px;
    padding: 6px 12px;
    background: rgba(184,106,106,0.1);
    border: 1px solid #b86a6a;
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
}
.tfu-set-item .view-button.small, .tfu-set-item .delete-button.small {
    font-size: 11px;
    padding: 4px 8px;
}
.tfu-sets-search {
    position: sticky;
    top: 0;
    background: #2f271d;
    z-index: 10;
    padding: 12px;
    border-bottom: 1px solid #6b5a41;
    display: flex;
    gap: 10px;
    align-items: center;
}
.tfu-sets-search input {
    flex: 1;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #5c4e38;
    background: #241e16;
    color: #e9dfcb;
}
.tfu-sets-my-only label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #e9dfcb;
    white-space: nowrap;
    background: #5e5242;
    border: 1px solid #8b7a60;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
}
.tfu-sets-my-only.active {
    background: #d3543a;
    border-color: #a33d28;
    color: #ffeeda;
}
.tfu-set-view-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 820px;
    max-width: 100%;
    background: #2f271d;
    border-left: 2px solid #6b5a41;
    box-shadow: -12px 0 24px rgba(0,0,0,.55);
    transform: translate3d(100%, 0, 0);
    transition: .24s ease;
    z-index: 4000;
    display: block;
    overflow: auto;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
}
.tfu-set-view-drawer.active {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-set-view-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 16px;
}
.tfu-set-view-slot {
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 10px;
    padding: 12px;
}
.tfu-set-view-slot .tfu-ico {
    width: 64px;
    height: 48px;
}
.tfu-set-view-copy-button {
    margin-top: 8px;
    background: #d3543a;
    color: #ffeeda;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
}
.tfu-set-full-view-drawer {
    position: fixed;
    inset: 0;
    background: #2f271d;
    z-index: 5000;
    overflow: auto;
    transform: translateY(100%);
    transition: .24s ease;
    visibility: hidden;
    pointer-events: none;
}
.tfu-set-full-view-drawer.active {
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}
.tfu-set-full-view-drawer .tfu-grid {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1180px;
    margin: 0 auto;
    padding: 12px;
}
.tfu-set-full-view-drawer .tfu-slot {
    cursor: default;
}
.tfu-set-full-view-drawer .copy-here-button {
    background: #d3543a;
    color: #ffeeda;
    border-color: #a33d28;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 8px;
}
.tfu-set-full-view-drawer .creator {
    color: #bfa980;
    font-size: 14px;
    margin-bottom: 10px;
}
.tfu-warning {
    color: #ffb3aa;
    font-size: 12px;
    margin-top: 4px;
    background: rgba(184,106,106,0.1);
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #b86a6a;
}
.tfu-switch-group {
    display: flex;
    flex-direction: column; /* Вертикальное расположение переключателей */
    gap: 10px; /* Отступ между переключателями, как в исходном коде */
    align-items: flex-start; /* Выравнивание по левому краю */
    width: 100%; /* Полная ширина для единообразия с другими .row */
}
.tfu-switch-label {
    display: flex;
    align-items: center;
    gap: 12px; /* Отступ между tfu-switch-text и переключателем */
    color: #e9dfcb;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    pointer-events: auto;
    min-width: 0; /* Предотвращаем влияние min-width от label */
}
.tfu-switch-text {
    display: inline-flex;
    align-items: center;
    gap: 2px; /* Минимальный отступ между текстом и тултипом */
    min-width: 210px; /* Фиксированная ширина, как у других label */
    color: #cdbf9e; /* Цвет, как у других меток */
}
.tfu-switch {
    position: relative;
    width: 40px;
    height: 24px;
    background: #3a3125;
    border: 1px solid #6b5a41;
    border-radius: 12px;
    display: inline-block;
    transition: background 0.2s ease;
    cursor: pointer;
}
.tfu-switch input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    pointer-events: none;
}
.tfu-switch-inner {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: #6b5a41;
    border-radius: 50%;
    transition: transform 0.2s ease, background 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.tfu-switch-label input:checked + .tfu-switch {
    background: #d3543a;
    border-color: #a33d28;
}
.tfu-switch-label input:checked + .tfu-switch .tfu-switch-inner {
    transform: translateX(16px);
    background: #ffeeda;
}
.tfu-tooltip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background: #5e5242;
    color: #f0e6cf;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    flex-shrink: 0;
    cursor: help;
}

.tfu-select-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tfu-view-item .tfu-switch-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.tfu-view-item .view-label {
    color: #cdbf9e;
    font-size: 14px;
    min-width: 100px;
}
.tfu-view-item .value {
    color: #e9dfcb;
    font-size: 14px;
}
input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}