.comments-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.comments-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.comments-empty,.comments-loading{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted);font-size:.9375rem}.comment-form{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.comment-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:var(--transition-fast)}.comment-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.turnstile-container{margin:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:65px}.turnstile-container>div{margin:0}.turnstile-container #turnstile-widget-comment,.turnstile-container [id^=turnstile-widget-reply-]{min-height:65px}.turnstile-loading{color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-sm)}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.btn-submit-comment{padding:.625rem 1.25rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:white;font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-submit-comment:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-submit-comment:disabled{opacity:.6;cursor:not-allowed}.comment-char-count{font-size:.75rem;color:var(--color-text-muted)}.comment-login-prompt{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-secondary)}.comment-login-prompt a{color:var(--color-accent-primary);text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast)}.comment:hover{border-color:var(--color-border-hover)}.comment-reply{margin-top:var(--spacing-sm);border-left:3px solid var(--color-accent-primary);padding-left:var(--spacing-sm)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.comment-author{display:flex;align-items:center;gap:var(--spacing-xs)}.comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:.875rem;border:2px solid var(--color-border);overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-author-info{display:flex;flex-direction:column;gap:.125rem}.comment-username{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.comment-time{font-size:.75rem;color:var(--color-text-muted)}.comment-content{font-size:.9375rem;color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin-bottom:var(--spacing-xs)}.comment-actions{margin-top:var(--spacing-xs)}.btn-reply{padding:.375rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.btn-reply:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.reply-form{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.reply-input{width:100%;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;transition:var(--transition-fast)}.reply-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.reply-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn-cancel-reply,.btn-submit-reply{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-submit-reply{background:var(--gradient-primary);border:none;color:white}.btn-submit-reply:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-submit-reply:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-reply{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-cancel-reply:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.comment-replies{margin-top:var(--spacing-sm);padding-left:var(--spacing-sm);border-left:2px solid var(--color-border)}@media (max-width:768px){.comment{padding:var(--spacing-sm)}.comment-reply{margin-left:0!important}.comment-replies{padding-left:var(--spacing-sm)}}.trade-detail-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-xl);width:100%;box-sizing:border-box;overflow:hidden}.trade-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.user-info{flex:1 1}.user-info,.user-link{display:flex;align-items:center;gap:1rem}.user-link{text-decoration:none;color:inherit;transition:var(--transition-fast);border-radius:var(--radius-md);padding:.25rem;margin:-.25rem}.user-link:hover{background:var(--color-bg-card-hover);transform:translateX(2px)}.user-link:hover .user-name{color:var(--color-accent-primary)}.user-link:hover .user-avatar{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;border:2px solid var(--color-border);overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{flex:1 1;min-width:0}.user-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.trade-id{font-size:.875rem;color:var(--color-text-muted);font-weight:400}.trade-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:white;text-transform:capitalize}.trade-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:.25rem;font-size:.875rem;color:var(--color-text-secondary);flex-wrap:wrap}.trade-time{color:var(--color-text-muted)}.trade-note-preview{color:var(--color-text-secondary)}.trade-detail-card .trade-items-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);position:relative;margin-bottom:1rem;width:100%;box-sizing:border-box}.trade-detail-card .trade-items-section:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent);transform:translateX(-50%)}.trade-detail-card .items-group{display:flex;flex-direction:column;gap:.5rem;padding:0 var(--spacing-md);min-width:0;width:100%;box-sizing:border-box}.trade-detail-card .items-group-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.trade-detail-card .items-group-title:before{content:"";width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.trade-detail-card .items-group:first-child .items-group-title:before{background:#ef4444}.trade-detail-card .items-group:last-child .items-group-title:before{background:#10b981}.trade-detail-card .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:.5rem;align-items:stretch;width:100%;box-sizing:border-box}.trade-detail-card .items-grid.empty{padding:1.5rem;text-align:center;margin-top:.5rem}.trade-detail-card .item-card{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;transition:var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;min-height:120px;height:100%;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.trade-detail-card .item-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.trade-detail-card .item-image{height:70px;object-fit:contain;margin-bottom:.375rem}.trade-detail-card .item-fallback,.trade-detail-card .item-image{width:100%;border-radius:var(--radius-sm);background:var(--color-bg-secondary)}.trade-detail-card .item-fallback{height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-muted);margin-bottom:.5rem}.trade-detail-card .item-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-height:0}.trade-detail-card .item-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-detail-card .item-category{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-detail-card .empty-items{color:var(--color-text-muted);font-size:.875rem}.trade-detail-card .item-card[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;white-space:pre-line;z-index:1000;pointer-events:none;max-width:300px;box-shadow:var(--shadow-lg);animation:tooltipFadeIn .2s ease-out}.trade-detail-card .item-card[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(0,0,0,.9);z-index:1001;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(-8px)}}@media (max-width:1200px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media (max-width:768px){.trade-detail-card .trade-items-section{grid-template-columns:1fr}.trade-detail-card .trade-items-section:before{display:none}.items-group{padding:0}.items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}