.madala-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.madala-dispute-form input[disabled] {
    background: #f3f3f3;
    color: #777;
}

.madala-order-item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.madala-timeline {
    list-style: none;
    padding: 0;
}

.madala-timeline li {
    border-left: 3px solid #2271b1;
    padding-left: 10px;
    margin-bottom: 10px;
}

.status.open {
    color: orange;
}

.status.in_progress {
    color: blue;
}

.status.resolved {
    color: green;
}

.status.closed {
    color: red;
}

.woocommerce-MyAccount-content h2 {
    font-size: 24px !important;
}

.woocommerce-MyAccount-content h3 {
    font-size: 21px !important;
}

.woocommerce-MyAccount-content h4 {
    font-size: 18px !important;
}

.woocommerce-MyAccount-content .shop_table th {
    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
}

.madala-order-box h4 {
    margin-bottom: 12px !important;
}

.woocommerce .madala-order-item img,
.woocommerce-page .madala-order-item img {
    height: auto;
    max-width: 60px !important;
}

.madala-grid input {
    margin-top: 6px;
    margin-bottom: 12px;
}

.madala-order-box {
    padding: 30px;
    background-color: var(--e-global-color-79282de);
    border-radius: 9px;
}

.madala-grid input,
.madala-grid textarea,
.madala-grid select {
    margin-top: 6px;
    margin-bottom: 12px;
    border: solid 1px var(--e-global-color-79282de) !important;
    padding: 12px;
}

.shop_table thead tr {
    background-color: var(--e-global-color-primary);
    color: #fff;
}

/* ── Botões disputa (lista de pedidos + detalhe) ─────────────────────────── */

.madala-dispute-btn {
    font-weight: 600 !important;
    border-radius: 4px !important;
}

.madala-dispute-btn--open {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}

.madala-dispute-btn--open:hover {
    background-color: #a93226 !important;
    border-color: #a93226 !important;
    color: #fff !important;
}

.madala-dispute-btn--view {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

.madala-dispute-btn--view:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
    color: #fff !important;
}

.madala-dispute-action {
    margin-top: 16px;
}

@media(max-width:768px) {
    .madala-grid {
        grid-template-columns: 1fr;
    }
}