.dziritech-section {
    margin: 2em 0;
    padding: 1.5em;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}
.dziritech-section h2 {
    margin-top: 0;
    font-size: 1.3em;
    border-bottom: 2px solid #e94560;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
.dziritech-loading {
    text-align: center;
    padding: 2em;
    color: #666;
}

/* Offers Table */
.dziritech-offers-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}
.dziritech-offers-table th {
    background: #333;
    color: #fff;
    padding: 10px 12px;
    text-align: left;
    font-size: 0.85em;
    text-transform: uppercase;
}
.dziritech-offers-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}
.dziritech-offers-table tr:nth-child(even) {
    background: #f2f2f2;
}
.dziritech-offers-table tr:hover {
    background: #e8f4fd;
}
.dziritech-offers-table .dziritech-store-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dziritech-store-logo {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain;
}
.dziritech-store-name {
    font-weight: 600;
    font-size: 0.95em;
}
.dziritech-store-wilaya {
    font-size: 0.8em;
    color: #888;
}
.dziritech-price-cell {
    font-weight: 700;
    font-size: 1.05em;
    color: #2e7d32;
}
.dziritech-stock-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 600;
}
.dziritech-stock-in {
    background: #e8f5e9;
    color: #2e7d32;
}
.dziritech-stock-out {
    background: #fbe9e7;
    color: #c62828;
}
.dziritech-buy-btn {
    display: inline-block;
    padding: 6px 16px;
    background: #e94560;
    color: #fff !important;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    transition: background 0.2s;
}
.dziritech-buy-btn:hover {
    background: #d63851;
}
.dziritech-no-offers {
    text-align: center;
    padding: 2em;
    color: #999;
}

/* Chart */
.dziritech-chart-header {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    margin-bottom: 1em;
    padding: 0.8em 1em;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}
.dziritech-chart-metric {
    text-align: center;
}
.dziritech-chart-metric .label {
    font-size: 0.75em;
    color: #888;
    text-transform: uppercase;
}
.dziritech-chart-metric .value {
    font-size: 1.1em;
    font-weight: 700;
    color: #333;
}
.dziritech-chart-metric .value.positive {
    color: #2e7d32;
}
.dziritech-chart-metric .value.negative {
    color: #c62828;
}
.dziritech-chart-range {
    display: flex;
    gap: 4px;
    margin-bottom: 0.8em;
}
.dziritech-range-btn {
    padding: 5px 14px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 600;
    transition: all 0.2s;
}
.dziritech-range-btn.active {
    background: #e94560;
    color: #fff;
    border-color: #e94560;
}
.dziritech-range-btn:hover:not(.active) {
    background: #f0f0f0;
}

/* Chart Tooltip */
.dziritech-tooltip {
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 0.85em;
    pointer-events: none;
    display: none;
    z-index: 100;
}

/* Status Labels */
.dziritech-status-excellent { color: #1b5e20; font-weight: 700; }
.dziritech-status-good { color: #2e7d32; font-weight: 600; }
.dziritech-status-average { color: #f57f17; font-weight: 600; }
.dziritech-status-above { color: #e65100; font-weight: 600; }
.dziritech-status-premium { color: #c62828; font-weight: 700; }

@media (max-width: 600px) {
    .dziritech-offers-table th, .dziritech-offers-table td {
        padding: 8px 6px;
        font-size: 0.85em;
    }
    .dziritech-store-logo { width: 22px; height: 22px; }
    .dziritech-chart-header { gap: 0.8em; padding: 0.5em; }
}