.seller-products-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }
        .seller-traffic-balance-card {
            border: 1px solid #fde3d0;
            border-radius: 12px;
            background: #fff;
            padding: 22px 26px;
            margin-bottom: 18px;
        }
        .seller-traffic-balance-label {
            color: #5f5f5f;
            font-size: 13px;
            margin-bottom: 12px;
        }
        .seller-traffic-balance-value {
            color: #ff5c00;
            font-weight: 800;
            font-size: 14px;
        }
        .seller-product-name-2line {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.35;
            max-height: 38px;
            font-weight: 700;
            color: #182033;
        }
        .seller-product-id {
            color: #9a6a54;
            font-size: 11px;
            margin-top: 4px;
        }
        .seller-product-thumb {
            width: 52px;
            height: 52px;
            object-fit: contain;
            border-radius: 8px;
            background: #fff;
        }
        .traffic-allocation-line {
            display: inline-flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 4px;
            border-radius: 12px;
            padding: 6px 9px;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }
        .traffic-value-total { color: #ef4444; }
        .traffic-value-today { color: #16a34a; }
        .traffic-value-remaining { color: #eab308; }
        .traffic-value-limit { color: #f97316; }
        .traffic-value-views { color: #6366f1; }
        .traffic-separator { color: #cbd5e1; font-weight: 600; }
        .traffic-status {
            display: block;
            font-size: 12px;
            margin-top: 7px;
            font-weight: 700;
            line-height: 1.4;
        }
        .traffic-status-enabled { color: #0abb75; }
        .traffic-status-disabled { color: #7b8190; }
        .traffic-help {
            position: relative;
            width: 20px;
            height: 20px;
            border: 0;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(22, 163, 74, .12);
            color: #16a34a;
            font-size: 13px;
            font-weight: 800;
            line-height: 1;
            cursor: pointer;
            padding: 0;
            margin-left: 12px;
            overflow: visible;
            outline: none !important;
        }
        .traffic-help::before,
        .traffic-help::after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 1px solid rgba(22, 163, 74, .45);
            transform: translate(-50%, -50%) scale(1);
            animation: trafficHelpRipple 1.8s ease-out infinite;
        }
        .traffic-help::after { animation-delay: .9s; }
        .traffic-help i,
        .traffic-help span {
            position: relative;
            z-index: 2;
            line-height: 1;
        }
        .traffic-help:hover {
            background: rgba(22, 163, 74, .18);
            color: #15803d;
        }
        @keyframes trafficHelpRipple {
            0% { opacity: .75; transform: translate(-50%, -50%) scale(1); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(2.15); }
        }
        .traffic-popover-list { min-width: 220px; }
        .traffic-popover-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            font-size: 12px;
            line-height: 1.9;
            white-space: nowrap;
        }
        .traffic-popover-row strong { font-weight: 800; }
        .traffic-data-view-button {
            min-width: 108px;
            border-radius: 18px;
            font-weight: 700;
        }
        .btn-traffic-data-active {
            background-color: #0abb75 !important;
            border-color: #0abb75 !important;
            color: #fff !important;
        }
        .btn-traffic-data-active:hover,
        .btn-traffic-data-active:focus {
            background-color: #099e67 !important;
            border-color: #099e67 !important;
            color: #fff !important;
        }
        .btn-traffic-data-disabled,
        .btn-traffic-data-disabled:hover,
        .btn-traffic-data-disabled:focus {
            background-color: #e5e7eb !important;
            border-color: #e5e7eb !important;
            color: #9ca3af !important;
            cursor: not-allowed !important;
            box-shadow: none !important;
        }
        .traffic-data-view-list {
            border-radius: 14px;
            background: #f8fafc;
            padding: 14px 16px;
        }
        .traffic-data-view-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            padding: 7px 0;
            border-bottom: 1px solid #e5e7eb;
        }
        .traffic-data-view-row:last-child { border-bottom: 0; }
        .traffic-data-view-row strong {
            font-size: 15px;
            font-weight: 800;
        }