.withdrawal-page{margin:30px 0;}
.withdrawal-box{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;margin-bottom:20px;}
.withdrawal-title{font-size:24px;font-weight:700;margin:0 0 10px;color:#222;}
.withdrawal-subtitle{font-size:15px;color:#777;margin:0 0 20px;}
.withdrawal-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;}
.withdrawal-summary__item{font-size:14px;color:#444;}
.withdrawal-summary__item strong{display:block;color:#222;font-weight:700;margin-bottom:2px;}
.withdrawal-products{width:100%;border-collapse:collapse;}
.withdrawal-products th,.withdrawal-products td{padding:12px;border-bottom:1px solid #eee;vertical-align:middle;font-size:14px;}
.withdrawal-products th{background:#f7f7f7;color:#333;font-weight:700;text-align:left;}
.withdrawal-products__img{width:65px;}
.withdrawal-products__img img{max-width:55px;border-radius:5px;border:1px solid #eee;}
.withdrawal-product-title{font-weight:700;color:#222;margin-bottom:4px;}
.withdrawal-product-meta{font-size:12px;color:#888;}
.withdrawal-qty-input{width:75px;padding:1px 12px 4px 2px;border:1px solid #ddd;border-radius:5px;text-align:center;}
.withdrawal-notes{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:6px;resize:vertical;}
.withdrawal-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:15px;}
.withdrawal-back{display:inline-flex;align-items:center;padding:9px 14px;border-radius:25px;background:#f5f5f5;border:1px solid #ddd;color:#555!important;font-weight:600;text-decoration:none;}
.withdrawal-alert{padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:14px;}
.withdrawal-alert--info{background:#eef6ff;color:#24527a;border:1px solid #cfe7ff;}
.withdrawal-alert--warning{background:#fff7e6;color:#7a4b00;border:1px solid #ffe0a3;}
.withdrawal-alert--success{background:#edf8f1;color:#256b3c;border:1px solid #cbeed8;}
.withdrawal-alert--error{background:#fff0f0;color:#8a1f1f;border:1px solid #ffd0d0;}
.withdrawal-back{min-width:220px;}
.withdrawal-submit{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    margin-bottom: 3% !important;

    border-radius: 25px !important;
    background: #ff6b00 !important;
    border: 0 !important;

    color: #ffffff !important;
    font-size: larger;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;

    transition: all .25s ease !important;
}

.withdrawal-submit:hover,
.withdrawal-submit:focus{
    background: #e55f00 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.withdrawal-submit svg{
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;

    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    vertical-align: middle !important;
}

.withdrawal-submit svg path,
.withdrawal-submit svg line,
.withdrawal-submit svg polyline,
.withdrawal-submit svg polygon,
.withdrawal-submit svg circle,
.withdrawal-submit svg rect{
    stroke: currentColor !important;
}

@media(max-width:768px){
    .withdrawal-summary{grid-template-columns:1fr;}
    .withdrawal-products{display:block;overflow-x:auto;white-space:nowrap;}
    .withdrawal-actions{flex-direction:column;align-items:stretch;}
    .withdrawal-submit,.withdrawal-back{justify-content:center;}
}

/* ===============================
   BOTTONE RICHIESTA RESO - DETTAGLIO ORDINE
================================ */

.order-withdrawal-box{
    display: block;
    margin: 14px 0 22px;
}

.order-withdrawal-box .order-withdrawal-detail-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;
    padding: 0 22px !important;

    background: #6ead2f !important;
    color: #ffffff !important;
    border: 1px solid #6ead2f !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
    transition: all 0.2s ease-in-out !important;
}

.order-withdrawal-box .order-withdrawal-detail-btn:hover,
.order-withdrawal-box .order-withdrawal-detail-btn:focus{
    background: #222222 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Wrapper icona, se presente nel markup */
.order-withdrawal-box .order-withdrawal-detail-btn__icon{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    color: inherit !important;
}

/* SVG diretto oppure SVG dentro wrapper */
.order-withdrawal-box .order-withdrawal-detail-btn svg,
.order-withdrawal-box .order-withdrawal-detail-btn__icon svg{
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    flex-shrink: 0 !important;

    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;

    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Forza colore anche sugli elementi interni dell'SVG */
.order-withdrawal-box .order-withdrawal-detail-btn svg path,
.order-withdrawal-box .order-withdrawal-detail-btn svg line,
.order-withdrawal-box .order-withdrawal-detail-btn svg polyline,
.order-withdrawal-box .order-withdrawal-detail-btn svg polygon,
.order-withdrawal-box .order-withdrawal-detail-btn svg circle,
.order-withdrawal-box .order-withdrawal-detail-btn svg rect{
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Sottotitolo stato richiesta */
.order-withdrawal-box .order-withdrawal-detail-btn small{
    display: inline-block !important;
    margin-left: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    opacity: 0.9 !important;
}

/* ===============================
        CRONOLOGIA ORDINI
================================ */

.orders-history-table{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 25px;
    background: #ffffff;
    font-size: 13px;
}

.orders-history-table thead th{
    background: #e5e5e5;
    color: #333333 !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 10px 8px;
    border: 1px solid #d6d6d6;
    line-height: 1.45;
}

.orders-history-table tbody td{
    color: #333333 !important;
    text-align: center;
    vertical-align: middle;
    padding: 10px 8px;
    border: 1px solid #eeeeee;
    line-height: 1.45;
    word-break: normal;
}

.orders-history-table tbody tr:nth-child(even){
    background: #f7f7f7;
}

.orders-history-table tbody tr:nth-child(odd){
    background: #ffffff;
}

/* larghezze colonne */
.orders-history-table th:nth-child(1),
.orders-history-table td:nth-child(1){
    width: 13%;
}

.orders-history-table th:nth-child(2),
.orders-history-table td:nth-child(2){
    width: 15%;
}

.orders-history-table th:nth-child(3),
.orders-history-table td:nth-child(3){
    width: 9%;
}

.orders-history-table th:nth-child(4),
.orders-history-table td:nth-child(4){
    width: 23%;
}

.orders-history-table th:nth-child(5),
.orders-history-table td:nth-child(5){
    width: 13%;
}

.orders-history-table th:nth-child(6),
.orders-history-table td:nth-child(6){
    width: 17%;
}

/* testi secondari */
.orders-history-table .d_block{
    display: block;
    margin-top: 3px;
}

.orders-history-table .text-gray-light{
    color: #777777 !important;
}

.orders-history-table .text-darkgolden{
    color: #b98200 !important;
}

/* numero ordine / data / tracking */
.orders-history-table .order-number{
    font-weight: 600;
}

.orders-history-table .order-number .d_block{
    font-weight: 400;
}

/* stato ordine e pagamento */
.orders-history-table .order-status{
    font-weight: 600;
}

.orders-history-table .order-status span{
    color: #333333 !important;
}

/* se gli status hanno background colorato */
.orders-history-table .order-status span[style],
.orders-history-table .order-status strong,
.orders-history-table .order-status b{
    color: inherit;
}

/* totale */
.orders-history-table .order-total strong{
    color: #333333 !important;
    font-weight: 800;
}

/* azioni */
.orders-history-table .order-action{
    text-align: center;
}

.orders-history-table .order-actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* bottone vedi */
.orders-history-table .view-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    min-width: 72px;
    min-height: 24px;
    padding: 0 10px;

    background: #f5f5f5;
    color: #333333 !important;
    border: 1px solid #d8d8d8;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
}

.orders-history-table .view-btn:hover,
.orders-history-table .view-btn:focus{
    background: #222222;
    border-color: #222222;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* bottone reso nella lista ordini */
.orders-history-table .withdrawal-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    min-width: 92px !important;
    min-height: 28px !important;
    padding: 0 6px !important;

    background: #0f8f45 !important;
    color: #ffffff !important;
    border: 1px solid #0f8f45 !important;
    border-radius: 999px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.orders-history-table .withdrawal-btn:hover,
.orders-history-table .withdrawal-btn:focus{
    background: #222222 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.orders-history-table .withdrawal-btn svg{
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
}

.orders-history-table .withdrawal-btn small{
    display: block !important;
    margin-left: 0 !important;
    margin-top: 2px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    opacity: .95 !important;
}

/* mobile */
@media(max-width: 768px){
    .orders-history-table{
        table-layout: auto;
        font-size: 12px;
    }

    .orders-history-table thead th,
    .orders-history-table tbody td{
        padding: 8px 6px;
    }

    .orders-history-table .view-btn,
    .orders-history-table .withdrawal-btn{
        min-width: 80px !important;
    }
}

.withdrawal-box .withdrawal-status-badge,
.withdrawal-summary .withdrawal-status-badge{
    display:inline-block;
    padding:4px 9px;
    border-radius:4px;
    color:#222!important;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
    white-space:nowrap;
    vertical-align:middle;
}

.withdrawal-box .withdrawal-status-not-define,
.withdrawal-summary .withdrawal-status-not-define{
    background:#f2f2f2!important;
    border:1px solid #dddddd;
}

.withdrawal-box .withdrawal-status-received,
.withdrawal-summary .withdrawal-status-received{
    background:#fff3cd!important;
    border:1px solid #f0d98c;
}

.withdrawal-box .withdrawal-status-review,
.withdrawal-summary .withdrawal-status-review{
    background:#d9f1ff!important;
    border:1px solid #a9d9f2;
}

.withdrawal-box .withdrawal-status-accepted,
.withdrawal-summary .withdrawal-status-accepted{
    background:#dff3df!important;
    border:1px solid #a9d7a9;
}

.withdrawal-box .withdrawal-status-rejected,
.withdrawal-summary .withdrawal-status-rejected{
    background:#ffd6d6!important;
    border:1px solid #e7a3a3;
}

.withdrawal-box .withdrawal-status-completed,
.withdrawal-summary .withdrawal-status-completed{
    background:#dce9ff!important;
    border:1px solid #adc8ef;
}

.withdrawal-box .withdrawal-status-default,
.withdrawal-summary .withdrawal-status-default{
    background:#eeeeee!important;
    border:1px solid #dddddd;
}

.withdrawal-box .withdrawal-summary__item span.bg-dark,
.withdrawal-box .withdrawal-summary__item span.bg-danger,
.withdrawal-box .withdrawal-summary__item span.bg-info,
.withdrawal-box .withdrawal-summary__item span.bg-primary,
.withdrawal-box .withdrawal-summary__item span.bg-success,
.withdrawal-box .withdrawal-summary__item span.bg-secondary,
.withdrawal-box .withdrawal-summary__item span.bg-light,
.withdrawal-box .withdrawal-summary__item span.bg-white{
    display:inline-block!important;
    padding:4px 9px!important;
    border-radius:4px!important;
    color:#222!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-dark{
    background:#eeeeee!important;
    border:1px solid #d6d6d6!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-danger{
    background:#ffd6d6!important;
    border:1px solid #e7a3a3!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-info{
    background:#d9f1ff!important;
    border:1px solid #a9d9f2!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-primary{
    background:#dce9ff!important;
    border:1px solid #adc8ef!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-success{
    background:#dff3df!important;
    border:1px solid #a9d7a9!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-secondary{
    background:#eeeeee!important;
    border:1px solid #d6d6d6!important;
}

.withdrawal-box .withdrawal-summary__item span.bg-light,
.withdrawal-box .withdrawal-summary__item span.bg-white{
    background:#f5f5f5!important;
    border:1px solid #dddddd!important;
}
/* ===============================
   CAVARRETTA - RICERCA ORDINE RESO
================================ */
.withdrawal-hp{display:none!important;position:absolute!important;left:-99999px!important;}
.withdrawal-search-page{clear:both;float:left;width:100%;padding:35px 0 70px;background:#fff;}
.withdrawal-search-card,.withdrawal-search-info{background:#fff;border:1px solid #eee;border-radius:10px;padding:30px 32px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.withdrawal-search-card{min-height:100%;}
.withdrawal-search-title{font-size:28px;font-weight:700;color:#222;margin-bottom:12px;}
.withdrawal-search-subtitle{font-size:15px;line-height:1.7;color:#666;margin-bottom:28px;}
.withdrawal-search-form-group{margin-bottom:20px;}
.withdrawal-search-label{display:block;font-size:14px;font-weight:600;color:#222;margin-bottom:8px;}
.withdrawal-search-label span{color:#008000;}
.withdrawal-search-input{float:none!important;width:100%!important;height:46px!important;border:1px solid #ddd!important;border-radius:5px!important;padding:0 14px!important;margin:0!important;font-size:14px!important;color:#222!important;background:#fff!important;transition:all .2s ease-in-out;}
.withdrawal-search-input:focus{border-color:#008000!important;box-shadow:0 0 0 3px rgba(0,128,0,.10);outline:none;}
.withdrawal-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:25px;background:#008000!important;color:#fff!important;border:1px solid #008000!important;font-size:14px;font-weight:700;text-transform:none!important;text-decoration:none!important;cursor:pointer;transition:all .2s ease-in-out;float:none!important;}
.withdrawal-search-button svg{width:18px;height:18px;stroke:currentColor;}
.withdrawal-search-button:hover,.withdrawal-search-button:focus{background:#222!important;border-color:#222!important;color:#fff!important;text-decoration:none!important;}
.withdrawal-search-info{background:#f8f4e9;border-color:#dec89c;}
.withdrawal-search-info-title{font-size:25px;font-weight:700;color:#222;margin-bottom:14px;}
.withdrawal-search-info-text{font-size:15px;line-height:1.7;color:#555;margin-bottom:0;}
.withdrawal-search-note{margin-top:22px;padding:14px 16px;border-radius:6px;background:#f7f7f7;color:#666;font-size:13px;line-height:1.6;}
.withdrawal-product-notreturn{opacity:.72;}
.withdrawal-product-meta--warning{color:#a94442!important;font-weight:700;}
.withdrawal-feedback{max-width:850px;margin:0 auto;}
.withdrawal-feedback--success{border-left:4px solid #008000;}
.withdrawal-feedback--error{border-left:4px solid #b33630;}
.withdrawal-sidebar p{float:none!important;}
@media(max-width:991px){.withdrawal-search-info{margin-top:25px;}}
@media(max-width:767px){.withdrawal-search-page{padding:25px 0 50px}.withdrawal-search-card,.withdrawal-search-info{padding:25px 22px}.withdrawal-search-title,.withdrawal-search-info-title{font-size:23px}.withdrawal-search-button{width:100%}}


/* ===============================
   CAVARRETTA - DETTAGLIO RICHIESTA RESO
================================ */
.withdrawal-detail-page{
    clear:both;
    float:left;
    width:100%;
    margin:0;
    padding:35px 0 70px;
    background:#fff;
    box-sizing:border-box;
}
.withdrawal-detail-page .withdrawal-form,
.withdrawal-detail-page .withdrawal-box{
    float:none!important;
    width:100%;
    box-sizing:border-box;
}
.withdrawal-detail-page .withdrawal-box{
    display:flow-root;
    clear:both;
    margin:0 0 20px;
}
.withdrawal-detail-page .withdrawal-products{
    float:none!important;
    display:table!important;
    width:100%!important;
    margin:0!important;
    table-layout:auto;
    border-collapse:collapse;
}
.withdrawal-detail-page .withdrawal-products th,
.withdrawal-detail-page .withdrawal-products td{
    float:none!important;
    box-sizing:border-box;
}
.withdrawal-detail-page .withdrawal-products__img{
    width:72px;
    text-align:center;
}
.withdrawal-detail-page .withdrawal-products__img img{
    display:block;
    max-width:55px;
    height:auto;
    margin:0 auto;
}
.withdrawal-detail-page .withdrawal-qty-input{
    float:none!important;
    display:inline-block!important;
    width:75px!important;
    height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
}
.withdrawal-detail-page .withdrawal-notes{
    float:none!important;
    display:block!important;
    width:100%!important;
    min-height:140px;
    margin:0!important;
    box-sizing:border-box!important;
}
.withdrawal-detail-page .withdrawal-actions,
.withdrawal-detail-page .withdrawal-alert{
    clear:both;
}
.withdrawal-detail-page .withdrawal-sidebar{
    float:none!important;
}
.withdrawal-detail-page .withdrawal-sidebar p{
    float:none!important;
}
@media(max-width:767px){
    .withdrawal-detail-page{padding:25px 0 50px;}
    .withdrawal-detail-page .withdrawal-products{
        display:block!important;
        overflow-x:auto;
        white-space:nowrap;
    }
}


/* ===============================
   CONFERMA RICHIESTA RESO
================================ */
.withdrawal-feedback-page{
    clear:both;
    float:left;
    width:100%;
    margin:0;
    padding:35px 0 70px;
    background:#fff;
}
.withdrawal-feedback-page .withdrawal-box{
    display:flow-root;
    clear:both;
    margin-bottom:0;
}
@media(max-width:767px){
    .withdrawal-feedback-page{padding:25px 0 50px;}
}