/* =========================================================
   TWANA BUYER PANEL
   BUILD 120
========================================================= */

:root{
    --tw-navy:#172033;
    --tw-navy-2:#202b42;
    --tw-orange:#ff7a00;
    --tw-orange-soft:#fff4e9;
    --tw-bg:#f6f7f9;
    --tw-border:#e8ebf0;
    --tw-text:#1d2738;
    --tw-muted:#778195;
    --tw-green:#178a55;
    --tw-green-soft:#eaf8f1;
    --tw-blue:#3867e8;
    --tw-blue-soft:#eef3ff;
    --tw-red:#c94a4a;
    --tw-red-soft:#fff0f0;
}

.tw-buyer-page{
    background:var(--tw-bg);
    min-height:720px;
    padding:32px 0 70px;
}

/* TWANA_BUYER_CANONICAL_FLEX_S22_13 */
.tw-buyer-shell{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:26px;
    align-items:flex-start;
    width:100%;
    min-width:0;
}

.tw-buyer-content{
    flex:1 1 0;
    min-width:0;
    width:auto;
    max-width:100%;
}

.tw-buyer-sidebar{
    flex:0 0 250px;
    width:250px;
    max-width:250px;
    min-width:250px;
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:18px;
    overflow:hidden;
    position:sticky;
    top:var(--tw-buyer-sticky-top,20px);
    box-shadow:0 8px 30px rgba(23,32,51,.04);
}

.tw-buyer-profile{
    padding:24px 20px 20px;
    border-bottom:1px solid var(--tw-border);
}

.tw-buyer-avatar{
    width:52px;
    height:52px;
    border-radius:50%;
    background:var(--tw-orange-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    font-weight:800;
    color:var(--tw-orange);
    margin-bottom:12px;
}

.tw-buyer-profile-name{
    font-size:15px;
    line-height:1.3;
    font-weight:800;
    color:var(--tw-text);
    margin-bottom:3px;
}

.tw-buyer-profile-email{
    font-size:11px;
    color:var(--tw-muted);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.tw-buyer-nav{
    padding:12px;
}

.tw-buyer-nav-title{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
    color:#a0a8b6;
    padding:12px 12px 6px;
}

.tw-buyer-link{
    min-height:42px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px 12px;
    color:#566176;
    font-size:13px;
    font-weight:600;
    margin-bottom:3px;
    transition:.2s ease;
}

.tw-buyer-link:hover{
    color:var(--tw-orange);
    background:#fafafa;
    text-decoration:none;
}

.tw-buyer-link.active{
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    font-weight:800;
}

.tw-buyer-link-icon{
    width:22px;
    text-align:center;
    font-size:16px;
}

.tw-buyer-link-badge{
    margin-left:auto;
    min-width:21px;
    height:21px;
    padding:0 6px;
    border-radius:20px;
    background:var(--tw-orange);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:800;
}

.tw-buyer-link-soon{
    margin-left:auto;
    font-size:9px;
    color:#aab1bc;
    background:#f3f4f6;
    padding:3px 6px;
    border-radius:12px;
}

.tw-buyer-logout{
    border-top:1px solid var(--tw-border);
    padding:12px;
}

.tw-buyer-logout a{
    color:#8a93a3;
}

.tw-buyer-hero{
    background:linear-gradient(135deg,var(--tw-navy),var(--tw-navy-2));
    color:#fff;
    border-radius:20px;
    padding:28px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
    overflow:hidden;
    position:relative;
}

.tw-buyer-hero:after{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border:45px solid rgba(255,255,255,.035);
    border-radius:50%;
    right:-70px;
    top:-80px;
}

.tw-buyer-hero-copy{
    position:relative;
    z-index:2;
}

.tw-buyer-eyebrow{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#b7c0d2;
    margin-bottom:7px;
}

.tw-buyer-hero h1{
    color:#fff;
    font-size:26px;
    font-weight:800;
    margin:0 0 6px;
}

.tw-buyer-hero p{
    margin:0;
    color:#c5cede;
    font-size:13px;
}

.tw-buyer-hero-action{
    position:relative;
    z-index:2;
    flex-shrink:0;
}

.tw-btn-primary{
    border:0;
    border-radius:11px;
    padding:11px 18px;
    background:var(--tw-orange);
    color:#fff !important;
    font-size:12px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none !important;
}

.tw-btn-primary:hover{
    opacity:.92;
}

.tw-btn-light{
    border:1px solid var(--tw-border);
    border-radius:10px;
    padding:9px 14px;
    background:#fff;
    color:var(--tw-text) !important;
    font-size:11px;
    font-weight:700;
    text-decoration:none !important;
}

.tw-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:22px;
}

.tw-stat-card{
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:16px;
    padding:18px;
    min-height:118px;
}

.tw-stat-top{
    display:flex;
    justify-content:space-between;
    align-items:start;
    gap:12px;
}

.tw-stat-label{
    font-size:11px;
    color:var(--tw-muted);
    font-weight:700;
    line-height:1.4;
}

.tw-stat-value{
    display:block;
    font-size:27px;
    font-weight:800;
    color:var(--tw-text);
    margin-top:7px;
    line-height:1;
}

.tw-stat-icon{
    width:36px;
    height:36px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
}

.tw-stat-foot{
    margin-top:13px;
    font-size:10px;
    color:#9aa2b0;
}

.tw-panel-card{
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:17px;
    overflow:hidden;
    margin-bottom:20px;
}

.tw-panel-head{
    padding:17px 20px;
    border-bottom:1px solid var(--tw-border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.tw-panel-head h3{
    font-size:14px;
    font-weight:800;
    color:var(--tw-text);
    margin:0;
}

.tw-panel-head p{
    margin:3px 0 0;
    font-size:10px;
    color:var(--tw-muted);
}

.tw-table-wrap{
    width:100%;
    overflow-x:auto;
}

.tw-table{
    width:100%;
    border-collapse:collapse;
    margin:0;
}

.tw-table th{
    padding:12px 18px;
    background:#fafbfc;
    color:#8791a2;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    border-bottom:1px solid var(--tw-border);
    white-space:nowrap;
}

.tw-table td{
    padding:15px 18px;
    font-size:12px;
    color:#536075;
    border-bottom:1px solid #f0f2f5;
    vertical-align:middle;
}

.tw-table tr:last-child td{
    border-bottom:0;
}

.tw-table-strong{
    color:var(--tw-text);
    font-weight:800;
}

.tw-status{
    display:inline-flex;
    align-items:center;
    padding:6px 9px;
    border-radius:20px;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
}

.tw-status.requested{
    background:#fff5dd;
    color:#9b6a00;
}

.tw-status.responded{
    background:var(--tw-blue-soft);
    color:var(--tw-blue);
}

.tw-status.accepted{
    background:var(--tw-green-soft);
    color:var(--tw-green);
}

.tw-status.rejected{
    background:var(--tw-red-soft);
    color:var(--tw-red);
}

.tw-status.converted{
    background:#ecf8f5;
    color:#087f6a;
}

.tw-empty{
    text-align:center;
    padding:46px 20px;
}

.tw-empty-icon{
    width:52px;
    height:52px;
    margin:0 auto 12px;
    border-radius:50%;
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.tw-empty h4{
    font-size:14px;
    font-weight:800;
    color:var(--tw-text);
    margin:0 0 5px;
}

.tw-empty p{
    color:var(--tw-muted);
    font-size:11px;
    margin:0;
}

.tw-quick-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:20px;
}

.tw-quick-card{
    display:block;
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:15px;
    padding:18px;
    text-decoration:none !important;
    transition:.2s ease;
}

.tw-quick-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(23,32,51,.06);
}

.tw-quick-card .icon{
    width:38px;
    height:38px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    margin-bottom:12px;
    font-size:17px;
}

.tw-quick-card strong{
    display:block;
    font-size:12px;
    color:var(--tw-text);
    margin-bottom:3px;
}

.tw-quick-card span{
    display:block;
    font-size:10px;
    color:var(--tw-muted);
}

@media(min-width:768px) and (max-width:991px){
    .tw-buyer-shell{ display:flex !important; flex-direction:row !important; 
        flex-wrap:nowrap !important; width:100% !important;
        gap:18px;
        align-items:start;
    }

    .tw-buyer-sidebar{
        position:sticky;
        top:20px;
        min-width:0;
    }

    .tw-stat-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:575px){
    .tw-buyer-page{
        padding-top:16px;
    }

    .tw-buyer-hero{
        padding:22px;
        align-items:flex-start;
        flex-direction:column;
    }

    .tw-buyer-hero h1{
        font-size:21px;
    }

    .tw-stat-grid,
    .tw-quick-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   TWANA_BUYER_ORDERS_122
========================================================= */

.tw-page-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:20px;
}

.tw-page-head h1{
    margin:0 0 5px;
    font-size:23px;
    font-weight:800;
    color:var(--tw-text);
}

.tw-page-head p{
    margin:0;
    font-size:12px;
    color:var(--tw-muted);
}

.tw-order-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:18px;
    background:#fff;
    border:1px solid var(--tw-border);
    padding:8px;
    border-radius:14px;
}

.tw-order-tab{
    appearance:none;
    border:0;
    background:transparent;
    border-radius:9px;
    padding:9px 14px;
    font-size:11px;
    font-weight:700;
    color:#778195;
    cursor:pointer;
    transition:.2s ease;
}

.tw-order-tab:hover{
    color:var(--tw-orange);
    background:#fafafa;
}

.tw-order-tab.active{
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    font-weight:800;
}

.tw-orders-list{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.tw-order-card{
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:17px;
    overflow:hidden;
    transition:.2s ease;
}

.tw-order-card:hover{
    border-color:#dde1e7;
    box-shadow:0 8px 26px rgba(23,32,51,.045);
}

.tw-order-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 18px;
    background:#fafbfc;
    border-bottom:1px solid var(--tw-border);
}

.tw-order-code{
    font-size:12px;
    font-weight:800;
    color:var(--tw-text);
}

.tw-order-date{
    font-size:10px;
    color:#929baa;
    margin-top:2px;
}

.tw-order-card-body{
    padding:18px;
    display:grid;
    grid-template-columns:minmax(260px,1.7fr) minmax(120px,.7fr) minmax(120px,.7fr) auto;
    gap:22px;
    align-items:center;
}

.tw-order-product{
    display:flex;
    align-items:center;
    min-width:0;
    gap:13px;
}

.tw-order-thumb{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:11px;
    border:1px solid var(--tw-border);
    background:#f7f8fa;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tw-order-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tw-order-thumb-empty{
    color:#aab1bc;
    font-size:20px;
}

.tw-order-product-copy{
    min-width:0;
}

.tw-order-product-name{
    font-size:12px;
    font-weight:800;
    color:var(--tw-text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:4px;
}

.tw-order-product-meta{
    font-size:10px;
    color:var(--tw-muted);
}

.tw-order-info-label{
    display:block;
    color:#9aa3b0;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:5px;
}

.tw-order-info-value{
    display:block;
    color:var(--tw-text);
    font-size:12px;
    font-weight:800;
}

.tw-order-payment{
    display:inline-flex;
    align-items:center;
    border-radius:20px;
    padding:6px 9px;
    font-size:9px;
    font-weight:800;
}

.tw-order-payment.paid{
    color:var(--tw-green);
    background:var(--tw-green-soft);
}

.tw-order-payment.unpaid{
    color:#9b6a00;
    background:#fff5dd;
}

.tw-order-status{
    display:inline-flex;
    align-items:center;
    border-radius:20px;
    padding:6px 10px;
    font-size:9px;
    font-weight:800;
}

.tw-order-status.pending,
.tw-order-status.confirmed{
    color:var(--tw-blue);
    background:var(--tw-blue-soft);
}

.tw-order-status.picked_up,
.tw-order-status.on_the_way{
    color:#8b5c08;
    background:#fff5dd;
}

.tw-order-status.delivered{
    color:var(--tw-green);
    background:var(--tw-green-soft);
}

.tw-order-status.cancelled{
    color:var(--tw-red);
    background:var(--tw-red-soft);
}

.tw-order-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
}

.tw-order-view{
    border:0;
    border-radius:10px;
    background:var(--tw-orange);
    color:#fff !important;
    padding:9px 13px;
    font-size:10px;
    font-weight:800;
    text-decoration:none !important;
    white-space:nowrap;
}

.tw-order-cancel{
    border:1px solid var(--tw-border);
    border-radius:10px;
    color:#9b5c5c !important;
    background:#fff;
    padding:9px 11px;
    font-size:10px;
    font-weight:700;
    text-decoration:none !important;
    white-space:nowrap;
}

.tw-orders-loading{
    padding:55px 20px;
    text-align:center;
    color:var(--tw-muted);
    font-size:12px;
}

.tw-order-pagination{
    margin-top:18px;
}

.tw-order-pagination .pagination{
    justify-content:center;
}

@media(max-width:1100px){
    .tw-order-card-body{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .tw-order-product{
        grid-column:1 / -1;
    }

    .tw-order-actions{
        justify-content:flex-start;
    }
}

@media(max-width:575px){
    .tw-page-head{
        flex-direction:column;
    }

    .tw-order-tabs{
        overflow-x:auto;
        flex-wrap:nowrap;
    }

    .tw-order-tab{
        white-space:nowrap;
    }

    .tw-order-card-head{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .tw-order-card-body{
        grid-template-columns:1fr;
        gap:15px;
    }

    .tw-order-product{
        grid-column:auto;
    }

    .tw-order-actions{
        width:100%;
    }

    .tw-order-view{
        text-align:center;
        flex:1;
    }
}

/* =========================================================
   TWANA_BUYER_STATUS_CARDS_125
========================================================= */

.tw-order-status-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
    margin-bottom:20px;
}

.tw-order-filter-card{
    appearance:none;
    border:1px solid var(--tw-border);
    background:#fff;
    border-radius:14px;
    min-height:82px;
    padding:13px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    text-align:left;
    cursor:pointer;
    transition:.2s ease;
    box-shadow:none;
}

.tw-order-filter-card:hover{
    border-color:#dcdfe5;
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(23,32,51,.045);
}

.tw-order-filter-card.active{
    border-color:#ffd9b8;
    background:var(--tw-orange-soft);
}

.tw-order-filter-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f6f8;
    color:#748095;
    font-size:13px;
    font-weight:800;
}

.tw-order-filter-card.active .tw-order-filter-icon{
    background:#fff;
    color:var(--tw-orange);
}

.tw-order-filter-copy{
    min-width:0;
}

.tw-order-filter-copy strong{
    display:block;
    color:var(--tw-text);
    font-size:11px;
    font-weight:800;
    line-height:1.25;
}

.tw-order-filter-card.active .tw-order-filter-copy strong{
    color:var(--tw-orange);
}

.tw-order-filter-copy small{
    display:block;
    color:#929baa;
    font-size:9px;
    line-height:1.3;
    margin-top:3px;
}

.tw-order-filter-count{
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1f3f6;
    color:#778195;
    font-size:10px;
    font-weight:800;
}

.tw-order-filter-card.active .tw-order-filter-count{
    background:var(--tw-orange);
    color:#fff;
}

@media(max-width:1199px){
    .tw-order-status-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:991px){
    .tw-order-status-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px){

    /*
     * No painel normal mobile, escondemos apenas o sidebar
     * que é filho direto do shell.
     *
     * O menu/offcanvas "My Account" pode continuar reutilizando
     * o user_side_nav fora deste shell.
     */
    .tw-buyer-shell > .tw-buyer-sidebar{
        display:none !important;
    }

    .tw-buyer-shell{
        display:block;
        width:100%;
    }

    .tw-buyer-content{
        width:100%;
    }

    .tw-buyer-page{
        padding:16px 0 80px;
    }

    .tw-buyer-page > .container{
        max-width:none;
        padding-left:14px;
        padding-right:14px;
    }

    .tw-page-head{
        gap:12px;
    }

    .tw-page-head h1{
        font-size:21px;
    }

    .tw-order-status-grid{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        gap:9px;
        margin-left:-14px;
        margin-right:-14px;
        padding:2px 14px 10px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .tw-order-status-grid::-webkit-scrollbar{
        display:none;
    }

    .tw-order-filter-card{
        flex:0 0 190px;
        min-height:74px;
        scroll-snap-align:start;
        padding:11px;
    }

    .tw-order-filter-copy small{
        font-size:8.5px;
    }

    .tw-order-card{
        border-radius:14px;
    }
}

@media(max-width:575px){

    .tw-page-head .tw-btn-primary{
        width:100%;
        justify-content:center;
    }

    .tw-order-filter-card{
        flex-basis:180px;
    }
}

/* =========================================================
   TWANA_QUOTE_CENTER_127
========================================================= */

.tw-quote-filter-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:11px;
    padding:20px 24px 14px;
}

.tw-quote-filter-card{
    min-height:82px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:13px;
    border:1px solid var(--tw-border);
    border-radius:14px;
    background:#fff;
    color:inherit !important;
    text-decoration:none !important;
    transition:.2s ease;
}

.tw-quote-filter-card:hover{
    transform:translateY(-1px);
    border-color:#dcdfe5;
    box-shadow:0 8px 22px rgba(23,32,51,.045);
}

.tw-quote-filter-card.active{
    background:var(--tw-orange-soft);
    border-color:#ffd9b8;
}

.tw-quote-filter-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4f6f8;
    color:#728096;
    font-size:13px;
    font-weight:800;
}

.tw-quote-filter-card.active .tw-quote-filter-icon{
    background:#fff;
    color:var(--tw-orange);
}

.tw-quote-filter-text{
    min-width:0;
}

.tw-quote-filter-text strong{
    display:block;
    color:var(--tw-text);
    font-size:10.5px;
    line-height:1.25;
    font-weight:800;
}

.tw-quote-filter-card.active .tw-quote-filter-text strong{
    color:var(--tw-orange);
}

.tw-quote-filter-text small{
    display:block;
    margin-top:3px;
    color:#929baa;
    font-size:8.5px;
    line-height:1.25;
}

.tw-quote-filter-count{
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:20px;
    background:#f0f2f5;
    color:#69758a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:800;
}

.tw-quote-filter-card.active .tw-quote-filter-count{
    background:var(--tw-orange);
    color:#fff;
}

.tw-quote-search-row{
    display:flex;
    justify-content:flex-end;
    padding:4px 24px 20px;
}

.tw-quote-search-form{
    width:100%;
    max-width:340px;
    margin:0;
}

.tw-quote-search-box{
    position:relative;
}

.tw-quote-search-box input{
    width:100%;
    height:42px;
    border:1px solid #dfe3e8;
    border-radius:11px;
    background:#fff;
    padding:0 38px 0 38px;
    color:var(--tw-text);
    font-size:11px;
    outline:none;
    transition:.2s ease;
}

.tw-quote-search-box input:focus{
    border-color:#ffc38c;
    box-shadow:0 0 0 3px rgba(255,122,0,.08);
}

.tw-quote-search-icon{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:#8d96a5;
    font-size:15px;
    pointer-events:none;
}

.tw-quote-search-clear{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f1f3f5;
    color:#87909f !important;
    text-decoration:none !important;
    font-size:14px;
}


/* Ação contextual */
.twana-bq-action{
    transition:.2s ease;
}

.twana-bq-action:hover{
    opacity:.92;
    transform:translateY(-1px);
    text-decoration:none;
}


/* MOBILE: tabela vira cards */
@media(max-width:767px){

    .twana-bq-wrap{
        border:0;
        background:transparent;
        overflow:visible;
    }

    .twana-bq-head{
        background:#fff;
        border:1px solid var(--tw-border);
        border-radius:15px;
        padding:18px;
        margin-bottom:12px;
    }

    .twana-bq-head h1{
        font-size:20px;
    }

    .twana-bq-head p{
        font-size:11px;
    }

    .tw-quote-filter-grid{
        display:flex;
        overflow-x:auto;
        gap:9px;
        padding:2px 1px 12px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
    }

    .tw-quote-filter-grid::-webkit-scrollbar{
        display:none;
    }

    .tw-quote-filter-card{
        flex:0 0 190px;
        min-height:74px;
        scroll-snap-align:start;
        background:#fff;
    }

    .tw-quote-search-row{
        padding:0 0 14px;
    }

    .tw-quote-search-form{
        max-width:none;
    }

    .twana-bq-table-wrap{
        overflow:visible !important;
    }

    .twana-bq-table{
        display:block;
        width:100%;
    }

    .twana-bq-table thead{
        display:none;
    }

    .twana-bq-table tbody{
        display:flex;
        flex-direction:column;
        gap:11px;
    }

    .twana-bq-table tr{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:13px;
        background:#fff;
        border:1px solid var(--tw-border);
        border-radius:15px;
        padding:16px;
    }

    .twana-bq-table td{
        display:block;
        padding:0 !important;
        border:0 !important;
        min-width:0;
    }

    .twana-bq-table td:nth-child(1),
    .twana-bq-table td:nth-child(2),
    .twana-bq-table td:last-child{
        grid-column:1 / -1;
    }

    .twana-bq-table td:nth-child(1){
        padding-bottom:10px !important;
        border-bottom:1px solid #eef0f3 !important;
    }

    .twana-bq-table td:nth-child(3)::before{
        content:"Quantidade";
    }

    .twana-bq-table td:nth-child(4)::before{
        content:"Valor";
    }

    .twana-bq-table td:nth-child(5)::before{
        content:"Status";
    }

    .twana-bq-table td:nth-child(3)::before,
    .twana-bq-table td:nth-child(4)::before,
    .twana-bq-table td:nth-child(5)::before{
        display:block;
        margin-bottom:5px;
        color:#929baa;
        font-size:8px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.04em;
    }

    .twana-bq-action{
        width:100%;
        min-height:40px;
        border-radius:10px;
    }
}

@media(max-width:575px){

    .tw-quote-filter-card{
        flex-basis:180px;
    }

    .twana-bq-table tr{
        grid-template-columns:1fr 1fr;
    }
}

/* =========================================================
   TWANA_ARTWORK_MODULE_129
========================================================= */

.tw-art-filter-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:11px;
    margin-bottom:20px;
}

.tw-art-filter-card{
    min-height:82px;
    border:1px solid var(--tw-border);
    border-radius:14px;
    background:#fff;
    padding:13px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    text-decoration:none !important;
    color:inherit !important;
    transition:.2s ease;
}

.tw-art-filter-card:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(23,32,51,.045);
}

.tw-art-filter-card.active{
    border-color:#ffd9b8;
    background:var(--tw-orange-soft);
}

.tw-art-filter-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:#f4f6f8;
    color:#758096;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
}

.tw-art-filter-card.active .tw-art-filter-icon{
    background:#fff;
    color:var(--tw-orange);
}

.tw-art-filter-card strong{
    display:block;
    color:var(--tw-text);
    font-size:10.5px;
    font-weight:800;
}

.tw-art-filter-card small{
    display:block;
    color:#929baa;
    font-size:8.5px;
    margin-top:3px;
}

.tw-art-filter-card b{
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:20px;
    background:#f0f2f5;
    color:#69758a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.tw-art-filter-card.active b{
    background:var(--tw-orange);
    color:#fff;
}

.tw-art-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.tw-art-card{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    gap:20px;
    align-items:center;
    background:#fff;
    border:1px solid var(--tw-border);
    border-radius:16px;
    padding:17px;
}

.tw-art-product{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}

.tw-art-thumb{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:11px;
    overflow:hidden;
    background:#f6f7f9;
    border:1px solid var(--tw-border);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--tw-orange);
}

.tw-art-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tw-art-order{
    color:#929baa;
    font-size:9px;
    font-weight:700;
    margin-bottom:3px;
}

.tw-art-product h3{
    font-size:12px;
    color:var(--tw-text);
    font-weight:800;
    margin:0 0 3px;
}

.tw-art-product p{
    margin:0;
    font-size:10px;
    color:var(--tw-muted);
}

.tw-art-meta span{
    display:block;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    color:#9aa2af;
    margin-bottom:5px;
}

.tw-art-meta > strong{
    font-size:11px;
    color:var(--tw-text);
}

.tw-art-status{
    display:inline-flex;
    padding:6px 9px;
    border-radius:20px;
    font-size:9px !important;
    font-weight:800;
}

.tw-art-status.waiting,
.tw-art-status.changes{
    background:#fff5dd;
    color:#956300;
}

.tw-art-status.proof,
.tw-art-status.received{
    background:#eef3ff;
    color:#3867e8;
}

.tw-art-status.approved{
    background:var(--tw-green-soft);
    color:var(--tw-green);
}

.tw-art-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
    gap:20px;
}

.tw-art-back{
    display:inline-block;
    font-size:10px;
    color:var(--tw-orange) !important;
    font-weight:800;
    margin-bottom:7px;
}

.tw-art-detail-product{
    padding:20px;
    display:flex;
    align-items:center;
    gap:15px;
}

.tw-art-thumb-lg{
    width:72px;
    height:72px;
    flex-basis:72px;
}

.tw-art-detail-product strong{
    font-size:13px;
    color:var(--tw-text);
}

.tw-art-detail-product p{
    margin:4px 0 0;
    font-size:10px;
    color:var(--tw-muted);
}

.tw-art-version-list{
    padding:0 20px;
}

.tw-art-version{
    padding:16px 0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    border-bottom:1px solid #eef0f3;
}

.tw-art-version:last-child{
    border-bottom:0;
}

.tw-art-version-number{
    width:38px;
    height:38px;
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:800;
}

.tw-art-version strong{
    display:block;
    font-size:11px;
    color:var(--tw-text);
}

.tw-art-version p,
.tw-art-version small{
    display:block;
    margin:3px 0 0;
    font-size:9px;
    color:var(--tw-muted);
}

.tw-art-version-state{
    font-size:9px;
    font-weight:800;
    color:#7c8594;
}

.tw-art-side-body{
    padding:20px;
}

.tw-art-notice{
    border-radius:12px;
    padding:14px;
    font-size:10.5px;
    line-height:1.55;
    margin-bottom:16px;
}

.tw-art-notice.warning{
    background:#fff7e8;
    color:#8b630d;
}

.tw-art-notice.info{
    background:#eef4ff;
    color:#345da8;
}

.tw-art-notice.success{
    background:var(--tw-green-soft);
    color:var(--tw-green);
}

.tw-art-help{
    font-size:10px;
    color:var(--tw-muted);
}

.tw-art-full-btn{
    width:100%;
    justify-content:center;
}

.tw-art-divider{
    text-align:center;
    color:#9aa2af;
    font-size:9px;
    margin:18px 0;
    position:relative;
}

.tw-art-label{
    display:block;
    color:var(--tw-text);
    font-size:10px;
    font-weight:800;
    margin-bottom:7px;
}

.tw-art-textarea{
    width:100%;
    border:1px solid var(--tw-border);
    border-radius:11px;
    padding:11px;
    resize:vertical;
    font-size:11px;
    outline:none;
}

.tw-art-textarea:focus{
    border-color:#ffc38c;
    box-shadow:0 0 0 3px rgba(255,122,0,.08);
}

@media(max-width:1100px){
    .tw-art-filter-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .tw-art-card{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

}

@media(max-width:767px){

    .tw-art-filter-grid{
        display:flex;
        overflow-x:auto;
        scrollbar-width:none;
        gap:9px;
        padding-bottom:10px;
    }

    .tw-art-filter-grid::-webkit-scrollbar{
        display:none;
    }

    .tw-art-filter-card{
        flex:0 0 190px;
    }

    .tw-art-card{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }


    .tw-art-actions .tw-order-view{
        width:100%;
        display:flex;
        justify-content:center;
    }

    .tw-art-detail-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:480px){
    .tw-art-card{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:12px;
        padding:14px;
    }


}


/* =========================================================
   TWANA_BUYER_MESSAGES_139
   Central de Mensagens ligada ao pedido
   ========================================================= */

.tw-msg-page {
    width: 100%;
}

.tw-msg-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.tw-msg-head h1,
.tw-msg-chat-head h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.5px;
}

.tw-msg-head p,
.tw-msg-chat-head p {
    margin: 0;
    color: #77849b;
    font-size: 14px;
}

.tw-msg-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.tw-msg-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 88px;
    padding: 18px 20px;
    border: 1px solid #e4e9f0;
    border-radius: 15px;
    background: #fff;
    color: inherit;
    text-decoration: none !important;
    transition: .2s ease;
}

.tw-msg-filter:hover {
    border-color: #ff8b48;
    box-shadow: 0 8px 24px rgba(18, 39, 75, .06);
}

.tw-msg-filter.active {
    border-color: #ff6b00;
    background: #fff8f2;
}

.tw-msg-filter div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tw-msg-filter strong {
    color: #102447;
    font-size: 14px;
    font-weight: 800;
}

.tw-msg-filter span {
    color: #8894a8;
    font-size: 12px;
}

.tw-msg-filter b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border-radius: 50px;
    background: #f2f5f9;
    color: #42526d;
    font-size: 13px;
}

.tw-msg-filter.active b {
    background: #ff6b00;
    color: #fff;
}

.tw-msg-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.tw-msg-toolbar form {
    width: min(100%, 410px);
}

.tw-msg-toolbar input {
    width: 100%;
    height: 44px;
    padding: 0 16px;
    border: 1px solid #e2e7ee;
    border-radius: 12px;
    background: #fff;
    outline: none;
    font-size: 13px;
}

.tw-msg-toolbar input:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.08);
}

.tw-msg-list {
    overflow: hidden;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #fff;
}

.tw-msg-row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf0f4;
    color: inherit !important;
    text-decoration: none !important;
    transition: .18s ease;
}

.tw-msg-row:last-child {
    border-bottom: 0;
}

.tw-msg-row:hover {
    background: #fbfcfe;
}

.tw-msg-avatar {
    display: flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 16px;
    font-weight: 800;
}

.tw-msg-main {
    min-width: 0;
    flex: 1;
}

.tw-msg-row-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 3px;
}

.tw-msg-row-top strong {
    color: #102447;
    font-size: 14px;
    font-weight: 800;
}

.tw-msg-row-top time {
    flex: none;
    color: #9aa5b5;
    font-size: 11px;
}

.tw-msg-order {
    margin-bottom: 5px;
    color: #65738a;
    font-size: 12px;
    font-weight: 600;
}

.tw-msg-preview {
    overflow: hidden;
    color: #8490a3;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-side {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tw-msg-unread {
    display: inline-flex;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background: #ff6b00;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.tw-msg-arrow {
    color: #a7b0bf;
    font-size: 26px;
    font-weight: 300;
}

.tw-msg-empty {
    padding: 70px 25px;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.tw-msg-empty-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 17px;
    border-radius: 18px;
    background: #fff1e7;
    color: #ff6b00;
    font-size: 24px;
}

.tw-msg-empty h3 {
    margin: 0 0 7px;
    color: #102447;
    font-size: 18px;
    font-weight: 800;
}

.tw-msg-empty p {
    max-width: 480px;
    margin: 0 auto 22px;
    color: #8793a6;
    font-size: 13px;
}

.tw-msg-empty a,
.tw-msg-order-btn {
    display: inline-flex;
    min-height: 40px;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

.tw-msg-back {
    display: inline-block;
    margin-bottom: 18px;
    color: #6f7c91 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-msg-chat-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}

.tw-msg-chat-label {
    display: block;
    margin-bottom: 6px;
    color: #ff6b00;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.tw-msg-security {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 17px;
    border: 1px solid #f1ddcc;
    border-radius: 13px;
    background: #fffaf6;
}

.tw-msg-security > span {
    font-size: 18px;
}

.tw-msg-security strong {
    display: block;
    margin-bottom: 2px;
    color: #7a441f;
    font-size: 12px;
    font-weight: 800;
}

.tw-msg-security p {
    margin: 0;
    color: #9b755d;
    font-size: 11px;
}

.tw-msg-chat {
    overflow: hidden;
    border: 1px solid #e2e7ed;
    border-radius: 16px;
    background: #fff;
}

.tw-msg-chat-body {
    min-height: 430px;
    max-height: 610px;
    overflow-y: auto;
    padding: 28px;
    background: #fafbfd;
}

.tw-msg-bubble-row {
    display: flex;
    margin-bottom: 16px;
}

.tw-msg-bubble-row.mine {
    justify-content: flex-end;
}

.tw-msg-bubble-row.theirs {
    justify-content: flex-start;
}

.tw-msg-bubble {
    max-width: min(72%, 650px);
    padding: 12px 15px;
    border: 1px solid #e4e8ef;
    border-radius: 14px;
    background: #fff;
}

.tw-msg-bubble-row.mine .tw-msg-bubble {
    border-color: #ffd7ba;
    background: #fff3e9;
}

.tw-msg-bubble-name {
    margin-bottom: 5px;
    color: #102447;
    font-size: 11px;
    font-weight: 800;
}

.tw-msg-bubble-text {
    color: #35445e;
    font-size: 13px;
    line-height: 1.55;
}

.tw-msg-bubble time {
    display: block;
    margin-top: 6px;
    color: #99a4b4;
    font-size: 10px;
}

.tw-msg-bubble-row.mine time {
    text-align: right;
}

.tw-msg-chat-empty {
    padding: 110px 20px;
    color: #8793a6;
    text-align: center;
}

.tw-msg-chat-empty > div {
    margin-bottom: 8px;
    color: #ff6b00;
    font-size: 27px;
}

.tw-msg-chat-empty strong {
    display: block;
    margin-bottom: 5px;
    color: #102447;
    font-size: 15px;
}

.tw-msg-chat-empty p {
    margin: 0 auto;
    max-width: 440px;
    font-size: 12px;
}

.tw-msg-compose {
    padding: 18px;
    border-top: 1px solid #e7ebf0;
    background: #fff;
}

.tw-msg-compose textarea {
    width: 100%;
    resize: vertical;
    min-height: 92px;
    padding: 13px 15px;
    border: 1px solid #dfe5ec;
    border-radius: 12px;
    outline: none;
    color: #34445d;
    font-size: 13px;
}

.tw-msg-compose textarea:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.08);
}

.tw-msg-compose-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 11px;
}

.tw-msg-compose-bottom span {
    color: #939eae;
    font-size: 11px;
}

.tw-msg-compose-bottom button {
    min-height: 42px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.tw-msg-error {
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #fff0f0;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 767.98px) {

    .tw-msg-head h1,
    .tw-msg-chat-head h1 {
        font-size: 25px;
    }

    .tw-msg-filters {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        padding-bottom: 4px;
    }

    .tw-msg-filter {
        flex: 0 0 245px;
    }

    .tw-msg-toolbar form {
        width: 100%;
    }

    .tw-msg-row {
        padding: 15px;
    }

    .tw-msg-row-top {
        flex-direction: column;
        gap: 2px;
    }

    .tw-msg-row-top time {
        display: none;
    }

    .tw-msg-preview {
        max-width: 220px;
    }

    .tw-msg-chat-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .tw-msg-chat-body {
        min-height: 390px;
        padding: 18px 12px;
    }

    .tw-msg-bubble {
        max-width: 88%;
    }

    .tw-msg-compose-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-msg-compose-bottom button {
        width: 100%;
    }
}


/* =========================================================
   TWANA_BUYER_MESSAGES_SPLIT_140
   Central de mensagens em duas colunas
   ========================================================= */

.tw-msg-split-page {
    max-width: 100%;
}

.tw-msg-split {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    min-height: 650px;
    overflow: hidden;
    border: 1px solid #e1e6ed;
    border-radius: 18px;
    background: #fff;
}

.tw-msg-sidebar {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-right: 1px solid #e8ecf1;
    background: #fff;
}

.tw-msg-sidebar-top {
    padding: 18px 16px 12px;
    border-bottom: 1px solid #edf0f4;
}

.tw-msg-sidebar-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}

.tw-msg-sidebar-title strong {
    color: #102447;
    font-size: 17px;
    font-weight: 800;
}

.tw-msg-sidebar-title span {
    display: inline-flex;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #ff6b00;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.tw-msg-side-search {
    display: flex;
    overflow: hidden;
    height: 42px;
    margin-bottom: 11px;
    border: 1px solid #dfe5ec;
    border-radius: 11px;
    background: #f9fafc;
}

.tw-msg-side-search input {
    min-width: 0;
    flex: 1;
    padding: 0 12px;
    border: 0;
    background: transparent;
    outline: none;
    color: #35445e;
    font-size: 12px;
}

.tw-msg-side-search button {
    width: 42px;
    border: 0;
    background: transparent;
    color: #637188;
    font-size: 20px;
    cursor: pointer;
}

.tw-msg-mini-filters {
    display: flex;
    gap: 6px;
}

.tw-msg-mini-filters a {
    padding: 6px 10px;
    border-radius: 8px;
    color: #7b879a !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-msg-mini-filters a.active {
    background: #fff0e6;
    color: #ff6b00 !important;
}

.tw-msg-conversation-list {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
}

.tw-msg-conversation-item {
    position: relative;
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 14px 13px;
    border-bottom: 1px solid #f0f2f5;
    color: inherit !important;
    text-decoration: none !important;
    transition: .18s ease;
}

.tw-msg-conversation-item:hover {
    background: #fafbfc;
}

.tw-msg-conversation-item.active {
    background: #fff5ed;
}

.tw-msg-conversation-item.active:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #ff6b00;
    content: "";
}

.tw-msg-conversation-item .tw-msg-avatar {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.tw-msg-conversation-copy {
    min-width: 0;
    flex: 1;
}

.tw-msg-conversation-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.tw-msg-conversation-head strong {
    overflow: hidden;
    color: #102447;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-conversation-head time {
    flex: none;
    color: #a0a9b7;
    font-size: 10px;
}

.tw-msg-conversation-order {
    margin-bottom: 3px;
    color: #69758a;
    font-size: 10px;
    font-weight: 700;
}

.tw-msg-conversation-preview {
    overflow: hidden;
    color: #929cac;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-conversation-item .tw-msg-unread {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    font-size: 10px;
}

.tw-msg-side-empty {
    padding: 60px 18px;
    text-align: center;
}

.tw-msg-side-empty span {
    display: block;
    margin-bottom: 8px;
    color: #ff6b00;
    font-size: 24px;
}

.tw-msg-side-empty strong {
    display: block;
    margin-bottom: 4px;
    color: #102447;
    font-size: 13px;
}

.tw-msg-side-empty p {
    margin: 0;
    color: #929cac;
    font-size: 11px;
}

.tw-msg-side-pagination {
    padding: 10px;
    border-top: 1px solid #edf0f4;
}

.tw-msg-chat-panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    background: #f9fafc;
}

.tw-msg-chat-topbar {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 18px;
    border-bottom: 1px solid #e7ebf0;
    background: #fff;
}

.tw-msg-chat-contact {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.tw-msg-chat-contact .tw-msg-avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    font-size: 15px;
}

.tw-msg-chat-contact > div:last-child {
    min-width: 0;
}

.tw-msg-chat-contact strong {
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    color: #102447;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-chat-contact span {
    display: block;
    overflow: hidden;
    color: #8a95a6;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-order-link {
    display: inline-flex;
    flex: none;
    height: 36px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe5ec;
    border-radius: 9px;
    background: #fff;
    color: #43516a !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}

.tw-msg-order-link:hover {
    border-color: #ff6b00;
    color: #ff6b00 !important;
}

.tw-msg-chat-context {
    display: flex;
    gap: 24px;
    padding: 10px 18px;
    border-bottom: 1px solid #eceff3;
    background: #fff;
}

.tw-msg-chat-context div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.tw-msg-chat-context span {
    color: #9aa4b3;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-msg-chat-context strong {
    overflow: hidden;
    max-width: 260px;
    color: #4b5870;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-msg-chat-body-split {
    min-height: 0;
    max-height: none;
    flex: 1;
    padding: 24px;
    overflow-y: auto;
    background: #f7f8fb;
}

.tw-msg-compose-split {
    padding: 13px 15px 11px;
    border-top: 1px solid #e4e8ee;
    background: #fff;
}

.tw-msg-compose-box {
    display: flex;
    min-height: 16px;
    align-items: flex-end;
    gap: 8px;
    padding: 6px 7px 6px 12px;
    border: 1px solid #dde3ea;
    border-radius: 12px;
    background: #fff;
}

.tw-msg-compose-box:focus-within {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07);
}

.tw-msg-compose-box textarea {
    min-height: 34px;
    max-height: 110px;
    flex: 1;
    resize: none;
    padding: 8px 0 5px;
    border: 0;
    outline: none;
    color: #34445d;
    font-size: 12px;
    line-height: 1.45;
}

.tw-msg-compose-box button {
    display: inline-flex;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.tw-msg-protection {
    margin-top: 7px;
    color: #9aa4b3;
    font-size: 9px;
}

.tw-msg-no-selection {
    display: flex;
    min-height: 650px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
}

.tw-msg-no-selection-icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 20px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 27px;
}

.tw-msg-no-selection h3 {
    margin: 0 0 6px;
    color: #102447;
    font-size: 17px;
    font-weight: 800;
}

.tw-msg-no-selection p {
    max-width: 430px;
    margin: 0 0 20px;
    color: #8b96a8;
    font-size: 12px;
}

.tw-msg-no-selection a {
    display: inline-flex;
    height: 40px;
    padding: 0 17px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

@media (max-width: 991.98px) {
    .tw-msg-split {
        grid-template-columns: 280px minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {

    .tw-msg-split {
        display: block;
        min-height: auto;
    }

    .tw-msg-sidebar {
        border-right: 0;
    }

    .tw-msg-chat-panel {
        border-top: 1px solid #e8ecf1;
    }

    .tw-msg-conversation-list {
        max-height: 330px;
    }

    .tw-msg-chat-context {
        overflow-x: auto;
        gap: 18px;
    }

    .tw-msg-chat-context div {
        flex: 0 0 auto;
    }

    .tw-msg-chat-body-split {
        min-height: 430px;
    }

    .tw-msg-chat-topbar {
        align-items: flex-start;
    }

    .tw-msg-order-link {
        height: 34px;
    }
}


/* =========================================================
   TWANA_BUYER_ATTENTION_BADGES_141
   Contadores operacionais do menu comprador
   ========================================================= */

.tw-buyer-attention-badge {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 6px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #ff6b00;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    box-shadow: 0 2px 7px rgba(255, 107, 0, .20);
}

.tw-buyer-link.active .tw-buyer-attention-badge {
    background: #ff6b00;
    color: #fff;
}


/* =========================================================
   TWANA_BUYER_REORDER_142
   Comprar Novamente
   ========================================================= */

.tw-reorder-page {
    width: 100%;
}

.tw-reorder-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.tw-reorder-head h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.55px;
}

.tw-reorder-head p {
    margin: 0;
    color: #77849b;
    font-size: 14px;
}

.tw-reorder-shop-btn {
    display: inline-flex;
    min-height: 42px;
    flex: none;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 7px 18px rgba(255,107,0,.16);
}

.tw-reorder-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 15px 17px;
    border: 1px solid #e2e7ee;
    border-radius: 14px;
    background: #fff;
}

.tw-reorder-count {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.tw-reorder-count strong {
    color: #082553;
    font-size: 18px;
    font-weight: 800;
}

.tw-reorder-count span {
    color: #8b96a7;
    font-size: 11px;
}

.tw-reorder-toolbar form {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(100%, 390px);
}

.tw-reorder-toolbar input {
    width: 100%;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
    outline: none;
    color: #35445e;
    font-size: 12px;
}

.tw-reorder-toolbar input:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07);
}

.tw-reorder-toolbar form a {
    flex: none;
    color: #ff6b00 !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-reorder-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.tw-reorder-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #e1e6ed;
    border-radius: 16px;
    background: #fff;
    transition: .2s ease;
}

.tw-reorder-card:hover {
    border-color: #d7dde6;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(20, 42, 74, .06);
}

.tw-reorder-product-image {
    display: flex;
    height: 180px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid #edf0f4;
    background: #fafbfc;
}

.tw-reorder-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 14px;
}

.tw-reorder-image-empty {
    color: #bac2ce;
    font-size: 35px;
}

.tw-reorder-card-body {
    flex: 1;
    padding: 16px;
}

.tw-reorder-supplier {
    margin-bottom: 5px;
    overflow: hidden;
    color: #ff6b00;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.tw-reorder-card h3 {
    min-height: 40px;
    margin: 0 0 7px;
    overflow: hidden;
    color: #102447;
    font-size: 14px;
    line-height: 1.42;
    font-weight: 800;
}

.tw-reorder-variation {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 4px 7px;
    border-radius: 6px;
    background: #f2f4f7;
    color: #677489;
    font-size: 9px;
    font-weight: 700;
}

.tw-reorder-meta,
.tw-reorder-history {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tw-reorder-meta {
    margin-top: 10px;
}

.tw-reorder-history {
    margin-top: 8px;
}

.tw-reorder-meta div,
.tw-reorder-history div {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 9px;
    background: #f8fafc;
}

.tw-reorder-meta span,
.tw-reorder-history span {
    display: block;
    margin-bottom: 3px;
    color: #96a0af;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-reorder-meta strong,
.tw-reorder-history strong {
    display: block;
    overflow: hidden;
    color: #405069;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-reorder-card-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 13px 16px 16px;
    border-top: 1px solid #edf0f4;
}

.tw-reorder-primary,
.tw-reorder-secondary {
    display: inline-flex;
    min-height: 39px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
}

.tw-reorder-primary {
    background: #ff6b00;
    color: #fff !important;
}

.tw-reorder-secondary {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: #56647a !important;
}

.tw-reorder-unavailable {
    grid-column: 1 / -1;
    display: block;
    padding: 9px;
    border-radius: 9px;
    background: #f5f6f8;
    color: #8994a4;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.tw-reorder-empty {
    padding: 75px 24px;
    border: 1px solid #e2e7ee;
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.tw-reorder-empty-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 18px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 25px;
    font-weight: 700;
}

.tw-reorder-empty h3 {
    margin: 0 0 6px;
    color: #102447;
    font-size: 18px;
    font-weight: 800;
}

.tw-reorder-empty p {
    max-width: 510px;
    margin: 0 auto 20px;
    color: #8793a6;
    font-size: 12px;
}

.tw-reorder-empty a {
    display: inline-flex;
    min-height: 40px;
    padding: 0 17px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}

@media (max-width: 1199.98px) {
    .tw-reorder-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {

    .tw-reorder-head {
        flex-direction: column;
    }

    .tw-reorder-head h1 {
        font-size: 25px;
    }

    .tw-reorder-shop-btn {
        width: 100%;
    }

    .tw-reorder-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-reorder-toolbar form {
        width: 100%;
    }

    .tw-reorder-grid {
        grid-template-columns: 1fr;
    }

    .tw-reorder-product-image {
        height: 210px;
    }
}


/* =========================================================
   TWANA_BUYER_WISHLIST_144
   Favoritos
   ========================================================= */

.tw-wishlist-page {
    width: 100%;
}

.tw-wishlist-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.tw-wishlist-head h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.55px;
}

.tw-wishlist-head p {
    margin: 0;
    color: #77849b;
    font-size: 14px;
}

.tw-wishlist-explore {
    display: inline-flex;
    min-height: 42px;
    flex: none;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 7px 18px rgba(255,107,0,.16);
}

.tw-wishlist-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 15px 17px;
    border: 1px solid #e2e7ee;
    border-radius: 14px;
    background: #fff;
}

.tw-wishlist-total {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.tw-wishlist-total strong {
    color: #082553;
    font-size: 18px;
    font-weight: 800;
}

.tw-wishlist-total span {
    color: #8b96a7;
    font-size: 11px;
}

.tw-wishlist-toolbar form {
    display: flex;
    width: min(100%, 390px);
    align-items: center;
    gap: 10px;
}

.tw-wishlist-toolbar input {
    width: 100%;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #e0e5ec;
    border-radius: 10px;
    outline: none;
    color: #35445e;
    font-size: 12px;
}

.tw-wishlist-toolbar input:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07);
}

.tw-wishlist-toolbar form a {
    flex: none;
    color: #ff6b00 !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-wishlist-breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
}

.tw-wishlist-breadcrumb a {
    color: #ff5a1f !important;
    text-decoration: none !important;
}

.tw-wishlist-top {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 18px;
    margin-bottom: 18px;
}

.tw-wishlist-intro h1 {
    margin: 0 0 4px;
    color: #082553;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
}

.tw-wishlist-intro h2 {
    margin: 0 0 8px;
    color: #172033;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;
}

.tw-wishlist-intro p {
    max-width: 720px;
    margin: 0;
    color: #77849b;
    font-size: 12px;
    line-height: 1.55;
}

.tw-wishlist-hero {
    display: flex;
    min-width: 0;
    padding: 16px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    border: 1px solid #ffe0cc;
    border-radius: 16px;
    background: linear-gradient(135deg, #fff8f3 0%, #fff 100%);
}

.tw-wishlist-hero-icon {
    display: flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #ff5a1f;
    color: #fff;
    font-size: 18px;
}

.tw-wishlist-hero-copy {
    min-width: 0;
    flex: 1;
}

.tw-wishlist-hero-copy strong,
.tw-wishlist-hero-copy span {
    display: block;
}

.tw-wishlist-hero-copy strong {
    margin-bottom: 3px;
    color: #102447;
    font-size: 12px;
}

.tw-wishlist-hero-copy span {
    color: #77849b;
    font-size: 10px;
    line-height: 1.45;
}

.tw-wishlist-hero-art {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ff5a1f;
}

.tw-wishlist-hero-heart {
    font-size: 18px;
}

.tw-wishlist-hero-word {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
}

.tw-wishlist-filters {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    min-width: 0;
}

.tw-wishlist-tools {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    min-width: 0;
}

.tw-wishlist-filter,
.tw-wishlist-view {
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #e1e6ed;
    border-radius: 9px;
    background: #fff;
    color: #657188;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-wishlist-filter.active {
    border-color: #ffd6bf;
    background: #fff4ed;
    color: #ff5a1f !important;
}

.tw-wishlist-search {
    display: flex;
    width: 360px;
    max-width: 100%;
    min-width: 240px;
    align-items: center;
    gap: 7px;
}

.tw-wishlist-search-icon {
    color: #98a2b1;
}

.tw-wishlist-search-clear {
    color: #ff5a1f !important;
    text-decoration: none !important;
}

.tw-wishlist-cart {
    display: inline-flex;
    min-height: 39px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 9px;
    background: #ff5a1f;
    color: #fff !important;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
}

.tw-wishlist-product-category {
    margin-bottom: 4px;
    color: #7f8a9d;
    font-size: 10px;
}

.tw-wishlist-meta {
    margin-top: 8px;
}

.tw-wishlist-insights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.tw-wishlist-insight {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 105px;
    padding: 15px;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    background: #fff;
}

.tw-wishlist-insight-orange {
    border-color: #ffddc8;
    background: #fff8f3;
}

.tw-wishlist-insight-icon {
    display: flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff0e6;
    color: #ff5a1f;
    font-size: 15px;
}

.tw-wishlist-insight > div:not(.tw-wishlist-insight-icon) {
    min-width: 0;
    flex: 1;
}

.tw-wishlist-insight strong,
.tw-wishlist-insight span {
    display: block;
}

.tw-wishlist-insight strong {
    margin-bottom: 4px;
    color: #102447;
    font-size: 11px;
}

.tw-wishlist-insight span {
    color: #7f8a9d;
    font-size: 10px;
    line-height: 1.45;
}

.tw-wishlist-soon {
    flex: none;
    padding: 4px 7px;
    border-radius: 999px;
    background: #f3f5f8;
    color: #8994a4 !important;
    font-size: 8px !important;
    font-weight: 800;
}

.tw-wishlist-insight > a {
    display: flex;
    width: 30px;
    height: 30px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff0e6;
    color: #ff5a1f !important;
    text-decoration: none !important;
}
    .tw-wishlist-insight {
        min-height: 0;
        padding: 11px;
    }

.tw-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.tw-wishlist-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #e1e6ed;
    border-radius: 16px;
    background: #fff;
    transition: .2s ease;
}

.tw-wishlist-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(20,42,74,.06);
}

.tw-wishlist-image {
    position: relative;
    height: 205px;
    overflow: hidden;
    border-bottom: 1px solid #edf0f4;
    background: #fafbfc;
}

.tw-wishlist-image > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.tw-wishlist-image img {
    width: 100%;
    height: 100%;
    padding: 14px;
    object-fit: contain;
}

.tw-wishlist-heart {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0d9c7;
    border-radius: 50%;
    background: #fff;
    color: #ff6b00;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(20,42,74,.07);
}

.tw-wishlist-body {
    flex: 1;
    padding: 16px;
}

.tw-wishlist-supplier {
    margin-bottom: 5px;
    overflow: hidden;
    color: #ff6b00;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-wishlist-card h3 {
    min-height: 40px;
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.42;
    font-weight: 800;
}

.tw-wishlist-card h3 a {
    color: #102447 !important;
    text-decoration: none !important;
}

.tw-wishlist-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
}

.tw-wishlist-price > span {
    color: #98a2b1;
    font-size: 9px;
}

.tw-wishlist-price strong {
    color: #082553;
    font-size: 16px;
    font-weight: 800;
}

.tw-wishlist-price del {
    color: #a7afbc;
    font-size: 10px;
}

.tw-wishlist-min {
    margin-top: 10px;
    padding: 8px 9px;
    border-radius: 8px;
    background: #f8fafc;
    color: #8b96a6;
    font-size: 9px;
}

.tw-wishlist-min strong {
    color: #536178;
}

.tw-wishlist-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 13px 16px 16px;
    border-top: 1px solid #edf0f4;
}

.tw-wishlist-primary,
.tw-wishlist-remove {
    display: inline-flex;
    min-height: 39px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.tw-wishlist-primary {
    border: 0;
    background: #ff6b00;
    color: #fff !important;
    text-decoration: none !important;
}

.tw-wishlist-remove {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: #718096;
    cursor: pointer;
}

.tw-wishlist-unavailable {
    grid-column: 1 / -1;
    display: block;
    padding: 9px;
    border-radius: 9px;
    background: #f5f6f8;
    color: #8994a4;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.tw-wishlist-empty {
    padding: 75px 24px;
    border: 1px solid #e2e7ee;
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.tw-wishlist-empty-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 18px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 27px;
}

.tw-wishlist-empty h3 {
    margin: 0 0 6px;
    color: #102447;
    font-size: 18px;
    font-weight: 800;
}

.tw-wishlist-empty p {
    max-width: 500px;
    margin: 0 auto 20px;
    color: #8793a6;
    font-size: 12px;
}

.tw-wishlist-empty > a {
    display: inline-flex;
    min-height: 40px;
    padding: 0 17px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}

@media (max-width: 1199.98px) {
    .tw-wishlist-top {
        grid-template-columns: 1fr;
    }

    .tw-wishlist-hero {
        padding: 12px;
    }

    .tw-wishlist-hero-art {
        display: none;
    }

    .tw-wishlist-toolbar {
        gap: 10px;
        padding: 12px;
    }

    .tw-wishlist-filters {
        gap: 5px;
    }

    .tw-wishlist-filter {
        min-height: 31px;
        padding: 0 8px;
        font-size: 9px;
    }

    .tw-wishlist-tools {
        width: 100%;
    }

    .tw-wishlist-search {
        width: 100%;
        min-width: 0;
    }

    .tw-wishlist-insights {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 14px;
    }

    .tw-wishlist-insight {
        min-height: 0;
        padding: 11px;
    }

    .tw-wishlist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {

    .tw-wishlist-head {
        flex-direction: column;
    }

    .tw-wishlist-head h1 {
        font-size: 25px;
    }

    .tw-wishlist-explore {
        width: 100%;
    }

    .tw-wishlist-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-wishlist-toolbar form {
        width: 100%;
    }

    .tw-wishlist-top {
        grid-template-columns: 1fr;
    }

    .tw-wishlist-hero {
        padding: 12px;
    }

    .tw-wishlist-hero-art {
        display: none;
    }

    .tw-wishlist-toolbar {
        gap: 8px;
        padding: 10px;
    }

    .tw-wishlist-filters {
        gap: 5px;
        width: 100%;
        margin-left: 0;
        flex-wrap: nowrap;
    }

    .tw-wishlist-filter {
        min-height: 31px;
        padding: 0 8px;
        font-size: 9px;
    }

    .tw-wishlist-tools {
        width: 100%;
        margin-left: 0;
        flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: 0;
    }

    .tw-wishlist-search {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    .tw-wishlist-insights {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 14px;
    }

    .tw-wishlist-insight {
        min-height: 0;
        padding: 11px;
    }

    .tw-wishlist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .tw-wishlist-card {
        border-radius: 12px;
    }

    .tw-wishlist-image {
        height: 150px;
    }

    .tw-wishlist-image img {
        padding: 8px;
    }

    .tw-wishlist-heart {
        top: 8px;
        right: 8px;
        width: 32px;
        height: 32px;
        font-size: 15px;
    }

    .tw-wishlist-body {
        padding: 10px;
    }

    .tw-wishlist-product-category {
        font-size: 10px;
        line-height: 1.25;
    }

    .tw-wishlist-card h3 {
        min-height: 16px;
        margin: 4px 0 7px;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.32;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .tw-wishlist-price {
        gap: 4px;
    }

    .tw-wishlist-price strong {
        font-size: 14px;
    }

    .tw-wishlist-price del {
        font-size: 9px;
    }

    .tw-wishlist-meta {
        margin-top: 5px;
    }

    .tw-wishlist-supplier {
        margin-bottom: 0;
        font-size: 8px;
    }

    .tw-wishlist-min {
        margin-top: 5px;
        padding: 5px 6px;
        font-size: 8px;
    }

    .tw-wishlist-footer {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 8px 10px 10px;
    }

    .tw-wishlist-cart,
    .tw-wishlist-primary,
    .tw-wishlist-remove {
        width: 100%;
        min-height: 34px;
        padding: 0 7px;
        font-size: 9px;
    }
}


/* =========================================================
   TWANA_BUYER_ADDRESSES_146
   Endereços
   ========================================================= */

.tw-address-page {
    width: 100%;
}

.tw-address-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.tw-address-head h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.55px;
}

.tw-address-head p {
    margin: 0;
    color: #77849b;
    font-size: 14px;
}

.tw-address-add-btn {
    display: inline-flex;
    min-height: 42px;
    flex: none;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    background: #ff6b00;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(255,107,0,.16);
}

.tw-address-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tw-address-summary-card {
    padding: 15px 17px;
    border: 1px solid #e2e7ee;
    border-radius: 13px;
    background: #fff;
}

.tw-address-summary-card span {
    display: block;
    margin-bottom: 4px;
    color: #8f9aac;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-address-summary-card strong {
    color: #102447;
    font-size: 14px;
    font-weight: 800;
}

.tw-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tw-address-card,
.tw-address-new-card {
    min-height: 250px;
    border: 1px solid #e1e6ed;
    border-radius: 16px;
    background: #fff;
}

.tw-address-card {
    display: flex;
    flex-direction: column;
    padding: 18px;
}

.tw-address-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.tw-address-pin {
    display: flex;
    width: 39px;
    height: 39px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 19px;
    font-weight: 800;
}

.tw-address-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.tw-address-badge {
    display: inline-flex;
    min-height: 25px;
    padding: 0 9px;
    align-items: center;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.tw-address-badge.primary {
    background: #fff0e5;
    color: #ff6b00;
}

.tw-address-badge.billing {
    background: #edf3ff;
    color: #315f9e;
}

.tw-address-main {
    margin-top: 18px;
}

.tw-address-main h3 {
    margin: 0 0 6px;
    color: #102447;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
}

.tw-address-main p {
    margin: 0;
    color: #8190a5;
    font-size: 11px;
    line-height: 1.5;
}

.tw-address-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.tw-address-info > div {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 9px;
    background: #f8fafc;
}

.tw-address-info span {
    display: block;
    margin-bottom: 3px;
    color: #9aa4b2;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-address-info strong {
    display: block;
    overflow: hidden;
    color: #536178;
    font-size: 10px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-address-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
    padding-top: 17px;
}

.tw-address-action {
    display: inline-flex;
    min-height: 34px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e5ec;
    border-radius: 8px;
    background: #fff;
    color: #637188 !important;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
}

.tw-address-action.edit {
    border-color: #ffd8bb;
    background: #fff8f3;
    color: #ff6b00 !important;
}

.tw-address-action.danger {
    color: #b75a5a !important;
}

.tw-address-new-card {
    display: flex;
    min-height: 250px;
    padding: 25px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    color: #7d899b;
    text-align: center;
    cursor: pointer;
}

.tw-address-new-card:hover {
    border-color: #ffb47d;
    background: #fffaf6;
}

.tw-address-new-card > span {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 13px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 22px;
}

.tw-address-new-card strong {
    color: #102447;
    font-size: 13px;
    font-weight: 800;
}

.tw-address-new-card small {
    max-width: 260px;
    margin-top: 5px;
    color: #98a2b1;
    font-size: 10px;
    line-height: 1.5;
}

.tw-address-empty {
    padding: 75px 24px;
    border: 1px solid #e2e7ee;
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.tw-address-empty-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 18px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 26px;
}

.tw-address-empty h3 {
    margin: 0 0 6px;
    color: #102447;
    font-size: 18px;
    font-weight: 800;
}

.tw-address-empty p {
    max-width: 500px;
    margin: 0 auto 20px;
    color: #8793a6;
    font-size: 12px;
}

.tw-address-empty button {
    display: inline-flex;
    min-height: 40px;
    padding: 0 17px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 991.98px) {

    .tw-address-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 767.98px) {

    .tw-address-head {
        flex-direction: column;
    }

    .tw-address-head h1 {
        font-size: 25px;
    }

    .tw-address-add-btn {
        width: 100%;
    }

    .tw-address-summary {
        grid-template-columns: 1fr;
    }

    .tw-address-info {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   TWANA_BUYER_ADDRESS_MODAL_147
   Modal de endereço — canonical
   ========================================================= */

.tw-address-modal-dialog {
    width: calc(100% - 32px);
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.tw-address-modal {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 70px rgba(15,35,65,.18);
}

.tw-address-modal-head {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.tw-address-modal-head h3 {
    margin: 0 0 4px;
    color: #102447;
    font-size: 20px;
    font-weight: 800;
}

.tw-address-modal-head p {
    margin: 0;
    color: #8a96a8;
    font-size: 11px;
}

.tw-address-modal-close {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: #f6f8fb;
    color: #66758b;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.tw-address-br-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.tw-address-modal-body {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 20px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.tw-address-field {
    min-width: 0;
}

.tw-address-field.full {
    grid-column: 1 / -1;
}

.tw-address-field label {
    display: block;
    margin-bottom: 7px;
    color: #34445d;
    font-size: 10px;
    font-weight: 800;
}

.tw-address-field input,
.tw-address-field textarea,
.tw-address-field select,
.tw-address-field .form-control {
    width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #dfe5ec;
    border-radius: 10px;
    background: #fff;
    color: #34445d;
    font-size: 12px;
    outline: none;
    box-shadow: none;
}

.tw-address-field textarea {
    min-height: 72px;
    resize: vertical;
}

.tw-address-field input:focus,
.tw-address-field textarea:focus,
.tw-address-field select:focus,
.tw-address-field .form-control:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07);
}

.tw-address-phone-row {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px;
}

.tw-address-country-code {
    text-align: center;
}

.tw-address-modal-footer {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 15px 24px 18px;
    border-top: 1px solid #edf0f4;
    background: #fff;
}

.tw-address-modal-cancel,
.tw-address-modal-save {
    display: inline-flex;
    min-height: 42px;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.tw-address-modal-cancel {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: #65738a;
}

.tw-address-modal-save {
    border: 0;
    background: #ff6b00;
    color: #fff;
    box-shadow: 0 7px 18px rgba(255,107,0,.14);
}

.tw-address-modal .bootstrap-select > .dropdown-toggle {
    min-height: 43px;
    border: 1px solid #dfe5ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #34445d !important;
    box-shadow: none !important;
}

.tw-address-modal .dropdown-menu {
    border-radius: 10px;
    border-color: #e1e6ed;
    box-shadow: 0 12px 35px rgba(20,42,74,.10);
}

@media (max-width: 767.98px) {

    .tw-address-modal-dialog {
        width: calc(100% - 20px);
        max-width: none;
        margin: 10px auto;
    }

    .tw-address-modal {
        max-height: calc(100vh - 20px);
        max-height: calc(100dvh - 20px);
        border-radius: 16px;
    }

    .tw-address-modal-head {
        padding: 16px 16px 13px;
    }

    .tw-address-modal-head h3 {
        font-size: 17px;
    }

    .tw-address-modal-body {
        grid-template-columns: 1fr;
        gap: 11px;
        padding: 16px;
    }

    .tw-address-field.full {
        grid-column: auto;
    }

    .tw-address-modal-footer {
        gap: 8px;
        padding: 10px 16px max(10px, env(safe-area-inset-bottom));
        box-shadow: 0 -6px 18px rgba(15,35,65,.045);
    }

    .tw-address-modal-cancel,
    .tw-address-modal-save {
        flex: 1 1 0;
        min-width: 0;
        min-height: 44px;
    }
}
   TWANA_ADDRESS_FIELDS_148
   Número, complemento e dropdown
   ========================================================= */

.tw-address-complement {
    margin: -1px 0 5px;
    color: #6f7e93;
    font-size: 10px;
    font-weight: 600;
}

.tw-address-number-field {
    grid-column: span 1;
}

.tw-address-complement-field {
    grid-column: span 1;
}


/* select Bootstrap / AIZ */
.tw-address-modal .bootstrap-select {
    width: 100% !important;
}

.tw-address-modal .bootstrap-select > .dropdown-toggle {
    width: 100% !important;
    min-height: 43px !important;
    padding: 0 12px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #34445d !important;
    box-shadow: none !important;
}

.tw-address-modal .bootstrap-select > .dropdown-toggle:focus,
.tw-address-modal .bootstrap-select.show > .dropdown-toggle {
    border-color: #ff6b00 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07) !important;
}

.tw-address-modal .bootstrap-select .dropdown-menu {
    padding: 7px !important;
    border: 1px solid #e1e6ed !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 14px 35px rgba(15,35,65,.13) !important;
}

.tw-address-modal .bootstrap-select .bs-searchbox {
    padding: 4px 4px 8px !important;
}

.tw-address-modal .bootstrap-select .bs-searchbox input {
    height: 39px !important;
    min-height: 39px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #34445d !important;
    box-shadow: none !important;
}

.tw-address-modal .bootstrap-select .bs-searchbox input:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,.06) !important;
}

.tw-address-modal .bootstrap-select .dropdown-item {
    padding: 9px 10px !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #43536b !important;
    font-size: 11px !important;
}

.tw-address-modal .bootstrap-select .dropdown-item:hover,
.tw-address-modal .bootstrap-select .dropdown-item:focus {
    background: #fff3e9 !important;
    color: #ff6b00 !important;
}

.tw-address-modal .bootstrap-select .dropdown-item.active,
.tw-address-modal .bootstrap-select .dropdown-item.selected,
.tw-address-modal .bootstrap-select .dropdown-item.active:hover {
    background: #ff6b00 !important;
    color: #fff !important;
}

.tw-address-modal .bootstrap-select .dropdown-item.active span,
.tw-address-modal .bootstrap-select .dropdown-item.selected span {
    color: inherit !important;
}

.tw-address-modal .bootstrap-select .no-results {
    padding: 10px !important;
    background: #f8fafc !important;
    color: #7b889c !important;
    font-size: 11px !important;
}

@media (max-width: 767.98px) {

    .tw-address-number-field,
    .tw-address-complement-field {
        grid-column: auto;
    }

}


/* TWANA_ADDRESS_BRASIL_RESILIENT_151 */

.tw-address-auto-box {
    display: flex;
    min-height: 63px;
    padding: 10px 12px;
    align-items: center;
    gap: 10px;
    border: 1px solid #e3e8ef;
    border-radius: 11px;
    background: #f8fafc;
}

.tw-address-auto-icon {
    display: flex;
    width: 32px;
    height: 32px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff0e5;
    color: #ff6b00;
    font-size: 15px;
    font-weight: 900;
}

.tw-address-auto-box strong {
    display: block;
    color: #42516a;
    font-size: 9px;
    font-weight: 800;
}

.tw-address-auto-box small {
    display: block;
    margin-top: 2px;
    color: #8c98aa;
    font-size: 8px;
}

.tw-address-auto-box.loading {
    border-color: #ffd4b4;
    background: #fff9f5;
}

.tw-address-auto-box.success {
    border-color: #cfe7d9;
    background: #f5fbf7;
}

.tw-address-auto-box.success .tw-address-auto-icon {
    background: #e5f6eb;
    color: #2b8a52;
}

.tw-address-auto-box.error {
    border-color: #f0d0d0;
    background: #fff8f8;
}

.tw-address-auto-box.error .tw-address-auto-icon {
    background: #faeaea;
    color: #b94e4e;
}

.tw-optional {
    margin-left: 4px;
    color: #9da7b6;
    font-size: 8px;
    font-weight: 500;
}

.tw-state-code {
    text-transform: uppercase;
    font-weight: 800;
}

.tw-address-country-code {
    background: #f8fafc !important;
    text-align: center;
}


/* TWANA_BUYER_COMPANY_153B */

.tw-company-page {
    width: 100%;
}

.tw-company-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.tw-company-head h1 {
    margin: 0 0 7px;
    color: #082553;
    font-size: 32px;
    line-height: 1.08;
    font-weight: 850;
    letter-spacing: -.75px;
}

.tw-company-head p {
    max-width: 680px;
    margin: 0;
    color: #718198;
    font-size: 13px;
    line-height: 1.55;
}

.tw-company-status {
    display: inline-flex;
    min-height: 34px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: none;
    border: 1px solid #d9eee1;
    border-radius: 999px;
    background: #f0faf4;
    color: #278055;
    font-size: 9px;
    font-weight: 850;
}

.tw-company-status-dot {
    width: 6px;
    height: 6px;
    flex: none;
    border-radius: 50%;
    background: #31a267;
}

.tw-company-alert {
    margin-bottom: 17px;
    padding: 14px 16px;
    border: 1px solid #f0d7d7;
    border-radius: 13px;
    background: #fff8f8;
    color: #a34848;
    font-size: 11px;
    line-height: 1.55;
    font-weight: 650;
}

.tw-company-alert strong {
    display: block;
    margin-bottom: 2px;
}

.tw-company-alert.success {
    border-color: #d3eadb;
    background: #f3faf5;
    color: #347553;
}

.tw-company-form {
    display: grid;
    gap: 18px;
}

.tw-company-card {
    overflow: hidden;
    border: 1px solid #dfe5ed;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(16,39,75,.035);
}

.tw-company-card-head {
    display: flex;
    min-height: 76px;
    padding: 18px 22px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #edf1f5;
}

.tw-company-card-head > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.tw-company-card-head > div > span {
    display: flex;
    width: 36px;
    height: 36px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff0e5;
    color: #ff6200;
    font-size: 10px;
    font-weight: 900;
}

.tw-company-card-head h2 {
    margin: 0 0 3px;
    color: #0b2349;
    font-size: 16px;
    font-weight: 850;
}

.tw-company-card-head p {
    margin: 0;
    color: #8795aa;
    font-size: 9px;
}

.tw-company-readonly-badge {
    display: inline-flex;
    min-height: 28px;
    padding: 0 10px;
    align-items: center;
    flex: none;
    border: 1px solid #e2e7ed;
    border-radius: 999px;
    background: #f8fafc;
    color: #7b899d;
    font-size: 8px;
    font-weight: 800;
}

.tw-company-body {
    padding: 22px;
}

/* PERFIL EMPRESARIAL */

.tw-company-identity {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(220px, .75fr);
    gap: 14px;
}

.tw-company-identity-main,
.tw-company-document {
    min-width: 0;
    border: 1px solid #e4e9ef;
    border-radius: 15px;
    background: #f9fbfd;
}

.tw-company-identity-main {
    display: flex;
    min-height: 100px;
    padding: 18px;
    align-items: center;
    gap: 15px;
}

.tw-company-identity-icon {
    display: flex;
    width: 46px;
    height: 46px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff0e5;
    color: #ff6200;
    font-size: 11px;
    font-weight: 900;
}

.tw-company-identity-copy {
    min-width: 0;
}

.tw-company-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #8492a7;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.tw-company-identity-copy > strong {
    display: block;
    overflow: hidden;
    color: #132d54;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 850;
    text-overflow: ellipsis;
}

.tw-company-identity-copy > small {
    display: block;
    margin-top: 5px;
    color: #8997aa;
    font-size: 9px;
    line-height: 1.45;
}

.tw-company-document {
    display: flex;
    min-height: 100px;
    padding: 18px;
    flex-direction: column;
    justify-content: center;
}

.tw-company-document > span {
    margin-bottom: 7px;
    color: #8492a7;
    font-size: 8px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.tw-company-document > strong {
    color: #18345d;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 850;
}

.tw-company-fiscal-bar {
    display: flex;
    margin-top: 14px;
    padding: 14px 15px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid #ffe0ca;
    border-radius: 14px;
    background: #fffaf6;
}

.tw-company-fiscal-info {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.tw-company-fiscal-info-icon {
    display: flex;
    width: 29px;
    height: 29px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #ffeadb;
    color: #f46100;
    font-size: 11px;
    font-weight: 900;
}

.tw-company-fiscal-info strong {
    display: block;
    margin-bottom: 2px;
    color: #31435e;
    font-size: 9px;
    font-weight: 850;
}

.tw-company-fiscal-info p {
    margin: 0;
    color: #8793a4;
    font-size: 8px;
    line-height: 1.45;
}

.tw-company-fiscal-link {
    display: inline-flex;
    min-height: 40px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: none;
    border: 1px solid #ff7a24;
    border-radius: 10px;
    background: #fff;
    color: #ef5d00 !important;
    font-size: 9px;
    font-weight: 850;
    text-decoration: none !important;
    transition: background .18s ease, transform .18s ease;
}

.tw-company-fiscal-link:hover {
    background: #fff4ec;
    color: #e65400 !important;
    transform: translateY(-1px);
}

/* CAMPOS OPERACIONAIS */

.tw-company-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.tw-company-field {
    min-width: 0;
}

.tw-company-field.full {
    grid-column: 1 / -1;
}

.tw-company-field label {
    display: block;
    margin-bottom: 8px;
    color: #263a5a;
    font-size: 10px;
    font-weight: 850;
}

.tw-company-field label > span {
    margin-left: 3px;
    color: #97a2b2;
    font-size: 8px;
    font-weight: 500;
}

.tw-company-input-shell {
    position: relative;
}

.tw-company-input-icon {
    position: absolute;
    top: 50%;
    left: 14px;
    z-index: 1;
    display: flex;
    width: 19px;
    height: 19px;
    align-items: center;
    justify-content: center;
    color: #9aa6b7;
    font-size: 10px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.tw-company-field input {
    width: 100%;
    min-height: 47px;
    padding: 0 14px;
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: #fff;
    color: #263b5c;
    font-size: 12px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.tw-company-input-shell input {
    padding-left: 43px;
}

.tw-company-field input:hover {
    border-color: #ccd6e1;
}

.tw-company-field input:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 4px rgba(255,107,0,.07);
}

.tw-company-helper {
    display: block;
    margin-top: 7px;
    color: #98a3b3;
    font-size: 8px;
    line-height: 1.4;
}

.tw-company-error {
    display: block;
    margin-top: 6px;
    color: #c34f4f;
    font-size: 9px;
    font-weight: 750;
}


/* RODAPÉ */

.tw-company-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    border: 1px solid #dfe5ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(20,43,77,.03);
}

.tw-company-footer-note {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.tw-company-footer-note > span {
    display: flex;
    width: 27px;
    height: 27px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #edf8f1;
    color: #2f875a;
    font-size: 10px;
    font-weight: 900;
}

.tw-company-footer-note > div {
    min-width: 0;
}

.tw-company-footer-note strong {
    display: block;
    margin-bottom: 2px;
    color: #4d5d74;
    font-size: 9px;
    font-weight: 800;
}

.tw-company-footer-note small {
    display: block;
    color: #909bad;
    font-size: 8px;
    line-height: 1.4;
}

.tw-company-footer button {
    display: inline-flex;
    min-height: 45px;
    flex: none;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg,#ff7600 0%,#ff5900 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(255,96,0,.17);
    transition: transform .18s ease, box-shadow .18s ease;
}

.tw-company-footer button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(255,96,0,.22);
}


/* MOBILE */

@media (max-width: 767.98px) {

    .tw-company-head {
        gap: 13px;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .tw-company-head h1 {
        font-size: 26px;
    }

    .tw-company-head p {
        font-size: 12px;
    }

    .tw-company-status {
        min-height: 30px;
    }

    .tw-company-form {
        gap: 14px;
    }

    .tw-company-card {
        border-radius: 17px;
    }

    .tw-company-card-head {
        min-height: 0;
        padding: 16px 17px;
        align-items: flex-start;
    }

    .tw-company-card-head > div {
        align-items: flex-start;
        gap: 11px;
    }

    .tw-company-card-head > div > span {
        width: 34px;
        height: 34px;
    }

    .tw-company-card-head h2 {
        font-size: 14px;
    }

    .tw-company-readonly-badge {
        min-height: 25px;
        padding: 0 8px;
        font-size: 7px;
    }

    .tw-company-body {
        padding: 17px;
    }

    .tw-company-identity {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tw-company-identity-main,
    .tw-company-document {
        min-height: 88px;
        padding: 15px;
    }

    .tw-company-identity-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .tw-company-identity-copy > strong {
        white-space: normal;
        font-size: 13px;
    }

    .tw-company-document {
        min-height: 76px;
    }

    .tw-company-fiscal-bar {
        margin-top: 10px;
        padding: 13px;
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .tw-company-fiscal-info {
        align-items: flex-start;
    }

    .tw-company-fiscal-link {
        width: 100%;
        min-height: 43px;
    }

    .tw-company-grid {
        grid-template-columns: 1fr;
    }

    .tw-company-field.full {
        grid-column: auto;
    }

    .tw-company-field input {
        min-height: 46px;
        font-size: 12px;
    }

    .tw-company-footer {
        padding: 16px;
        align-items: stretch;
        flex-direction: column;
    }

    .tw-company-footer-note {
        align-items: flex-start;
    }

    .tw-company-footer button {
        width: 100%;
        min-height: 46px;
    }
}

/* END TWANA_BUYER_COMPANY_153B */
/* =========================================================
   TWANA_BUYER_FINANCE_155B
   ========================================================= */
   ========================================================= */

.tw-finance-page {
    width: 100%;
}

.tw-finance-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.tw-finance-head h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.55px;
}

.tw-finance-head p {
    margin: 0;
    color: #7e8ba0;
    font-size: 13px;
}

.tw-finance-orders-link {
    display: inline-flex;
    min-height: 38px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e5eb;
    border-radius: 10px;
    background: #fff;
    color: #30425d;
    font-size: 10px;
    font-weight: 800;
}

.tw-finance-orders-link:hover {
    border-color: #ff6b00;
    color: #ff6b00;
}

.tw-finance-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.tw-finance-metric {
    display: flex;
    min-height: 112px;
    padding: 18px;
    align-items: center;
    gap: 13px;
    border: 1px solid #e1e6ed;
    border-radius: 15px;
    background: #fff;
}

.tw-finance-metric-icon {
    display: flex;
    width: 39px;
    height: 39px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 10px;
    font-weight: 900;
}

.tw-finance-metric-icon.success {
    background: #ecf8f1;
    color: #2f9060;
}

.tw-finance-metric-icon.warning {
    background: #fff7e8;
    color: #d69527;
}

.tw-finance-metric span {
    display: block;
    margin-bottom: 4px;
    color: #8995a7;
    font-size: 9px;
    font-weight: 700;
}

.tw-finance-metric strong {
    display: block;
    color: #12294d;
    font-size: 17px;
    font-weight: 850;
}

.tw-finance-metric small {
    display: block;
    margin-top: 3px;
    color: #a1aab7;
    font-size: 8px;
}

.tw-finance-card {
    overflow: hidden;
    border: 1px solid #e1e6ed;
    border-radius: 16px;
    background: #fff;
}

.tw-finance-card-head {
    display: flex;
    padding: 18px 20px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #edf0f4;
}

.tw-finance-card-head h2 {
    margin: 0 0 3px;
    color: #14294a;
    font-size: 14px;
    font-weight: 800;
}

.tw-finance-card-head p {
    margin: 0;
    color: #909baa;
    font-size: 9px;
}

.tw-finance-filters {
    display: flex;
    gap: 5px;
    padding: 3px;
    border-radius: 10px;
    background: #f5f7fa;
}

.tw-finance-filters a {
    padding: 7px 11px;
    border-radius: 8px;
    color: #7a879a;
    font-size: 9px;
    font-weight: 800;
}

.tw-finance-filters a.active {
    background: #fff;
    color: #ff6b00;
    box-shadow: 0 2px 8px rgba(22,42,73,.06);
}

.tw-finance-table-wrap {
    overflow-x: auto;
}

.tw-finance-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.tw-finance-table th {
    padding: 11px 16px;
    border-bottom: 1px solid #edf0f4;
    background: #fafbfc;
    color: #8a95a5;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .35px;
    white-space: nowrap;
}

.tw-finance-table td {
    padding: 15px 16px;
    border-bottom: 1px solid #f0f2f5;
    color: #67758a;
    font-size: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.tw-finance-table tbody tr:last-child td {
    border-bottom: 0;
}

.tw-finance-table td > strong:first-child {
    color: #263b59;
    font-weight: 800;
}

.tw-finance-value {
    color: #172e51 !important;
    font-size: 11px;
}

.tw-finance-badge {
    display: inline-flex;
    min-height: 24px;
    padding: 0 9px;
    align-items: center;
    border-radius: 15px;
    font-size: 8px;
    font-weight: 850;
}

.tw-finance-badge.paid {
    background: #edf8f1;
    color: #32865a;
}

.tw-finance-badge.pending {
    background: #fff6e8;
    color: #c98720;
}

.tw-finance-detail-link {
    color: #ff6b00;
    font-size: 9px;
    font-weight: 800;
}

.tw-finance-empty {
    padding: 60px 20px;
    text-align: center;
}

.tw-finance-empty-icon {
    display: flex;
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 11px;
    font-weight: 900;
}

.tw-finance-empty h3 {
    margin: 0 0 6px;
    color: #173052;
    font-size: 14px;
    font-weight: 800;
}

.tw-finance-empty p {
    max-width: 390px;
    margin: 0 auto 16px;
    color: #8995a6;
    font-size: 10px;
    line-height: 1.6;
}

.tw-finance-empty a {
    display: inline-flex;
    min-height: 38px;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ff6b00;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

.tw-finance-pagination {
    padding: 16px 20px;
    border-top: 1px solid #edf0f4;
}

.tw-finance-info {
    display: flex;
    margin-top: 16px;
    padding: 15px 17px;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    background: #fafbfc;
}

.tw-finance-info-icon {
    display: flex;
    width: 28px;
    height: 28px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2f6;
    color: #55708e;
    font-size: 10px;
    font-weight: 900;
}

.tw-finance-info strong {
    display: block;
    margin-bottom: 3px;
    color: #44566e;
    font-size: 9px;
    font-weight: 800;
}

.tw-finance-info p {
    margin: 0;
    color: #8b96a5;
    font-size: 9px;
    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .tw-finance-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {

    .tw-finance-head,
    .tw-finance-card-head {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-finance-head h1 {
        font-size: 25px;
    }

    .tw-finance-orders-link {
        width: 100%;
    }

    .tw-finance-filters {
        width: 100%;
    }

    .tw-finance-filters a {
        flex: 1;
        text-align: center;
    }
}


/* =========================================================
   TWANA_BUYER_SETTINGS_157
   ========================================================= */

.tw-settings-page {
    width: 100%;
}

.tw-settings-header {
    margin-bottom: 24px;
}

.tw-settings-header h1 {
    margin: 0 0 6px;
    color: #082553;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.55px;
}

.tw-settings-header p {
    margin: 0;
    color: #7e8ba0;
    font-size: 13px;
}

.tw-settings-alert {
    display: flex;
    margin-bottom: 16px;
    padding: 13px 15px;
    flex-direction: column;
    gap: 2px;
    border: 1px solid #f1c7c7;
    border-radius: 12px;
    background: #fff7f7;
    color: #a74343;
    font-size: 10px;
}

.tw-settings-alert strong {
    font-size: 11px;
}

.tw-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.tw-settings-card {
    padding: 22px;
    border: 1px solid #e1e6ed;
    border-radius: 16px;
    background: #fff;
}

.tw-settings-card-wide {
    grid-column: 1 / -1;
}

.tw-settings-card-head {
    display: flex;
    margin-bottom: 22px;
    align-items: flex-start;
    gap: 12px;
}

.tw-settings-card-number {
    display: flex;
    width: 34px;
    height: 34px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 9px;
    font-weight: 900;
}

.tw-settings-card-head h2 {
    margin: 1px 0 3px;
    color: #142b4d;
    font-size: 14px;
    font-weight: 800;
}

.tw-settings-card-head p {
    margin: 0;
    color: #8e99a9;
    font-size: 9px;
    line-height: 1.5;
}

.tw-settings-profile-row {
    display: flex;
    margin-bottom: 22px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tw-settings-avatar-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tw-settings-avatar {
    display: flex;
    width: 66px;
    height: 66px;
    flex: none;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e9ef;
    border-radius: 18px;
    background: #f7f9fb;
}

.tw-settings-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tw-settings-avatar-fallback {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #082553;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
}

.tw-settings-upload {
    display: inline-flex;
    min-height: 34px;
    padding: 0 12px;
    align-items: center;
    border: 1px solid #dfe5ec;
    border-radius: 9px;
    background: #fff;
    color: #30425d;
    cursor: pointer;
    font-size: 9px;
    font-weight: 800;
}

.tw-settings-upload:hover {
    border-color: #ff6b00;
    color: #ff6b00;
}

.tw-settings-avatar-action small {
    display: block;
    margin-top: 5px;
    color: #9aa4b2;
    font-size: 8px;
}

.tw-settings-file-preview {
    margin: 0;
}

.tw-settings-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.tw-settings-field-full {
    grid-column: 1 / -1;
}

.tw-settings-field {
    margin-bottom: 15px;
}

.tw-settings-field label {
    display: block;
    margin-bottom: 7px;
    color: #44536a;
    font-size: 9px;
    font-weight: 800;
}

.tw-settings-field input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dfe5ec;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #263b59;
    font-size: 10px;
    transition: .15s ease;
}

.tw-settings-field input:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07);
}

.tw-settings-field small {
    display: block;
    margin-top: 6px;
    color: #98a3b1;
    font-size: 8px;
}

.tw-settings-readonly {
    display: flex;
    min-height: 42px;
    padding: 0 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e5e9ef;
    border-radius: 10px;
    background: #f8f9fb;
    color: #536379;
    font-size: 10px;
}

.tw-settings-verified,
.tw-settings-unverified {
    display: inline-flex;
    min-height: 22px;
    padding: 0 8px;
    align-items: center;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.tw-settings-verified {
    background: #eaf7ef;
    color: #33895b;
}

.tw-settings-unverified {
    background: #fff3e7;
    color: #ce791c;
}

.tw-settings-actions {
    display: flex;
    margin-top: 5px;
    justify-content: flex-end;
}

.tw-settings-primary,
.tw-settings-secondary {
    display: inline-flex;
    min-height: 38px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    font-size: 9px;
    font-weight: 800;
}

.tw-settings-primary {
    border: 1px solid #ff6b00;
    background: #ff6b00;
    color: #fff;
}

.tw-settings-primary:hover {
    background: #ed6400;
    color: #fff;
}

.tw-settings-primary:disabled {
    border-color: #dfe3e8;
    background: #dfe3e8;
    cursor: not-allowed;
}

.tw-settings-secondary {
    border: 1px solid #dfe5ec;
    background: #fff;
    color: #31445f;
    white-space: nowrap;
}

.tw-settings-secondary:hover {
    border-color: #ff6b00;
    color: #ff6b00;
}

.tw-settings-secondary:disabled {
    cursor: wait;
    opacity: .65;
}

.tw-settings-email-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.tw-settings-email-code {
    display: none;
    padding-top: 5px;
}

.tw-settings-email-code.active {
    display: block;
}

.tw-settings-note {
    display: flex;
    margin-top: 18px;
    padding: 12px;
    align-items: flex-start;
    gap: 9px;
    border-radius: 11px;
    background: #f8fafc;
}

.tw-settings-note > span {
    display: flex;
    width: 23px;
    height: 23px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eaf0f5;
    color: #5d7088;
    font-size: 8px;
    font-weight: 900;
}

.tw-settings-note p {
    margin: 1px 0 0;
    color: #7f8c9d;
    font-size: 8px;
    line-height: 1.6;
}

.tw-password-wrap {
    position: relative;
}

.tw-password-wrap input {
    padding-right: 70px;
}

.tw-password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 4px 6px;
    border: 0;
    background: transparent;
    color: #7b8798;
    font-size: 8px;
    font-weight: 800;
    transform: translateY(-50%);
}

.tw-password-toggle:hover {
    color: #ff6b00;
}

.tw-settings-footer-note {
    display: flex;
    margin-top: 16px;
    padding: 16px 18px;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e2e7ed;
    border-radius: 14px;
    background: #fafbfc;
}

.tw-settings-footer-icon {
    display: flex;
    width: 30px;
    height: 30px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef2f6;
    font-size: 12px;
}

.tw-settings-footer-note strong {
    display: block;
    margin-bottom: 3px;
    color: #44566e;
    font-size: 9px;
    font-weight: 800;
}

.tw-settings-footer-note p {
    margin: 0;
    color: #8a95a5;
    font-size: 9px;
    line-height: 1.6;
}

.tw-settings-footer-note b {
    color: #53657c;
}

@media (max-width: 991.98px) {

    .tw-settings-grid {
        grid-template-columns: 1fr;
    }

    .tw-settings-card-wide {
        grid-column: auto;
    }

}

@media (max-width: 767.98px) {

    .tw-settings-header h1 {
        font-size: 25px;
    }

    .tw-settings-form-grid {
        grid-template-columns: 1fr;
    }

    .tw-settings-field-full {
        grid-column: auto;
    }

    .tw-settings-profile-row,
    .tw-settings-avatar-wrap {
        align-items: flex-start;
    }

    .tw-settings-email-row {
        grid-template-columns: 1fr;
    }

    .tw-settings-secondary {
        width: 100%;
    }

}



/* =========================================================
   TWANA_MOBILE_ACCOUNT_DRAWER_AY9NM3

   Active controla abertura/fechamento.
   collapse-sidebar controla viewport + scroll.
   tw-buyer-sidebar controla somente aparência/conteúdo.
   ========================================================= */

@media (max-width: 767.98px) {

    .aiz-mobile-side-nav > .collapse-sidebar {
        height: 100vh !important;
        height: 100dvh !important;

        max-height: 100vh !important;
        max-height: 100dvh !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
    }

    .aiz-mobile-side-nav
    > .collapse-sidebar
    > .tw-buyer-sidebar {

        position: static !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;

        overflow: visible !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        padding-bottom:
            calc(30px + env(safe-area-inset-bottom));
    }

    .aiz-mobile-side-nav .tw-buyer-nav {
        overflow: visible !important;
    }

    .aiz-mobile-side-nav .tw-buyer-logout {
        position: static !important;
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   TWANA_UPLOADER_159
   Revestimento visual do uploader nativo Active
   ========================================================= */

.aiz-uploader-modal .modal-content {
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(10, 31, 68, .18) !important;
}

.aiz-uploader-modal .modal-header {
    padding: 0 !important;
    border-bottom: 1px solid #e9edf2 !important;
    background: #fff !important;
}

.aiz-uploader-modal .nav-tabs {
    border-bottom: 0 !important;
    padding: 14px 18px 0 !important;
    gap: 6px;
}

.aiz-uploader-modal .nav-tabs .nav-link {
    border: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 12px 16px !important;
    color: #66758b !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.aiz-uploader-modal .nav-tabs .nav-link.active {
    color: #ff6b00 !important;
    background: #fff5ec !important;
}

.aiz-uploader-modal .close {
    width: 38px;
    height: 38px;
    margin: 11px 14px 0 0 !important;
    border-radius: 10px;
    background: #f5f7fa !important;
    color: #6d7b8d !important;
    opacity: 1 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.aiz-uploader-modal .close:hover {
    background: #fff0e6 !important;
    color: #ff6b00 !important;
}

.aiz-uploader-modal .modal-body {
    padding: 18px !important;
    background: #fff !important;
}

.aiz-uploader-modal .form-control,
.aiz-uploader-modal select {
    min-height: 42px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #42526a !important;
    font-size: 10px !important;
}

.aiz-uploader-modal .form-control:focus,
.aiz-uploader-modal select:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,.08) !important;
}

.aiz-uploader-modal .aiz-file-box-wrap {
    padding: 8px !important;
}

.aiz-uploader-modal .aiz-file-box {
    border: 1px solid #e1e6ed !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden;
    transition: .15s ease;
}

.aiz-uploader-modal .aiz-file-box:hover {
    border-color: #ffb27a !important;
    box-shadow: 0 5px 16px rgba(29, 49, 78, .06);
}

.aiz-uploader-modal .aiz-file-box.selected {
    border: 2px solid #ff6b00 !important;
    background: #fff9f4 !important;
}

.aiz-uploader-modal .aiz-file-box .card-body {
    padding: 8px !important;
}

.aiz-uploader-modal .aiz-file-box .card-footer {
    padding: 8px 10px !important;
    border-top: 1px solid #eef1f4 !important;
    background: #fff !important;
    color: #384a64 !important;
    font-size: 9px !important;
}

.aiz-uploader-modal .aiz-file-box img {
    border-radius: 8px !important;
}

.aiz-uploader-modal .aiz-uploader-select-area,
.aiz-uploader-modal .uppy-Dashboard-inner {
    border: 1px dashed #ccd4df !important;
    border-radius: 14px !important;
    background: #fbfcfd !important;
}

.aiz-uploader-modal .uppy-Dashboard-AddFiles {
    border: 0 !important;
    background: transparent !important;
}

.aiz-uploader-modal .uppy-Dashboard-AddFiles-title {
    color: #233a5b !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

.aiz-uploader-modal .uppy-Dashboard-browse {
    color: #ff6b00 !important;
    font-weight: 800 !important;
}

.aiz-uploader-modal .uppy-Dashboard-AddFiles-info {
    color: #92a0b2 !important;
}

.aiz-uploader-modal .modal-footer {
    padding: 12px 18px !important;
    border-top: 1px solid #e9edf2 !important;
    background: #fbfcfd !important;
}

.aiz-uploader-modal .modal-footer .btn {
    min-height: 38px !important;
    border-radius: 9px !important;
    padding: 0 14px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}

.aiz-uploader-modal .modal-footer .btn-primary,
.aiz-uploader-modal .btn-primary {
    border-color: #ff6b00 !important;
    background: #ff6b00 !important;
    color: #fff !important;
}

.aiz-uploader-modal .modal-footer .btn-primary:hover,
.aiz-uploader-modal .btn-primary:hover {
    border-color: #eb6200 !important;
    background: #eb6200 !important;
}

.aiz-uploader-modal .modal-footer .btn-secondary,
.aiz-uploader-modal .btn-secondary {
    border-color: #dfe5ec !important;
    background: #fff !important;
    color: #516178 !important;
}

.aiz-uploader-modal .modal-footer .btn-secondary:hover,
.aiz-uploader-modal .btn-secondary:hover {
    border-color: #ff6b00 !important;
    color: #ff6b00 !important;
}

.aiz-uploader-modal .pagination .page-link {
    border-radius: 8px !important;
    border-color: #e2e7ed !important;
    color: #68778d !important;
    font-size: 9px !important;
}

.aiz-uploader-modal .pagination .active .page-link {
    border-color: #ff6b00 !important;
    background: #ff6b00 !important;
    color: #fff !important;
}

@media (max-width: 767.98px) {

    .aiz-uploader-modal .modal-dialog {
        width: calc(100% - 12px) !important;
        margin: 6px auto !important;
    }

    .aiz-uploader-modal .modal-content {
        border-radius: 14px !important;
    }

    .aiz-uploader-modal .nav-tabs {
        padding: 10px 10px 0 !important;
    }

    .aiz-uploader-modal .nav-tabs .nav-link {
        padding: 10px 12px !important;
        font-size: 10px !important;
    }

    .aiz-uploader-modal .modal-body {
        padding: 12px !important;
    }

    .aiz-uploader-modal .uppy-Dashboard-AddFiles-title {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

}


/* =========================================================
   TWANA_UPLOADER_PREMIUM_159B
   Uppy real usado pelo Active
   ========================================================= */

.aiz-uploader-modal .uppy-Dashboard-inner {
    min-height: 340px !important;
    height: 340px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fbfcfd !important;
}

.aiz-uploader-modal .uppy-Dashboard-innerWrap {
    border-radius: 14px !important;
    background: #fbfcfd !important;
}

.aiz-uploader-modal .uppy-DashboardAddFiles {
    position: relative;
    min-height: 320px !important;
    margin: 0 !important;
    padding: 42px 22px 34px !important;
    border: 1px dashed #d7dee8 !important;
    border-radius: 14px !important;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcfd 100%
        ) !important;
}

/* Ícone TWANA */
.aiz-uploader-modal .uppy-DashboardAddFiles::before {
    content: "↑";
    display: flex;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 27px;
    font-weight: 500;
    box-shadow: 0 6px 18px rgba(255, 107, 0, .08);
}

.aiz-uploader-modal .uppy-DashboardTabs {
    width: 100%;
}

.aiz-uploader-modal .uppy-DashboardTabs-title,
.aiz-uploader-modal .uppy-Dashboard-dropFilesTitle {
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #112c52 !important;
    font-family: inherit !important;
    font-size: 19px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    letter-spacing: -.2px;
}

.aiz-uploader-modal .uppy-Dashboard-browse {
    display: inline-flex !important;
    margin-left: 4px;
    padding: 7px 12px !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff6b00 !important;
    border-radius: 9px !important;
    background: #ff6b00 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.aiz-uploader-modal .uppy-Dashboard-browse:hover,
.aiz-uploader-modal .uppy-Dashboard-browse:focus {
    border-bottom: 1px solid #eb6200 !important;
    background: #eb6200 !important;
    color: #fff !important;
}

.aiz-uploader-modal .uppy-DashboardAddFiles-info {
    position: static !important;
    margin-top: 16px !important;
    padding: 0 !important;
    color: #95a0b0 !important;
    font-size: 9px !important;
    line-height: 1.6 !important;
}

.aiz-uploader-modal .uppy-Dashboard-note {
    max-width: 480px !important;
    color: #95a0b0 !important;
    font-size: 9px !important;
    line-height: 1.6 !important;
}

.aiz-uploader-modal .uppy-Dashboard-poweredBy {
    display: none !important;
}

.aiz-uploader-modal .uppy-DashboardTab-btn {
    border-radius: 10px !important;
    color: #53647b !important;
}

.aiz-uploader-modal .uppy-DashboardTab-btn:hover {
    background: #fff3ea !important;
    color: #ff6b00 !important;
}

.aiz-uploader-modal .uppy-DashboardContent-bar {
    border-bottom: 1px solid #edf0f4 !important;
    background: #fff !important;
}

.aiz-uploader-modal .uppy-DashboardContent-addMore,
.aiz-uploader-modal .uppy-DashboardContent-back {
    color: #ff6b00 !important;
}

.aiz-uploader-modal .uppy-Dashboard-progressBarContainer .uppy-ProgressBar-inner,
.aiz-uploader-modal .uppy-ProgressBar-inner {
    background: #ff6b00 !important;
    box-shadow: none !important;
}


/* Estado arrastando arquivo */
.aiz-uploader-modal
.uppy-Dashboard.uppy-Dashboard--isDraggingOver
.uppy-Dashboard-dropFilesHereHint {
    border: 2px dashed #ff6b00 !important;
    border-radius: 14px !important;
    background-color: #fff8f2 !important;
    color: #173052 !important;
}


/* MOBILE */
@media (max-width: 767.98px) {

    .aiz-uploader-modal .uppy-Dashboard-inner {
        min-height: 310px !important;
        height: 310px !important;
    }

    .aiz-uploader-modal .uppy-DashboardAddFiles {
        min-height: 290px !important;
        padding: 32px 16px 26px !important;
    }

    .aiz-uploader-modal .uppy-DashboardAddFiles::before {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
        border-radius: 14px;
        font-size: 23px;
    }

    .aiz-uploader-modal .uppy-DashboardTabs-title,
    .aiz-uploader-modal .uppy-Dashboard-dropFilesTitle {
        max-width: 300px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .aiz-uploader-modal .uppy-Dashboard-browse {
        margin-top: 10px;
        margin-left: 0;
        padding: 9px 13px !important;
    }

}


/* =========================================================
   TWANA_UPLOADER_REAL_160
   ========================================================= */

#aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
    width: min(920px, calc(100% - 32px)) !important;
    max-width: 920px !important;
    height: auto !important;
    max-height: calc(100vh - 40px);
    margin: 20px auto !important;
}

#aizUploaderModal .tw-uploader-content {
    height: auto !important;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    border: 0 !important;
    border-radius: 20px !important;
    background: #fff;
    box-shadow: 0 28px 70px rgba(8,37,83,.20);
}


/* HEADER */

#aizUploaderModal .tw-uploader-header {
    display: flex;
    min-height: 82px;
    padding: 18px 22px !important;
    align-items: center;
    justify-content: space-between;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    background: #fff !important;
}

#aizUploaderModal .tw-uploader-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}

#aizUploaderModal .tw-uploader-heading-icon {
    display: flex;
    width: 40px;
    height: 40px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 20px;
    font-weight: 800;
}

#aizUploaderModal .tw-uploader-heading strong {
    display: block;
    margin-bottom: 3px;
    color: #102b51;
    font-size: 15px;
    font-weight: 850;
}

#aizUploaderModal .tw-uploader-heading span {
    display: block;
    color: #8b97a7;
    font-size: 9px;
}

#aizUploaderModal .tw-uploader-close {
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f5f7f9 !important;
    color: #68778b !important;
    opacity: 1 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
}

#aizUploaderModal .tw-uploader-close:hover {
    background: #fff1e6 !important;
    color: #ff6b00 !important;
}


/* TABS */

#aizUploaderModal .tw-uploader-tabs {
    padding: 0 22px;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

#aizUploaderModal .tw-uploader-tabs .nav-tabs {
    gap: 5px;
}

#aizUploaderModal .tw-uploader-tabs .nav-link {
    position: relative;
    padding: 13px 14px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7c899b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

#aizUploaderModal .tw-uploader-tabs .nav-link::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: -1px;
    left: 12px;
    height: 2px;
    border-radius: 10px;
    background: transparent;
}

#aizUploaderModal .tw-uploader-tabs .nav-link.active {
    color: #ff6b00 !important;
}

#aizUploaderModal .tw-uploader-tabs .nav-link.active::after {
    background: #ff6b00;
}

#aizUploaderModal .tw-uploader-tab-icon {
    margin-right: 5px;
}


/* BODY */

#aizUploaderModal .tw-uploader-body {
    min-height: 420px;
    max-height: calc(100vh - 230px);
    padding: 20px 22px !important;
    overflow-y: auto !important;
    background: #fbfcfd !important;
    -webkit-overflow-scrolling: touch;
}

#aizUploaderModal .tw-uploader-filter {
    margin: 0 0 18px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid #edf0f4 !important;
}

#aizUploaderModal .tw-uploader-filter .form-control {
    height: 40px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #4c5d74 !important;
    font-size: 9px !important;
}

#aizUploaderModal .tw-uploader-filter .form-control:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,.07) !important;
}

#aizUploaderModal .tw-uploader-selected-only {
    color: #627187;
    font-size: 9px;
}

#aizUploaderModal .tw-uploader-search input {
    padding-left: 13px !important;
}

#aizUploaderModal .tw-uploader-library {
    min-height: 320px;
    max-height: 430px;
    overflow-y: auto;
}

#aizUploaderModal .tw-uploader-empty-icon {
    display: flex;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 20px;
}

#aizUploaderModal .tw-uploader-empty h3 {
    margin: 0 0 5px;
    color: #203957;
    font-size: 13px;
    font-weight: 800;
}

#aizUploaderModal .tw-uploader-empty p {
    margin: 0;
    color: #96a1af;
    font-size: 9px;
}


/* UPLOAD */

#aizUploaderModal .tw-uploader-upload-intro {
    margin-bottom: 14px;
}

#aizUploaderModal .tw-uploader-upload-intro strong {
    display: block;
    margin-bottom: 3px;
    color: #173252;
    font-size: 12px;
    font-weight: 800;
}

#aizUploaderModal .tw-uploader-upload-intro span {
    color: #8e9aaa;
    font-size: 9px;
}

#aizUploaderModal #aiz-upload-files {
    height: auto !important;
    min-height: 300px !important;
}


/* UPPY REAL */

#aizUploaderModal .uppy-Dashboard {
    height: auto !important;
}

#aizUploaderModal .uppy-Dashboard-inner {
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    border: 1px dashed #ccd5e0 !important;
    border-radius: 16px !important;
    background: #fff !important;
}

#aizUploaderModal .uppy-Dashboard-innerWrap {
    border-radius: 16px !important;
    background: #fff !important;
}

#aizUploaderModal .uppy-DashboardAddFiles {
    min-height: 294px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
}


/* ÍCONE */

#aizUploaderModal .uppy-DashboardAddFiles::before {
    content: "↑";
    display: flex;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    background: #fff1e6;
    color: #ff6b00;
    font-size: 27px;
    font-weight: 700;
}


/* Esconde texto inglês, mantém botão real clicável */

#aizUploaderModal .uppy-Dashboard-dropFilesTitle {
    max-width: 500px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #173252 !important;
    font-size: 0 !important;
    font-weight: 800 !important;
}

#aizUploaderModal .uppy-Dashboard-dropFilesTitle::before {
    content: "Arraste seus arquivos aqui";
    display: block;
    margin-bottom: 12px;
    color: #173252;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
}

#aizUploaderModal .uppy-Dashboard-browse {
    display: inline-flex !important;
    min-height: 38px;
    padding: 0 16px !important;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff6b00 !important;
    border-radius: 10px !important;
    background: #ff6b00 !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

#aizUploaderModal .uppy-Dashboard-browse::after {
    content: "Selecionar do dispositivo";
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

#aizUploaderModal .uppy-Dashboard-browse:hover {
    border-bottom: 1px solid #e96000 !important;
    background: #e96000 !important;
}

#aizUploaderModal .uppy-DashboardAddFiles-info,
#aizUploaderModal .uppy-Dashboard-note {
    position: static !important;
    max-width: 500px !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    color: #98a3b1 !important;
    font-size: 8px !important;
    line-height: 1.5 !important;
}

#aizUploaderModal .uppy-Dashboard-poweredBy {
    display: none !important;
}

#aizUploaderModal .uppy-ProgressBar-inner {
    background: #ff6b00 !important;
    box-shadow: none !important;
}

#aizUploaderModal .uppy-DashboardContent-addMore,
#aizUploaderModal .uppy-DashboardContent-back {
    color: #ff6b00 !important;
}


/* FOOTER */

#aizUploaderModal .tw-uploader-footer {
    min-height: 68px;
    padding: 12px 22px !important;
    border: 0 !important;
    border-top: 1px solid #edf0f4 !important;
    background: #fff !important;
}

#aizUploaderModal .tw-uploader-footer-left {
    display: flex;
    align-items: center;
    gap: 24px;
}

#aizUploaderModal .tw-uploader-selection strong {
    display: block;
    color: #43536a;
    font-size: 9px;
    font-weight: 800;
}

#aizUploaderModal .tw-uploader-selection .btn-link {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #99a3b1 !important;
    font-size: 8px !important;
}

#aizUploaderModal .tw-uploader-pagination {
    display: flex;
    gap: 5px;
}

#aizUploaderModal .tw-uploader-pagination .btn {
    min-height: 32px;
    padding: 0 10px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #68778c !important;
    font-size: 8px !important;
    font-weight: 800 !important;
}

#aizUploaderModal .tw-uploader-add {
    min-height: 38px;
    padding: 0 16px !important;
    border: 1px solid #ff6b00 !important;
    border-radius: 10px !important;
    background: #ff6b00 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}

#aizUploaderModal .tw-uploader-add:hover {
    border-color: #e96000 !important;
    background: #e96000 !important;
}


/* ARQUIVOS DA BIBLIOTECA */

#aizUploaderModal .aiz-file-box {
    overflow: hidden;
    border: 1px solid #e2e7ed !important;
    border-radius: 12px !important;
    background: #fff !important;
}

#aizUploaderModal .aiz-file-box:hover {
    border-color: #ffb47f !important;
}

#aizUploaderModal .aiz-file-box.selected {
    border: 2px solid #ff6b00 !important;
}


/* MOBILE */

@media (max-width: 767.98px) {

    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        width: calc(100% - 12px) !important;
        max-width: none !important;
        max-height: calc(100dvh - 12px);
        margin: 6px auto !important;
    }

    #aizUploaderModal .tw-uploader-content {
        max-height: calc(100dvh - 12px);
        border-radius: 15px !important;
    }

    #aizUploaderModal .tw-uploader-header {
        min-height: 68px;
        padding: 13px 14px !important;
    }

    #aizUploaderModal .tw-uploader-heading-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 17px;
    }

    #aizUploaderModal .tw-uploader-heading strong {
        font-size: 12px;
    }

    #aizUploaderModal .tw-uploader-heading span {
        max-width: 230px;
        font-size: 8px;
    }

    #aizUploaderModal .tw-uploader-tabs {
        padding: 0 10px;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-item {
        flex: 1;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-link {
        text-align: center;
    }

    #aizUploaderModal .tw-uploader-body {
        min-height: 0;
        max-height: calc(100dvh - 200px);
        padding: 14px !important;
        overflow-y: auto !important;
    }

    #aizUploaderModal .tw-uploader-filter .row > div {
        margin-bottom: 8px;
    }

    #aizUploaderModal #aiz-upload-files {
        min-height: 260px !important;
    }

    #aizUploaderModal .uppy-Dashboard-inner {
        height: 260px !important;
        min-height: 260px !important;
    }

    #aizUploaderModal .uppy-DashboardAddFiles {
        min-height: 254px !important;
    }

    #aizUploaderModal .uppy-DashboardAddFiles::before {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
        border-radius: 14px;
        font-size: 22px;
    }

    #aizUploaderModal .uppy-Dashboard-dropFilesTitle::before {
        font-size: 14px;
    }

    #aizUploaderModal .tw-uploader-footer {
        padding: 10px 12px !important;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    #aizUploaderModal .tw-uploader-footer-left {
        justify-content: space-between;
        gap: 8px;
    }

    #aizUploaderModal .tw-uploader-add {
        width: 100%;
    }

}


/* =========================================================
   TWANA_UPLOADER_MOBILE_160M
   Mobile premium - não altera desktop
   ========================================================= */

@media (max-width: 767.98px) {

    /* MODAL */

    #aizUploaderModal {
        padding: 0 !important;
    }

    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        height: calc(100dvh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        margin: 10px auto !important;
    }

    #aizUploaderModal .tw-uploader-content {
        display: flex !important;
        height: 100% !important;
        max-height: none !important;
        flex-direction: column;
        overflow: hidden !important;
        border-radius: 18px !important;
    }


    /* HEADER */

    #aizUploaderModal .tw-uploader-header {
        min-height: 72px !important;
        padding: 13px 14px !important;
        flex: none;
    }

    #aizUploaderModal .tw-uploader-heading {
        min-width: 0;
        gap: 10px;
    }

    #aizUploaderModal .tw-uploader-heading-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
        font-size: 18px !important;
    }

    #aizUploaderModal .tw-uploader-heading strong {
        margin-bottom: 2px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    #aizUploaderModal .tw-uploader-heading span {
        max-width: 230px !important;
        overflow: hidden;
        font-size: 7px !important;
        line-height: 1.35 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #aizUploaderModal .tw-uploader-close {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px;
        font-size: 0 !important;
    }

    #aizUploaderModal .tw-uploader-close span {
        display: none !important;
    }

    #aizUploaderModal .tw-uploader-close::before {
        content: "×";
        color: #66768c;
        font-size: 22px;
        font-weight: 300;
        line-height: 1;
    }


    /* TABS */

    #aizUploaderModal .tw-uploader-tabs {
        flex: none;
        padding: 0 12px !important;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-tabs {
        width: 100%;
        gap: 0 !important;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-item {
        width: 50%;
        flex: none !important;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-link {
        width: 100%;
        padding: 12px 4px 11px !important;
        text-align: center;
        font-size: 9px !important;
    }

    #aizUploaderModal .tw-uploader-tabs .nav-link::after {
        right: 8px !important;
        left: 8px !important;
    }


    /* BODY */

    #aizUploaderModal .tw-uploader-body {
        min-height: 0 !important;
        max-height: none !important;
        flex: 1 1 auto !important;
        padding: 14px !important;
        overflow-y: auto !important;
        background: #fbfcfd !important;
    }

    #aizUploaderModal .tw-uploader-body > .tab-content,
    #aizUploaderModal .tw-uploader-body > .tab-content > .tab-pane.active {
        min-height: 100%;
    }


    /* FILTROS */

    #aizUploaderModal .tw-uploader-filter {
        margin-bottom: 12px !important;
        padding-bottom: 12px !important;
    }

    #aizUploaderModal .tw-uploader-filter .row {
        margin-right: -4px !important;
        margin-left: -4px !important;
    }

    #aizUploaderModal .tw-uploader-filter .row > div {
        margin-bottom: 8px !important;
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    #aizUploaderModal .tw-uploader-filter .form-control,
    #aizUploaderModal .tw-uploader-filter .bootstrap-select > .dropdown-toggle {
        height: 40px !important;
        border-radius: 10px !important;
        font-size: 8px !important;
    }

    #aizUploaderModal .tw-uploader-selected-only {
        min-height: 30px;
        display: flex;
        align-items: center;
        font-size: 8px !important;
    }


    /* BIBLIOTECA */

    #aizUploaderModal .tw-uploader-library,
    #aizUploaderModal .aiz-uploader-all {
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /*
     * Active monta os arquivos em colunas Bootstrap.
     * Forçamos 2 cards bem proporcionados no celular.
     */

    #aizUploaderModal .aiz-uploader-all .row {
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

    #aizUploaderModal .aiz-uploader-all .row > [class*="col-"] {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    #aizUploaderModal .aiz-file-box {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 10px !important;
        overflow: hidden !important;
        border: 1px solid #e1e7ee !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(20,46,82,.03);
    }

    #aizUploaderModal .aiz-file-box.selected {
        border: 2px solid #ff6b00 !important;
        box-shadow: 0 0 0 2px rgba(255,107,0,.06) !important;
    }

    #aizUploaderModal .aiz-file-box .card-file {
        height: auto !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-thumb {
        height: 105px !important;
        padding: 7px !important;
        background: #f7f9fb !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    #aizUploaderModal .aiz-file-box .card-body {
        padding: 8px 9px 9px !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-name {
        margin-bottom: 2px !important;
        overflow: hidden;
        color: #183454 !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #aizUploaderModal .aiz-file-box .card-file-info {
        color: #8f9baa !important;
        font-size: 7px !important;
    }


    /* UPLOAD NEW */

    #aizUploaderModal .tw-uploader-upload-intro {
        margin-bottom: 12px !important;
    }

    #aizUploaderModal .tw-uploader-upload-intro strong {
        font-size: 11px !important;
    }

    #aizUploaderModal .tw-uploader-upload-intro span {
        font-size: 8px !important;
        line-height: 1.4 !important;
    }

    #aizUploaderModal #aiz-upload-files {
        min-height: 240px !important;
    }

    #aizUploaderModal .uppy-Dashboard-inner {
        height: 240px !important;
        min-height: 240px !important;
        border-radius: 14px !important;
    }

    #aizUploaderModal .uppy-DashboardAddFiles {
        min-height: 234px !important;
    }

    #aizUploaderModal .uppy-DashboardAddFiles::before {
        width: 46px !important;
        height: 46px !important;
        margin-bottom: 10px !important;
        border-radius: 13px !important;
        font-size: 21px !important;
    }

    #aizUploaderModal .uppy-Dashboard-dropFilesTitle::before {
        margin-bottom: 9px !important;
        font-size: 13px !important;
    }

    #aizUploaderModal .uppy-Dashboard-browse {
        min-height: 36px !important;
        padding: 0 13px !important;
    }


    /* FOOTER - aqui estava o maior problema */

    #aizUploaderModal .tw-uploader-footer {
        display: grid !important;
        grid-template-columns: 1fr auto;
        min-height: 68px !important;
        flex: none !important;
        gap: 10px !important;
        padding: 10px 12px !important;
        overflow: visible !important;
    }

    #aizUploaderModal .tw-uploader-footer-left {
        display: flex !important;
        min-width: 0;
        align-items: center !important;
        gap: 9px !important;
    }

    #aizUploaderModal .tw-uploader-selection {
        min-width: 0;
        flex: 1;
    }

    #aizUploaderModal .tw-uploader-selection strong {
        max-width: 100px;
        overflow: hidden;
        font-size: 8px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #aizUploaderModal .tw-uploader-selection .btn-link {
        font-size: 7px !important;
        white-space: nowrap;
    }

    #aizUploaderModal .tw-uploader-pagination {
        display: flex !important;
        flex: none;
        gap: 4px !important;
    }

    #aizUploaderModal .tw-uploader-pagination .btn {
        min-width: 0 !important;
        min-height: 34px !important;
        padding: 0 8px !important;
        font-size: 7px !important;
        white-space: nowrap;
    }

    #aizUploaderModal .tw-uploader-add {
        width: auto !important;
        min-width: 112px !important;
        min-height: 40px !important;
        padding: 0 13px !important;
        border-radius: 10px !important;
        font-size: 8px !important;
        white-space: nowrap;
    }

}


/* celulares bem estreitos */
@media (max-width: 390px) {

    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        width: calc(100% - 12px) !important;
        height: calc(100dvh - 12px) !important;
        margin: 6px auto !important;
    }

    #aizUploaderModal .tw-uploader-footer {
        grid-template-columns: 1fr !important;
    }

    #aizUploaderModal .tw-uploader-footer-left {
        justify-content: space-between !important;
    }

    #aizUploaderModal .tw-uploader-add {
        width: 100% !important;
    }

}


/* =========================================================
   TWANA_UPLOADER_FINAL_160F
   Desktop + Mobile refinement
   ========================================================= */


/* =========================================================
   FECHAR - REMOVE DUPLICAÇÃO DO ACTIVE
   ========================================================= */

#aizUploaderModal .tw-uploader-close span {
    display: none !important;
}

#aizUploaderModal .tw-uploader-close::before,
#aizUploaderModal .tw-uploader-close::after {
    display: none !important;
    content: none !important;
}

#aizUploaderModal .tw-uploader-close {
    position: relative !important;
    font-size: 0 !important;
}

#aizUploaderModal .tw-uploader-close:after {
    content: "×" !important;
    display: flex !important;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    color: #68778b;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 768px) {

    #aizUploaderModal.tw-uploader-modal .modal-dialog.modal-adaptive,
    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        width: min(920px, calc(100% - 60px)) !important;
        max-width: 920px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 70px) !important;

        margin: 35px auto !important;
    }


    #aizUploaderModal .tw-uploader-content {
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - 70px) !important;
    }


    /* área principal mais compacta */

    #aizUploaderModal .tw-uploader-body {
        height: 440px !important;
        min-height: 440px !important;
        max-height: 440px !important;

        overflow-y: auto !important;
    }


    #aizUploaderModal .tw-uploader-library,
    #aizUploaderModal .aiz-uploader-all {
        min-height: 315px !important;
        max-height: 315px !important;
        overflow-y: auto !important;
    }


    /* arquivos ligeiramente mais elegantes */

    #aizUploaderModal .aiz-file-box {
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(18, 45, 79, .025) !important;
    }


    #aizUploaderModal .aiz-file-box .card-file-thumb {
        height: 92px !important;
        padding: 7px !important;
    }


    #aizUploaderModal .aiz-file-box .card-file-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }


    #aizUploaderModal .aiz-file-box .card-body {
        padding: 7px 8px 8px !important;
    }


    /* footer fica logo depois do conteúdo */

    #aizUploaderModal .tw-uploader-footer {
        min-height: 64px !important;
        flex: none !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    #aizUploaderModal.tw-uploader-modal .modal-dialog.modal-adaptive,
    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {

        width: calc(100% - 20px) !important;
        max-width: none !important;

        /*
         * Não ocupa mais praticamente a tela inteira.
         * Ainda mantém espaço suficiente para biblioteca.
         */
        height: min(600px, calc(100dvh - 24px)) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 24px) !important;

        margin: 12px auto !important;
    }


    #aizUploaderModal .tw-uploader-content {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }


    /* HEADER */

    #aizUploaderModal .tw-uploader-header {
        min-height: 64px !important;
        padding: 11px 13px !important;
    }


    #aizUploaderModal .tw-uploader-heading-icon {
        width: 34px !important;
        height: 34px !important;
    }


    #aizUploaderModal .tw-uploader-heading strong {
        font-size: 11px !important;
    }


    #aizUploaderModal .tw-uploader-heading span {
        font-size: 7px !important;
    }


    /* ABAS */

    #aizUploaderModal .tw-uploader-tabs .nav-link {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    /* BODY */

    #aizUploaderModal .tw-uploader-body {
        flex: 1 1 auto !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 13px !important;

        overflow-y: auto !important;
        overscroll-behavior: contain;

        -webkit-overflow-scrolling: touch;
    }


    /* tira aquela área branca desnecessariamente longa */

    #aizUploaderModal .tw-uploader-library,
    #aizUploaderModal .aiz-uploader-all {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }


    /* CARDS */

    #aizUploaderModal .aiz-uploader-all .row > [class*="col-"] {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }


    #aizUploaderModal .aiz-file-box {
        min-height: 0 !important;
        margin-bottom: 9px !important;

        border-radius: 11px !important;
    }


    #aizUploaderModal .aiz-file-box .card-file-thumb {
        height: 90px !important;
        padding: 6px !important;
    }


    #aizUploaderModal .aiz-file-box .card-body {
        padding: 6px 7px 7px !important;
    }


    #aizUploaderModal .aiz-file-box .card-file-name {
        font-size: 8px !important;
    }


    #aizUploaderModal .aiz-file-box .card-file-info {
        font-size: 7px !important;
    }


    /* FOOTER */

    #aizUploaderModal .tw-uploader-footer {
        display: grid !important;
        grid-template-columns: 1fr auto !important;

        min-height: 62px !important;
        flex: none !important;

        gap: 7px !important;

        padding: 9px 10px !important;
    }


    #aizUploaderModal .tw-uploader-footer-left {
        min-width: 0 !important;
        gap: 7px !important;
    }


    #aizUploaderModal .tw-uploader-selection strong {
        max-width: 80px !important;
        font-size: 7px !important;
    }


    #aizUploaderModal .tw-uploader-pagination {
        gap: 3px !important;
    }


    #aizUploaderModal .tw-uploader-pagination .btn {
        height: 32px !important;
        min-height: 32px !important;

        padding: 0 7px !important;

        font-size: 6px !important;
    }


    #aizUploaderModal .tw-uploader-add {
        min-width: 116px !important;
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 11px !important;

        border-radius: 10px !important;

        font-size: 7px !important;
    }

}


/* =========================================================
   TELAS MUITO PEQUENAS
   ========================================================= */

@media (max-width: 380px) {

    #aizUploaderModal .tw-uploader-footer {
        grid-template-columns: 1fr !important;
    }

    #aizUploaderModal .tw-uploader-add {
        width: 100% !important;
    }

}


/* =========================================================
   TWANA_UPLOADER_160G
   Compactação final + correção visual dos cards
   ========================================================= */


/* =========================
   CARDS - TODAS AS TELAS
   ========================= */

#aizUploaderModal .aiz-file-box {
    position: relative !important;
    overflow: hidden !important;
    background: #fff !important;
}

#aizUploaderModal .aiz-file-box .card-file {
    display: flex !important;
    height: auto !important;
    flex-direction: column !important;
}

#aizUploaderModal .aiz-file-box .card-file-thumb {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #f7f9fb !important;
}

#aizUploaderModal .aiz-file-box .card-file-thumb img {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

#aizUploaderModal .aiz-file-box .card-body {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    background: #fff !important;
}

#aizUploaderModal .aiz-file-box .card-file-name,
#aizUploaderModal .aiz-file-box .card-file-info {
    position: static !important;
    display: block !important;
    width: 100% !important;
    transform: none !important;
}


/* =========================
   DESKTOP
   ========================= */

@media (min-width: 768px) {

    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        width: min(900px, calc(100% - 70px)) !important;
        max-width: 900px !important;
        height: auto !important;
        margin: 36px auto !important;
    }

    #aizUploaderModal .tw-uploader-content {
        height: auto !important;
        max-height: calc(100vh - 72px) !important;
    }

    /*
     * Antes estava 440px.
     * Com poucos arquivos isso criava aquele salão branco.
     */
    #aizUploaderModal .tw-uploader-body {
        height: 330px !important;
        min-height: 330px !important;
        max-height: 330px !important;
        overflow-y: auto !important;
    }

    #aizUploaderModal .tw-uploader-library,
    #aizUploaderModal .aiz-uploader-all {
        min-height: 200px !important;
        height: auto !important;
        max-height: 220px !important;
        overflow-y: auto !important;
    }

    #aizUploaderModal .aiz-file-box {
        width: 128px !important;
        min-height: 0 !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-thumb {
        height: 96px !important;
        padding: 8px !important;
    }

    #aizUploaderModal .aiz-file-box .card-body {
        min-height: 46px !important;
        padding: 7px 8px 8px !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-name {
        overflow: hidden !important;
        color: #173252 !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-info {
        margin-top: 2px !important;
        color: #8d99a8 !important;
        font-size: 7px !important;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767.98px) {

    /*
     * Mantém o visual que já ficou bom,
     * só reduz um pouco o vazio.
     */
    #aizUploaderModal.tw-uploader-modal .tw-uploader-dialog {
        height: min(560px, calc(100dvh - 24px)) !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-thumb {
        height: 92px !important;
    }

    #aizUploaderModal .aiz-file-box .card-body {
        min-height: 43px !important;
        padding: 6px 8px 7px !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-name {
        overflow: hidden !important;
        font-size: 8px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #aizUploaderModal .aiz-file-box .card-file-info {
        margin-top: 2px !important;
        font-size: 7px !important;
    }

}


/* =========================================================
/* =========================================================
   TWANA_BUYER_QUESTIONS_161B
   Minhas Perguntas — Premium Canonical 166
   ========================================================= */

.tw-questions-page {
    width: 100%;
    padding: 4px 0 34px;
}

.tw-questions-header {
    display: flex;
    margin-bottom: 18px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.tw-page-eyebrow {
    margin-bottom: 5px;
    color: #ff5a1f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.tw-questions-header h1 {
    margin: 0;
    color: #172033;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.025em;
}

.tw-questions-header p {
    margin: 6px 0 0;
    color: #7c8799;
    font-size: 12px;
    line-height: 1.45;
}

.tw-questions-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.tw-question-stat {
    position: relative;
    min-width: 0;
    min-height: 86px;
    padding: 16px 16px 16px 60px;
    border: 1px solid #e2e7ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(23,32,51,.035);
}

.tw-question-stat:before {
    position: absolute;
    top: 50%;
    left: 16px;
    display: flex;
    width: 34px;
    height: 34px;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-family: "Line Awesome Free";
    font-size: 17px;
    font-weight: 900;
}

.tw-question-stat:nth-child(1):before {
    content: "\f128";
    background: #fff0e9;
    color: #ff5a1f;
}

.tw-question-stat:nth-child(2):before {
    content: "\f017";
    background: #fff7e8;
    color: #b47b0a;
}

.tw-question-stat:nth-child(3):before {
    content: "\f00c";
    background: #eaf8f1;
    color: #23845d;
}

.tw-question-stat span {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    color: #7d899b;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-question-stat strong {
    color: #172033;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}

.tw-question-tabs {
    display: flex;
    margin-bottom: 14px;
    padding: 5px;
    overflow-x: auto;
    align-items: center;
    gap: 4px;
    border: 1px solid #e2e7ee;
    border-radius: 12px;
    background: #fff;
    scrollbar-width: none;
}

.tw-question-tabs::-webkit-scrollbar {
    display: none;
}

.tw-question-tabs a {
    display: inline-flex;
    min-height: 34px;
    padding: 0 14px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #657287 !important;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none !important;
}

.tw-question-tabs a:hover {
    background: #f7f8fa;
    color: #172033 !important;
}

.tw-question-tabs a.active {
    background: #fff0e9;
    color: #ff5a1f !important;
}

.tw-question-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 13px;
    align-items: start;
}

.tw-question-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #e1e6ed;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(23,32,51,.03);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tw-question-card:hover {
    transform: translateY(-2px);
    border-color: #ffd0bf;
    box-shadow: 0 12px 28px rgba(23,32,51,.065);
}

.tw-question-product {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr) auto;
    padding: 14px;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #eef1f4;
}

.tw-question-product-image {
    display: flex;
    width: 58px;
    height: 58px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6eaf0;
    border-radius: 11px;
    background: #f8f9fb;
}

.tw-question-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tw-question-image-placeholder {
    color: #a4adba;
    font-size: 18px;
    font-weight: 900;
}

.tw-question-product-info {
    min-width: 0;
}

.tw-question-product-label {
    display: block;
    margin-bottom: 3px;
    color: #ff5a1f;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .06em;
}

.tw-question-product-info strong {
    display: block;
    overflow: hidden;
    color: #172033;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-question-product-info small {
    display: block;
    margin-top: 4px;
    color: #98a2b1;
    font-size: 9px;
    line-height: 1.3;
}

.tw-question-status {
    align-self: start;
}

.tw-question-status span {
    display: inline-flex;
    min-height: 25px;
    padding: 0 8px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.tw-question-status .answered {
    background: #eaf8f1;
    color: #23845d;
}

.tw-question-status .pending {
    background: #fff6e6;
    color: #9c6a08;
}

.tw-question-conversation {
    display: flex;
    padding: 14px;
    flex-direction: column;
    gap: 10px;
}

.tw-question-bubble {
    padding: 11px 12px;
    border-radius: 11px;
}

.tw-question-bubble.buyer {
    border: 1px solid #e7ebf0;
    background: #f8f9fb;
}

.tw-question-bubble.seller {
    border: 1px solid #ffe0d2;
    background: #fff8f4;
}

.tw-question-bubble-title {
    margin-bottom: 5px;
    color: #667287;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 900;
}

.tw-question-bubble.seller .tw-question-bubble-title {
    color: #e6531d;
}

.tw-question-bubble p {
    margin: 0;
    color: #33445c;
    font-size: 11px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.tw-question-bubble small {
    display: block;
    margin-top: 7px;
    color: #929dac;
    font-size: 9px;
    line-height: 1.3;
}

.tw-question-waiting {
    display: flex;
    padding: 11px 12px;
    align-items: center;
    gap: 9px;
    border: 1px dashed #dce2e9;
    border-radius: 11px;
    background: #fff;
}

.tw-question-waiting-icon {
    display: flex;
    width: 30px;
    height: 30px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff6e6;
    color: #a9740d;
    font-size: 15px;
    font-weight: 900;
}

.tw-question-waiting strong {
    display: block;
    color: #536078;
    font-size: 10px;
    font-weight: 900;
}

.tw-question-waiting span {
    display: block;
    margin-top: 2px;
    color: #929cab;
    font-size: 9px;
    line-height: 1.4;
}

.tw-question-card-footer {
    margin-top: auto;
    padding: 0 14px 14px;
}

.tw-question-product-link {
    display: flex;
    width: 100%;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff5a1f;
    border-radius: 8px;
    background: #ff5a1f;
    color: #fff !important;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
}

.tw-question-product-link:hover {
    background: #ec4d16;
    color: #fff !important;
}

.tw-question-pagination {
    margin-top: 18px;
}

.tw-question-empty {
    padding: 56px 24px;
    border: 1px solid #e2e7ee;
    border-radius: 15px;
    background: #fff;
    text-align: center;
}

.tw-question-empty-icon {
    display: flex;
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff0e9;
    color: #ff5a1f;
    font-size: 22px;
    font-weight: 900;
}

.tw-question-empty h3 {
    margin: 0;
    color: #172033;
    font-size: 17px;
    font-weight: 900;
}

.tw-question-empty p {
    margin: 7px 0 0;
    color: #8792a3;
    font-size: 11px;
}

@media (max-width: 991.98px) {
    .tw-question-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tw-questions-page {
        padding: 2px 0 26px;
    }

    .tw-questions-header {
        margin-bottom: 13px;
    }

    .tw-questions-header h1 {
        font-size: 22px;
    }

    .tw-questions-header p {
        font-size: 11px;
    }

    .tw-questions-summary {
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 6px;
        margin-bottom: 10px;
    }

    .tw-question-stat {
        min-height: 74px;
        padding: 10px 7px;
        text-align: center;
    }

    .tw-question-stat:before {
        display: none;
    }

    .tw-question-stat span {
        min-height: 24px;
        margin-bottom: 5px;
        font-size: 9px;
        line-height: 1.25;
        white-space: normal;
    }

    .tw-question-stat strong {
        font-size: 21px;
    }

    .tw-question-tabs {
        margin-bottom: 10px;
        padding: 4px;
    }

    .tw-question-tabs a {
        min-height: 34px;
        padding: 0 12px;
        font-size: 10px;
    }

    .tw-question-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tw-question-card {
        border-radius: 13px;
    }

    .tw-question-product {
        grid-template-columns: 52px minmax(0,1fr);
        padding: 11px;
        gap: 9px;
    }

    .tw-question-product-image {
        width: 52px;
        height: 52px;
    }

    .tw-question-product-info strong {
        font-size: 12px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .tw-question-product-info small {
        font-size: 9px;
    }

    .tw-question-status {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .tw-question-status span {
        min-height: 26px;
        font-size: 9px;
    }

    .tw-question-conversation {
        padding: 11px;
        gap: 8px;
    }

    .tw-question-bubble {
        padding: 10px;
    }

    .tw-question-bubble-title {
        font-size: 10px;
    }

    .tw-question-bubble p {
        font-size: 11px;
        line-height: 1.5;
    }

    .tw-question-bubble small {
        font-size: 9px;
    }

    .tw-question-waiting strong {
        font-size: 10px;
    }

    .tw-question-waiting span {
        font-size: 9px;
    }

    .tw-question-card-footer {
        padding: 0 11px 11px;
    }

    .tw-question-product-link {
        min-height: 38px;
        font-size: 10px;
    }
}

/* TWANA_BUYER_QUESTIONS_161B_END */
   TWANA_PRODUCT_QUESTIONS_162A
   ========================================================= */

.tw-product-question-top-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ff6b00;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.tw-product-question-top-link:hover {
    color: #e55f00;
}

.tw-product-question-top-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #fff1e7;
    color: #ff6b00;
    font-size: 11px;
    font-weight: 900;
}

.tw-product-questions {
    margin-top: 28px;
    padding: 24px;
    border: 1px solid #e7ebf0;
    border-radius: 18px;
    background: #fff;
}

.tw-product-questions-head {
    display: flex;
    margin-bottom: 18px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.tw-product-questions-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #ff6b00;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
}

.tw-product-questions-head h3 {
    margin: 0 0 5px;
    color: #173252;
    font-size: 20px;
    font-weight: 850;
}

.tw-product-questions-head p {
    margin: 0;
    color: #8b97a6;
    font-size: 10px;
}

.tw-product-questions-count {
    padding: 7px 10px;
    border-radius: 999px;
    background: #f3f6f9;
    color: #68788d;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.tw-product-question-box {
    margin-bottom: 20px;
}

.tw-product-question-form {
    padding: 17px;
    border: 1px solid #e4e9ef;
    border-radius: 14px;
    background: #fafbfd;
}

.tw-product-question-form label {
    display: block;
    margin-bottom: 7px;
    color: #304864;
    font-size: 10px;
    font-weight: 850;
}

.tw-product-question-form textarea {
    width: 100%;
    min-height: 92px;
    padding: 12px 13px;
    border: 1px solid #dfe5ec;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #304864;
    font-size: 10px;
    line-height: 1.5;
    resize: vertical;
}

.tw-product-question-form textarea:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255, 107, 0, .08);
}

.tw-product-question-form-bottom {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.tw-product-question-rules {
    color: #9aa5b3;
    font-size: 8px;
    line-height: 1.4;
}

.tw-product-question-submit {
    flex: none;
    padding: 10px 15px;
    border: 0;
    border-radius: 9px;
    background: #ff6b00;
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    cursor: pointer;
}

.tw-product-question-submit:hover {
    background: #e86100;
}

.tw-product-question-pending,
.tw-product-question-login {
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #ffe0c9;
    border-radius: 14px;
    background: #fff8f2;
}

.tw-product-question-pending {
    justify-content: flex-start;
}

.tw-product-question-pending-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ffeadb;
    color: #ff6b00;
    font-size: 18px;
    font-weight: 900;
}

.tw-product-question-pending strong,
.tw-product-question-login strong {
    display: block;
    margin-bottom: 4px;
    color: #304864;
    font-size: 10px;
    font-weight: 850;
}

.tw-product-question-pending p,
.tw-product-question-login span {
    margin: 0;
    color: #8c98a7;
    font-size: 8px;
}

.tw-product-question-pending-text {
    margin-top: 8px;
    color: #67778b;
    font-size: 8px;
    font-style: italic;
}

.tw-question-login-btn {
    flex: none;
    padding: 9px 13px;
    border-radius: 8px;
    background: #ff6b00;
    color: #fff;
    font-size: 8px;
    font-weight: 850;
}

.tw-product-question-owner {
    padding: 14px;
    border: 1px solid #e3e8ee;
    border-radius: 12px;
    background: #f8fafc;
    color: #6c7b8e;
    font-size: 9px;
    font-weight: 750;
}

.tw-product-question-public-list {
    display: grid;
    gap: 12px;
}

.tw-product-question-public-title {
    margin-bottom: 2px;
    color: #304864;
    font-size: 11px;
    font-weight: 850;
}

.tw-product-question-public-item {
    padding: 16px;
    border: 1px solid #e6ebf0;
    border-radius: 14px;
    background: #fff;
}

.tw-product-question-public-q,
.tw-product-question-public-a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.tw-product-question-public-a {
    margin-top: 13px;
    margin-left: 24px;
    padding-top: 13px;
    border-top: 1px solid #edf1f5;
}

.tw-product-question-symbol {
    display: flex;
    width: 27px;
    height: 27px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef3f8;
    color: #52677f;
    font-size: 8px;
    font-weight: 900;
}

.tw-product-question-symbol.seller {
    background: #fff0e5;
    color: #ff6b00;
}

.tw-product-question-public-q span,
.tw-product-question-public-a span {
    display: block;
    margin-bottom: 3px;
    color: #9aa5b3;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}

.tw-product-question-public-q p,
.tw-product-question-public-a p {
    margin: 0;
    color: #364d68;
    font-size: 9px;
    line-height: 1.6;
}

.tw-product-question-empty-public {
    padding: 26px 20px;
    border: 1px dashed #dfe5ec;
    border-radius: 13px;
    text-align: center;
}

.tw-product-question-empty-public strong {
    display: block;
    margin-bottom: 4px;
    color: #435872;
    font-size: 10px;
    font-weight: 850;
}

.tw-product-question-empty-public span {
    color: #97a2af;
    font-size: 8px;
}

@media (max-width: 767.98px) {

    .tw-product-questions {
        padding: 16px;
        border-radius: 14px;
    }

    .tw-product-questions-head {
        display: block;
    }

    .tw-product-questions-count {
        display: inline-flex;
        margin-top: 10px;
    }

    .tw-product-question-form-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-product-question-submit {
        width: 100%;
    }

    .tw-product-question-login {
        align-items: stretch;
        flex-direction: column;
    }

    .tw-question-login-btn {
        text-align: center;
    }

    .tw-product-question-public-a {
        margin-left: 8px;
    }
}


/* =========================================================
   TWANA_BUYER_ARTWORK_PROOF_REDESIGN_176T
========================================================= */

.tw-art-proof-list{
    padding:0 18px;
}

.tw-art-proof-row{
    display:grid;
    grid-template-columns:38px 108px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #eef0f3;
}

.tw-art-proof-row:last-child{
    border-bottom:0;
}

.tw-art-proof-version{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:var(--tw-orange-soft);
    color:var(--tw-orange);
    font-size:9px;
    font-weight:800;
}

.tw-art-proof-thumb{
    width:108px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid var(--tw-border);
    border-radius:9px;
    background:#f8f9fb;
}

.tw-art-proof-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.tw-art-proof-file{
    color:#8d96a5;
    font-size:9px;
    font-weight:800;
}

.tw-art-proof-content{
    min-width:0;
}

.tw-art-proof-title{
    font-size:10.5px;
    font-weight:800;
    color:var(--tw-text);
}

.tw-art-proof-date{
    margin-top:3px;
    font-size:8.5px;
    color:#929baa;
}

.tw-art-proof-note{
    margin-top:7px;
    max-width:520px;
    font-size:9px;
    line-height:1.45;
    color:#657186;
}

.tw-art-proof-actions{
    display:flex;
    gap:7px;
    margin-top:9px;
}

.tw-art-proof-actions a{
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid #e0e4e9;
    border-radius:7px;
    background:#fff;
    color:#566276 !important;
    font-size:8.5px;
    font-weight:800;
    text-decoration:none !important;
}

.tw-art-proof-actions a:first-child{
    border-color:#ffd5b0;
    background:#fff6ed;
    color:var(--tw-orange) !important;
}

.tw-art-proof-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    padding:6px 9px;
    border-radius:20px;
    font-size:8px;
    font-weight:800;
}

.tw-art-proof-status.waiting{
    background:#eef3ff;
    color:#3867e8;
}

.tw-art-proof-status.changes{
    background:#fff5dd;
    color:#956300;
}

.tw-art-proof-status.approved{
    background:var(--tw-green-soft);
    color:var(--tw-green);
}

@media(max-width:767px){

    .tw-art-proof-row{
        grid-template-columns:34px 84px minmax(0,1fr);
    }

    .tw-art-proof-thumb{
        width:84px;
        height:64px;
    }

    .tw-art-proof-row > div:last-child{
        grid-column:2 / -1;
    }
}


/* =========================================================
   TWANA_BUYER_PRODUCTION_179G
   Laranja oficial TWANA: #ff630f
========================================================= */

.tw-order-status.production{
    color:#e55208;
    background:#fff0e8;
    border:1px solid rgba(255,99,15,.18);
}

.tw-order-status.production-completed{
    color:#347e52;
    background:#eaf7ef;
}

.tw-order-filter-card[data-tab="production"].active{
    border-color:#ff630f;
    background:#fff8f4;
    box-shadow:0 0 0 2px rgba(255,99,15,.08);
}

.tw-order-filter-card[data-tab="production"].active .tw-order-filter-icon{
    color:#ff630f;
    background:#fff0e8;
}

.tw-order-filter-card[data-tab="production"].active .tw-order-filter-count{
    color:#fff;
    background:#ff630f;
}


/* TWANA_BUYER_SHIPMENT_STATUS_CSS_180F */

.tw-order-status.shipment-waiting{
    color:#e55208;
    background:#fff0e8;
}

.tw-order-status.shipment-dispatched{
    color:#315f92;
    background:#edf4ff;
}

.tw-order-status.shipment-transit{
    color:#315f92;
    background:#eaf3ff;
}

.tw-order-status.shipment-delivered{
    color:#347e52;
    background:#eaf7ef;
}


/* =========================================================
   TWANA_BUYER_DASHBOARD_S21_04
   Nova fundação visual da Central do Comprador
========================================================= */

.tw-dashboard-v2{
    --tw-dash-navy:#0b2854;
    --tw-dash-orange:#ff630f;
    --tw-dash-bg:#f5f7fb;
    --tw-dash-border:#e6eaf0;
    --tw-dash-muted:#7b8799;

    width:100%;
}

/* HERO */

.tw-dashboard-v2 .tw-buyer-hero{
    position:relative;
    overflow:hidden;

    min-height:190px;
    margin-bottom:18px;
    padding:34px 38px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    border:1px solid #dce7f5;
    border-radius:18px;

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(255,255,255,.95) 0,
            rgba(255,255,255,.35) 22%,
            transparent 43%
        ),
        linear-gradient(
            115deg,
            #edf6ff 0%,
            #f4f8ff 48%,
            #dcecff 100%
        );

    box-shadow:
        0 12px 35px rgba(19,43,79,.055);
}

.tw-dashboard-v2 .tw-buyer-hero:before{
    content:"";
    position:absolute;
    right:80px;
    top:-75px;

    width:280px;
    height:280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,99,15,.10),
            rgba(255,99,15,0) 68%
        );

    pointer-events:none;
}

.tw-dashboard-v2 .tw-buyer-hero-copy{
    position:relative;
    z-index:2;
    max-width:650px;
}

.tw-dashboard-v2 .tw-buyer-eyebrow{
    display:inline-flex;
    align-items:center;

    margin-bottom:10px;

    color:var(--tw-dash-orange);

    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.tw-dashboard-v2 .tw-buyer-hero h1{
    margin:0;

    color:var(--tw-dash-navy);

    font-size:34px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.025em;
}

.tw-dashboard-v2 .tw-buyer-hero p{
    max-width:560px;
    margin:11px 0 0;

    color:#5f718a;

    font-size:14px;
    line-height:1.65;
}

.tw-dashboard-v2 .tw-buyer-hero-action{
    position:relative;
    z-index:2;
    flex:0 0 auto;
}

/* BOTÕES */

.tw-dashboard-v2 .tw-btn-primary{
    min-height:42px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 18px;

    border:0;
    border-radius:10px;

    background:var(--tw-dash-orange);
    color:#fff !important;

    font-size:12px;
    font-weight:800;
    text-decoration:none !important;

    box-shadow:
        0 7px 18px rgba(255,99,15,.20);

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.tw-dashboard-v2 .tw-btn-primary:hover{
    transform:translateY(-1px);

    box-shadow:
        0 10px 24px rgba(255,99,15,.27);
}

/* INDICADORES */

.tw-dashboard-v2 .tw-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;

    margin-bottom:18px;
}

.tw-dashboard-v2 .tw-stat-card{
    min-width:0;
    min-height:118px;

    padding:18px;

    border:1px solid var(--tw-dash-border);
    border-radius:14px;

    background:#fff;

    box-shadow:
        0 6px 20px rgba(24,39,75,.035);
}

.tw-dashboard-v2 .tw-stat-card:nth-child(1){
    background:linear-gradient(135deg,#fff8ef,#fff);
}

.tw-dashboard-v2 .tw-stat-card:nth-child(2){
    background:linear-gradient(135deg,#f1f6ff,#fff);
}

.tw-dashboard-v2 .tw-stat-card:nth-child(3){
    background:linear-gradient(135deg,#effbf5,#fff);
}

.tw-dashboard-v2 .tw-stat-card:nth-child(4){
    background:linear-gradient(135deg,#f6f2ff,#fff);
}

.tw-dashboard-v2 .tw-stat-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.tw-dashboard-v2 .tw-stat-label{
    color:#66758a;

    font-size:11px;
    font-weight:800;
}

.tw-dashboard-v2 .tw-stat-value{
    display:block;

    margin-top:6px;

    color:var(--tw-dash-navy);

    font-size:27px;
    line-height:1;
    font-weight:900;
}

.tw-dashboard-v2 .tw-stat-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 38px;

    border-radius:11px;

    background:#fff;
    color:var(--tw-dash-orange);

    font-size:17px;

    box-shadow:
        0 4px 14px rgba(31,49,82,.06);
}

.tw-dashboard-v2 .tw-stat-foot{
    margin-top:12px;

    color:#8a96a8;

    font-size:10px;
    line-height:1.45;
}

/* AÇÕES RÁPIDAS */

.tw-dashboard-v2 .tw-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;

    margin-bottom:18px;
}

.tw-dashboard-v2 .tw-quick-card{
    position:relative;

    min-height:112px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding:17px;

    border:1px solid var(--tw-dash-border);
    border-radius:14px;

    background:#fff;

    text-decoration:none !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.tw-dashboard-v2 .tw-quick-card:hover{
    transform:translateY(-2px);

    border-color:#ffd0b7;

    box-shadow:
        0 10px 24px rgba(24,39,75,.07);
}

.tw-dashboard-v2 .tw-quick-card .icon{
    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:11px;

    border-radius:10px;

    background:#fff1e8;
    color:var(--tw-dash-orange);

    font-size:17px;
}

.tw-dashboard-v2 .tw-quick-card strong{
    color:var(--tw-dash-navy);

    font-size:12px;
    font-weight:900;
}

.tw-dashboard-v2 .tw-quick-card span{
    margin-top:5px;

    color:#7c899c;

    font-size:10px;
    line-height:1.5;
}

/* PAINEL */

.tw-dashboard-v2 .tw-panel-card{
    overflow:hidden;

    border:1px solid var(--tw-dash-border);
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 7px 24px rgba(24,39,75,.035);
}

.tw-dashboard-v2 .tw-panel-head{
    padding:19px 20px;

    border-bottom:1px solid #edf0f4;
}

.tw-dashboard-v2 .tw-panel-head h3{
    margin:0;

    color:var(--tw-dash-navy);

    font-size:15px;
    font-weight:900;
}

.tw-dashboard-v2 .tw-panel-head p{
    margin:5px 0 0;

    color:#8b97a8;

    font-size:10px;
}

/* RESPONSIVO */

@media(max-width:1199px){

    .tw-dashboard-v2 .tw-stat-grid,
    .tw-dashboard-v2 .tw-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px){

    .tw-dashboard-v2 .tw-buyer-hero{
        min-height:auto;
        padding:24px 20px;

        flex-direction:column;
        align-items:flex-start;
    }

    .tw-dashboard-v2 .tw-buyer-hero h1{
        font-size:26px;
    }

    .tw-dashboard-v2 .tw-buyer-hero-action{
        width:100%;
    }

    .tw-dashboard-v2 .tw-buyer-hero-action .tw-btn-primary{
        width:100%;
    }

    .tw-dashboard-v2 .tw-stat-grid,
    .tw-dashboard-v2 .tw-quick-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   TWANA_BUYER_DASHBOARD_POLISH_S21_05
   Refinamento estrutural da Central do Comprador
========================================================= */

.tw-dashboard-v2{
    position:relative;
    box-sizing:border-box;

    width:100%;
    max-width:100%;

    padding:0 18px 34px;

    overflow:visible;
}

.tw-dashboard-v2 *,
.tw-dashboard-v2 *::before,
.tw-dashboard-v2 *::after{
    box-sizing:border-box;
}

/* HERO */

.tw-dashboard-v2 .tw-buyer-hero{
    width:100%;
    max-width:100%;

    min-height:136px;

    margin:0 0 20px;

    padding:28px 30px;

    border-radius:18px;

    background:
        radial-gradient(
            circle at 93% 20%,
            rgba(255,255,255,.08) 0,
            rgba(255,255,255,.04) 15%,
            transparent 16%
        ),
        radial-gradient(
            circle at 93% 20%,
            rgba(255,255,255,.035) 0,
            rgba(255,255,255,.035) 23%,
            transparent 24%
        ),
        #19283f;

    border:0;

    box-shadow:
        0 12px 32px rgba(13,32,60,.08);
}

.tw-dashboard-v2 .tw-buyer-hero:before{
    right:-15px;
    top:-85px;

    width:260px;
    height:260px;

    background:rgba(255,255,255,.025);
}

.tw-dashboard-v2 .tw-buyer-eyebrow{
    margin-bottom:10px;

    color:#c9d7eb;

    font-size:11px;
    font-weight:900;
    letter-spacing:.11em;
}

.tw-dashboard-v2 .tw-buyer-hero h1{
    max-width:760px;

    color:#fff;

    font-size:29px;
    line-height:1.15;
}

.tw-dashboard-v2 .tw-buyer-hero p{
    margin-top:8px;

    color:#e1e8f2;

    font-size:13px;
}

/* INDICADORES */

.tw-dashboard-v2 .tw-stat-grid{
    gap:14px;
    margin-bottom:20px;
}

.tw-dashboard-v2 .tw-stat-card{
    min-height:118px;
    padding:18px 18px 17px;

    border-radius:15px;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.tw-dashboard-v2 .tw-stat-card:hover{
    transform:translateY(-2px);

    border-color:#dce2ea;

    box-shadow:
        0 10px 25px rgba(24,39,75,.07);
}

/* AÇÕES */

.tw-dashboard-v2 .tw-quick-grid{
    gap:14px;
    margin-bottom:20px;
}

.tw-dashboard-v2 .tw-quick-card{
    min-height:124px;

    border-radius:15px;
}

/* PAINÉIS */

.tw-dashboard-v2 .tw-panel-card{
    border-radius:16px;

    box-shadow:
        0 7px 24px rgba(24,39,75,.035);
}

/* DESKTOP INTERMEDIÁRIO */

@media (max-width:1199px){

    .tw-dashboard-v2{
        padding-left:14px;
        padding-right:14px;
    }

    .tw-dashboard-v2 .tw-buyer-hero{
        padding:26px;
    }

}

/* MOBILE */

@media (max-width:767px){

    .tw-dashboard-v2{
        padding:
            0
            10px
            26px;
    }

    .tw-dashboard-v2 .tw-buyer-hero{
        min-height:0;

        padding:22px 18px;

        border-radius:15px;
    }

    .tw-dashboard-v2 .tw-buyer-hero h1{
        font-size:24px;
    }

    .tw-dashboard-v2 .tw-buyer-hero p{
        font-size:12px;
        line-height:1.55;
    }

    .tw-dashboard-v2 .tw-stat-grid,
    .tw-dashboard-v2 .tw-quick-grid{
        gap:10px;
    }

}



/* =========================================================
   TWANA_BUYER_ACTION_CENTER_S21_07B
   Central inteligente de ações
   ========================================================= */

.tw-action-center{
    margin:0 0 22px;
    background:#fff;
    border:1px solid #e4e9f0;
    border-radius:18px;
    overflow:hidden;
}

.tw-action-center-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px;
    border-bottom:1px solid #edf0f4;
}

.tw-action-center-kicker{
    display:block;
    margin-bottom:5px;
    color:#ff6b00;
    font-size:11px;
    font-weight:800;
    letter-spacing:.09em;
}

.tw-action-center-head h2{
    margin:0;
    color:#071c38;
    font-size:19px;
    line-height:1.25;
    font-weight:800;
}

.tw-action-center-head p{
    margin:5px 0 0;
    color:#8190a5;
    font-size:12px;
}

.tw-action-count{
    flex:0 0 auto;
    padding:7px 11px;
    border-radius:999px;
    background:#fff2e8;
    color:#f56600;
    font-size:11px;
    font-weight:800;
}

.tw-action-list{
    padding:0 24px;
}

.tw-action-item{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    padding:19px 0;
    border-bottom:1px solid #edf0f4;
}

.tw-action-item:last-child{
    border-bottom:0;
}

.tw-action-symbol{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:#fff2e8;
    color:#ff6b00;
    font-size:16px;
    font-weight:900;
}

.tw-action-copy{
    min-width:0;
}

.tw-action-eyebrow{
    display:block;
    margin-bottom:4px;
    color:#ff6b00;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.07em;
}

.tw-action-copy h3{
    margin:0;
    color:#071c38;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
}

.tw-action-copy p{
    margin:5px 0 0;
    color:#7c8ba0;
    font-size:12px;
    line-height:1.5;
}

.tw-action-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:39px;
    padding:0 15px;
    border-radius:10px;
    background:#ff6b00;
    color:#fff !important;
    font-size:11px;
    font-weight:800;
    text-decoration:none !important;
    white-space:nowrap;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}

.tw-action-button:hover{
    background:#ed6200;
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(255,107,0,.18);
}

.tw-action-empty{
    display:flex;
    align-items:center;
    gap:15px;
    padding:22px 24px;
}

.tw-action-empty-icon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    border-radius:50%;
    background:#eaf8f1;
    color:#21a66a;
    font-size:18px;
    font-weight:900;
}

.tw-action-empty h3{
    margin:0;
    color:#071c38;
    font-size:14px;
    font-weight:800;
}

.tw-action-empty p{
    margin:4px 0 0;
    color:#8190a5;
    font-size:12px;
}

@media(max-width:767px){

    .tw-action-center-head{
        align-items:flex-start;
        padding:18px;
    }

    .tw-action-list{
        padding:0 18px;
    }

    .tw-action-item{
        grid-template-columns:42px minmax(0,1fr);
        gap:12px;
    }

    .tw-action-symbol{
        width:40px;
        height:40px;
    }

    .tw-action-button{
        grid-column:1 / -1;
        width:100%;
        margin-top:2px;
    }

    .tw-action-empty{
        padding:20px 18px;
    }
}


/* =========================================================
   TWANA_BUYER_KPI_COLORS_S21_14

   Semantica visual TWANA Buyer:
   blue   = compra / carrinho
   orange = negociacao / aguardando fornecedor
   purple = proposta / oportunidade
   green  = aprovado / pronto para avancar
   ========================================================= */

.tw-dashboard-v2 .tw-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
    margin-bottom: 20px;
}

.tw-dashboard-v2 .tw-stat-card {
    position: relative;
    min-width: 0;
    min-height: 118px;

    padding: 18px 18px 16px;

    border: 1px solid rgba(15, 42, 76, .07);
    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 8px 24px rgba(15, 42, 76, .035);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.tw-dashboard-v2 .tw-stat-card::after {
    content: "";
    position: absolute;

    width: 95px;
    height: 95px;

    right: -38px;
    top: -42px;

    border-radius: 50%;

    background: currentColor;
    opacity: .035;

    pointer-events: none;
}

.tw-dashboard-v2 .tw-stat-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(15, 42, 76, .07);
}

.tw-dashboard-v2 .tw-stat-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.tw-dashboard-v2 .tw-stat-label {
    margin-bottom: 5px;

    color: #617089;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.tw-dashboard-v2 .tw-stat-value {
    display: block;

    color: #09244a;

    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.7px;
}

.tw-dashboard-v2 .tw-stat-foot {
    margin-top: 13px;

    color: #7d8ba2;

    font-size: 11px;
    line-height: 1.4;
}

.tw-dashboard-v2 .tw-stat-icon {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    border-radius: 12px;

    font-size: 23px;
    line-height: 1;

    box-shadow:
        0 6px 18px rgba(15, 42, 76, .04);
}

.tw-dashboard-v2 .tw-stat-icon i {
    line-height: 1;
}


/* ORANGE — negociacao */

.tw-dashboard-v2 .tw-stat-orange {
    color: #ff6a00;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fff6e9 100%
        );

    border-color: #ffe4c1;
}

.tw-dashboard-v2 .tw-stat-orange .tw-stat-icon {
    color: #ff6a00;
    background: #fff0dd;
}


/* PURPLE — propostas / oportunidades */

.tw-dashboard-v2 .tw-stat-purple {
    color: #6938ef;

    background:
        linear-gradient(
            135deg,
            #fdfcff 0%,
            #f5f1ff 100%
        );

    border-color: #e7ddff;
}

.tw-dashboard-v2 .tw-stat-purple .tw-stat-icon {
    color: #6938ef;
    background: #eee7ff;
}


/* GREEN — aprovado / pronto */

.tw-dashboard-v2 .tw-stat-green {
    color: #00a76f;

    background:
        linear-gradient(
            135deg,
            #fbfffd 0%,
            #eafbf3 100%
        );

    border-color: #d5f3e5;
}

.tw-dashboard-v2 .tw-stat-green .tw-stat-icon {
    color: #00a76f;
    background: #dcf8eb;
}


/* BLUE — compra / carrinho */

.tw-dashboard-v2 .tw-stat-blue {
    color: #1683ff;

    background:
        linear-gradient(
            135deg,
            #fbfdff 0%,
            #eaf5ff 100%
        );

    border-color: #d9ebff;
}

.tw-dashboard-v2 .tw-stat-blue .tw-stat-icon {
    color: #1683ff;
    background: #deefff;
}


/* RESPONSIVO */

@media (max-width: 1199px) {

    .tw-dashboard-v2 .tw-stat-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {

    .tw-dashboard-v2 .tw-stat-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tw-dashboard-v2 .tw-stat-card {
        min-height: 104px;
        padding: 15px;
    }

    .tw-dashboard-v2 .tw-stat-value {
        font-size: 26px;
    }
}


/* =========================================================
   TWANA_BUYER_KPI5_S21_18B
   Buyer dashboard — 5 operational KPI cards
   ========================================================= */

.tw-dashboard-v2 .tw-kpi5-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0 20px;
}

.tw-dashboard-v2 .tw-kpi5-card {
    position: relative;

    display: flex;
    align-items: center;
    gap: 13px;

    min-width: 0;
    min-height: 108px;

    padding: 16px;

    border: 1px solid #e4eaf2;
    border-radius: 15px;

    text-decoration: none !important;

    overflow: hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.tw-dashboard-v2 a.tw-kpi5-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(15, 42, 76, .08);
}

.tw-dashboard-v2 .tw-kpi5-card::after {
    content: "";

    position: absolute;
    top: -44px;
    right: -40px;

    width: 100px;
    height: 100px;

    border-radius: 50%;

    background: currentColor;
    opacity: .035;

    pointer-events: none;
}

.tw-dashboard-v2 .tw-kpi5-icon {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    border-radius: 13px;

    font-size: 24px;
}

.tw-dashboard-v2 .tw-kpi5-icon i {
    line-height: 1;
}

.tw-dashboard-v2 .tw-kpi5-copy {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    min-width: 0;
}

.tw-dashboard-v2 .tw-kpi5-copy > span {
    color: #536984;

    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.tw-dashboard-v2 .tw-kpi5-copy > strong {
    margin-top: 3px;

    color: #0a254b;

    font-size: 28px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: -.7px;
}

.tw-dashboard-v2 .tw-kpi5-copy > small {
    margin-top: 6px;

    color: #73839a;

    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
}


/* CARRINHO */

.tw-dashboard-v2 .tw-kpi5-blue {
    color: #1585ff;

    background:
        linear-gradient(
            135deg,
            #edf7ff 0%,
            #f9fcff 100%
        );

    border-color: #d6eaff;
}

.tw-dashboard-v2 .tw-kpi5-blue .tw-kpi5-icon {
    color: #1585ff;
    background: #dceeff;
}


/* ORCAMENTOS */

.tw-dashboard-v2 .tw-kpi5-orange {
    color: #ff7900;

    background:
        linear-gradient(
            135deg,
            #fff7e9 0%,
            #fffdf8 100%
        );

    border-color: #ffe3b6;
}

.tw-dashboard-v2 .tw-kpi5-orange .tw-kpi5-icon {
    color: #ff7900;
    background: #ffedd1;
}


/* OPORTUNIDADES */

.tw-dashboard-v2 .tw-kpi5-purple {
    color: #7248ef;

    background:
        linear-gradient(
            135deg,
            #f5f0ff 0%,
            #fcfaff 100%
        );

    border-color: #e6daff;
}

.tw-dashboard-v2 .tw-kpi5-purple .tw-kpi5-icon {
    color: #7248ef;
    background: #e9deff;
}


/* PEDIDOS */

.tw-dashboard-v2 .tw-kpi5-green {
    color: #0cab70;

    background:
        linear-gradient(
            135deg,
            #eafff6 0%,
            #f9fffc 100%
        );

    border-color: #cff1e2;
}

.tw-dashboard-v2 .tw-kpi5-green .tw-kpi5-icon {
    color: #0cab70;
    background: #d7f7e8;
}


/* ACAO NECESSARIA */

.tw-dashboard-v2 .tw-kpi5-pink {
    color: #ef476f;

    background:
        linear-gradient(
            135deg,
            #fff0f4 0%,
            #fffafd 100%
        );

    border-color: #ffd7e1;
}

.tw-dashboard-v2 .tw-kpi5-pink .tw-kpi5-icon {
    color: #ef476f;
    background: #ffe0e8;
}


/* RESPONSIVO */

@media (max-width: 1250px) {

    .tw-dashboard-v2 .tw-kpi5-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}

@media (max-width: 767px) {

    .tw-dashboard-v2 .tw-kpi5-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .tw-dashboard-v2 .tw-kpi5-card {
        min-height: 100px;
        padding: 13px;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > strong {
        font-size: 24px;
    }

}

@media (max-width: 430px) {

    .tw-dashboard-v2 .tw-kpi5-grid {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   TWANA_BUYER_RIGHT_RAIL_S21_24C
   ========================================================== */

.tw-dashboard-v2 .tw-buyer-content-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:16px;
    align-items:start;
    margin-top:16px;
}

.tw-dashboard-v2 .tw-buyer-main-column{
    min-width:0;
}

.tw-dashboard-v2 .tw-buyer-right-rail{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}


/* CARTEIRA TWANA */

.tw-dashboard-v2 .tw-buyer-wallet-card{
    position:relative;
    overflow:hidden;
    min-height:142px;
    padding:18px;
    border-radius:16px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,255,255,.10),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #071c3d 0%,
            #0b2b60 100%
        );

    color:#fff;

    box-shadow:
        0 12px 30px rgba(7,28,61,.16);
}

.tw-dashboard-v2 .tw-wallet-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.tw-dashboard-v2 .tw-wallet-card-title{
    display:flex;
    align-items:center;
    gap:9px;

    font-size:14px;
}

.tw-dashboard-v2 .tw-wallet-card-icon{
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:#ff650f;

    border:
        1px solid rgba(255,101,15,.35);

    background:
        rgba(255,101,15,.08);

    font-size:20px;
}

.tw-dashboard-v2 .tw-wallet-card-eye{
    opacity:.75;
    font-size:17px;
}

.tw-dashboard-v2 .tw-wallet-card-balance{
    margin-top:18px;

    font-size:24px;
    line-height:1;

    font-weight:800;
    letter-spacing:-.4px;
}

.tw-dashboard-v2 .tw-wallet-card-bottom{
    margin-top:18px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;
}

.tw-dashboard-v2 .tw-wallet-card-link{
    color:#fff;
    text-decoration:none;

    font-size:12px;
    font-weight:700;

    opacity:.9;
}

.tw-dashboard-v2 a.tw-wallet-card-link:hover{
    color:#fff;
    opacity:1;
}

.tw-dashboard-v2 .tw-wallet-coming-soon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 10px;

    border-radius:8px;

    border:
        1px solid rgba(255,255,255,.30);

    background:
        rgba(255,255,255,.06);

    font-size:11px;
    font-weight:700;

    white-space:nowrap;
}


/* PROXIMAS ENTREGAS - PLACEHOLDER */

.tw-dashboard-v2 .tw-buyer-delivery-placeholder{
    padding:16px;

    border:
        1px solid #e5eaf1;

    border-radius:16px;

    background:#fff;
}

.tw-dashboard-v2 .tw-delivery-placeholder-head{
    padding-bottom:12px;

    border-bottom:
        1px solid #edf0f4;

    color:#0a2447;

    font-size:14px;
}

.tw-dashboard-v2 .tw-delivery-placeholder-empty{
    min-height:100px;

    display:flex;
    align-items:center;

    gap:12px;

    color:#6f7f94;
}

.tw-dashboard-v2 .tw-delivery-placeholder-icon{
    flex:0 0 auto;

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e8f8ff;
    color:#0ca8d8;

    font-size:20px;
}

.tw-dashboard-v2 .tw-delivery-placeholder-empty strong{
    display:block;

    margin-bottom:3px;

    color:#183150;

    font-size:12px;
}

.tw-dashboard-v2 .tw-delivery-placeholder-empty p{
    margin:0;

    font-size:11px;
    line-height:1.45;
}


/* RESPONSIVO */

@media (max-width:1199px){

    .tw-dashboard-v2 .tw-buyer-content-shell{
        grid-template-columns:minmax(0,1fr) 260px;
    }

}

@media (max-width:991px){

    .tw-dashboard-v2 .tw-buyer-content-shell{
        grid-template-columns:1fr;
    }

    .tw-dashboard-v2 .tw-buyer-right-rail{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media (max-width:575px){

    .tw-dashboard-v2 .tw-buyer-right-rail{
        display:flex;
    }

}

/* === /TWANA_BUYER_RIGHT_RAIL_S21_24C === */


/* ==========================================================
   TWANA_BUYER_MOBILE_FINAL_S21_26
   Dashboard Buyer — KPI 2x2 permanente no mobile
   ========================================================== */

@media (max-width: 767px) {

    .tw-dashboard-v2 .tw-kpi5-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .tw-dashboard-v2 .tw-kpi5-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 96px !important;

        padding: 12px !important;

        gap: 10px !important;

        border-radius: 14px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-icon {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;

        border-radius: 12px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy {
        min-width: 0 !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > span {
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > strong {
        font-size: 24px !important;
        line-height: 1 !important;
        margin-top: 4px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > small {
        font-size: 10px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
    }

}


/*
 * IMPORTANTE:
 * Sobrescreve a regra antiga de max-width:430px
 * que transformava os KPIs em uma coluna.
 */
@media (max-width: 430px) {

    .tw-dashboard-v2 .tw-kpi5-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-card {
        min-height: 94px !important;
        padding: 10px !important;
        gap: 8px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > span {
        font-size: 10px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > strong {
        font-size: 22px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > small {
        font-size: 9px !important;
    }

}


/*
 * Em telas extremamente estreitas continuamos com 2 colunas.
 * Reduzimos apenas o conteúdo interno.
 */
@media (max-width: 360px) {

    .tw-dashboard-v2 .tw-kpi5-card {
        padding: 9px !important;
        gap: 6px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .tw-dashboard-v2 .tw-kpi5-copy > strong {
        font-size: 20px !important;
    }

}

/* === /TWANA_BUYER_MOBILE_FINAL_S21_26 === */


/* ==========================================================
   TWANA_BUYER_MOBILE_DASH_GRID_S21_27
   Mobile:
   - 6º KPI = Carteira TWANA
   - quick cards = 2x2
   Desktop permanece inalterado
   ========================================================== */


/* Carteira KPI não existe visualmente no desktop */
.tw-dashboard-v2 .tw-kpi5-wallet-mobile {
    display: none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /*
     * KPI:
     * Carrinho | Orçamentos
     * Oportunidades | Pedidos
     * Ação | Carteira
     */

    .tw-dashboard-v2 .tw-kpi5-wallet-mobile {
        display: flex !important;

        background:
            radial-gradient(
                circle at 100% 0,
                rgba(255,255,255,.10) 0,
                rgba(255,255,255,.10) 28%,
                transparent 29%
            ),
            linear-gradient(
                135deg,
                #09234a 0%,
                #0d3268 100%
            ) !important;

        border-color: #163f78 !important;

        color: #ffffff !important;

        box-shadow:
            0 8px 20px rgba(9,35,74,.12) !important;
    }


    .tw-dashboard-v2 .tw-kpi5-wallet-mobile .tw-kpi5-icon {
        background: rgba(255,91,20,.14) !important;
        color: #ff671d !important;
        border: 1px solid rgba(255,103,29,.20) !important;
    }


    .tw-dashboard-v2 .tw-kpi5-wallet-mobile .tw-kpi5-copy > span {
        color: #ffffff !important;
    }


    .tw-dashboard-v2 .tw-kpi5-wallet-mobile .tw-kpi5-copy > strong {
        color: #ffffff !important;

        font-size: 18px !important;

        white-space: nowrap !important;
    }


    .tw-dashboard-v2 .tw-kpi5-wallet-mobile .tw-kpi5-copy > small {
        color: rgba(255,255,255,.72) !important;
    }


    /*
     * Right rail:
     * no mobile não precisamos repetir a carteira grande.
     */

    .tw-dashboard-v2 .tw-buyer-right-rail .tw-buyer-wallet-card {
        display: none !important;
    }


    /*
     * QUICK CARDS:
     *
     * Meus Orçamentos | Oportunidades
     * Meus Pedidos    | Favoritos
     */

    .tw-dashboard-v2 .tw-quick-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;

        width: 100% !important;
    }


    .tw-dashboard-v2 .tw-quick-card {
        width: 100% !important;
        min-width: 0 !important;

        min-height: 128px !important;

        padding: 14px !important;

        border-radius: 14px !important;
    }


    .tw-dashboard-v2 .tw-quick-card .icon {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-bottom: 10px !important;

        border-radius: 11px !important;
    }


    .tw-dashboard-v2 .tw-quick-card strong {
        display: block !important;

        font-size: 12px !important;
        line-height: 1.25 !important;

        margin-bottom: 6px !important;
    }


    .tw-dashboard-v2 .tw-quick-card span {
        display: block !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

}


/* ==========================================================
   MOBILE PEQUENO
   Mantém 2x2.
   ========================================================== */

@media (max-width: 430px) {

    .tw-dashboard-v2 .tw-quick-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }


    .tw-dashboard-v2 .tw-quick-card {
        min-height: 118px !important;

        padding: 12px !important;
    }


    .tw-dashboard-v2 .tw-quick-card .icon {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;

        margin-bottom: 8px !important;
    }


    .tw-dashboard-v2 .tw-quick-card strong {
        font-size: 11px !important;
    }


    .tw-dashboard-v2 .tw-quick-card span {
        font-size: 9px !important;
    }


    .tw-dashboard-v2 .tw-kpi5-wallet-mobile .tw-kpi5-copy > strong {
        font-size: 16px !important;
    }

}


/* === /TWANA_BUYER_MOBILE_DASH_GRID_S21_27 === */


/* ==========================================================
   TWANA_BUYER_QUICK_ACTIONS_S21_28
   ========================================================== */

.tw-dashboard-v2 .tw-buyer-actions {
    margin-top: 16px;

    padding: 16px;

    background: #ffffff;

    border: 1px solid #e3e9f1;
    border-radius: 15px;

    box-shadow:
        0 4px 16px rgba(15, 35, 65, .025);
}


.tw-dashboard-v2 .tw-buyer-actions-title {
    margin-bottom: 13px;

    color: #071d3f;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
}


.tw-dashboard-v2 .tw-buyer-actions-grid {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 10px;
}


.tw-dashboard-v2 .tw-buyer-action {
    display: flex;

    align-items: center;

    min-width: 0;
    min-height: 58px;

    padding: 9px 11px;

    gap: 10px;

    background: #ffffff;

    border: 1px solid #dde6f0;
    border-radius: 11px;

    color: #0c2345;

    text-decoration: none !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}


.tw-dashboard-v2 .tw-buyer-action:hover {
    transform: translateY(-1px);

    border-color: #c9d7e7;

    box-shadow:
        0 7px 18px rgba(13, 37, 70, .07);
}


.tw-dashboard-v2 .tw-buyer-action-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    min-width: 42px;

    border-radius: 10px;

    font-size: 22px;
}


.tw-dashboard-v2 .tw-buyer-action-copy {
    display: block;

    min-width: 0;

    color: #102442;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}


.tw-dashboard-v2 .tw-buyer-action-copy small {
    display: block;

    margin-top: 3px;

    color: #60738d;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 500;
}


/* CORES */

.tw-dashboard-v2 .tw-action-blue
.tw-buyer-action-icon {
    background: #e5f3ff;
    color: #1685f8;
}


.tw-dashboard-v2 .tw-action-sky
.tw-buyer-action-icon {
    background: #e9f5ff;
    color: #147be8;
}


.tw-dashboard-v2 .tw-action-purple
.tw-buyer-action-icon {
    background: #eee7ff;
    color: #7650ff;
}


.tw-dashboard-v2 .tw-action-green
.tw-buyer-action-icon {
    background: #dcf8ec;
    color: #16b978;
}


.tw-dashboard-v2 .tw-action-wallet
.tw-buyer-action-icon {
    background: #eee8ff;
    color: #7145f5;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .tw-dashboard-v2 .tw-buyer-actions-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .tw-dashboard-v2 .tw-buyer-actions {
        margin-top: 12px;

        padding: 12px;

        border-radius: 14px;
    }


    .tw-dashboard-v2 .tw-buyer-actions-title {
        margin-bottom: 10px;

        font-size: 14px;
    }


    /*
     * No mobile usamos scroll horizontal.
     * Mantém os atalhos compactos e evita criar
     * mais três linhas verticais na dashboard.
     */

    .tw-dashboard-v2 .tw-buyer-actions-grid {
        display: flex;

        width: 100%;

        gap: 8px;

        overflow-x: auto;
        overflow-y: hidden;

        padding-bottom: 3px;

        scroll-snap-type: x proximity;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }


    .tw-dashboard-v2
    .tw-buyer-actions-grid::-webkit-scrollbar {
        display: none;
    }


    .tw-dashboard-v2 .tw-buyer-action {
        flex: 0 0 154px;

        min-height: 56px;

        padding: 8px 9px;

        gap: 8px;

        scroll-snap-align: start;
    }


    .tw-dashboard-v2 .tw-buyer-action-icon {
        width: 38px;
        height: 38px;

        min-width: 38px;

        font-size: 20px;
    }


    .tw-dashboard-v2 .tw-buyer-action-copy {
        font-size: 10px;
    }


    .tw-dashboard-v2
    .tw-buyer-action-copy small {
        font-size: 9px;
    }

}

/* === /TWANA_BUYER_QUICK_ACTIONS_S21_28 === */


/* ==========================================================
   TWANA_BUYER_QUICK_ACTIONS_MOBILE_2X2_S21_28B
   ========================================================== */

@media (max-width: 767px) {

    .tw-dashboard-v2 .tw-buyer-actions {
        width: 100% !important;
        overflow: hidden !important;
    }

    .tw-dashboard-v2 .tw-buyer-actions-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow: visible !important;
        overflow-x: visible !important;

        scroll-snap-type: none !important;
    }

    .tw-dashboard-v2 .tw-buyer-action {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        min-height: 64px !important;
        padding: 9px 8px !important;

        scroll-snap-align: none !important;
    }

    .tw-dashboard-v2 .tw-buyer-action-icon {
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
    }

    .tw-dashboard-v2 .tw-buyer-action-copy {
        min-width: 0 !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    .tw-dashboard-v2 .tw-buyer-action-copy small {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

}

/* === /TWANA_BUYER_QUICK_ACTIONS_MOBILE_2X2_S21_28B === */



/* ==========================================================
   TWANA_BUYER_ORDERS_PANEL_S21_29C
   ========================================================== */

.tw-dashboard-v2 .tw-dashboard-orders-panel{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
    margin-top:14px;
}

.tw-dashboard-v2 .tw-dashboard-panel-head{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 16px;
    border-bottom:1px solid #edf2f7;
}

.tw-dashboard-v2 .tw-dashboard-panel-head h3{
    margin:0;
    color:#071d40;
    font-size:16px;
    font-weight:800;
}

.tw-dashboard-v2 .tw-dashboard-panel-head a{
    color:#006cff;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-dashboard-orders-list{
    padding:0 14px;
}

.tw-dashboard-v2 .tw-dashboard-order-row{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:76px;
    border-bottom:1px solid #edf2f7;
}

.tw-dashboard-v2 .tw-dashboard-order-row:last-child{
    border-bottom:0;
}

.tw-dashboard-v2 .tw-dashboard-order-thumb{
    width:42px;
    height:42px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    overflow:hidden;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tw-dashboard-v2 .tw-dashboard-order-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tw-dashboard-v2 .tw-dashboard-order-thumb span{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    color:#ff5a1f;
    font-size:20px;
}

.tw-dashboard-v2 .tw-dashboard-order-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.tw-dashboard-v2 .tw-dashboard-order-info strong{
    color:#071d40;
    font-size:12px;
    font-weight:800;
    line-height:1.25;
}

.tw-dashboard-v2 .tw-dashboard-order-info > span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#64748b;
    font-size:12px;
}

.tw-dashboard-v2 .tw-dashboard-order-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:5px;
}

.tw-dashboard-v2 .tw-dashboard-order-meta small{
    color:#94a3b8;
    font-size:10px;
}

.tw-dashboard-v2 .tw-dashboard-order-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:5px 8px;
    white-space:nowrap;
    font-size:10px;
    font-weight:700;
}

.tw-dashboard-v2 .tw-order-status-green{
    color:#07875c;
    background:#dff8ed;
}

.tw-dashboard-v2 .tw-order-status-blue{
    color:#0877b9;
    background:#e0f3ff;
}

.tw-dashboard-v2 .tw-order-status-orange{
    color:#b76500;
    background:#fff2d9;
}

.tw-dashboard-v2 .tw-order-status-neutral{
    color:#64748b;
    background:#f1f5f9;
}

.tw-dashboard-v2 .tw-dashboard-panel-footer-link{
    display:block;
    padding:12px 16px;
    border-top:1px solid #edf2f7;
    color:#006cff;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-dashboard-orders-empty{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#64748b;
}

.tw-dashboard-v2 .tw-dashboard-orders-empty > span{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#eef8ff;
    color:#00a4e4;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.tw-dashboard-v2 .tw-dashboard-orders-empty div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.tw-dashboard-v2 .tw-dashboard-orders-empty strong{
    color:#071d40;
    font-size:12px;
}

.tw-dashboard-v2 .tw-dashboard-orders-empty small{
    font-size:11px;
}


/* MOBILE */

@media (max-width: 767px){

    .tw-dashboard-v2 .tw-dashboard-orders-panel{
        margin-top:10px;
        border-radius:14px;
    }

    .tw-dashboard-v2 .tw-dashboard-panel-head{
        min-height:50px;
        padding:0 12px;
    }

    .tw-dashboard-v2 .tw-dashboard-panel-head h3{
        font-size:14px;
    }

    .tw-dashboard-v2 .tw-dashboard-orders-list{
        padding:0 11px;
    }

    .tw-dashboard-v2 .tw-dashboard-order-row{
        grid-template-columns:42px minmax(0,1fr);
        gap:9px;
        min-height:78px;
        padding:8px 0;
    }

    .tw-dashboard-v2 .tw-dashboard-order-thumb{
        width:40px;
        height:40px;
    }

    .tw-dashboard-v2 .tw-dashboard-order-meta{
        grid-column:2;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }

    .tw-dashboard-v2 .tw-dashboard-order-info strong{
        font-size:11px;
    }

    .tw-dashboard-v2 .tw-dashboard-order-info > span{
        font-size:11px;
    }

}

/* === /TWANA_BUYER_ORDERS_PANEL_S21_29C === */


/* ==========================================================
   TWANA_BUYER_3COL_S21_31
   ========================================================== */

.tw-dashboard-v2 .tw-buyer-3col{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:14px;
}

.tw-dashboard-v2 .tw-buyer-list-card{
    min-width:0;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
}

.tw-dashboard-v2 .tw-buyer-list-head{
    min-height:50px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid #edf2f7;
}

.tw-dashboard-v2 .tw-buyer-list-head h3{
    margin:0;
    color:#071d43;
    font-size:15px;
    font-weight:800;
}

.tw-dashboard-v2 .tw-buyer-list-head a{
    flex:0 0 auto;
    color:#0675f7;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-list-body{
    padding:0 14px;
}

.tw-dashboard-v2 .tw-buyer-list-row{
    min-width:0;
    min-height:76px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #edf2f7;
}

.tw-dashboard-v2 .tw-buyer-list-row:last-child{
    border-bottom:0;
}

.tw-dashboard-v2 .tw-buyer-list-row-link{
    color:inherit;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-list-thumb{
    width:44px;
    height:44px;
    border:1px solid #dce6f1;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f8fbff;
    color:#ff5b19;
    font-size:19px;
}

.tw-dashboard-v2 .tw-buyer-list-thumb.quote{
    background:#fff5ed;
    border-color:#ffeadc;
}

.tw-dashboard-v2 .tw-buyer-list-thumb.opportunity{
    background:#f4efff;
    border-color:#e8ddff;
    color:#7548ff;
}

.tw-dashboard-v2 .tw-buyer-list-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tw-dashboard-v2 .tw-buyer-list-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.tw-dashboard-v2 .tw-buyer-list-copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#071d43;
    font-size:11.5px;
    font-weight:800;
}

.tw-dashboard-v2 .tw-buyer-list-copy span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#64748b;
    font-size:10.5px;
    line-height:1.35;
}

.tw-dashboard-v2 .tw-buyer-list-meta{
    max-width:112px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    text-align:right;
}

.tw-dashboard-v2 .tw-buyer-list-meta small{
    color:#94a3b8;
    font-size:9px;
    white-space:nowrap;
}

.tw-dashboard-v2 .tw-dash-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:4px 8px;
    border-radius:999px;
    font-size:8.5px;
    line-height:1.15;
    font-weight:800;
    white-space:nowrap;
}

.tw-dashboard-v2 .tw-dash-pill.success{
    color:#07875c;
    background:#d9f7e9;
}

.tw-dashboard-v2 .tw-dash-pill.info{
    color:#0869c9;
    background:#dceeff;
}

.tw-dashboard-v2 .tw-dash-pill.warning{
    color:#b66a00;
    background:#fff0d5;
}

.tw-dashboard-v2 .tw-dash-pill.danger{
    color:#c33b4b;
    background:#ffe3e7;
}

.tw-dashboard-v2 .tw-dash-pill.muted{
    color:#64748b;
    background:#eef2f7;
}

.tw-dashboard-v2 .tw-buyer-list-footer{
    min-height:36px;
    padding:0 16px;
    display:flex;
    align-items:center;
    border-top:1px solid #edf2f7;
    color:#0675f7;
    font-size:10px;
    font-weight:700;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-list-empty{
    min-height:110px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#94a3b8;
    font-size:10px;
    text-align:center;
}

.tw-dashboard-v2 .tw-buyer-list-empty i{
    font-size:25px;
    color:#cbd5e1;
}


/* Tablet */
@media (max-width: 1100px){

    .tw-dashboard-v2 .tw-buyer-3col{
        grid-template-columns:1fr;
    }

}


/* Mobile */
@media (max-width: 767px){

    .tw-dashboard-v2 .tw-buyer-3col{
        grid-template-columns:1fr;
        gap:10px;
        margin-top:10px;
    }

    .tw-dashboard-v2 .tw-buyer-list-card{
        border-radius:14px;
    }

    .tw-dashboard-v2 .tw-buyer-list-row{
        grid-template-columns:40px minmax(0,1fr) auto;
        min-height:68px;
        gap:9px;
    }

    .tw-dashboard-v2 .tw-buyer-list-thumb{
        width:40px;
        height:40px;
    }

}


/* === /TWANA_BUYER_3COL_S21_31 === */



/* ==========================================================
   TWANA_BUYER_REAL_DELIVERIES_S21_33B
   ========================================================== */

.tw-dashboard-v2 .tw-buyer-deliveries{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
}

.tw-dashboard-v2 .tw-buyer-deliveries-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 16px 13px;
    border-bottom:1px solid #e9eef5;
}

.tw-dashboard-v2 .tw-buyer-deliveries-head strong{
    color:#071d42;
    font-size:14px;
    font-weight:800;
}

.tw-dashboard-v2 .tw-buyer-deliveries-head a{
    color:#0878ff;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-delivery-list{
    padding:8px 16px 12px;
}

.tw-dashboard-v2 .tw-buyer-delivery-item{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:12px 0;
}

.tw-dashboard-v2 .tw-buyer-delivery-item + .tw-buyer-delivery-item{
    border-top:1px solid #edf1f6;
}

.tw-dashboard-v2 .tw-buyer-delivery-marker{
    display:flex;
    justify-content:center;
}

.tw-dashboard-v2 .tw-buyer-delivery-marker span{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8f8ff;
    color:#06a9dc;
    font-size:18px;
    flex:0 0 34px;
}

.tw-dashboard-v2 .tw-delivery-delivered .tw-buyer-delivery-marker span{
    background:#d9f8e8;
    color:#16b96b;
}

.tw-dashboard-v2 .tw-delivery-waiting .tw-buyer-delivery-marker span{
    background:#fff3df;
    color:#f59e0b;
}

.tw-dashboard-v2 .tw-buyer-delivery-copy{
    min-width:0;
}

.tw-dashboard-v2 .tw-buyer-delivery-code{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#071d42;
    font-size:11px;
    line-height:1.35;
    font-weight:800;
    margin-bottom:3px;
}

.tw-dashboard-v2 .tw-buyer-delivery-tracking{
    display:flex;
    flex-wrap:wrap;
    gap:3px;
    color:#64748b;
    font-size:10px;
    line-height:1.4;
    margin-bottom:6px;
}

.tw-dashboard-v2 .tw-buyer-delivery-tracking a{
    color:#526783;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-delivery-status{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    font-size:9px;
    line-height:1;
    font-weight:800;
    margin-bottom:5px;
}

.tw-dashboard-v2 .tw-delivery-status-waiting{
    background:#fff1d7;
    color:#b66a00;
}

.tw-dashboard-v2 .tw-delivery-status-dispatched,
.tw-dashboard-v2 .tw-delivery-status-transit{
    background:#dff4ff;
    color:#0875aa;
}

.tw-dashboard-v2 .tw-delivery-status-reported{
    background:#e7efff;
    color:#315fca;
}

.tw-dashboard-v2 .tw-delivery-status-delivered{
    background:#d9f7e8;
    color:#168a58;
}

.tw-dashboard-v2 .tw-delivery-status-default{
    background:#eef2f7;
    color:#52627a;
}

.tw-dashboard-v2 .tw-buyer-delivery-date{
    display:block;
    color:#73849d;
    font-size:9px;
    line-height:1.35;
}

.tw-dashboard-v2 .tw-buyer-delivery-empty{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:28px 16px;
}

.tw-dashboard-v2 .tw-buyer-delivery-empty-icon{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8f8ff;
    color:#06a9dc;
    font-size:19px;
}

.tw-dashboard-v2 .tw-buyer-delivery-empty strong{
    display:block;
    color:#071d42;
    font-size:11px;
    font-weight:800;
    margin-bottom:3px;
}

.tw-dashboard-v2 .tw-buyer-delivery-empty p{
    margin:0;
    color:#73849d;
    font-size:10px;
    line-height:1.45;
}

/* === /TWANA_BUYER_REAL_DELIVERIES_S21_33B === */



/* =========================================================
   TWANA_BUYER_BUY_AGAIN_S21_34B
   ========================================================= */

.tw-buyer-buy-again {
    margin-top: 14px;
    background: #fff;
    border: 1px solid #dfe6ef;
    border-radius: 16px;
    overflow: hidden;
}

.tw-buyer-buy-again-link {
    min-height: 86px;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #0b2349;
    text-decoration: none;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.tw-buyer-buy-again-link:hover {
    color: #0b2349;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(15, 35, 70, .08);
}

.tw-buyer-buy-again-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1e5;
    color: #ff6500;
    font-size: 21px;
}

.tw-buyer-buy-again-copy {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tw-buyer-buy-again-copy > strong {
    color: #0b2349;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.tw-buyer-buy-again-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #71819b;
    font-size: 11px;
    line-height: 1.35;
}

.tw-buyer-buy-again-arrow {
    flex: 0 0 auto;
    color: #17355e;
    font-size: 16px;
}

@media (max-width: 991px) {

    .tw-buyer-buy-again {
        margin-top: 12px;
    }

}

/* === /TWANA_BUYER_BUY_AGAIN_S21_34B === */


/* ============================================================
   TWANA_BUYER_BOTTOM_S21_35B
   ============================================================ */

.tw-buyer-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(250px, .95fr) minmax(250px, .95fr);
    gap: 16px;
    margin-top: 16px;
    align-items: stretch;
}


/* HERO */

.tw-buyer-bottom-hero {
    position: relative;
    min-height: 188px;
    overflow: hidden;
    border-radius: 16px;
    padding: 24px 26px;
    background:
        radial-gradient(circle at 78% 25%, rgba(255,255,255,.10), transparent 26%),
        linear-gradient(120deg, #082451 0%, #0b3268 58%, #164b80 100%);
    color: #fff;
    display: flex;
    align-items: center;
}

.tw-buyer-bottom-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 62%;
}

.tw-buyer-bottom-hero h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 24px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.5px;
}

.tw-buyer-bottom-hero p {
    margin: 0 0 17px;
    color: rgba(255,255,255,.86);
    font-size: 13px;
    line-height: 1.45;
}

.tw-buyer-bottom-hero-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 9px;
    background: #ff6500;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease;
}

.tw-buyer-bottom-hero-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(255,101,0,.25);
}


/* HERO ART */

.tw-buyer-bottom-hero-art {
    position: absolute;
    right: 18px;
    bottom: 0;
    width: 38%;
    height: 100%;
}

.tw-bottom-product {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #082451;
    background: #f8f2e8;
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.tw-bottom-product i {
    font-size: 42px;
}

.tw-bottom-product-mug {
    width: 82px;
    height: 92px;
    left: 0;
    bottom: -8px;
    border-radius: 8px 8px 14px 14px;
    transform: rotate(-5deg);
}

.tw-bottom-product-bag {
    width: 105px;
    height: 118px;
    left: 72px;
    bottom: -20px;
    border-radius: 7px;
    background: #d9b58d;
    transform: rotate(3deg);
}

.tw-bottom-product-box {
    width: 78px;
    height: 110px;
    right: 0;
    bottom: -18px;
    border-radius: 8px;
    background: #171717;
    color: #fff;
    transform: rotate(-4deg);
}


/* AJUDA */

.tw-buyer-help-card {
    border: 1px solid #d9e4f1;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    min-width: 0;
}

.tw-buyer-help-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 18px;
    background: linear-gradient(135deg, #eef7ff 0%, #e5f2ff 100%);
}

.tw-buyer-help-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d8ecff;
    color: #087cff;
}

.tw-buyer-help-icon i {
    font-size: 25px;
}

.tw-buyer-help-head h3 {
    margin: 0 0 3px;
    color: #082451;
    font-size: 17px;
    font-weight: 800;
}

.tw-buyer-help-head p {
    margin: 0;
    color: #667892;
    font-size: 11px;
    line-height: 1.4;
}

.tw-buyer-help-actions {
    padding: 17px;
}

.tw-buyer-help-button {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #1681ff;
    border-radius: 9px;
    color: #0877ed !important;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
}

.tw-buyer-help-button i {
    font-size: 18px;
}

.tw-buyer-help-button-disabled {
    opacity: .55;
}


/* NOVIDADES */

.tw-buyer-news-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #ffe0bd;
    border-radius: 16px;
    padding: 20px;
    background: linear-gradient(135deg, #fff8ef 0%, #fff1df 100%);
}

.tw-buyer-news-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
}

.tw-buyer-news-kicker {
    display: block;
    margin-bottom: 3px;
    color: #ff6500;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
}

.tw-buyer-news-head h3 {
    margin: 0;
    color: #082451;
    font-size: 17px;
    font-weight: 800;
}

.tw-buyer-news-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe1c3;
    color: #ff6500;
}

.tw-buyer-news-icon i {
    font-size: 25px;
}

.tw-buyer-news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tw-buyer-news-list li {
    position: relative;
    padding: 4px 0 4px 14px;
    color: #53657d;
    font-size: 11px;
    line-height: 1.35;
}

.tw-buyer-news-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff6500;
}


/* RESPONSIVO */

@media (max-width: 1199px) {
    .tw-buyer-bottom-grid {
        grid-template-columns: 1fr 1fr;
    }

    .tw-buyer-bottom-hero {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .tw-buyer-bottom-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tw-buyer-bottom-hero {
        grid-column: auto;
        min-height: 220px;
        padding: 22px 20px;
        align-items: flex-start;
    }

    .tw-buyer-bottom-hero-copy {
        max-width: 100%;
    }

    .tw-buyer-bottom-hero h2 {
        font-size: 21px;
    }

    .tw-buyer-bottom-hero p {
        max-width: 85%;
    }

    .tw-buyer-bottom-hero-art {
        opacity: .18;
        width: 48%;
        right: 4px;
    }
}

/* === /TWANA_BUYER_BOTTOM_S21_35B === */


/* =========================================================
   TWANA_BUYER_ACTION_CENTER_COMPACT_S21_36B
   Compactacao visual da Central de Acoes.
   Somente apresentacao.
   Nao altera queries, dados, rotas ou estados.
   ========================================================= */

.tw-action-center{
    margin-bottom:18px;
    border-radius:16px;
}

.tw-action-center-head{
    padding:15px 20px;
    gap:16px;
}

.tw-action-center-kicker{
    margin-bottom:3px;
    font-size:10px;
    line-height:1.15;
}

.tw-action-center-head h2{
    font-size:17px;
    line-height:1.2;
}

.tw-action-center-head p{
    margin-top:3px;
    font-size:11px;
    line-height:1.35;
}

.tw-action-count{
    padding:6px 10px;
    font-size:10px;
}

.tw-action-list{
    padding:0 20px;
}

.tw-action-item{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:12px;
    padding:13px 0;
}

.tw-action-symbol{
    width:36px;
    height:36px;
    border-radius:11px;
    font-size:14px;
}

.tw-action-eyebrow{
    margin-bottom:2px;
    font-size:9px;
    line-height:1.15;
}

.tw-action-copy h3{
    font-size:13px;
    line-height:1.25;
}

.tw-action-copy p{
    margin-top:3px;
    font-size:11px;
    line-height:1.35;
}

.tw-action-button{
    min-height:34px;
    padding:0 13px;
    border-radius:9px;
    gap:7px;
    font-size:10px;
}

.tw-action-empty{
    padding:15px 20px;
    gap:12px;
}

.tw-action-empty-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:15px;
}

.tw-action-empty h3{
    font-size:13px;
}

.tw-action-empty p{
    margin-top:2px;
    font-size:11px;
}

@media(max-width:767px){

    .tw-action-center-head{
        padding:14px 16px;
    }

    .tw-action-list{
        padding:0 16px;
    }

    .tw-action-item{
        grid-template-columns:36px minmax(0,1fr);
        gap:10px;
        padding:12px 0;
    }

    .tw-action-symbol{
        width:34px;
        height:34px;
    }

    .tw-action-button{
        grid-column:1 / -1;
        width:100%;
        min-height:36px;
        margin-top:1px;
    }

    .tw-action-empty{
        padding:14px 16px;
    }
}

/* === /TWANA_BUYER_ACTION_CENTER_COMPACT_S21_36B === */



/* ==========================================================
   TWANA_DASHBOARD_INSTITUTIONAL_STRIP_S21_38D
   ========================================================== */

.tw-dashboard-institutional-strip{
    margin-top: 22px;
    background: #061f33;
    color: #ffffff;
    border-radius: 0;
    overflow: hidden;
}

.tw-dashboard-trust-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    border-top: 1px solid rgba(255,255,255,.10);
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.tw-dashboard-trust-item{
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 28px;
    border-right: 1px solid rgba(255,255,255,.10);
}

.tw-dashboard-trust-item:last-child{
    border-right: 0;
}

.tw-dashboard-trust-item > i{
    flex: 0 0 auto;
    font-size: 27px;
    line-height: 1;
    color: #ff5a1f;
}

.tw-dashboard-trust-item span{
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tw-dashboard-trust-item strong{
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.tw-dashboard-trust-item small{
    color: #9fb6c9;
    font-size: 10px;
    line-height: 1.35;
}

.tw-dashboard-footer-bottom{
    min-height: 54px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    padding: 0 28px;
    color: #8eabc0;
    font-size: 10px;
}

.tw-dashboard-footer-links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.tw-dashboard-footer-links a{
    color: #9fb6c9;
    text-decoration: none;
}

.tw-dashboard-footer-links a:hover{
    color: #ffffff;
}

.tw-dashboard-footer-signature{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: #ffffff;
}

.tw-dashboard-footer-signature i{
    color: #ff5a1f;
    font-size: 17px;
}

@media (max-width: 991px){

    .tw-dashboard-trust-grid{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .tw-dashboard-trust-item:nth-child(2){
        border-right: 0;
    }

    .tw-dashboard-trust-item:nth-child(-n+2){
        border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .tw-dashboard-footer-bottom{
        grid-template-columns: 1fr;
        padding: 18px 22px;
        text-align: center;
        gap: 12px;
    }

    .tw-dashboard-footer-links,
    .tw-dashboard-footer-signature{
        justify-content: center;
    }
}

@media (max-width: 575px){

    .tw-dashboard-trust-grid{
        grid-template-columns: 1fr;
    }

    .tw-dashboard-trust-item{
        min-height: 72px;
        padding: 16px 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .tw-dashboard-trust-item:last-child{
        border-bottom: 0;
    }

}

/* === /TWANA_DASHBOARD_INSTITUTIONAL_STRIP_S21_38D === */



/* TWANA_DESKTOP_CLEAN_02
   Overrides globais experimentais removidos.
   Shell canonico preservado. */

/* ==========================================================
   TWANA_BUYER_DESKTOP_ROOT_V2
   Contrato estrutural canônico do painel comprador.
   Desktop utiliza a largura real disponível.
   Mobile mantém arquitetura própria existente.
   ========================================================== */

@media (min-width: 992px) {

    .tw-buyer-page {
        width: 100% !important;
        max-width: none !important;
    }

    /*
     * O painel não deve herdar o limite Bootstrap de 1320px.
     * A sidebar e as telas TWANA precisam da viewport disponível.
     */
    .tw-buyer-page > .container {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .tw-buyer-page .tw-buyer-shell {
        display: grid !important;

        grid-template-columns:
            250px
            minmax(0, 1fr) !important;

        gap: 26px !important;
        align-items: start !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .tw-buyer-page
    .tw-buyer-shell
    > .tw-buyer-sidebar {

        grid-column: 1 !important;

        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;

        margin: 0 !important;

        position: sticky !important;
        top: var(--tw-buyer-sticky-top, 20px) !important;

        float: none !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    .tw-buyer-page
    .tw-buyer-shell
    > .tw-buyer-content {

        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    /*
     * Filhos diretos não podem determinar largura mínima
     * maior que a coluna disponível.
     */
    .tw-buyer-content > * {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* TABLET — preserva sidebar compacta */
@media (min-width: 768px) and (max-width: 991.98px) {

    .tw-buyer-page > .container {
        width: 100% !important;
        max-width: none !important;

        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .tw-buyer-page .tw-buyer-shell {
        display: grid !important;

        grid-template-columns:
            220px
            minmax(0, 1fr) !important;

        gap: 18px !important;
        align-items: start !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    .tw-buyer-page
    .tw-buyer-shell
    > .tw-buyer-sidebar {

        grid-column: 1 !important;

        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;

        margin: 0 !important;

        position: sticky !important;
        top: var(--tw-buyer-sticky-top, 20px) !important;

        float: none !important;
        transform: none !important;
    }

    .tw-buyer-page
    .tw-buyer-shell
    > .tw-buyer-content {

        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        transform: none !important;
    }
}

/*
 * MOBILE:
 * nenhuma redefinição aqui.
 * Continuam valendo as regras mobile já existentes da TWANA.
 */



/* ==========================================================================
   TWANA_DASHBOARD_MOBILE_RESPONSIVE_M3
   Escopo: Visão Geral <= 767px
   Desktop/tablet >= 768px permanecem intactos.
   ========================================================================== */

@media (max-width: 767px) {

    .tw-dashboard-v2,
    .tw-dashboard-v2 *,
    .tw-dashboard-v2 *::before,
    .tw-dashboard-v2 *::after {
        box-sizing: border-box;
    }

    .tw-dashboard-v2 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .tw-dashboard-v2 .tw-buyer-content-shell,
    .tw-dashboard-v2 .tw-buyer-main-column,
    .tw-dashboard-v2 .tw-buyer-right-rail,
    .tw-dashboard-v2 .tw-buyer-3col,
    .tw-dashboard-v2 .tw-buyer-bottom-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* RIGHT RAIL */

    .tw-dashboard-v2 .tw-buyer-right-rail {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* COMPRE NOVAMENTE */

    .tw-dashboard-v2 .tw-buyer-buy-again {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-top: 10px;
    }

    .tw-dashboard-v2 .tw-buyer-buy-again-link {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 14px 16px;
        gap: 12px;
    }

    .tw-dashboard-v2 .tw-buyer-buy-again-copy {
        flex: 1 1 auto;
        min-width: 0;
    }

    .tw-dashboard-v2 .tw-buyer-buy-again-name {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* CENTRAL DE AÇÕES */

    .tw-dashboard-v2 .tw-action-center {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-top: 10px;
        padding: 16px;
        border-radius: 14px;
        overflow: hidden;
    }

    .tw-dashboard-v2 .tw-action-center-head {
        width: 100%;
        min-width: 0;
    }

    .tw-dashboard-v2 .tw-action-center-head h2 {
        font-size: 24px;
        line-height: 1.08;
        overflow-wrap: anywhere;
    }

    .tw-dashboard-v2 .tw-action-list {
        width: 100%;
        min-width: 0;
    }

    .tw-dashboard-v2 .tw-action-item {
        width: 100%;
        min-width: 0;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
    }

    .tw-dashboard-v2 .tw-action-copy {
        min-width: 0;
    }

    .tw-dashboard-v2 .tw-action-copy h3,
    .tw-dashboard-v2 .tw-action-copy p {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .tw-dashboard-v2 .tw-action-button {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
        white-space: normal;
    }

    /* BLOCOS INFERIORES */

    .tw-dashboard-v2 .tw-buyer-bottom-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .tw-dashboard-v2 .tw-buyer-bottom-hero,
    .tw-dashboard-v2 .tw-buyer-help-card,
    .tw-dashboard-v2 .tw-buyer-news-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .tw-dashboard-v2 .tw-buyer-bottom-hero-copy,
    .tw-dashboard-v2 .tw-buyer-help-head,
    .tw-dashboard-v2 .tw-buyer-news-head {
        min-width: 0;
    }

}

/* === /TWANA_DASHBOARD_MOBILE_RESPONSIVE_M3 === */


/* ==========================================================================
   TWANA_DASHBOARD_SMART_TRIO_S4
   Visual aprovado — Central de Ações / Histórico / Produtos recentes
   ========================================================================== */

.tw-dashboard-v2 .tw-buyer-smart-trio {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    width:100%;
    min-width:0;
    margin:18px 0 0;
    padding:0;
    align-items:stretch;
}

.tw-dashboard-v2 .tw-buyer-smart-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:260px;
    background:#fff;
    border:1px solid #e3e8ef;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 6px 22px rgba(23,32,51,.035);
}

.tw-dashboard-v2 .tw-buyer-smart-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:20px 20px 14px;
    min-width:0;
}

.tw-dashboard-v2 .tw-buyer-smart-head > div {
    min-width:0;
}

.tw-dashboard-v2 .tw-buyer-smart-kicker {
    display:block;
    margin:0 0 6px;
    color:#778195;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.tw-dashboard-v2 .tw-buyer-smart-head h2 {
    margin:0;
    color:#172033;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.02em;
}

.tw-dashboard-v2 .tw-buyer-smart-count {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:6px 12px;
    border-radius:999px;
    background:#fff0e8;
    color:#ff6500;
    font-size:11px;
    line-height:1;
    font-weight:800;
}

.tw-dashboard-v2 .tw-buyer-smart-head-icon {
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#eef6ff;
    color:#173f78;
    font-size:20px;
}

.tw-dashboard-v2 .tw-buyer-smart-card:nth-child(3)
.tw-buyer-smart-head-icon {
    background:#f3edff;
    color:#7548e8;
}

.tw-dashboard-v2 .tw-buyer-smart-body {
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-width:0;
    padding:0 20px 18px;
}

.tw-dashboard-v2 .tw-buyer-smart-row,
.tw-dashboard-v2 .tw-buyer-smart-product {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 16px;
    align-items:center;
    gap:12px;
    width:100%;
    min-width:0;
    min-height:68px;
    padding:10px 8px;
    margin:0;
    background:#fff;
    border:1px solid #e7ebf1;
    border-radius:11px;
    color:inherit;
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-smart-row +
.tw-buyer-smart-row,
.tw-dashboard-v2 .tw-buyer-smart-product +
.tw-buyer-smart-product {
    margin-top:8px;
}

.tw-dashboard-v2 .tw-buyer-smart-row:hover,
.tw-dashboard-v2 .tw-buyer-smart-product:hover {
    border-color:#d8dee8;
    box-shadow:0 4px 14px rgba(23,32,51,.04);
    text-decoration:none;
}

.tw-dashboard-v2 .tw-buyer-smart-icon,
.tw-dashboard-v2 .tw-buyer-smart-thumb {
    width:44px;
    height:44px;
    min-width:44px;
    max-width:44px;
    min-height:44px;
    max-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    overflow:hidden;
    box-sizing:border-box;
}

.tw-dashboard-v2 .tw-buyer-smart-icon {
    font-size:20px;
}

.tw-dashboard-v2 .tw-buyer-smart-thumb {
    background:#f6f7f9;
    border:1px solid #edf0f4;
}

.tw-dashboard-v2 .tw-buyer-smart-thumb img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    max-width:44px !important;
    min-height:0 !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
}

.tw-dashboard-v2 .tw-smart-orange {
    background:#fff2e8;
    color:#ff7200;
}

.tw-dashboard-v2 .tw-smart-green {
    background:#eaf8f1;
    color:#178a55;
}

.tw-dashboard-v2 .tw-smart-blue {
    background:#eef6ff;
    color:#3867e8;
}

.tw-dashboard-v2 .tw-smart-purple {
    background:#f3edff;
    color:#7548e8;
}

.tw-dashboard-v2 .tw-buyer-smart-copy {
    display:block;
    min-width:0;
    overflow:hidden;
}

.tw-dashboard-v2 .tw-buyer-smart-copy strong,
.tw-dashboard-v2 .tw-buyer-smart-empty strong {
    display:block;
    margin:0;
    color:#172033;
    font-size:12px;
    line-height:1.35;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tw-dashboard-v2 .tw-buyer-smart-copy small,
.tw-dashboard-v2 .tw-buyer-smart-empty small {
    display:block;
    margin-top:3px;
    color:#778195;
    font-size:10px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tw-dashboard-v2 .tw-smart-arrow {
    justify-self:end;
    color:#7d899b;
    font-size:14px;
}

.tw-dashboard-v2 .tw-buyer-smart-empty {
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:150px;
    padding:20px;
    text-align:center;
}

.tw-dashboard-v2 .tw-buyer-smart-empty
.tw-buyer-smart-icon {
    width:44px;
    height:44px;
}

.tw-dashboard-v2 .tw-buyer-smart-empty strong,
.tw-dashboard-v2 .tw-buyer-smart-empty small {
    white-space:normal;
}

/* Tablet */
@media (max-width:1199.98px) {
    .tw-dashboard-v2 .tw-buyer-smart-trio {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-card {
        min-height:0;
    }
}

/* Mobile */
@media (max-width:767.98px) {
    .tw-dashboard-v2 .tw-buyer-smart-trio {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:12px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-card {
        min-width:0;
        min-height:0;
        border-radius:14px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-head {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:7px;
        min-width:0;
        padding:13px 12px 10px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-head > div {
        width:100%;
        min-width:0;
    }

    .tw-dashboard-v2 .tw-buyer-smart-kicker {
        margin-bottom:4px;
        font-size:9px;
        line-height:1.15;
        letter-spacing:.045em;
    }

    .tw-dashboard-v2 .tw-buyer-smart-head h2 {
        width:100%;
        margin:0;
        font-size:15px;
        line-height:1.12;
        letter-spacing:-.02em;
        overflow-wrap:normal;
        word-break:normal;
        hyphens:none;
    }

    .tw-dashboard-v2 .tw-buyer-smart-count {
        min-height:24px;
        padding:5px 8px;
        font-size:9px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-head-icon {
        width:32px;
        height:32px;
        flex:0 0 32px;
        font-size:16px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-body {
        min-width:0;
        padding:0 10px 11px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-row,
    .tw-dashboard-v2 .tw-buyer-smart-product {
        grid-template-columns:34px minmax(0,1fr) 10px;
        gap:7px;
        min-width:0;
        min-height:56px;
        padding:7px 6px;
        border-radius:10px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-icon,
    .tw-dashboard-v2 .tw-buyer-smart-thumb {
        width:34px;
        height:34px;
        min-width:34px;
        max-width:34px;
        min-height:34px;
        max-height:34px;
        border-radius:9px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-thumb img {
        width:100% !important;
        height:100% !important;
        max-width:34px !important;
        max-height:34px !important;
        object-fit:contain !important;
    }

    .tw-dashboard-v2 .tw-buyer-smart-copy strong {
        font-size:10px;
        line-height:1.25;
    }

    .tw-dashboard-v2 .tw-buyer-smart-copy small {
        margin-top:2px;
        font-size:8px;
        line-height:1.2;
    }

    .tw-dashboard-v2 .tw-smart-arrow {
        font-size:11px;
    }

    .tw-dashboard-v2 .tw-buyer-smart-empty {
        min-height:120px;
        padding:12px 8px;
    }
}

/* === /TWANA_DASHBOARD_SMART_TRIO_S4 === */

/* ==========================================================================
   TWANA_REORDER_PREMIUM_R3
   Comprar Novamente — layout canônico TWANA
   ========================================================================== */

.tw-reorder-page {
    width:100%;
    max-width:100%;
    min-width:0;
    color:#10213d;
}

/* HERO */

.tw-reorder-page .tw-reorder-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    align-items:center;
    gap:28px;
    padding:30px 32px;
    margin-bottom:18px;
    border-radius:20px;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% 18%, rgba(255,255,255,.12), transparent 26%),
        linear-gradient(135deg,#10233e 0%,#173f78 100%);
    color:#fff;
    box-shadow:0 14px 35px rgba(15,35,65,.10);
}

.tw-reorder-page .tw-reorder-eyebrow {
    display:block;
    margin-bottom:8px;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:#bcd0ed;
}

.tw-reorder-page .tw-reorder-hero h1 {
    margin:0;
    max-width:760px;
    color:#fff;
    font-size:32px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.035em;
}

.tw-reorder-page .tw-reorder-hero-copy > p {
    max-width:720px;
    margin:10px 0 0;
    color:#d7e2f2;
    font-size:14px;
    line-height:1.55;
}

.tw-reorder-page .tw-reorder-hero-benefits {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.tw-reorder-page .tw-reorder-hero-benefits span {
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 11px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.tw-reorder-page .tw-reorder-hero-mark {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:150px;
    padding:18px;
    text-align:center;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:rgba(255,255,255,.08);
}

.tw-reorder-page .tw-reorder-hero-icon {
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    margin-bottom:10px;
    border-radius:15px;
    background:#ff5a1f;
    color:#fff;
    font-size:27px;
    box-shadow:0 10px 24px rgba(255,90,31,.30);
}

.tw-reorder-page .tw-reorder-hero-mark strong {
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-hero-mark span {
    margin-top:4px;
    color:#c9d7e9;
    font-size:11px;
}

/* RESUMO + BUSCA */

.tw-reorder-page .tw-reorder-summary {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,390px);
    align-items:center;
    gap:18px;
    padding:17px 18px;
    margin-bottom:12px;
    border:1px solid #dce5ef;
    border-radius:16px;
    background:#fff;
}

.tw-reorder-page .tw-reorder-summary-copy {
    display:flex;
    align-items:center;
    min-width:0;
    gap:12px;
}

.tw-reorder-page .tw-reorder-summary-icon {
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:13px;
    background:#fff0e8;
    color:#ff5a1f;
    font-size:21px;
}

.tw-reorder-page .tw-reorder-summary-copy > div:last-child {
    min-width:0;
}

.tw-reorder-page .tw-reorder-summary-copy strong {
    display:block;
    color:#10213d;
    font-size:13px;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-summary-copy span {
    display:block;
    margin-top:3px;
    color:#718198;
    font-size:11px;
    line-height:1.4;
}

.tw-reorder-page .tw-reorder-search {
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
    width:100%;
    min-width:0;
}

.tw-reorder-page .tw-reorder-search input {
    width:100%;
    min-width:0;
    height:44px;
    padding:0 14px;
    border:1px solid #d8e2ed;
    border-radius:12px;
    outline:0;
    background:#f8fafc;
    color:#10213d;
    font-size:12px;
}

.tw-reorder-page .tw-reorder-search input:focus {
    border-color:#ff7a45;
    background:#fff;
    box-shadow:0 0 0 3px rgba(255,90,31,.10);
}

.tw-reorder-page .tw-reorder-search button {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:12px;
    background:#ff5a1f;
    color:#fff;
    font-size:19px;
    cursor:pointer;
}

/* FILTROS */

.tw-reorder-page .tw-reorder-controls {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 16px;
}

.tw-reorder-page .tw-reorder-tabs {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}

.tw-reorder-page .tw-reorder-tabs a,
.tw-reorder-page .tw-reorder-clear {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 12px;
    border:1px solid #dce5ef;
    border-radius:999px;
    background:#fff;
    color:#52647c;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.tw-reorder-page .tw-reorder-tabs a.active {
    border-color:#ffccb8;
    background:#fff1e9;
    color:#f0521c;
}

.tw-reorder-page .tw-reorder-clear {
    color:#e84d1b;
}

/* GRID */

.tw-reorder-page .tw-reorder-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    width:100%;
}

.tw-reorder-page .tw-reorder-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    border:1px solid #dce5ef;
    border-radius:17px;
    background:#fff;
    box-shadow:0 6px 18px rgba(16,33,61,.035);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tw-reorder-page .tw-reorder-card:hover {
    transform:translateY(-2px);
    border-color:#cbd8e6;
    box-shadow:0 12px 28px rgba(16,33,61,.08);
}

.tw-reorder-page .tw-reorder-product-image {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:190px;
    padding:16px;
    overflow:hidden;
    border-bottom:1px solid #edf1f5;
    background:#f8fafc;
}

.tw-reorder-page .tw-reorder-product-image img {
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:158px !important;
    object-fit:contain;
}

.tw-reorder-page .tw-reorder-badge {
    position:absolute;
    z-index:2;
    top:12px;
    left:12px;
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:5px 9px;
    border-radius:999px;
    background:#fff0e7;
    color:#f0521c;
    font-size:10px;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-card-body {
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-width:0;
    padding:16px;
}

.tw-reorder-page .tw-reorder-supplier {
    margin-bottom:7px;
    overflow:hidden;
    color:#f0521c;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.025em;
    text-transform:uppercase;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.tw-reorder-page .tw-reorder-card h3 {
    display:-webkit-box;
    min-height:38px;
    margin:0;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#10213d;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-variation {
    align-self:flex-start;
    margin-top:8px;
    padding:4px 7px;
    border-radius:6px;
    background:#f1f5f9;
    color:#65758a;
    font-size:10px;
}

.tw-reorder-page .tw-reorder-purchase-info {
    display:grid;
    gap:5px;
    margin-top:15px;
    padding-top:13px;
    border-top:1px solid #edf1f5;
}

.tw-reorder-page .tw-reorder-purchase-info span {
    color:#6d7d92;
    font-size:10.5px;
    line-height:1.35;
}

.tw-reorder-page .tw-reorder-purchase-info strong {
    color:#263952;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-price-label {
    margin-top:14px;
    color:#8492a5;
    font-size:9.5px;
}

.tw-reorder-page .tw-reorder-price {
    margin-top:2px;
    color:#10213d;
    font-size:18px;
    font-weight:800;
}

.tw-reorder-page .tw-reorder-card-footer {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    padding:0 16px 16px;
}

.tw-reorder-page .tw-reorder-primary,
.tw-reorder-page .tw-reorder-secondary {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 12px;
    border-radius:10px;
    font-size:10.5px;
    font-weight:800;
    line-height:1.2;
    text-decoration:none;
    cursor:pointer;
}

.tw-reorder-page .tw-reorder-primary {
    border:1px solid #ff5a1f;
    background:#ff5a1f;
    color:#fff;
}

.tw-reorder-page .tw-reorder-primary:hover {
    background:#e94d17;
    border-color:#e94d17;
    color:#fff;
}

.tw-reorder-page .tw-reorder-secondary {
    border:1px solid #d8e2ed;
    background:#fff;
    color:#40536c;
}

.tw-reorder-page .tw-reorder-unavailable {
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    min-height:40px;
    padding:9px 11px;
    border-radius:10px;
    background:#f5f7f9;
    color:#7c8999;
    font-size:10px;
    font-weight:700;
}

/* CONFIANÇA */

.tw-reorder-page .tw-reorder-trust {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}

.tw-reorder-page .tw-reorder-trust > div {
    padding:14px;
    border:1px solid #dce5ef;
    border-radius:13px;
    background:#fff;
}

.tw-reorder-page .tw-reorder-trust strong,
.tw-reorder-page .tw-reorder-trust span {
    display:block;
}

.tw-reorder-page .tw-reorder-trust strong {
    color:#10213d;
    font-size:11px;
}

.tw-reorder-page .tw-reorder-trust span {
    margin-top:4px;
    color:#75859a;
    font-size:10px;
    line-height:1.4;
}

.tw-reorder-page .tw-reorder-notice {
    margin-top:10px;
    padding:12px 14px;
    border:1px solid #dce5ef;
    border-radius:12px;
    background:#f8fafc;
    color:#63748a;
    font-size:10.5px;
}

/* SHEET */

.tw-reorder-sheet-overlay {
    position:fixed;
    z-index:12000;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    visibility:hidden;
    opacity:0;
    background:rgba(8,21,39,.52);
    backdrop-filter:blur(3px);
    transition:opacity .18s ease, visibility .18s ease;
}

.tw-reorder-sheet-overlay.is-open {
    visibility:visible;
    opacity:1;
}

body.tw-reorder-sheet-open {
    overflow:hidden;
}

.tw-reorder-sheet {
    position:relative;
    width:min(100%,520px);
    padding:26px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 28px 70px rgba(8,21,39,.25);
}

.tw-reorder-sheet-close {
    position:absolute;
    top:14px;
    right:14px;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #dce5ef;
    border-radius:10px;
    background:#fff;
    color:#52647c;
    font-size:20px;
    cursor:pointer;
}

.tw-reorder-sheet-icon {
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-bottom:14px;
    border-radius:14px;
    background:#fff0e8;
    color:#ff5a1f;
    font-size:25px;
}

.tw-reorder-sheet-eyebrow {
    display:block;
    color:#f0521c;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
}

.tw-reorder-sheet h3 {
    margin:5px 0 0;
    color:#10213d;
    font-size:22px;
    font-weight:800;
}

.tw-reorder-sheet-product {
    margin:6px 0 18px;
    color:#6f8096;
    font-size:12px;
}

.tw-reorder-sheet-actions {
    display:grid;
    gap:9px;
}

.tw-reorder-sheet-repeat,
.tw-reorder-sheet-change {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 14px;
    align-items:center;
    gap:11px;
    width:100%;
    min-width:0;
    min-height:68px;
    padding:10px;
    border:1px solid #dce5ef;
    border-radius:13px;
    background:#fff;
    color:#10213d;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
}

.tw-reorder-sheet-repeat:hover,
.tw-reorder-sheet-change:hover {
    border-color:#ffb99d;
    background:#fffaf7;
    color:#10213d;
}

.tw-reorder-sheet-action-icon {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:11px;
    background:#fff0e8;
    color:#ff5a1f;
    font-size:20px;
}

.tw-reorder-sheet-actions strong,
.tw-reorder-sheet-actions small {
    display:block;
}

.tw-reorder-sheet-actions strong {
    font-size:12px;
    font-weight:800;
}

.tw-reorder-sheet-actions small {
    margin-top:2px;
    color:#7a899b;
    font-size:9.5px;
    line-height:1.35;
}

.tw-reorder-sheet-arrow {
    color:#8b99aa;
    font-size:20px;
}

.tw-reorder-sheet-notice {
    margin-top:14px;
    padding:11px 12px;
    border-radius:11px;
    background:#f7f9fb;
}

.tw-reorder-sheet-notice strong,
.tw-reorder-sheet-notice span {
    display:block;
}

.tw-reorder-sheet-notice strong {
    color:#354961;
    font-size:10.5px;
}

.tw-reorder-sheet-notice span {
    margin-top:3px;
    color:#7a899b;
    font-size:9.5px;
}

/* TABLET */

@media (max-width:1199.98px) {
    .tw-reorder-page .tw-reorder-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .tw-reorder-page .tw-reorder-hero {
        grid-template-columns:minmax(0,1fr) 220px;
    }
}

/* MOBILE — SEMPRE 2 COLUNAS */

@media (max-width:767.98px) {
    .tw-reorder-page {
        overflow-x:hidden;
    }

    .tw-reorder-page .tw-reorder-hero {
        display:block;
        padding:18px 15px;
        border-radius:15px;
    }

    .tw-reorder-page .tw-reorder-hero h1 {
        font-size:23px;
        line-height:1.08;
    }

    .tw-reorder-page .tw-reorder-hero-copy > p {
        font-size:11px;
    }

    .tw-reorder-page .tw-reorder-hero-benefits {
        gap:5px;
        margin-top:13px;
    }

    .tw-reorder-page .tw-reorder-hero-benefits span {
        min-height:27px;
        padding:5px 7px;
        font-size:8.5px;
    }

    .tw-reorder-page .tw-reorder-hero-mark {
        display:none;
    }

    .tw-reorder-page .tw-reorder-summary {
        grid-template-columns:1fr;
        gap:11px;
        padding:13px;
        border-radius:14px;
    }

    .tw-reorder-page .tw-reorder-summary-copy span {
        font-size:9.5px;
    }

    .tw-reorder-page .tw-reorder-controls {
        display:block;
        overflow:hidden;
    }

    .tw-reorder-page .tw-reorder-tabs {
        flex-wrap:nowrap;
        width:100%;
        overflow-x:auto;
        padding-bottom:4px;
        scrollbar-width:none;
    }

    .tw-reorder-page .tw-reorder-tabs::-webkit-scrollbar {
        display:none;
    }

    .tw-reorder-page .tw-reorder-tabs a {
        flex:0 0 auto;
        min-height:31px;
        padding:6px 9px;
        font-size:9px;
    }

    .tw-reorder-page .tw-reorder-clear {
        margin-top:7px;
        min-height:30px;
        font-size:9px;
    }

    .tw-reorder-page .tw-reorder-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .tw-reorder-page .tw-reorder-card {
        border-radius:13px;
    }

    .tw-reorder-page .tw-reorder-product-image {
        height:118px;
        padding:8px;
    }

    .tw-reorder-page .tw-reorder-product-image img {
        max-height:102px !important;
    }

    .tw-reorder-page .tw-reorder-badge {
        top:6px;
        left:6px;
        min-height:21px;
        padding:3px 6px;
        font-size:7.5px;
    }

    .tw-reorder-page .tw-reorder-card-body {
        padding:10px;
    }

    .tw-reorder-page .tw-reorder-supplier {
        margin-bottom:4px;
        font-size:7.5px;
    }

    .tw-reorder-page .tw-reorder-card h3 {
        min-height:32px;
        font-size:10.5px;
        line-height:1.35;
    }

    .tw-reorder-page .tw-reorder-variation {
        margin-top:5px;
        font-size:7.5px;
    }

    .tw-reorder-page .tw-reorder-purchase-info {
        gap:3px;
        margin-top:8px;
        padding-top:8px;
    }

    .tw-reorder-page .tw-reorder-purchase-info span {
        font-size:8px;
    }

    .tw-reorder-page .tw-reorder-price-label {
        margin-top:8px;
        font-size:7px;
    }

    .tw-reorder-page .tw-reorder-price {
        font-size:13px;
    }

    .tw-reorder-page .tw-reorder-card-footer {
        grid-template-columns:1fr;
        gap:5px;
        padding:0 10px 10px;
    }

    .tw-reorder-page .tw-reorder-primary,
    .tw-reorder-page .tw-reorder-secondary {
        width:100%;
        min-height:32px;
        padding:6px;
        border-radius:8px;
        font-size:8.5px;
    }

    .tw-reorder-page .tw-reorder-trust {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .tw-reorder-page .tw-reorder-trust > div {
        padding:10px;
    }

    .tw-reorder-page .tw-reorder-trust > div:last-child {
        grid-column:1 / -1;
    }

    .tw-reorder-sheet {
        padding:20px 15px;
        border-radius:17px;
    }

    .tw-reorder-sheet h3 {
        font-size:19px;
    }
}

/* === /TWANA_REORDER_PREMIUM_R3 === */

/* ==========================================================================
   TWANA_PRODUCT_MODAL_PREMIUM_M3
   Modal de produto / recompra — canonical
   ========================================================================== */

#addToCart .modal-dialog {
    width:min(960px,calc(100vw - 32px)) !important;
    max-width:960px !important;
    margin:28px auto !important;
}

#addToCart .modal-content {
    border:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(15,35,64,.22) !important;
}

#addToCart .modal-header {
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    z-index:30 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}

#addToCart .modal-header .close {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#f5f7fa !important;
    color:#64748b !important;
    opacity:1 !important;
}

#addToCart .tw-cart-product-modal {
    padding:28px !important;
    overflow:visible !important;
}

#addToCart .tw-rebuy-layout {
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) !important;
    gap:32px !important;
    margin:0 !important;
    align-items:start !important;
}

#addToCart .tw-rebuy-gallery-column,
#addToCart .tw-rebuy-info-column {
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    padding:0 !important;
}

#addToCart .tw-rebuy-gallery-column > .row {
    display:grid !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:14px !important;
    margin:0 !important;
    align-items:start !important;
}

#addToCart .tw-rebuy-gallery-column > .row > .col {
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}

#addToCart .tw-rebuy-gallery-column > .row > .col-auto {
    grid-column:1 !important;
    grid-row:1 !important;
    width:68px !important;
    max-width:68px !important;
    padding:0 !important;
}

#addToCart .product-gallery {
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
    border:1px solid #e4eaf1 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#f8fafc !important;
}

#addToCart .product-gallery .slick-list,
#addToCart .product-gallery .slick-track,
#addToCart .product-gallery .carousel-box {
    height:390px !important;
}

#addToCart .product-gallery .carousel-box {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
    background:#fff !important;
}

#addToCart .product-gallery img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:350px !important;
    object-fit:contain !important;
    margin:auto !important;
}

#addToCart .product-gallery-thumb { width:68px !important; }

#addToCart .product-gallery-thumb .carousel-box {
    width:62px !important;
    height:62px !important;
    margin:0 0 10px !important;
    border:1px solid #dce4ee !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#fff !important;
}

#addToCart .product-gallery-thumb .carousel-box.slick-current,
#addToCart .product-gallery-thumb .carousel-box:hover {
    border-color:#ff5a1f !important;
}

#addToCart .product-gallery-thumb img {
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    padding:5px !important;
}

#addToCart .tw-rebuy-info-column {
    padding:18px 8px 8px 0 !important;
}

#addToCart .tw-rebuy-product-name {
    margin:0 44px 20px 0 !important;
    color:#10233f !important;
    font-size:22px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}

#addToCart .tw-rebuy-info-column .text-secondary {
    color:#748198 !important;
}

#addToCart .tw-rebuy-info-column .text-primary,
#addToCart #chosen_price {
    color:#ff4f17 !important;
}

#addToCart .tw-rebuy-form > .row {
    padding:4px 0 !important;
    align-items:center !important;
}

#addToCart .aiz-megabox-elem {
    border-radius:9px !important;
}

#addToCart .aiz-megabox > input:checked ~ .aiz-megabox-elem {
    border-color:#ff5a1f !important;
    box-shadow:0 0 0 1px #ff5a1f !important;
}

#addToCart .product-quantity {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
}

#addToCart .aiz-plus-minus {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    overflow:hidden !important;
    border:1px solid #dce4ee !important;
    border-radius:10px !important;
    background:#fff !important;
}

#addToCart .aiz-plus-minus .btn {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    padding:0 !important;
    flex:0 0 38px !important;
    border:0 !important;
    background:#f5f7fa !important;
}

#addToCart .aiz-plus-minus .input-number {
    display:block !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    height:38px !important;
    padding:0 !important;
    text-align:center !important;
    flex:0 0 54px !important;
}

#addToCart .tw-rebuy-cart-action {
    margin-top:22px !important;
}

#addToCart .tw-rebuy-cart-action .add-to-cart {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:48px !important;
    padding:0 24px !important;
    border:0 !important;
    border-radius:11px !important;
    background:#ff4f17 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:0 10px 24px rgba(255,79,23,.20) !important;
}

#addToCart .tw-rebuy-cart-action .add-to-cart:hover {
    background:#e84410 !important;
    color:#fff !important;
    transform:translateY(-1px);
}

@media (max-width:767.98px) {

    #addToCart { padding:0 !important; }

    #addToCart .modal-dialog {
        width:calc(100vw - 16px) !important;
        max-width:none !important;
        margin:8px auto !important;
    }

    #addToCart .modal-content {
        max-height:calc(100dvh - 16px) !important;
        border-radius:18px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    #addToCart .modal-header {
        top:8px !important;
        right:8px !important;
    }

    #addToCart .modal-header .close {
        width:32px !important;
        height:32px !important;
    }

    #addToCart .tw-cart-product-modal {
        padding:12px !important;
    }

    #addToCart .tw-rebuy-layout {
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    #addToCart .tw-rebuy-gallery-column > .row {
        grid-template-columns:46px minmax(0,1fr) !important;
        gap:8px !important;
    }

    #addToCart .tw-rebuy-gallery-column > .row > .col-auto {
        width:46px !important;
        max-width:46px !important;
    }

    #addToCart .product-gallery,
    #addToCart .product-gallery .slick-list,
    #addToCart .product-gallery .slick-track,
    #addToCart .product-gallery .carousel-box {
        height:200px !important;
        min-height:200px !important;
    }

    #addToCart .product-gallery {
        border-radius:13px !important;
    }

    #addToCart .product-gallery .carousel-box {
        padding:8px !important;
    }

    #addToCart .product-gallery img {
        max-height:180px !important;
    }

    #addToCart .product-gallery-thumb {
        width:46px !important;
    }

    #addToCart .product-gallery-thumb .carousel-box {
        width:44px !important;
        height:44px !important;
        margin-bottom:6px !important;
        border-radius:8px !important;
    }

    #addToCart .tw-rebuy-info-column {
        padding:0 !important;
    }

    #addToCart .tw-rebuy-product-name {
        margin:-4px 36px 4px 0 !important;
        font-size:17px !important;
        line-height:1.2 !important;
    }

    #addToCart .tw-rebuy-form > .row {
        padding:1px 0 !important;
        margin-bottom:0 !important;
    }

    #addToCart .tw-rebuy-info-column .row.no-gutters {
        display:grid !important;
        grid-template-columns:82px minmax(0,1fr) !important;
        gap:6px !important;
        align-items:center !important;
    }

    #addToCart .tw-rebuy-info-column .row.no-gutters > .col-3,
    #addToCart .tw-rebuy-info-column .row.no-gutters > .col-9 {
        width:auto !important;
        max-width:none !important;
        flex:none !important;
    }

    #addToCart .product-quantity {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        gap:6px !important;
        width:100% !important;
        min-width:0 !important;
    }

    #addToCart .aiz-plus-minus {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
        width:130px !important;
        min-width:130px !important;
        max-width:130px !important;
    }

    #addToCart .tw-rebuy-cart-action {
        margin-top:8px !important;
    }

    #addToCart .tw-rebuy-cart-action .add-to-cart,
    #addToCart .tw-rebuy-cart-action .out-of-stock {
        width:100% !important;
        min-height:44px !important;
        margin:0 !important;
        border-radius:10px !important;
    }
}

/* === /TWANA_PRODUCT_MODAL_PREMIUM_M3 === */

/* =========================================================
/* =========================================================
/* =========================================================
   TWANA_BUYER_FOLLOWED_SELLERS_147
   Canonical Premium Card D9
   ========================================================= */

.tw-followed-page {
    width: 100%;
    padding: 4px 0 34px;
}

.tw-followed-head {
    display: flex;
    margin-bottom: 16px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.tw-followed-eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #ff5a1f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
}

.tw-followed-head h1 {
    margin: 0;
    color: #172033;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.025em;
}

.tw-followed-head p {
    max-width: 660px;
    margin: 6px 0 0;
    color: #7c8799;
    font-size: 12px;
    line-height: 1.45;
}

.tw-followed-count {
    display: flex;
    min-width: 150px;
    padding: 11px 14px;
    align-items: center;
    gap: 10px;
    border: 1px solid #e2e7ee;
    border-radius: 13px;
    background: #fff;
}

.tw-followed-count-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff0e9;
    color: #ff5a1f;
    font-size: 17px;
    font-weight: 900;
}

.tw-followed-count strong {
    display: block;
    color: #172033;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}

.tw-followed-count div span {
    display: block;
    margin-top: 4px;
    color: #6f7c90;
    font-size: 10px;
}

.tw-followed-toolbar {
    display: flex;
    margin-bottom: 14px;
    padding: 12px 15px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border: 1px solid #e2e7ee;
    border-radius: 12px;
    background: #fff;
}

.tw-followed-toolbar-copy strong {
    display: block;
    color: #172033;
    font-size: 11px;
    font-weight: 900;
}

.tw-followed-toolbar-copy span {
    display: block;
    margin-top: 2px;
    color: #778398;
    font-size: 10px;
}

.tw-followed-toolbar-total {
    color: #4e5d73;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.tw-followed-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 13px;
    align-items: stretch;
}

.tw-followed-card {
    display: flex;
    min-width: 0;
    min-height: 286px;
    padding: 14px;
    flex-direction: column;
    border: 1px solid #e0e6ed;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(23,32,51,.035);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tw-followed-card:hover {
    transform: translateY(-2px);
    border-color: #ffcdbb;
    box-shadow: 0 12px 28px rgba(23,32,51,.07);
}

.tw-followed-card-top {
    display: grid;
    grid-template-columns: 68px minmax(0,1fr);
    gap: 12px;
    align-items: start;
}

.tw-followed-logo {
    display: flex;
    width: 68px;
    height: 68px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e7ed;
    border-radius: 50%;
    background: #f8f9fb;
}

.tw-followed-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tw-followed-store {
    min-width: 0;
}

.tw-followed-status {
    display: inline-flex;
    margin-bottom: 5px;
    align-items: center;
    gap: 4px;
    color: #16845e;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 900;
}

.tw-followed-status > span {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dff6ed;
    font-size: 9px;
}

.tw-followed-store h2 {
    margin: 0;
    overflow: hidden;
    color: #172033;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-followed-store h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

.tw-followed-location {
    display: flex;
    min-width: 0;
    margin-top: 5px;
    align-items: flex-start;
    gap: 4px;
    overflow: hidden;
    color: #68768a;
    font-size: 9px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-followed-location > span {
    flex: none;
    color: #ff5a1f;
    font-weight: 900;
}

.tw-followed-rating {
    display: flex;
    margin-top: 7px;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: #536078;
    font-size: 9px;
}

.tw-followed-stars {
    display: inline-flex;
    flex: none;
    color: #ff9d00;
    line-height: 1;
}

.tw-followed-rating > span {
    color: #26364d;
    font-weight: 900;
}

.tw-followed-rating small {
    overflow: hidden;
    color: #929cab;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-followed-message {
    margin-top: 13px;
    padding: 11px 12px;
    border-radius: 10px;
    background: #f7f8fa;
}

.tw-followed-message > span {
    display: block;
    margin-bottom: 4px;
    color: #657287;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tw-followed-message p {
    margin: 0;
    color: #8290a3;
    font-size: 9px;
    line-height: 1.45;
}

.tw-followed-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-top: auto;
    padding-top: 13px;
}

.tw-followed-visit,
.tw-followed-remove {
    display: flex;
    min-width: 0;
    min-height: 37px;
    padding: 0 8px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}

.tw-followed-visit {
    border: 1px solid #ff5a1f;
    background: #ff5a1f;
    color: #fff !important;
}

.tw-followed-visit:hover {
    background: #eb4d17;
    color: #fff !important;
}

.tw-followed-remove {
    border: 1px solid #ffb8a2;
    background: #fff8f5;
    color: #e94c18 !important;
}

.tw-followed-remove:hover {
    border-color: #ff8d69;
    background: #fff1eb;
}

.tw-followed-pagination {
    margin-top: 18px;
}

.tw-followed-empty {
    padding: 56px 24px;
    border: 1px solid #e2e7ee;
    border-radius: 15px;
    background: #fff;
    text-align: center;
}

.tw-followed-empty-icon {
    display: flex;
    width: 54px;
    height: 54px;
    margin: 0 auto 13px;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #fff0e9;
    color: #ff5a1f;
    font-size: 21px;
}

.tw-followed-empty-kicker {
    color: #ff5a1f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .06em;
}

.tw-followed-empty h2 {
    margin: 7px 0 0;
    color: #172033;
    font-size: 18px;
    font-weight: 900;
}

.tw-followed-empty p {
    max-width: 520px;
    margin: 8px auto 0;
    color: #7f8b9d;
    font-size: 11px;
    line-height: 1.5;
}

.tw-followed-explore {
    display: inline-flex;
    min-height: 38px;
    margin-top: 16px;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    background: #ff5a1f;
    color: #fff !important;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
}

@media (max-width: 1199.98px) {
    .tw-followed-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 767.98px) {
    .tw-followed-page {
        padding-bottom: 26px;
    }

    .tw-followed-head {
        margin-bottom: 11px;
        flex-direction: column;
        gap: 10px;
    }

    .tw-followed-head h1 {
        font-size: 21px;
    }

    .tw-followed-head p {
        font-size: 10px;
    }

    .tw-followed-count {
        width: 100%;
        min-width: 0;
        padding: 9px 10px;
    }

    .tw-followed-toolbar {
        padding: 10px;
    }

    .tw-followed-toolbar-copy span {
        display: none;
    }

    .tw-followed-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 7px;
    }

    .tw-followed-card {
        min-height: 0;
        padding: 9px;
        border-radius: 12px;
    }

    .tw-followed-card:hover {
        transform: none;
    }

    .tw-followed-card-top {
        display: block;
    }

    .tw-followed-logo {
        width: 54px;
        height: 54px;
        margin-bottom: 8px;
    }

    .tw-followed-status {
        margin-bottom: 4px;
        font-size: 8px;
    }

    .tw-followed-store h2 {
        font-size: 11px;
        line-height: 1.25;
        white-space: normal;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .tw-followed-location {
        margin-top: 4px;
        font-size: 8px;
    }

    .tw-followed-rating {
        margin-top: 5px;
        gap: 3px;
        flex-wrap: wrap;
        font-size: 8px;
    }

    .tw-followed-rating small {
        width: 100%;
        font-size: 8px;
    }

    .tw-followed-message {
        margin-top: 8px;
        padding: 8px;
    }

    .tw-followed-message > span {
        font-size: 7px;
    }

    .tw-followed-message p {
        font-size: 8px;
        line-height: 1.35;
    }

    .tw-followed-actions {
        grid-template-columns: 1fr;
        gap: 5px;
        padding-top: 8px;
    }

    .tw-followed-visit,
    .tw-followed-remove {
        min-height: 34px;
        padding: 0 5px;
        font-size: 8px;
    }
}

/* TWANA_BUYER_FOLLOWED_SELLERS_147_END */

/* =========================================================
   TWANA BUYER — DADOS FISCAIS
   Canonical module
   ========================================================= */

.tw-fiscal-page {
    width: 100%;
    min-width: 0;
    color: #172033;
}

.tw-fiscal-heading {
    margin-bottom: 24px;
}

.tw-fiscal-breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #8a95a8;
    font-size: 12px;
    font-weight: 600;
}

.tw-fiscal-breadcrumb strong {
    color: #3b465a;
}

.tw-fiscal-heading h1 {
    margin: 0;
    color: #161d2d;
    font-size: clamp(28px, 2.5vw, 42px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.tw-fiscal-heading > p {
    max-width: 850px;
    margin: 10px 0 0;
    color: #5f6b7e;
    font-size: 14px;
    line-height: 1.65;
}

.tw-fiscal-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) 220px minmax(230px, .65fr);
    gap: 28px;
    align-items: center;
    padding: 30px 32px;
    border: 1px solid #ffe1cc;
    border-radius: 20px;
    background:
        radial-gradient(circle at 68% 45%, rgba(255, 112, 28, .14), transparent 28%),
        linear-gradient(110deg, #fff9f4 0%, #fff4e9 52%, #fffaf6 100%);
    box-shadow: 0 12px 36px rgba(28, 39, 56, .05);
}

.tw-fiscal-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 11px;
    border: 1px solid #ffd3b7;
    border-radius: 999px;
    background: #fff0e5;
    color: #ff641c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
}

.tw-fiscal-hero-copy h2 {
    margin: 12px 0 10px;
    color: #142034;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.02em;
}

.tw-fiscal-hero-copy p {
    max-width: 680px;
    margin: 0 0 12px;
    color: #59667a;
    font-size: 13px;
    line-height: 1.65;
}

.tw-fiscal-hero-copy p:last-child {
    margin-bottom: 0;
}

.tw-fiscal-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}

.tw-fiscal-document {
    position: relative;
    width: 135px;
    height: 160px;
    padding: 24px 20px;
    border: 1px solid #e5e8ee;
    border-radius: 18px;
    background: linear-gradient(145deg, #ffffff, #f5f6f8);
    box-shadow: 0 18px 35px rgba(24, 33, 48, .12);
    transform: rotate(-4deg);
}

.tw-fiscal-document-title {
    display: block;
    margin-bottom: 20px;
    color: #313b4d;
    font-size: 21px;
    font-weight: 900;
}

.tw-fiscal-document i {
    display: block;
    width: 100%;
    height: 7px;
    margin-top: 9px;
    border-radius: 999px;
    background: #d8dce4;
}

.tw-fiscal-document i:nth-of-type(2) {
    width: 78%;
}

.tw-fiscal-document i:nth-of-type(3) {
    width: 88%;
}

.tw-fiscal-document i:nth-of-type(4) {
    width: 55%;
}

.tw-fiscal-shield {
    position: absolute;
    right: 18px;
    bottom: 7px;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 7px solid #fff;
    border-radius: 22px 22px 28px 28px;
    background: linear-gradient(145deg, #ff8b2c, #ff5c00);
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 12px 25px rgba(255, 98, 14, .24);
}

.tw-fiscal-hero-points {
    padding-left: 4px;
}

.tw-fiscal-hero-points h3 {
    margin: 0 0 15px;
    color: #182236;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

.tw-fiscal-hero-points ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tw-fiscal-hero-points li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 10px;
    color: #4e5b70;
    font-size: 12px;
    line-height: 1.45;
}

.tw-fiscal-hero-points li span {
    flex: 0 0 18px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: #ff681c;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.tw-fiscal-section-heading {
    margin: 22px 0 12px;
}

.tw-fiscal-section-heading h2 {
    margin: 0;
    color: #172033;
    font-size: 18px;
    font-weight: 800;
}

.tw-fiscal-section-heading p {
    margin: 4px 0 0;
    color: #7a8597;
    font-size: 12px;
}

.tw-fiscal-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .95fr);
    gap: 16px;
    align-items: stretch;
}

.tw-fiscal-preview-card,
.tw-fiscal-info-card {
    border: 1px solid #e5e8ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(24, 33, 48, .045);
}

.tw-fiscal-preview-card {
    padding: 14px;
}

.tw-fiscal-type-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    max-width: 480px;
    margin-bottom: 17px;
}

.tw-fiscal-type-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: #f5f7fa;
    color: #59667a;
    font-size: 11px;
    font-weight: 700;
}

.tw-fiscal-type-tab.is-active {
    border-color: #ffcfb3;
    background: #fffaf6;
    color: #f35d15;
}

.tw-fiscal-type-icon {
    font-size: 14px;
}

.tw-fiscal-form-preview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 16px;
}

.tw-fiscal-field {
    min-width: 0;
}

.tw-fiscal-field-full {
    grid-column: 1 / -1;
}

.tw-fiscal-field label {
    display: block;
    margin: 0 0 6px;
    color: #273247;
    font-size: 11px;
    font-weight: 700;
}

.tw-fiscal-disabled {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 12px;
    overflow: hidden;
    border: 1px solid #e0e4eb;
    border-radius: 8px;
    background: #f7f8fa;
    color: #a3acba;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tw-fiscal-locked-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin-top: 16px;
    padding: 9px 14px;
    border-radius: 9px;
    background: #eef0f3;
    color: #8993a4;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.tw-fiscal-info-card {
    padding: 18px 20px;
}

.tw-fiscal-info-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
}

.tw-fiscal-info-title > span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #31405a;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.tw-fiscal-info-title h2 {
    margin: 0;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
}

.tw-fiscal-info-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.tw-fiscal-info-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f5f6f8;
    color: #42516a;
    font-size: 14px;
    font-weight: 800;
}

.tw-fiscal-info-item strong {
    display: block;
    margin: 1px 0 3px;
    color: #263147;
    font-size: 11px;
    font-weight: 800;
}

.tw-fiscal-info-item p {
    margin: 0;
    color: #758095;
    font-size: 10px;
    line-height: 1.5;
}

.tw-fiscal-support {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    margin-top: 14px;
    padding: 13px 17px;
    border: 1px solid #e5e8ee;
    border-radius: 15px;
    background: #fff;
}

.tw-fiscal-support-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 2px solid #5d6a80;
    border-radius: 50%;
    color: #4d5a70;
    font-size: 15px;
    font-weight: 900;
}

.tw-fiscal-support strong {
    display: block;
    margin-bottom: 2px;
    color: #202b40;
    font-size: 12px;
}

.tw-fiscal-support p {
    margin: 0;
    color: #778297;
    font-size: 10px;
}

.tw-fiscal-support-status {
    padding: 8px 12px;
    border: 1px solid #ffd1b5;
    border-radius: 9px;
    color: #f46019;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}


/* TWANA_FISCAL_CERTIFICATE_PREMIUM_E16F3B5 */

.tw-fiscal-certificate-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 24px;
    align-items: stretch;
}

.tw-fiscal-certificate-copy {
    min-width: 0;
    padding: 22px;
    border: 1px solid #e8e8ec;
    border-radius: 16px;
    background: #fafafa;
}

.tw-fiscal-certificate-copy > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    color: #1f2937;
}

.tw-fiscal-certificate-copy > p {
    max-width: 680px;
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
    color: #6b7280;
}

.tw-fiscal-certificate-current,
.tw-fiscal-certificate-pending {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 12px;
}

.tw-fiscal-certificate-current {
    border: 1px solid #d7eadf;
    background: #f5fbf7;
}

.tw-fiscal-certificate-current span,
.tw-fiscal-certificate-current strong,
.tw-fiscal-certificate-current small {
    display: block;
}

.tw-fiscal-certificate-current span {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    color: #237a48;
}

.tw-fiscal-certificate-current strong {
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.45;
    color: #1f2937;
}

.tw-fiscal-certificate-current small {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.4;
    color: #6b7280;
}

.tw-fiscal-certificate-pending {
    border: 1px solid #f0dfbf;
    background: #fffaf1;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    color: #8a5a12;
}

.tw-fiscal-certificate-upload {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 22px;
    border: 1px dashed #d4d4d8;
    border-radius: 16px;
    background: #ffffff;
}

.tw-fiscal-certificate-upload > label {
    margin-bottom: 10px;
}

.tw-fiscal-certificate-upload input[type="file"] {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    font-size: 12px;
    line-height: 1.4;
    color: #374151;
}

.tw-fiscal-certificate-upload input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #262522;
    font: inherit;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
}

.tw-fiscal-certificate-upload input[type="file"]:focus {
    outline: 2px solid rgba(255, 90, 31, 0.22);
    outline-offset: 2px;
    border-color: #ff5a1f;
}

@media (max-width: 767.98px) {
    .tw-fiscal-certificate-box {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .tw-fiscal-certificate-copy,
    .tw-fiscal-certificate-upload {
        padding: 16px;
        border-radius: 14px;
    }

    .tw-fiscal-certificate-copy > strong {
        font-size: 14px;
    }

    .tw-fiscal-certificate-copy > p {
        font-size: 12px;
        line-height: 1.6;
    }

    .tw-fiscal-certificate-current strong {
        font-size: 12px;
    }

    .tw-fiscal-certificate-upload input[type="file"] {
        font-size: 12px;
    }
}

@media (max-width: 1199.98px) {
    .tw-fiscal-hero {
        grid-template-columns: minmax(0, 1fr) 170px;
    }

    .tw-fiscal-hero-points {
        grid-column: 1 / -1;
        padding: 0;
    }

    .tw-fiscal-hero-points ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 18px;
    }

    .tw-fiscal-content-grid {
        grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr);
    }
}

@media (max-width: 991.98px) {
    .tw-fiscal-heading h1 {
        font-size: 31px;
    }

    .tw-fiscal-hero {
        grid-template-columns: minmax(0, 1fr);
        padding: 24px;
    }

    .tw-fiscal-hero-visual {
        display: none;
    }

    .tw-fiscal-content-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tw-fiscal-heading {
        margin-bottom: 17px;
    }

    .tw-fiscal-breadcrumb {
        margin-bottom: 8px;
        font-size: 10px;
    }

    .tw-fiscal-heading h1 {
        font-size: 25px;
        line-height: 1.12;
    }

    .tw-fiscal-heading > p {
        margin-top: 7px;
        font-size: 11px;
        line-height: 1.5;
    }

    .tw-fiscal-hero {
        gap: 18px;
        padding: 18px;
        border-radius: 16px;
    }

    .tw-fiscal-hero-copy h2 {
        margin-top: 10px;
        font-size: 20px;
    }

    .tw-fiscal-hero-copy p {
        font-size: 11px;
        line-height: 1.55;
    }

    .tw-fiscal-hero-points h3 {
        font-size: 14px;
    }

    .tw-fiscal-hero-points ul {
        grid-template-columns: 1fr;
    }

    .tw-fiscal-hero-points li {
        font-size: 10px;
    }

    .tw-fiscal-section-heading {
        margin-top: 18px;
    }

    .tw-fiscal-section-heading h2 {
        font-size: 16px;
    }

    .tw-fiscal-section-heading p {
        font-size: 10px;
    }

    .tw-fiscal-preview-card,
    .tw-fiscal-info-card {
        border-radius: 14px;
    }

    .tw-fiscal-preview-card {
        padding: 11px;
    }

    .tw-fiscal-type-tabs {
        gap: 6px;
    }

    .tw-fiscal-type-tab {
        min-height: 38px;
        padding: 7px 5px;
        font-size: 9px;
    }

    .tw-fiscal-form-preview {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tw-fiscal-field-full {
        grid-column: auto;
    }

    .tw-fiscal-field label {
        font-size: 10px;
    }

    .tw-fiscal-disabled {
        min-height: 37px;
        font-size: 10px;
    }

    .tw-fiscal-locked-action {
        font-size: 9px;
    }

    .tw-fiscal-info-card {
        padding: 15px;
    }

    .tw-fiscal-info-title h2 {
        font-size: 14px;
    }

    .tw-fiscal-info-item {
        grid-template-columns: 31px minmax(0, 1fr);
        margin-top: 13px;
    }

    .tw-fiscal-info-icon {
        width: 31px;
        height: 31px;
    }

    .tw-fiscal-info-item strong {
        font-size: 10px;
    }

    .tw-fiscal-info-item p {
        font-size: 9px;
    }

    .tw-fiscal-support {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 12px;
    }

    .tw-fiscal-support-icon {
        width: 32px;
        height: 32px;
    }

    .tw-fiscal-support p {
        font-size: 9px;
    }

    .tw-fiscal-support-status {
        grid-column: 1 / -1;
        width: 100%;
        text-align: center;
    }
}


/* TWANA_FISCAL_REAL_FORM_F6 */
.tw-fiscal-real-form {
    display: grid;
    gap: 20px;
    margin-top: 24px;
}
.tw-fiscal-real-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(23,32,51,.045);
}
.tw-fiscal-real-card[hidden],
.tw-fiscal-real-field[hidden] {
    display: none !important;
}
.tw-fiscal-real-card-head {
    padding: 20px 24px;
    background: #fbfcfe;
    border-bottom: 1px solid #edf0f4;
}
.tw-fiscal-real-card-head > div {
    display: flex;
    align-items: center;
    gap: 14px;
}
.tw-fiscal-real-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #fff0e8;
    color: #f56600;
    font-size: 12px;
    font-weight: 800;
}
.tw-fiscal-real-card-head h2 {
    margin: 0 0 3px;
    color: #172033;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}
.tw-fiscal-real-card-head p {
    margin: 0;
    color: #7b879b;
    font-size: 12px;
    line-height: 1.5;
}
.tw-fiscal-real-body {
    padding: 24px;
}
.tw-fiscal-real-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 22px;
}
.tw-fiscal-real-type-option {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 78px;
    padding: 17px 18px 17px 48px;
    border: 1px solid #dfe4ec;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.tw-fiscal-real-type-option:hover {
    border-color: #ffc5a2;
}
.tw-fiscal-real-type-option.active {
    border-color: #ff6a00;
    background: #fffaf7;
    box-shadow: 0 0 0 3px rgba(255,106,0,.08);
}
.tw-fiscal-real-type-option input {
    position: absolute;
    top: 24px;
    left: 18px;
    width: 17px;
    height: 17px;
    accent-color: #ff6a00;
}
.tw-fiscal-real-type-option strong {
    color: #202a3d;
    font-size: 13px;
    font-weight: 800;
}
.tw-fiscal-real-type-option span {
    color: #8a95a8;
    font-size: 11px;
    font-weight: 600;
}
.tw-fiscal-real-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
}
.tw-fiscal-real-field {
    min-width: 0;
}
.tw-fiscal-real-field--full {
    grid-column: 1 / -1;
}
.tw-fiscal-real-field > label:not(.tw-fiscal-real-check) {
    display: block;
    margin: 0 0 7px;
    color: #354057;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 750;
}
.tw-fiscal-real-field > label span {
    color: #9aa4b5;
    font-size: 10px;
    font-weight: 600;
}
.tw-fiscal-real-field > input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #dce2ea;
    border-radius: 11px;
    outline: none;
    background: #fff;
    color: #172033;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.tw-fiscal-real-field > input:hover {
    border-color: #cbd2dd;
}
.tw-fiscal-real-field > input:focus {
    border-color: #ff6a00;
    box-shadow: 0 0 0 3px rgba(255,106,0,.10);
}
.tw-fiscal-real-field > input:disabled {
    background: #f4f6f8;
    color: #9aa4b5;
    cursor: not-allowed;
}
.tw-fiscal-real-help {
    display: block;
    margin-top: 6px;
    color: #8a95a8;
    font-size: 10px;
    line-height: 1.45;
}
.tw-fiscal-real-error {
    display: block;
    margin-top: 6px;
    color: #c93f3f;
    font-size: 10px;
    font-weight: 700;
}
.tw-fiscal-real-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #596579;
    font-size: 11px;
    line-height: 1.4;
    cursor: pointer;
}
.tw-fiscal-real-check input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #ff6a00;
}
.tw-fiscal-real-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 13px 16px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 11px;
}
.tw-fiscal-real-alert--success {
    border-color: #bfe7cf;
    background: #f1fbf5;
    color: #24643d;
}
.tw-fiscal-real-alert--error {
    border-color: #f1c6c6;
    background: #fff5f5;
    color: #a43838;
}
.tw-fiscal-real-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #e7eaf0;
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(23,32,51,.04);
}
.tw-fiscal-real-security {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.tw-fiscal-real-security strong {
    color: #273247;
    font-size: 11px;
}
.tw-fiscal-real-security span {
    color: #8792a5;
    font-size: 10px;
    line-height: 1.45;
}
.tw-fiscal-real-submit {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 11px;
    background: #ff6a00;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(255,106,0,.20);
    transition: transform .15s ease, box-shadow .15s ease;
}
.tw-fiscal-real-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(255,106,0,.25);
}
.tw-fiscal-status--live {
    background: rgba(255,255,255,.72);
}
@media (max-width: 767.98px) {
    .tw-fiscal-real-form {
        gap: 14px;
        margin-top: 18px;
    }
    .tw-fiscal-real-card-head {
        padding: 16px;
    }
    .tw-fiscal-real-body {
        padding: 16px;
    }
    .tw-fiscal-real-type,
    .tw-fiscal-real-grid {
        grid-template-columns: 1fr;
    }
    .tw-fiscal-real-type {
        gap: 9px;
    }
    .tw-fiscal-real-type-option {
        min-height: 68px;
    }
    .tw-fiscal-real-field--full {
        grid-column: auto;
    }
    .tw-fiscal-real-footer {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }
    .tw-fiscal-real-submit {
        width: 100%;
    }
}
/* /TWANA_FISCAL_REAL_FORM_F6 */

/* END TWANA BUYER — DADOS FISCAIS */

/* =========================================================
/*
   TWANA_BUYER_TEAM_156
   TWANA_TEAM_PREMIUM_E17F3B_R2
*/

.tw-team-page {
    --tw-orange: #ff5a1f;
    --tw-orange-dark: #e94b12;
    --tw-ink: #172033;
    --tw-muted: #697386;
    --tw-line: #e7eaf0;
    padding: 4px 0 42px;
    color: var(--tw-ink);
}

.tw-team-page *,
.tw-team-page *::before,
.tw-team-page *::after {
    box-sizing: border-box;
}

.tw-team-kicker,
.tw-team-eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tw-orange);
}

.tw-team-premium-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 220px;
    padding: 34px 38px;
    margin-bottom: 18px;
    border: 1px solid #e6e9ef;
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 15%, rgba(255,90,31,.13), transparent 31%),
        linear-gradient(135deg, #fff 0%, #fafbfe 64%, #fff6f1 100%);
    box-shadow: 0 12px 34px rgba(26,34,52,.07);
}

.tw-team-premium-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -110px;
    width: 260px;
    height: 260px;
    border: 34px solid rgba(255,90,31,.055);
    border-radius: 50%;
    pointer-events: none;
}

.tw-team-premium-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 690px;
}

.tw-team-premium-hero h1 {
    margin: 7px 0 10px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.035em;
    color: #141c2d;
}

.tw-team-premium-hero-copy > p {
    max-width: 650px;
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--tw-muted);
}

.tw-team-premium-company {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    max-width: 100%;
    margin-top: 22px;
    padding: 9px 12px 9px 9px;
    border: 1px solid #e4e8ef;
    border-radius: 14px;
    background: rgba(255,255,255,.9);
}

.tw-team-premium-company-avatar,
.tw-team-company-avatar,
.tw-team-member-avatar,
.tw-team-received-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    font-weight: 800;
}

.tw-team-premium-company-avatar {
    width: 38px;
    height: 38px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 15px;
}

.tw-team-premium-company > div:nth-child(2) {
    min-width: 0;
}

.tw-team-premium-company > div:nth-child(2) span {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 700;
    color: #8a93a3;
}

.tw-team-premium-company > div:nth-child(2) strong {
    display: block;
    overflow: hidden;
    max-width: 290px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-team-context-badge,
.tw-team-security-badge,
.tw-team-count-badge,
.tw-team-readonly-badge,
.tw-team-state-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 800;
    white-space: nowrap;
}

.tw-team-context-badge {
    margin-left: 4px;
    background: #edf8f1;
    color: #247447;
}

.tw-team-context-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #27a45f;
}

.tw-team-premium-cta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    min-width: 210px;
    padding: 15px 18px;
    border-radius: 15px;
    background: var(--tw-orange);
    box-shadow: 0 12px 24px rgba(255,90,31,.23);
    color: #fff !important;
    text-decoration: none !important;
}

.tw-team-premium-cta:hover {
    background: var(--tw-orange-dark);
    transform: translateY(-2px);
}

.tw-team-premium-cta-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255,255,255,.17);
    font-size: 25px;
}

.tw-team-premium-cta strong,
.tw-team-premium-cta small {
    display: block;
    color: #fff;
}

.tw-team-premium-cta strong {
    font-size: 14px;
}

.tw-team-premium-cta small {
    margin-top: 2px;
    font-size: 11px;
    opacity: .82;
}

.tw-team-premium-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.tw-team-premium-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 92px;
    padding: 17px;
    border: 1px solid var(--tw-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(25,35,55,.045);
}

.tw-team-premium-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #fff2ed;
    color: var(--tw-orange);
    font-size: 18px;
    font-weight: 800;
}

.tw-team-premium-stat > div {
    min-width: 0;
}

.tw-team-premium-stat strong {
    display: block;
    overflow: hidden;
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-team-premium-stat strong.tw-team-premium-role {
    font-size: 15px;
}

.tw-team-premium-stat span:last-child {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #7a8495;
}

.tw-team-alert {
    margin: 0 0 16px;
    padding: 13px 15px;
    border: 1px solid #ffd8cb;
    border-radius: 13px;
    background: #fff7f4;
    color: #8d3c22;
    font-size: 13px;
    line-height: 1.55;
}

.tw-team-alert.success {
    border-color: #ccebd8;
    background: #f1fbf5;
    color: #236b42;
}

.tw-team-received {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid #cfe4fb;
    border-radius: 18px;
    background: #fff;
}

.tw-team-received-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #dcebf9;
    background: #eef6ff;
}

.tw-team-received-head h2 {
    margin: 4px 0;
    font-size: 18px;
    font-weight: 800;
}

.tw-team-received-head p {
    margin: 0;
    font-size: 13px;
    color: #60758e;
}

.tw-team-received-list {
    padding: 8px 20px;
}

.tw-team-received-item {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px 2px;
    border-bottom: 1px solid #edf0f4;
}

.tw-team-received-item:last-child {
    border-bottom: 0;
}

.tw-team-received-icon {
    width: 42px;
    height: 42px;
    background: #edf6ff;
    color: #3375b5;
}

.tw-team-received-copy {
    min-width: 0;
}

.tw-team-received-copy strong,
.tw-team-received-copy span,
.tw-team-received-copy small {
    display: block;
}

.tw-team-received-copy strong {
    font-size: 14px;
}

.tw-team-received-copy span {
    margin-top: 3px;
    font-size: 12px;
    color: #667085;
}

.tw-team-received-copy small {
    margin-top: 4px;
    font-size: 11px;
    color: #8993a3;
}

.tw-team-received-actions {
    display: flex;
    gap: 8px;
}

.tw-team-accept-button,
.tw-team-decline-button,
.tw-team-revoke-button,
.tw-team-invite-button,
.tw-team-primary-link {
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-weight: 800;
}

.tw-team-accept-button,
.tw-team-invite-button,
.tw-team-primary-link {
    background: var(--tw-orange);
    color: #fff !important;
}

.tw-team-accept-button,
.tw-team-decline-button {
    padding: 9px 13px;
    border-radius: 10px;
    font-size: 12px;
}

.tw-team-decline-button {
    border: 1px solid #dfe3e9;
    background: #fff;
    color: #667085;
}


.tw-team-company-card,
.tw-team-card,
.tw-team-state-card {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--tw-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(25,35,55,.045);
}

.tw-team-company-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
}

.tw-team-company-main {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.tw-team-company-avatar {
    width: 46px;
    height: 46px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 17px;
}

.tw-team-company-copy {
    min-width: 0;
}

.tw-team-company-copy h2 {
    overflow: hidden;
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 800;
    color: #20283a;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-team-company-copy p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #7b8494;
}

.tw-team-company-copy p strong {
    color: #485266;
}

.tw-team-company-stats {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
}

.tw-team-company-stats > div {
    min-width: 95px;
    padding: 0 16px;
    border-right: 1px solid #edf0f3;
}

.tw-team-company-stats > div:last-child {
    border-right: 0;
}

.tw-team-company-stats span,
.tw-team-member-role > span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #8a93a3;
}

.tw-team-company-stats strong {
    display: block;
    font-size: 15px;
    color: #263044;
}

.tw-team-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 78px;
    padding: 17px 20px;
    border-bottom: 1px solid #eceff3;
    background: #fbfcfd;
}

.tw-team-card-head > div {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tw-team-card-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 11px;
    font-weight: 900;
}

.tw-team-card-head h2 {
    margin: 0 0 3px;
    font-size: 17px;
    font-weight: 800;
    color: #20283a;
}

.tw-team-card-head p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #7a8495;
}

.tw-team-security-badge {
    background: #edf8f1;
    color: #2e7950;
}

.tw-team-count-badge {
    border: 1px solid #e2e6ec;
    background: #fff;
    color: #687386;
}

.tw-team-readonly-badge {
    background: #f0f2f5;
    color: #667085;
}

.tw-team-card-body {
    padding: 20px;
}

.tw-team-invite-card {
    scroll-margin-top: 110px;
}

.tw-team-invite-form {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(180px,.75fr) auto;
    align-items: end;
    gap: 12px;
}

.tw-team-field {
    min-width: 0;
}

.tw-team-field label,
.tw-team-company-selector label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 800;
    color: #414b5e;
}

.tw-team-field input,
.tw-team-field select,
.tw-team-role-edit select,
.tw-team-company-selector select {
    width: 100%;
    height: 43px;
    border: 1px solid #d9dee6;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #263044;
    font-family: inherit;
    font-size: 13px;
}

.tw-team-field input,
.tw-team-field select,
.tw-team-company-selector select {
    padding: 0 12px;
}

.tw-team-field input:focus,
.tw-team-field select:focus,
.tw-team-role-edit select:focus,
.tw-team-company-selector select:focus {
    border-color: rgba(255,90,31,.65);
    box-shadow: 0 0 0 3px rgba(255,90,31,.10);
}

.tw-team-field-error {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #c23f3f;
}

.tw-team-invite-button,
.tw-team-primary-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 0 17px;
    border-radius: 10px;
    background: var(--tw-orange);
    color: #fff !important;
    font-size: 12px;
    text-decoration: none !important;
    white-space: nowrap;
}

.tw-team-invite-button:hover,
.tw-team-primary-link:hover {
    background: var(--tw-orange-dark);
}

.tw-team-role-guide {
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid #edf0f3;
}

.tw-team-role-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 9px;
    margin-top: 9px;
}

.tw-team-role-grid > div {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #e7eaf0;
    border-radius: 11px;
    background: #fafbfc;
}

.tw-team-role-grid strong,
.tw-team-role-grid span {
    display: block;
}

.tw-team-role-grid strong {
    margin-bottom: 3px;
    font-size: 12px;
    color: #344054;
}

.tw-team-role-grid span {
    font-size: 11px;
    line-height: 1.45;
    color: #7b8494;
}

.tw-team-member-list {
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 13px;
}

.tw-team-member {
    display: grid;
    grid-template-columns:
        minmax(210px,1.5fr)
        minmax(145px,.8fr)
        minmax(120px,.65fr)
        auto;
    align-items: center;
    gap: 14px;
    min-height: 74px;
    padding: 12px 14px;
    border-bottom: 1px solid #edf0f3;
    background: #fff;
}

.tw-team-member:last-child {
    border-bottom: 0;
}

.tw-team-member:hover {
    background: #fcfcfd;
}

.tw-team-member-main {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.tw-team-member-avatar {
    width: 40px;
    height: 40px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 14px;
}

.tw-team-member-copy {
    min-width: 0;
}

.tw-team-member-copy strong,
.tw-team-member-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-team-member-copy strong {
    margin-bottom: 3px;
    font-size: 13px;
    color: #273044;
}

.tw-team-member-copy span {
    font-size: 11px;
    color: #7a8495;
}

.tw-team-member-role {
    min-width: 0;
}

.tw-team-member-role strong {
    display: block;
    font-size: 12px;
    color: #414b5e;
}

.tw-team-role-edit select {
    height: 36px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 700;
}

.tw-team-member-status > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.tw-team-member-status .status-active {
    background: #eaf8ef;
    color: #237447;
}

.tw-team-member-status .status-pending {
    background: #fff5e6;
    color: #a56616;
}

.tw-team-member-status .status-revoked {
    background: #f2f3f5;
    color: #737c8b;
}

.tw-team-member-action {
    display: flex;
    justify-content: flex-end;
}

.tw-team-revoke-button {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #f0cccc;
    border-radius: 9px;
    background: #fff;
    color: #c83d3d;
    font-size: 11px;
    white-space: nowrap;
}

.tw-team-revoke-button:hover {
    background: #fff4f4;
}

.tw-team-action-muted {
    color: #a2a9b4;
}

.tw-team-empty {
    padding: 40px 20px;
    text-align: center;
}

.tw-team-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 auto 11px;
    border-radius: 14px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 22px;
}

.tw-team-empty strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    color: #30394c;
}

.tw-team-empty p {
    max-width: 420px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.55;
    color: #7a8495;
}

.tw-team-access-summary {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.tw-team-access-summary strong {
    display: block;
    margin: 4px 0 5px;
    font-size: 17px;
    color: #293246;
}

.tw-team-access-summary p {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: #758093;
}

.tw-team-state-card {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 17px;
    padding: 23px;
}

.tw-team-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #fff0ea;
    color: var(--tw-orange);
    font-size: 20px;
}

.tw-team-state-copy {
    min-width: 0;
}

.tw-team-state-copy h2 {
    margin: 4px 0 5px;
    font-size: 18px;
    color: #293246;
}

.tw-team-state-copy p {
    max-width: 670px;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #727d90;
}

.tw-team-state-tag {
    background: #f1f3f6;
    color: #677183;
}

.tw-team-company-selector {
    display: grid;
    grid-template-columns: minmax(180px,1fr) auto;
    align-items: end;
    gap: 10px;
    max-width: 500px;
    margin-top: 15px;
}

.tw-team-company-selector label,
.tw-team-company-selector .tw-team-field-error {
    grid-column: 1 / -1;
}


@media (max-width: 1199.98px) {
    .tw-team-premium-stats {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .tw-team-role-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .tw-team-member {
        grid-template-columns:
            minmax(190px,1.4fr)
            minmax(130px,.8fr)
            auto;
    }

    .tw-team-member-action {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 991.98px) {
    .tw-team-premium-hero {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 28px;
    }

    .tw-team-premium-cta {
        min-width: 0;
    }

    .tw-team-invite-form {
        grid-template-columns: 1fr 1fr;
    }

    .tw-team-invite-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .tw-team-role-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .tw-team-company-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .tw-team-company-stats {
        width: 100%;
    }

    .tw-team-company-stats > div {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .tw-team-page {
        padding-bottom: 104px;
    }

    .tw-team-premium-hero {
        gap: 20px;
        min-height: 0;
        padding: 22px 18px;
        margin-bottom: 14px;
        border-radius: 17px;
    }

    .tw-team-premium-hero h1 {
        margin-top: 6px;
        font-size: 29px;
    }

    .tw-team-premium-hero-copy > p {
        font-size: 14px;
        line-height: 1.6;
    }

    .tw-team-premium-company {
        display: grid;
        grid-template-columns: auto minmax(0,1fr);
        width: 100%;
        padding: 9px;
    }

    .tw-team-premium-company .tw-team-context-badge {
        grid-column: 1 / -1;
        justify-self: flex-start;
        margin: 2px 0 0;
    }

    .tw-team-premium-company > div:nth-child(2) strong {
        max-width: 100%;
    }

    .tw-team-premium-cta {
        width: 100%;
        padding: 13px 14px;
    }

    .tw-team-premium-stats {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 9px;
        margin-bottom: 14px;
    }

    .tw-team-premium-stat {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        min-height: 116px;
        padding: 14px;
        border-radius: 14px;
    }

    .tw-team-premium-stat strong {
        font-size: 20px;
    }

    .tw-team-premium-stat strong.tw-team-premium-role {
        font-size: 14px;
        white-space: normal;
    }

    .tw-team-premium-stat span:last-child {
        font-size: 12px;
    }

    .tw-team-received,
    .tw-team-company-card,
    .tw-team-card,
    .tw-team-state-card {
        margin-bottom: 14px;
        border-radius: 15px;
    }

    .tw-team-received-head,
    .tw-team-card-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 16px;
    }

    .tw-team-card-head > div {
        align-items: flex-start;
    }

    .tw-team-card-head h2,
    .tw-team-received-head h2 {
        font-size: 16px;
    }

    .tw-team-card-head p,
    .tw-team-received-head p {
        font-size: 12px;
    }

    .tw-team-card-body {
        padding: 15px;
    }

    .tw-team-received-list {
        padding: 4px 14px;
    }

    .tw-team-received-item {
        grid-template-columns: auto minmax(0,1fr);
        gap: 11px;
        padding: 14px 0;
    }

    .tw-team-received-actions {
        grid-column: 1 / -1;
        width: 100%;
    }

    .tw-team-received-actions form {
        flex: 1 1 0;
    }

    .tw-team-accept-button,
    .tw-team-decline-button {
        width: 100%;
        min-height: 40px;
    }

    .tw-team-invite-form {
        grid-template-columns: 1fr;
    }

    .tw-team-invite-button {
        grid-column: auto;
        min-height: 45px;
    }

    .tw-team-field input,
    .tw-team-field select,
    .tw-team-company-selector select {
        height: 45px;
        font-size: 14px;
    }

    .tw-team-role-grid {
        grid-template-columns: 1fr;
    }

    .tw-team-role-grid > div {
        padding: 12px;
    }

    .tw-team-role-grid strong {
        font-size: 13px;
    }

    .tw-team-role-grid span {
        font-size: 12px;
    }

    .tw-team-member-list {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .tw-team-member {
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: 0;
        margin-bottom: 10px;
        padding: 14px;
        border: 1px solid #e7eaf0;
        border-radius: 13px;
    }

    .tw-team-member:last-child {
        margin-bottom: 0;
        border-bottom: 1px solid #e7eaf0;
    }

    .tw-team-member-copy strong {
        font-size: 14px;
    }

    .tw-team-member-copy span {
        font-size: 12px;
    }

    .tw-team-role-edit select {
        height: 42px;
        font-size: 13px;
    }

    .tw-team-member-status > span {
        font-size: 11px;
    }

    .tw-team-member-action {
        grid-column: auto;
        justify-content: stretch;
    }

    .tw-team-member-action form,
    .tw-team-revoke-button {
        width: 100%;
    }

    .tw-team-revoke-button {
        min-height: 41px;
        font-size: 12px;
    }

    .tw-team-company-card {
        gap: 16px;
        padding: 16px;
    }

    .tw-team-company-copy h2 {
        font-size: 16px;
    }

    .tw-team-company-copy p {
        font-size: 12px;
    }

    .tw-team-company-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 9px;
    }

    .tw-team-company-stats > div {
        padding: 10px;
        border: 1px solid #edf0f3;
        border-radius: 10px;
    }

    .tw-team-company-stats > div:last-child {
        border-right: 1px solid #edf0f3;
    }

    .tw-team-state-card {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .tw-team-state-copy h2 {
        font-size: 17px;
    }

    .tw-team-state-copy p {
        font-size: 13px;
    }

    .tw-team-state-tag {
        justify-self: flex-start;
    }

    .tw-team-company-selector {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .tw-team-company-selector label,
    .tw-team-company-selector .tw-team-field-error {
        grid-column: auto;
    }

    .tw-team-primary-link {
        width: 100%;
        min-height: 44px;
    }

    .tw-team-empty {
        padding: 32px 14px;
    }

    .tw-team-empty p {
        font-size: 13px;
    }
}

/* END TWANA_BUYER_TEAM_156 */

/* =========================================================
   TWANA_AFTER_SALES_PREMIUM_P8B3
   Canonical desktop presentation for Buyer > Pós-venda
   ========================================================= */

.tw-after-sales-page {
    --tw-after-orange: #ff5a1f;
    --tw-after-orange-dark: #e94b12;
    --tw-after-ink: #172033;
    --tw-after-navy: #202a3d;
    --tw-after-muted: #697386;
    --tw-after-line: #e7eaf0;
    --tw-after-soft: #f6f7f9;
    --tw-after-white: #ffffff;

    color: var(--tw-after-ink);
    font-size: 15px;
    line-height: 1.55;
}

.tw-after-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 178px;
    margin-bottom: 22px;
    padding: 30px 34px;
    border: 1px solid #e7eaf0;
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 15%, rgba(255,90,31,.10), transparent 29%),
        linear-gradient(135deg, #ffffff 0%, #fafbfc 65%, #fff7f3 100%);
    box-shadow: 0 12px 34px rgba(23,32,51,.065);
}

.tw-after-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 690px;
}

.tw-after-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--tw-after-orange);
    font-size: 14px;
    font-weight: 700;
}

.tw-after-eyebrow i {
    font-size: 19px;
}

.tw-after-hero h1 {
    margin: 0 0 8px;
    color: var(--tw-after-ink);
    font-size: 31px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.4px;
}

.tw-after-hero p {
    max-width: 620px;
    margin: 0;
    color: var(--tw-after-muted);
    font-size: 16px;
    line-height: 1.6;
}

.tw-after-hero-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 94px;
    width: 94px;
    height: 94px;
    margin-left: 30px;
    border-radius: 26px;
    background: #fff0ea;
    color: var(--tw-after-orange);
    font-size: 47px;
    transform: rotate(-3deg);
}

.tw-after-tools {
    margin-bottom: 20px;
    border: 1px solid var(--tw-after-line);
    border-radius: 18px;
    background: var(--tw-after-white);
    box-shadow: 0 8px 25px rgba(25,35,55,.045);
}

.tw-after-tabs {
    display: flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 14px 15px 12px;
    border-bottom: 1px solid var(--tw-after-line);
    scrollbar-width: thin;
}

.tw-after-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #596579;
    background: transparent;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}

.tw-after-tab:hover {
    border-color: #e3e7ed;
    background: #f7f8fa;
    color: var(--tw-after-ink);
}

.tw-after-tab.is-active {
    border-color: #ffd9cc;
    background: #fff2ed;
    color: var(--tw-after-orange-dark);
}

.tw-after-tab i {
    font-size: 18px;
}

.tw-after-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f0f2f5;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

.tw-after-tab.is-active .tw-after-tab-count {
    background: var(--tw-after-orange);
    color: #fff;
}

.tw-after-searchbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 15px;
}

.tw-after-search {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 500px;
    min-width: 0;
    height: 46px;
    border: 1px solid #dfe3e9;
    border-radius: 12px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.tw-after-search:focus-within {
    border-color: var(--tw-after-orange);
    box-shadow: 0 0 0 3px rgba(255,90,31,.10);
}

.tw-after-search > i {
    flex: 0 0 auto;
    margin-left: 14px;
    color: #8792a5;
    font-size: 21px;
}

.tw-after-search input {
    min-width: 0;
    flex: 1 1 auto;
    height: 44px;
    padding: 0 13px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--tw-after-ink);
    font-size: 15px;
}

.tw-after-search input::placeholder {
    color: #9099a8;
    opacity: 1;
}

.tw-after-search button {
    align-self: stretch;
    flex: 0 0 auto;
    min-width: 86px;
    padding: 0 17px;
    border: 0;
    border-radius: 0 11px 11px 0;
    background: var(--tw-after-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.tw-after-search button:hover {
    background: var(--tw-after-orange-dark);
}

.tw-after-period {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 9px;
}

.tw-after-period label {
    margin: 0;
    color: #596579;
    font-size: 14px;
    font-weight: 700;
}

.tw-after-period select {
    height: 46px;
    min-width: 168px;
    padding: 0 34px 0 12px;
    border: 1px solid #dfe3e9;
    border-radius: 11px;
    outline: none;
    background-color: #fff;
    color: var(--tw-after-ink);
    font-size: 14px;
}

.tw-after-period select:focus {
    border-color: var(--tw-after-orange);
    box-shadow: 0 0 0 3px rgba(255,90,31,.10);
}

.tw-after-apply {
    height: 46px;
    padding: 0 17px;
    border: 0;
    border-radius: 11px;
    background: var(--tw-after-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.tw-after-apply:hover {
    background: var(--tw-after-orange-dark);
}

.tw-after-content {
    min-width: 0;
}

.tw-after-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tw-after-order {
    overflow: hidden;
    border: 1px solid var(--tw-after-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(25,35,55,.045);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.tw-after-order:hover {
    border-color: #d9dee6;
    box-shadow: 0 12px 30px rgba(25,35,55,.075);
    transform: translateY(-1px);
}

.tw-after-order-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 70px;
    padding: 13px 18px;
    border-bottom: 1px solid #edf0f3;
    background: #fbfcfd;
}

.tw-after-order-id {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
}

.tw-after-order-id > span {
    color: #758093;
    font-size: 14px;
    font-weight: 600;
}

.tw-after-order-id > strong {
    color: #263044;
    font-size: 16px;
    font-weight: 800;
}

.tw-after-order-id > small {
    flex-basis: 100%;
    color: #8a93a3;
    font-size: 13px;
    line-height: 1.3;
}

.tw-after-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 11px;
    border-radius: 999px;
    background: #f1f3f6;
    color: #677183;
    font-size: 13px;
    font-weight: 750;
}

.tw-after-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.tw-after-status--processing {
    background: #f1f3f6;
    color: #596579;
}

.tw-after-status--production {
    background: #fff5e6;
    color: #9a6219;
}

.tw-after-status--shipping {
    background: #edf6ff;
    color: #3375b5;
}

.tw-after-status--delivered {
    background: #eaf8ef;
    color: #237447;
}

.tw-after-status--issue {
    background: #fff1f1;
    color: #b33b3b;
}

.tw-after-status--cancelled {
    background: #f1f2f4;
    color: #555e6d;
}

.tw-after-order-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 18px;
}

.tw-after-product {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
}

.tw-after-product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    margin-right: 16px;
    overflow: hidden;
    border: 1px solid #e8ebef;
    border-radius: 14px;
    background: #fafbfc;
    color: #a2a9b4;
    font-size: 31px;
}

.tw-after-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tw-after-product-copy {
    min-width: 0;
}

.tw-after-product-name {
    display: block;
    margin-bottom: 7px;
    color: #20283a;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;
}

.tw-after-seller {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #697386;
    font-size: 14px;
}

.tw-after-seller i {
    color: var(--tw-after-orange);
    font-size: 18px;
}

.tw-after-seller strong {
    color: #414b5e;
    font-weight: 700;
}

.tw-after-more-items {
    margin-top: 6px;
    color: #7a8495;
    font-size: 14px;
}

.tw-after-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex: 0 1 440px;
    gap: 8px;
}

.tw-after-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 13px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease;
}

.tw-after-btn:hover {
    transform: translateY(-1px);
}

.tw-after-btn i {
    font-size: 18px;
}

.tw-after-btn--primary {
    background: var(--tw-after-orange);
    border-color: var(--tw-after-orange);
    color: #fff !important;
}

.tw-after-btn--primary:hover {
    background: var(--tw-after-orange-dark);
    border-color: var(--tw-after-orange-dark);
}

.tw-after-btn--secondary {
    border-color: #dfe3e9;
    background: #fff;
    color: #485266 !important;
}

.tw-after-btn--secondary:hover {
    border-color: #cdd3dc;
    background: #f7f8fa;
    color: var(--tw-after-ink) !important;
}

.tw-after-btn--delivery {
    border-color: #ffd1c2;
    background: #fff7f4;
    color: var(--tw-after-orange-dark) !important;
}

.tw-after-btn--delivery:hover {
    background: #fff0ea;
}

.tw-after-btn--attention {
    border-color: #ffd6a3;
    background: #fff8eb;
    color: #965b0f !important;
}

.tw-after-btn--attention:hover {
    background: #fff1d8;
}

.tw-after-pagination {
    margin-top: 22px;
}

.tw-after-empty {
    padding: 58px 25px;
    border: 1px solid var(--tw-after-line);
    border-radius: 18px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 25px rgba(25,35,55,.045);
}

.tw-after-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 16px;
    border-radius: 20px;
    background: #fff0ea;
    color: var(--tw-after-orange);
    font-size: 31px;
}

.tw-after-empty h3 {
    margin: 0 0 8px;
    color: var(--tw-after-ink);
    font-size: 20px;
    font-weight: 800;
}

.tw-after-empty p {
    margin: 0 0 18px;
    color: var(--tw-after-muted);
    font-size: 15px;
}


/* =========================================================
   TWANA_AFTER_SALES_MOBILE_P9A
   Pagination active state uses TWANA orange
   Responsive rules belonging to canonical Pós-venda module
   ========================================================= */

@media (max-width: 767.98px) {

    .tw-after-sales-page {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        font-size: 15px;
        line-height: 1.55;
    }

    .tw-after-hero {
        min-height: 0;
        margin-bottom: 16px;
        padding: 22px 20px;
        border-radius: 18px;
    }

    .tw-after-hero-copy {
        max-width: calc(100% - 76px);
    }

    .tw-after-eyebrow {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 1.4;
    }

    .tw-after-eyebrow i {
        font-size: 18px;
    }

    .tw-after-hero h1 {
        margin-bottom: 8px;
        font-size: 27px;
        line-height: 1.15;
        letter-spacing: -.3px;
    }

    .tw-after-hero p {
        font-size: 15px;
        line-height: 1.55;
    }

    .tw-after-hero-icon {
        flex: 0 0 62px;
        width: 62px;
        height: 62px;
        margin-left: 12px;
        border-radius: 18px;
        font-size: 32px;
    }

    .tw-after-tools {
        margin-bottom: 16px;
        border-radius: 16px;
    }

    .tw-after-tabs {
        width: 100%;
        gap: 6px;
        padding: 11px 12px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .tw-after-tabs::-webkit-scrollbar {
        display: none;
    }

    .tw-after-tab {
        min-height: 39px;
        padding: 7px 11px;
        font-size: 13px;
        white-space: nowrap;
    }

    .tw-after-tab i {
        font-size: 17px;
    }

    .tw-after-tab-count {
        min-width: 23px;
        height: 23px;
        padding: 0 6px;
        font-size: 12px;
    }

    .tw-after-searchbar {
        display: block;
        padding: 13px 12px 14px;
    }

    .tw-after-search {
        width: 100%;
        height: 46px;
        margin: 0 0 12px;
    }

    .tw-after-search input {
        width: 100%;
        min-width: 0;
        font-size: 15px;
    }

    .tw-after-search button {
        min-width: 76px;
        padding: 0 13px;
        font-size: 14px;
    }

    .tw-after-period {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
        width: 100%;
    }

    .tw-after-period label {
        grid-column: 1 / -1;
        margin: 0 0 1px;
        font-size: 13px;
    }

    .tw-after-period select {
        width: 100%;
        min-width: 0;
        height: 44px;
        font-size: 14px;
    }

    .tw-after-apply {
        height: 44px;
        padding: 0 16px;
        font-size: 14px;
    }

    .tw-after-list {
        gap: 13px;
    }

    .tw-after-order {
        border-radius: 16px;
    }

    .tw-after-order:hover {
        transform: none;
    }

    .tw-after-order-head {
        align-items: flex-start;
        min-height: 0;
        padding: 14px 15px;
        gap: 10px;
    }

    .tw-after-order-id {
        min-width: 0;
        flex: 1 1 auto;
        display: block;
    }

    .tw-after-order-id > span {
        display: block;
        margin-bottom: 3px;
        font-size: 13px;
    }

    .tw-after-order-id > strong {
        display: block;
        overflow-wrap: anywhere;
        font-size: 16px;
        line-height: 1.35;
    }

    .tw-after-order-id > small {
        display: block;
        margin-top: 4px;
        font-size: 13px;
    }

    .tw-after-status {
        flex: 0 0 auto;
        max-width: 46%;
        min-height: 30px;
        padding: 5px 9px;
        font-size: 12px;
        line-height: 1.25;
        text-align: center;
    }

    .tw-after-order-body {
        display: block;
        padding: 16px 15px;
    }

    .tw-after-product {
        width: 100%;
        align-items: flex-start;
    }

    .tw-after-product-image {
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
        margin-right: 13px;
        border-radius: 12px;
    }

    .tw-after-product-copy {
        flex: 1 1 auto;
        min-width: 0;
    }

    .tw-after-product-name {
        margin-bottom: 6px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        font-size: 16px;
        line-height: 1.35;
    }

    .tw-after-seller {
        align-items: flex-start;
        font-size: 14px;
        line-height: 1.45;
    }

    .tw-after-seller span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .tw-after-more-items {
        margin-top: 5px;
        font-size: 13px;
        line-height: 1.4;
    }

    .tw-after-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 15px;
        gap: 8px;
    }

    .tw-after-btn {
        width: 100%;
        min-height: 44px;
        padding: 9px 12px;
        font-size: 14px;
    }

    .tw-after-pagination {
        margin-top: 18px;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    .tw-after-pagination .pagination {
        flex-wrap: nowrap;
        width: max-content;
        max-width: none;
        margin-bottom: 0;
    }

    .tw-after-empty {
        padding: 38px 18px;
        border-radius: 16px;
    }

    .tw-after-empty h3 {
        font-size: 19px;
    }

    .tw-after-empty p {
        font-size: 15px;
    }
}

@media (max-width: 389.98px) {

    .tw-after-hero {
        padding: 20px 17px;
    }

    .tw-after-hero-copy {
        max-width: calc(100% - 60px);
    }

    .tw-after-hero h1 {
        font-size: 25px;
    }

    .tw-after-hero-icon {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        margin-left: 8px;
        font-size: 28px;
    }

    .tw-after-order-head {
        display: block;
    }

    .tw-after-status {
        display: inline-flex;
        max-width: 100%;
        margin-top: 10px;
    }

    .tw-after-period {
        grid-template-columns: 1fr;
    }

    .tw-after-period label,
    .tw-after-period select,
    .tw-after-apply {
        grid-column: 1;
        width: 100%;
    }
}




/* TWANA_AFTER_SALES_PAGINATION_GLOBAL_P9B_R1 */
.tw-after-sales-page .tw-after-pagination .page-item.active .page-link {
    border-color: var(--tw-after-orange);
    background: var(--tw-after-orange);
    color: #fff;
}

/* TWANA_CANCELLATION_MODAL_UX4 */
.tw-cancel-modal {
    /* TWANA_CANCELLATION_STACKING_UX4_R2 */
    position: fixed !important;
    inset: 0 !important;
    z-index: 10050 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto !important;
}

body.tw-cancel-modal-open .modal-backdrop {
    z-index: 10040 !important;
}

.tw-cancel-modal .modal-dialog,
.tw-cancel-modal .modal-content,
.tw-cancel-modal__form,
.tw-cancel-modal__body,
.tw-cancel-modal__footer {
    pointer-events: auto;
}

.tw-cancel-modal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 620px;
    margin: 24px auto;
    min-height: calc(100vh - 48px);
    display: flex;
    align-items: center;
}

.tw-cancel-modal__content {
    width: 100%;
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
}

.tw-cancel-modal__header {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #eef0f3;
    background: #fff;
}

.tw-cancel-modal__icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #fff3ef;
    font-size: 24px;
}

.tw-cancel-modal__title {
    margin: 0 36px 4px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.tw-cancel-modal__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #667085;
}

.tw-cancel-modal__close {
    position: absolute;
    top: 14px;
    right: 18px;
}

.tw-cancel-modal__form {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.tw-cancel-modal__body {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 20px 24px;
}

.tw-cancel-modal__question {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
}

.tw-cancel-modal__reasons {
    display: grid;
    gap: 8px;
}

.tw-cancel-reason {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    padding: 12px 13px;
    border: 1px solid #e7e9ee;
    border-radius: 12px;
    cursor: pointer;
    transition: .18s ease;
}

.tw-cancel-reason:hover {
    border-color: #cfd4dc;
    background: #fafafa;
}

.tw-cancel-reason__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tw-cancel-reason__radio {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 1px;
    border: 2px solid #c6cbd3;
    border-radius: 50%;
}

.tw-cancel-reason__input:checked
+ .tw-cancel-reason__radio {
    border: 5px solid currentColor;
}

.tw-cancel-reason__label {
    font-size: 14px;
    line-height: 1.45;
}

.tw-cancel-modal__other {
    margin-top: 14px;
}

.tw-cancel-modal__label {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 600;
}

.tw-cancel-modal__notice {
    display: flex;
    gap: 9px;
    margin-top: 16px;
    padding: 12px 13px;
    border-radius: 12px;
    background: #f7f8fa;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.tw-cancel-modal__notice i {
    margin-top: 2px;
    font-size: 18px;
}

.tw-cancel-modal__footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px 22px;
    border-top: 1px solid #eef0f3;
    background: #fff;
}

.tw-cancel-modal__back,
.tw-cancel-modal__confirm {
    min-height: 44px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}

.tw-cancel-modal__back {
    border: 1px solid #dfe3e8;
    background: #fff;
}

.tw-cancel-modal__confirm {
    /* TWANA_CANCELLATION_CONFIRM_BUTTON_UX6_R3 */
    background: #ff5a1f;
    border-color: #ff5a1f;
    color: #fff;
}

.tw-cancel-modal__confirm:hover,
.tw-cancel-modal__confirm:focus,
.tw-cancel-modal__confirm:active {
    background: #e64a19;
    border-color: #e64a19;
    color: #fff;
}

.tw-cancel-modal__confirm:disabled {
    background: #ff5a1f;
    border-color: #ff5a1f;
    color: #fff;
    opacity: .55;
}

.tw-order-v2__action--cancellation-requested {
    /* TWANA_CANCELLATION_REQUESTED_STYLE_UX6_R3 */
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff7ed;
    color: #c2410c;
    cursor: default;
}

.tw-order-v2__action--cancellation-requested > i {
    flex: 0 0 auto;
    font-size: 18px;
}

.tw-order-v2__action--cancellation-requested > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
}

.tw-order-v2__action--cancellation-requested strong {
    font-size: 12px;
    font-weight: 700;
    color: #c2410c;
}

.tw-order-v2__action--cancellation-requested small {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 500;
    color: #9a3412;
}

@media (max-width: 575.98px) {
    .tw-cancel-modal .modal-dialog {
        width: calc(100% - 20px);
        min-height: calc(100dvh - 96px);
        margin: 10px auto 86px;
        align-items: flex-start;
    }

    .tw-cancel-modal__content {
        max-height: calc(100dvh - 106px);
        border-radius: 16px;
    }

    .tw-cancel-modal__header {
        gap: 11px;
        padding: 16px;
    }

    .tw-cancel-modal__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 22px;
    }

    .tw-cancel-modal__title {
        margin-right: 30px;
        font-size: 19px;
    }

    .tw-cancel-modal__subtitle {
        font-size: 14px;
    }

    .tw-cancel-modal__body {
        padding: 16px;
    }

    .tw-cancel-modal__question {
        font-size: 15px;
    }

    .tw-cancel-reason {
        padding: 11px 12px;
    }

    .tw-cancel-reason__label {
        font-size: 14px;
    }

    .tw-cancel-modal__footer {
        padding: 12px 16px 14px;
    }

    .tw-cancel-modal__footer .btn {
        flex: 1;
        min-width: 0;
    }
}

/* =========================================================
   TWANA_REFUND_CREATE_PREMIUM_CSS_V1
   Central de resolução — Buyer
   ========================================================= */

.tw-refund-premium {
    --tw-refund-orange: #ff6b00;
    --tw-refund-orange-dark: #e85f00;
    --tw-refund-orange-soft: #fff5ed;
    --tw-refund-ink: #172033;
    --tw-refund-text: #445168;
    --tw-refund-muted: #7b8799;
    --tw-refund-line: #e7ebf0;
    --tw-refund-surface: #ffffff;
    --tw-refund-soft: #f7f9fb;

    padding-top: 34px;
    padding-bottom: 60px;
    color: var(--tw-refund-text);
}

.tw-refund-premium .tw-refund-shell {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.tw-refund-premium .tw-refund-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    color: #657186;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: .18s ease;
}

.tw-refund-premium .tw-refund-back:hover {
    color: var(--tw-refund-orange);
}

.tw-refund-premium .tw-refund-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 34px;
    border: 1px solid #edf0f4;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,107,0,.10), transparent 34%),
        #fff;
    box-shadow: 0 12px 34px rgba(25, 39, 65, .06);
}

.tw-refund-premium .tw-refund-eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--tw-refund-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tw-refund-premium .tw-refund-hero h1 {
    margin: 0;
    color: var(--tw-refund-ink);
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-hero p {
    max-width: 610px;
    margin: 9px 0 0;
    color: var(--tw-refund-muted);
    font-size: 15px;
    line-height: 1.6;
}

.tw-refund-premium .tw-refund-hero__order {
    min-width: 150px;
    padding: 14px 18px;
    border: 1px solid #ffe0c8;
    border-radius: 14px;
    background: var(--tw-refund-orange-soft);
}

.tw-refund-premium .tw-refund-hero__order span,
.tw-refund-premium .tw-refund-hero__order strong {
    display: block;
}

.tw-refund-premium .tw-refund-hero__order span {
    margin-bottom: 3px;
    color: #8c6b53;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-refund-premium .tw-refund-hero__order strong {
    color: var(--tw-refund-orange-dark);
    font-size: 16px;
}

.tw-refund-premium .tw-refund-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding: 20px 24px;
    border: 1px solid var(--tw-refund-line);
    border-radius: 18px;
    background: #fff;
}

.tw-refund-premium .tw-refund-product__main {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.tw-refund-premium .tw-refund-product__icon {
    display: flex;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
    font-size: 25px;
}

.tw-refund-premium .tw-refund-product__info {
    min-width: 0;
}

.tw-refund-premium .tw-refund-product__label {
    display: block;
    margin-bottom: 3px;
    color: var(--tw-refund-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.tw-refund-premium .tw-refund-product h2 {
    margin: 0 0 7px;
    color: var(--tw-refund-ink);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-product__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.tw-refund-premium .tw-refund-product__meta span {
    padding: 5px 9px;
    border-radius: 8px;
    background: #f5f7fa;
    color: #667287;
    font-size: 12px;
}

.tw-refund-premium .tw-refund-product__meta strong {
    margin-left: 3px;
    color: var(--tw-refund-ink);
}

.tw-refund-premium .tw-refund-product__status {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 280px;
    color: #677387;
    font-size: 12px;
    line-height: 1.45;
}

.tw-refund-premium .tw-refund-product__status > i {
    color: var(--tw-refund-orange);
    font-size: 23px;
}

.tw-refund-premium .tw-refund-product__status strong {
    display: block;
    color: var(--tw-refund-ink);
    font-size: 12px;
}

.tw-refund-premium .tw-refund-progress {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 28px 0;
}

.tw-refund-premium .tw-refund-progress::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 12.5%;
    left: 12.5%;
    height: 2px;
    background: #e9edf2;
}

.tw-refund-premium .tw-refund-progress__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #8b95a5;
    font-size: 12px;
}

.tw-refund-premium .tw-refund-progress__item span {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 2px solid #e5e9ee;
    border-radius: 50%;
    background: #fff;
    color: #8792a3;
    font-weight: 800;
    z-index: 1;
}

.tw-refund-premium .tw-refund-progress__item.is-active span {
    border-color: var(--tw-refund-orange);
    background: var(--tw-refund-orange);
    color: #fff;
}

.tw-refund-premium .tw-refund-progress__item strong {
    font-size: 12px;
    font-weight: 700;
}

.tw-refund-premium .tw-refund-step {
    margin-bottom: 18px;
    border: 1px solid var(--tw-refund-line);
    border-radius: 18px;
    background: var(--tw-refund-surface);
    box-shadow: 0 7px 24px rgba(25, 39, 65, .04);
    overflow: hidden;
}

.tw-refund-premium .tw-refund-step__head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid #edf0f3;
    background: #fbfcfd;
}

.tw-refund-premium .tw-refund-step__number {
    display: flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
    font-size: 15px;
    font-weight: 900;
}

.tw-refund-premium .tw-refund-step__head h2 {
    margin: 0;
    color: var(--tw-refund-ink);
    font-size: 17px;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-step__head p {
    margin: 3px 0 0;
    color: var(--tw-refund-muted);
    font-size: 13px;
}

.tw-refund-premium .tw-refund-step__body {
    padding: 24px;
}

.tw-refund-premium .tw-refund-field label {
    display: block;
    margin-bottom: 8px;
    color: #354258;
    font-size: 13px;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-field .form-control {
    min-height: 48px;
    border: 1px solid #dfe4ea;
    border-radius: 11px;
    background: #fff;
    color: #263449;
    font-size: 14px;
    box-shadow: none;
}

.tw-refund-premium .tw-refund-field textarea.form-control {
    min-height: 125px;
    padding: 13px 14px;
    resize: vertical;
}

.tw-refund-premium .tw-refund-field .form-control:focus {
    border-color: var(--tw-refund-orange);
    box-shadow: 0 0 0 3px rgba(255,107,0,.08);
}

.tw-refund-premium .tw-refund-quantity {
    display: grid;
    grid-template-columns: minmax(160px, 220px) 1fr;
    gap: 18px;
    align-items: end;
}

.tw-refund-premium .tw-refund-quantity__info,
.tw-refund-premium .tw-refund-resolution-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f7f9fb;
    color: #69768a;
    font-size: 12px;
    line-height: 1.5;
}

.tw-refund-premium .tw-refund-quantity__info i,
.tw-refund-premium .tw-refund-resolution-note i {
    margin-top: 1px;
    color: var(--tw-refund-orange);
    font-size: 17px;
}

.tw-refund-premium .tw-refund-select-wrap {
    position: relative;
}

.tw-refund-premium .tw-refund-select-wrap select {
    appearance: none;
    padding-right: 44px;
}

.tw-refund-premium .tw-refund-select-wrap > i {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #7e8999;
    pointer-events: none;
    transform: translateY(-50%);
}

.tw-refund-premium .tw-refund-field--details {
    margin-top: 20px;
}

.tw-refund-premium .tw-refund-field__label-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.tw-refund-premium .tw-refund-field__label-row span {
    color: #929cab;
    font-size: 11px;
}

.tw-refund-premium .tw-refund-resolution-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.tw-refund-premium .tw-refund-resolution {
    position: relative;
    display: flex;
    min-height: 148px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid #dfe4ea;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: .18s ease;
}

.tw-refund-premium .tw-refund-resolution:hover {
    border-color: #ffbd8d;
    box-shadow: 0 7px 18px rgba(35, 48, 70, .06);
    transform: translateY(-1px);
}

.tw-refund-premium .tw-refund-resolution input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.tw-refund-premium .tw-refund-resolution__check {
    position: absolute;
    top: 14px;
    right: 14px;
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce2e9;
    border-radius: 50%;
    background: #fff;
    color: transparent;
    font-size: 13px;
}

.tw-refund-premium .tw-refund-resolution__icon {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 11px;
    background: #f6f7f9;
    color: #637086;
    font-size: 22px;
}

.tw-refund-premium .tw-refund-resolution__content strong,
.tw-refund-premium .tw-refund-resolution__content small {
    display: block;
}

.tw-refund-premium .tw-refund-resolution__content strong {
    margin-bottom: 5px;
    color: var(--tw-refund-ink);
    font-size: 14px;
}

.tw-refund-premium .tw-refund-resolution__content small {
    color: #7b8798;
    font-size: 12px;
    line-height: 1.45;
}

.tw-refund-premium .tw-refund-resolution:has(input:checked) {
    border-color: var(--tw-refund-orange);
    background: #fffaf6;
    box-shadow: 0 0 0 2px rgba(255,107,0,.08);
}

.tw-refund-premium .tw-refund-resolution:has(input:checked) .tw-refund-resolution__check {
    border-color: var(--tw-refund-orange);
    background: var(--tw-refund-orange);
    color: #fff;
}

.tw-refund-premium .tw-refund-resolution:has(input:checked) .tw-refund-resolution__icon {
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
}

.tw-refund-premium .tw-refund-resolution-note {
    margin-top: 14px;
}

.tw-refund-premium .tw-refund-optional {
    margin-left: auto;
    padding: 5px 9px;
    border-radius: 20px;
    background: #eef2f6;
    color: #758196;
    font-size: 11px;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-upload {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 105px;
    margin: 0;
    padding: 20px;
    border: 1.5px dashed #cfd6df;
    border-radius: 14px;
    background: #fafbfc;
    cursor: pointer;
    transition: .18s ease;
}

.tw-refund-premium .tw-refund-upload:hover {
    border-color: var(--tw-refund-orange);
    background: #fffaf6;
}

.tw-refund-premium .tw-refund-upload__icon {
    display: flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
    font-size: 25px;
}

.tw-refund-premium .tw-refund-upload__content {
    flex: 1;
    min-width: 0;
}

.tw-refund-premium .tw-refund-upload__content strong,
.tw-refund-premium .tw-refund-upload__content small {
    display: block;
}

.tw-refund-premium .tw-refund-upload__content strong {
    margin-bottom: 4px;
    color: var(--tw-refund-ink);
    font-size: 14px;
}

.tw-refund-premium .tw-refund-upload__content small {
    color: #818c9c;
    font-size: 12px;
}

.tw-refund-premium .tw-refund-upload__button {
    padding: 10px 14px;
    border: 1px solid #ffd0ae;
    border-radius: 9px;
    background: #fff;
    color: var(--tw-refund-orange);
    font-size: 12px;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.tw-refund-premium .tw-refund-file-feedback {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #778397;
    font-size: 12px;
}

.tw-refund-premium .tw-refund-file-feedback i {
    color: var(--tw-refund-orange);
    font-size: 16px;
}

.tw-refund-premium .tw-refund-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding: 22px 24px;
    border: 1px solid var(--tw-refund-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(25,39,65,.05);
}

.tw-refund-premium .tw-refund-submit__info {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    max-width: 610px;
}

.tw-refund-premium .tw-refund-submit__icon {
    color: var(--tw-refund-orange);
    font-size: 24px;
}

.tw-refund-premium .tw-refund-submit__info strong {
    display: block;
    margin-bottom: 3px;
    color: var(--tw-refund-ink);
    font-size: 13px;
}

.tw-refund-premium .tw-refund-submit__info p {
    margin: 0;
    color: #7a8697;
    font-size: 12px;
    line-height: 1.5;
}

.tw-refund-premium .tw-refund-submit__actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-shrink: 0;
}

.tw-refund-premium .tw-refund-btn-secondary,
.tw-refund-premium .tw-refund-btn-primary {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.tw-refund-premium .tw-refund-btn-secondary {
    border: 1px solid #dfe4ea;
    background: #fff;
    color: #59667a;
}

.tw-refund-premium .tw-refund-btn-primary {
    border: 1px solid var(--tw-refund-orange);
    background: var(--tw-refund-orange);
    color: #fff;
}

.tw-refund-premium .tw-refund-btn-primary:hover {
    border-color: var(--tw-refund-orange-dark);
    background: var(--tw-refund-orange-dark);
    color: #fff;
}

@media (max-width: 767.98px) {
    .tw-refund-premium {
        padding-top: 20px;
        padding-bottom: 38px;
    }

    .tw-refund-premium .tw-refund-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px 18px;
        border-radius: 17px;
    }

    .tw-refund-premium .tw-refund-hero h1 {
        font-size: 26px;
    }

    .tw-refund-premium .tw-refund-hero p {
        font-size: 14px;
    }

    .tw-refund-premium .tw-refund-hero__order {
        width: 100%;
    }

    .tw-refund-premium .tw-refund-product {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
    }

    .tw-refund-premium .tw-refund-product__status {
        max-width: none;
    }

    .tw-refund-premium .tw-refund-progress {
        margin: 22px 0;
    }

    .tw-refund-premium .tw-refund-progress__item strong {
        font-size: 11px;
    }

    .tw-refund-premium .tw-refund-step__head {
        align-items: flex-start;
        padding: 17px;
    }

    .tw-refund-premium .tw-refund-step__body {
        padding: 18px 17px;
    }

    .tw-refund-premium .tw-refund-quantity,
    .tw-refund-premium .tw-refund-resolution-grid {
        grid-template-columns: 1fr;
    }

    .tw-refund-premium .tw-refund-resolution {
        min-height: 126px;
    }

    .tw-refund-premium .tw-refund-field__label-row {
        flex-direction: column;
        gap: 0;
    }

    .tw-refund-premium .tw-refund-upload {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tw-refund-premium .tw-refund-upload__button {
        width: 100%;
        text-align: center;
    }

    .tw-refund-premium .tw-refund-submit {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .tw-refund-premium .tw-refund-submit__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .tw-refund-premium .tw-refund-progress__item strong {
        font-size: 10px;
    }

    .tw-refund-premium .tw-refund-progress__item span {
        width: 34px;
        height: 34px;
    }

    .tw-refund-premium .tw-refund-product__icon {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .tw-refund-premium .tw-refund-submit__actions {
        grid-template-columns: 1fr;
    }
}


/* TWANA_BUYER_REFUNDS_PANEL_CSS_P7C */

.tw-refunds-panel {
    --tw-refund-orange: #ff5a1f;
    --tw-refund-orange-soft: #fff4ef;
    --tw-refund-border: #e9edf2;
    --tw-refund-text: #172033;
    --tw-refund-muted: #6b7280;
    --tw-refund-bg: #f7f8fa;
}

.tw-refunds-panel .col-lg-9 {
    min-width: 0;
}

.tw-refunds-panel__hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 178px;
    padding: 30px 32px;
    border: 1px solid #f0e7e2;
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(255, 90, 31, .13),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf7 100%
        );
    box-shadow: 0 12px 34px rgba(24, 32, 51, .06);
}

.tw-refunds-panel__hero::after {
    content: "";
    position: absolute;
    right: -44px;
    bottom: -74px;
    width: 190px;
    height: 190px;
    border: 34px solid rgba(255, 90, 31, .055);
    border-radius: 50%;
    pointer-events: none;
}

.tw-refunds-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tw-refunds-panel__hero h1 {
    margin: 0;
    color: var(--tw-refund-text);
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.025em;
}

.tw-refunds-panel__hero p {
    max-width: 580px;
    margin: 10px 0 0;
    color: var(--tw-refund-muted);
    font-size: 14px;
    line-height: 1.65;
}

.tw-refunds-panel__count {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    min-height: 96px;
    padding: 15px;
    border: 1px solid rgba(255, 90, 31, .15);
    border-radius: 18px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 24px rgba(255, 90, 31, .08);
}

.tw-refunds-panel__count strong {
    color: var(--tw-refund-orange);
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

.tw-refunds-panel__count span {
    margin-top: 7px;
    color: var(--tw-refund-muted);
    font-size: 11px;
    font-weight: 700;
}

.tw-refunds-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.tw-refunds-case {
    padding: 20px 22px;
    border: 1px solid var(--tw-refund-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(24, 32, 51, .045);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.tw-refunds-case:hover {
    border-color: #f3c9b9;
    box-shadow: 0 12px 30px rgba(24, 32, 51, .075);
    transform: translateY(-1px);
}

.tw-refunds-case__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.tw-refunds-case__label {
    display: block;
    margin-bottom: 5px;
    color: var(--tw-refund-orange);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tw-refunds-case__top h2 {
    margin: 0;
    color: var(--tw-refund-text);
    font-size: 17px;
    line-height: 1.4;
    font-weight: 750;
}

.tw-refunds-status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 11px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
}

.tw-refunds-status--requested,
.tw-refunds-status--under_review {
    background: #fff4ef;
    color: #d9470f;
}

.tw-refunds-status--awaiting_buyer,
.tw-refunds-status--awaiting_seller {
    background: #fff8e6;
    color: #946200;
}

.tw-refunds-status--approved {
    background: #eefbf3;
    color: #167647;
}

.tw-refunds-status--resolved,
.tw-refunds-status--refunded {
    background: #eef8f2;
    color: #12653d;
}

.tw-refunds-status--rejected,
.tw-refunds-status--cancelled {
    background: #f4f5f7;
    color: #5f6672;
}

.tw-refunds-case__meta {
    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr)
        minmax(90px, .65fr)
        minmax(0, 1.25fr);
    gap: 10px;
    margin-top: 18px;
}

.tw-refunds-case__meta > div {
    min-width: 0;
    padding: 11px 12px;
    border-radius: 12px;
    background: var(--tw-refund-bg);
}

.tw-refunds-case__meta span {
    display: block;
    margin-bottom: 4px;
    color: #8a919e;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.tw-refunds-case__meta strong {
    display: block;
    overflow-wrap: anywhere;
    color: #31394a;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 750;
}

.tw-refunds-case__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f0f1f3;
}

.tw-refunds-case__footer > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--tw-refund-muted);
    font-size: 11px;
    line-height: 1.4;
}

.tw-refunds-case__footer > span i {
    color: #9ca3af;
    font-size: 15px;
}

.tw-refunds-case__order-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--tw-refund-orange);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    text-decoration: none;
}

.tw-refunds-case__order-link:hover {
    color: #df4510;
    text-decoration: none;
}

.tw-refunds-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 350px;
    margin-top: 18px;
    padding: 46px 24px;
    border: 1px solid var(--tw-refund-border);
    border-radius: 20px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 26px rgba(24, 32, 51, .045);
}

.tw-refunds-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: var(--tw-refund-orange-soft);
    color: var(--tw-refund-orange);
    font-size: 29px;
}

.tw-refunds-empty h2 {
    margin: 0;
    color: var(--tw-refund-text);
    font-size: 20px;
    font-weight: 800;
}

.tw-refunds-empty p {
    max-width: 500px;
    margin: 9px auto 20px;
    color: var(--tw-refund-muted);
    font-size: 13px;
    line-height: 1.65;
}

.tw-refunds-primary-btn {
    padding: 10px 18px;
    border: 1px solid var(--tw-refund-orange);
    border-radius: 10px;
    background: var(--tw-refund-orange);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    box-shadow: none;
}

.tw-refunds-primary-btn:hover {
    border-color: #e94b14;
    background: #e94b14;
    color: #fff !important;
}

@media (max-width: 767.98px) {
    .tw-refunds-panel {
        padding-top: 12px !important;
    }

    .tw-refunds-panel__hero {
        align-items: flex-start;
        min-height: 0;
        padding: 22px 18px;
        border-radius: 18px;
    }

    .tw-refunds-panel__hero h1 {
        font-size: 25px;
    }

    .tw-refunds-panel__hero p {
        font-size: 14px;
    }

    .tw-refunds-panel__count {
        min-width: 78px;
        min-height: 76px;
        padding: 10px;
        border-radius: 15px;
    }

    .tw-refunds-panel__count strong {
        font-size: 25px;
    }

    .tw-refunds-panel__count span {
        font-size: 10px;
    }

    .tw-refunds-case {
        padding: 18px 16px;
        border-radius: 16px;
    }

    .tw-refunds-case__top {
        flex-direction: column;
        gap: 10px;
    }

    .tw-refunds-case__top h2 {
        font-size: 16px;
    }

    .tw-refunds-case__meta {
        grid-template-columns: 1fr 1fr;
    }

    .tw-refunds-case__meta strong {
        font-size: 12px;
    }

    .tw-refunds-case__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 420px) {
    .tw-refunds-panel__hero {
        flex-direction: column;
    }

    .tw-refunds-panel__count {
        flex-direction: row;
        justify-content: flex-start;
        gap: 7px;
        width: auto;
        min-width: 0;
        min-height: 0;
        padding: 8px 11px;
    }

    .tw-refunds-panel__count strong {
        font-size: 20px;
    }

    .tw-refunds-panel__count span {
        margin-top: 0;
    }

    .tw-refunds-case__meta {
        grid-template-columns: 1fr;
    }
}

/* TWANA_BUYER_REFUND_CASE_CANONICAL_CSS_P10_2B */
.tw-case-page {
    max-width: 1220px;
    margin: 0 auto;
    padding: 8px 0 40px;
    color: #172033;
}

.tw-case-back {
    margin-bottom: 18px;
}

.tw-case-back a {
    color: #596579;
    font-weight: 600;
}

.tw-case-back a:hover {
    color: #FF5A1F;
}

.tw-case-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 24px;
    padding: 26px 28px;
    border: 1px solid #edf0f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15, 23, 42, .045);
}

.tw-case-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #FF5A1F;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.tw-case-hero h1 {
    margin: 0 0 7px;
    font-size: 22px;
    font-weight: 750;
}

.tw-case-hero p {
    margin: 0;
    color: #697586;
}

.tw-case-status {
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 999px;
    background: #f1f3f6;
    color: #596579;
    font-size: 12px;
    font-weight: 700;
}

.tw-case-status--seller_approved,
.tw-case-status--approved,
.tw-case-status--refunded {
    background: #ecfdf3;
    color: #027a48;
}

.tw-case-status--seller_rejected,
.tw-case-status--rejected {
    background: #fff4ed;
    color: #c4320a;
}

.tw-case-status--dispute,
.tw-case-status--admin_review {
    background: #fff7ed;
    color: #c2410c;
}

.tw-case-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(310px, .75fr);
    gap: 24px;
}

.tw-case-card {
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px solid #e8ecf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(15, 23, 42, .035);
}

.tw-case-card__header {
    padding: 18px 22px;
    border-bottom: 1px solid #edf0f4;
}

.tw-case-card__header h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.tw-case-card__body {
    padding: 22px;
}

.tw-case-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tw-case-info-grid > div,
.tw-case-reason {
    padding: 15px;
    border-radius: 11px;
    background: #f8fafc;
}

.tw-case-info-grid span,
.tw-case-reason > span,
.tw-case-current-status > span {
    display: block;
    margin-bottom: 5px;
    color: #8a94a6;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.tw-case-info-grid strong {
    overflow-wrap: anywhere;
}

.tw-case-reason {
    margin-top: 18px;
}

.tw-case-reason p {
    margin: 8px 0 0;
    color: #667085;
}

.tw-case-answer {
    display: flex;
    gap: 14px;
}

.tw-case-answer__icon {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff4ed;
    color: #FF5A1F;
    font-size: 20px;
}

.tw-case-answer p {
    margin: 0 0 8px;
    color: #344054;
    line-height: 1.65;
}

.tw-case-answer small {
    color: #98a2b3;
}

.tw-case-timeline {
    position: relative;
}

.tw-case-event {
    position: relative;
    display: flex;
    gap: 13px;
    padding: 0 0 22px;
}

.tw-case-event:last-child {
    padding-bottom: 0;
}

.tw-case-event__dot {
    flex: 0 0 11px;
    width: 11px;
    height: 11px;
    margin-top: 5px;
    border: 3px solid #ffd7c7;
    border-radius: 50%;
    background: #FF5A1F;
}

.tw-case-event__content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    gap: 15px;
}

.tw-case-event__content strong {
    font-size: 13px;
}

.tw-case-event__content span {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 11px;
}

.tw-case-current-status strong {
    display: block;
    font-size: 15px;
}

.tw-case-message {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 13px;
    border-radius: 10px;
    background: #fff7ed;
    color: #9a3412;
}

.tw-case-message--success {
    background: #ecfdf3;
    color: #027a48;
}

.tw-case-message i {
    margin-top: 2px;
    font-size: 18px;
}

.tw-case-message p {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
}

.tw-case-dispute {
    border-color: #ffd8c9;
}

.tw-case-dispute__intro {
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
}

.tw-case-dispute label {
    display: block;
    margin: 18px 0 8px;
    font-weight: 700;
}

.tw-case-dispute textarea {
    resize: vertical;
    border-radius: 10px;
}

.tw-case-dispute small {
    display: block;
    margin-top: 7px;
    color: #98a2b3;
}

.tw-case-dispute__button {
    width: 100%;
    margin-top: 18px;
    padding: 12px 16px;
    border: 0;
    border-radius: 9px;
    background: #FF5A1F;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.tw-case-dispute__button:hover {
    background: #E64A19;
}

.tw-case-financial {
    display: flex;
    gap: 10px;
    margin: 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.6;
}

.tw-case-financial i {
    margin-top: 2px;
    color: #FF5A1F;
    font-size: 18px;
}

@media (max-width: 991.98px) {
    .tw-case-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tw-case-page {
        padding-top: 0;
    }

    .tw-case-hero {
        flex-direction: column;
        padding: 20px;
    }

    .tw-case-hero h1 {
        font-size: 19px;
    }

    .tw-case-status {
        align-self: flex-start;
    }

    .tw-case-info-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tw-case-card__header,
    .tw-case-card__body {
        padding-left: 17px;
        padding-right: 17px;
    }

    .tw-case-event__content {
        flex-direction: column;
        gap: 4px;
    }
}


/* ============================================================
   TWANA_BUYER_REFUND_PREMIUM_P10_2C
   Central de proteção pós-venda — Buyer
   ============================================================ */

/* ---------- shared ---------- */

.tw-refunds-panel,
.tw-case-page {
    --tw-r-orange: #ff5a1f;
    --tw-r-orange-dark: #e64a19;
    --tw-r-ink: #111827;
    --tw-r-text: #344054;
    --tw-r-muted: #667085;
    --tw-r-soft: #f8fafc;
    --tw-r-line: #e8edf3;
    --tw-r-green: #067647;
    --tw-r-green-bg: #ecfdf3;
    --tw-r-blue: #175cd3;
    --tw-r-blue-bg: #eff8ff;
    --tw-r-red: #b42318;
    --tw-r-red-bg: #fef3f2;
}

/* ============================================================
   INDEX / HISTÓRICO
   ============================================================ */

.tw-refunds-panel__hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 190px;
    margin-bottom: 24px;
    padding: 34px 38px;
    border: 1px solid #f0e7e2;
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(255,90,31,.15),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf7 56%,
            #fff4ed 100%
        );
    box-shadow: 0 18px 50px rgba(15,23,42,.06);
}

.tw-refunds-panel__hero::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -90px;
    width: 230px;
    height: 230px;
    border: 42px solid rgba(255,90,31,.055);
    border-radius: 50%;
    pointer-events: none;
}

.tw-refunds-panel__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 13px;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(255,90,31,.1);
    color: var(--tw-r-orange-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tw-refunds-panel__hero h1 {
    max-width: 650px;
    margin: 0 0 10px;
    color: var(--tw-r-ink);
    font-size: clamp(25px, 3vw, 36px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.tw-refunds-panel__hero p {
    max-width: 620px;
    margin: 0;
    color: var(--tw-r-muted);
    font-size: 14px;
    line-height: 1.7;
}

.tw-refunds-panel__count {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 116px;
    width: 116px;
    height: 116px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,90,31,.16);
    border-radius: 28px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 14px 35px rgba(255,90,31,.10);
    backdrop-filter: blur(8px);
}

.tw-refunds-panel__count strong {
    color: var(--tw-r-orange);
    font-size: 34px;
    font-weight: 850;
    line-height: 1;
}

.tw-refunds-panel__count span {
    margin-top: 8px;
    color: var(--tw-r-muted);
    font-size: 11px;
    font-weight: 700;
}

.tw-refunds-list {
    display: grid;
    gap: 16px;
}

.tw-refunds-case {
    position: relative;
    overflow: hidden;
    padding: 23px 24px 0;
    border: 1px solid var(--tw-r-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15,23,42,.035);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.tw-refunds-case::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--tw-r-orange);
    opacity: .82;
}

.tw-refunds-case:hover {
    transform: translateY(-2px);
    border-color: #ffd8c8;
    box-shadow: 0 16px 40px rgba(15,23,42,.07);
}

.tw-refunds-case__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.tw-refunds-case__label {
    display: block;
    margin-bottom: 7px;
    color: var(--tw-r-orange-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.tw-refunds-case__top h2 {
    max-width: 620px;
    margin: 0;
    color: var(--tw-r-ink);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.45;
}

.tw-refunds-status {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.tw-refunds-status--refunded,
.tw-refunds-status--approved,
.tw-refunds-status--seller_approved {
    border-color: #abefc6;
    background: var(--tw-r-green-bg);
    color: var(--tw-r-green);
}

.tw-refunds-status--refund_processing,
.tw-refunds-status--admin_review,
.tw-refunds-status--dispute {
    border-color: #b2ddff;
    background: var(--tw-r-blue-bg);
    color: var(--tw-r-blue);
}

.tw-refunds-status--seller_rejected,
.tw-refunds-status--rejected,
.tw-refunds-status--cancelled {
    border-color: #fecdca;
    background: var(--tw-r-red-bg);
    color: var(--tw-r-red);
}

.tw-refunds-case__meta {
    display: grid;
    grid-template-columns: 1.35fr 1fr .65fr 1fr;
    gap: 1px;
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #edf0f4;
    border-radius: 14px;
    background: #edf0f4;
}

.tw-refunds-case__meta > div {
    min-width: 0;
    padding: 14px 15px;
    background: #fbfcfd;
}

.tw-refunds-case__meta span {
    display: block;
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.tw-refunds-case__meta strong {
    display: block;
    overflow: hidden;
    color: var(--tw-r-text);
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tw-refunds-case__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 15px 0 17px;
    border-top: 1px solid #f0f2f5;
}

.tw-refunds-case__footer > span {
    color: #98a2b3;
    font-size: 11px;
}

.tw-refunds-case__footer > span i {
    margin-right: 5px;
    color: var(--tw-r-orange);
}

.tw-refunds-case__order-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tw-r-orange-dark);
    font-size: 12px;
    font-weight: 800;
}

.tw-refunds-case__order-link:hover {
    color: var(--tw-r-orange);
}

.tw-refunds-case__order-link i {
    transition: transform .18s ease;
}

.tw-refunds-case__order-link:hover i {
    transform: translateX(3px);
}

/* ============================================================
   DETAIL / CASE
   ============================================================ */

.tw-case-page {
    max-width: 1240px;
    margin: 0 auto;
    padding: 8px 0 44px;
}

.tw-case-back {
    margin-bottom: 15px;
}

.tw-case-back a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
}

.tw-case-back a:hover {
    color: var(--tw-r-orange);
}

.tw-case-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 158px;
    margin-bottom: 22px;
    padding: 29px 32px;
    border: 1px solid #f1e7e1;
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 90% 0,
            rgba(255,90,31,.14),
            transparent 34%
        ),
        linear-gradient(135deg,#fff 0%,#fffaf7 100%);
    box-shadow: 0 15px 42px rgba(15,23,42,.05);
}

.tw-case-hero::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -95px;
    width: 210px;
    height: 210px;
    border: 38px solid rgba(255,90,31,.045);
    border-radius: 50%;
}

.tw-case-hero > * {
    position: relative;
    z-index: 1;
}

.tw-case-eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255,90,31,.10);
    color: var(--tw-r-orange-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.tw-case-hero h1 {
    max-width: 720px;
    margin: 0 0 8px;
    color: var(--tw-r-ink);
    font-size: clamp(21px, 2.4vw, 29px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.tw-case-hero p {
    margin: 0;
    color: var(--tw-r-muted);
    font-size: 13px;
}

.tw-case-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: #f9fafb;
    color: #475467;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.tw-case-status--seller_approved,
.tw-case-status--approved,
.tw-case-status--refunded {
    border-color: #abefc6;
    background: var(--tw-r-green-bg);
    color: var(--tw-r-green);
}

.tw-case-status--refund_processing,
.tw-case-status--dispute,
.tw-case-status--admin_review {
    border-color: #b2ddff;
    background: var(--tw-r-blue-bg);
    color: var(--tw-r-blue);
}

.tw-case-status--seller_rejected,
.tw-case-status--rejected,
.tw-case-status--cancelled {
    border-color: #fecdca;
    background: var(--tw-r-red-bg);
    color: var(--tw-r-red);
}

.tw-case-grid {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(300px,.72fr);
    gap: 20px;
    align-items: start;
}

.tw-case-card {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid var(--tw-r-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15,23,42,.035);
}

.tw-case-card__header {
    display: flex;
    min-height: 59px;
    align-items: center;
    padding: 17px 20px;
    border-bottom: 1px solid #edf0f4;
    background: linear-gradient(180deg,#fff 0%,#fdfdfd 100%);
}

.tw-case-card__header h2 {
    margin: 0;
    color: var(--tw-r-ink);
    font-size: 15px;
    font-weight: 800;
}

.tw-case-card__body {
    padding: 20px;
}

.tw-case-info-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.tw-case-info-grid > div,
.tw-case-reason {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #f0f2f5;
    border-radius: 13px;
    background: var(--tw-r-soft);
}

.tw-case-info-grid span,
.tw-case-reason > span,
.tw-case-current-status > span {
    display: block;
    margin-bottom: 6px;
    color: #98a2b3;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.tw-case-info-grid strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--tw-r-ink);
    font-size: 12px;
}

.tw-case-reason {
    position: relative;
    margin-top: 12px;
    padding-left: 19px;
}

.tw-case-reason::before {
    content: "";
    position: absolute;
    top: 13px;
    bottom: 13px;
    left: 0;
    width: 3px;
    border-radius: 3px;
    background: var(--tw-r-orange);
}

.tw-case-reason strong {
    color: var(--tw-r-ink);
}

.tw-case-reason p {
    margin: 8px 0 0;
    color: var(--tw-r-muted);
    font-size: 12px;
    line-height: 1.65;
}

/* seller answer */

.tw-case-seller-answer {
    border-color: #f3dfd5;
}

.tw-case-answer {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.tw-case-answer__icon {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff1eb;
    color: var(--tw-r-orange);
    font-size: 20px;
}

.tw-case-answer p {
    margin: 0 0 7px;
    color: var(--tw-r-text);
    font-size: 13px;
    line-height: 1.65;
}

.tw-case-answer small {
    color: #98a2b3;
    font-size: 10px;
}

/* timeline */

.tw-case-timeline {
    position: relative;
    padding-left: 3px;
}

.tw-case-event {
    position: relative;
    display: flex;
    gap: 14px;
    padding: 0 0 24px;
}

.tw-case-event:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: -1px;
    left: 6px;
    width: 1px;
    background: #e6eaf0;
}

.tw-case-event:last-child {
    padding-bottom: 0;
}

.tw-case-event__dot {
    position: relative;
    z-index: 1;
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border: 3px solid #ffd8c8;
    border-radius: 50%;
    background: var(--tw-r-orange);
    box-shadow: 0 0 0 4px #fff;
}

.tw-case-event:last-child .tw-case-event__dot {
    border-color: #abefc6;
    background: #12b76a;
}

.tw-case-event__content {
    display: flex;
    flex: 1;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 2px;
}

.tw-case-event__content strong {
    color: var(--tw-r-ink);
    font-size: 12px;
    font-weight: 750;
}

.tw-case-event__content span {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 10px;
}

/* sidebar */

.tw-case-grid > aside {
    position: sticky;
    top: 86px;
}

.tw-case-current-status {
    padding: 15px;
    border: 1px solid #edf0f4;
    border-radius: 13px;
    background: var(--tw-r-soft);
}

.tw-case-current-status strong {
    display: block;
    color: var(--tw-r-ink);
    font-size: 14px;
    line-height: 1.4;
}

.tw-case-message {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    padding: 13px;
    border: 1px solid #fedf89;
    border-radius: 12px;
    background: #fffaeb;
    color: #93370d;
}

.tw-case-message--success {
    border-color: #abefc6;
    background: var(--tw-r-green-bg);
    color: var(--tw-r-green);
}

.tw-case-message i {
    margin-top: 1px;
    font-size: 18px;
}

.tw-case-message p {
    margin: 0;
    font-size: 11px;
    line-height: 1.6;
}

/* dispute */

.tw-case-dispute {
    border-color: #ffd8c8;
    box-shadow: 0 10px 30px rgba(255,90,31,.055);
}

.tw-case-dispute__intro {
    margin-bottom: 0;
    color: var(--tw-r-muted);
    font-size: 12px;
    line-height: 1.65;
}

.tw-case-dispute label {
    display: block;
    margin: 17px 0 8px;
    color: var(--tw-r-ink);
    font-size: 12px;
    font-weight: 750;
}

.tw-case-dispute textarea {
    min-height: 120px;
    resize: vertical;
    border: 1px solid #dfe4ea;
    border-radius: 11px;
    box-shadow: none;
}

.tw-case-dispute textarea:focus {
    border-color: #ffb89e;
    box-shadow: 0 0 0 3px rgba(255,90,31,.08);
}

.tw-case-dispute small {
    display: block;
    margin-top: 7px;
    color: #98a2b3;
    font-size: 10px;
}

.tw-case-dispute__button {
    display: inline-flex;
    width: 100%;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding: 10px 15px;
    border: 0;
    border-radius: 11px;
    background: var(--tw-r-orange);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.tw-case-dispute__button:hover {
    transform: translateY(-1px);
    background: var(--tw-r-orange-dark);
    box-shadow: 0 8px 20px rgba(255,90,31,.20);
}

/* financial */

.tw-case-financial {
    display: flex;
    gap: 11px;
    margin: 0;
    padding: 13px;
    border-radius: 12px;
    background: #f8fafc;
    color: var(--tw-r-muted);
    font-size: 11px;
    line-height: 1.65;
}

.tw-case-financial i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--tw-r-orange);
    font-size: 18px;
}

/* empty state */

.tw-refunds-empty {
    padding: 65px 30px;
    border: 1px solid var(--tw-r-line);
    border-radius: 22px;
    background: #fff;
    text-align: center;
    box-shadow: 0 10px 35px rgba(15,23,42,.04);
}

.tw-refunds-empty__icon {
    display: flex;
    width: 66px;
    height: 66px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 20px;
    background: #fff1eb;
    color: var(--tw-r-orange);
    font-size: 28px;
}

.tw-refunds-empty h2 {
    margin-bottom: 8px;
    color: var(--tw-r-ink);
    font-size: 19px;
    font-weight: 800;
}

.tw-refunds-empty p {
    max-width: 510px;
    margin: 0 auto 20px;
    color: var(--tw-r-muted);
    font-size: 13px;
    line-height: 1.65;
}

.tw-refunds-primary-btn {
    border-color: var(--tw-r-orange);
    border-radius: 10px;
    background: var(--tw-r-orange);
    color: #fff;
    font-weight: 750;
}

.tw-refunds-primary-btn:hover {
    border-color: var(--tw-r-orange-dark);
    background: var(--tw-r-orange-dark);
    color: #fff;
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991.98px) {

    .tw-refunds-panel__hero {
        padding: 28px;
    }

    .tw-case-grid {
        grid-template-columns: 1fr;
    }

    .tw-case-grid > aside {
        position: static;
    }

    .tw-refunds-case__meta {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .tw-refunds-panel {
        padding-top: 12px !important;
    }

    .tw-refunds-panel__hero {
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 16px;
        padding: 22px 19px;
        border-radius: 18px;
    }

    .tw-refunds-panel__hero h1 {
        font-size: 24px;
    }

    .tw-refunds-panel__count {
        width: 100%;
        height: auto;
        min-height: 65px;
        flex: none;
        flex-direction: row;
        gap: 8px;
        border-radius: 14px;
    }

    .tw-refunds-panel__count strong {
        font-size: 23px;
    }

    .tw-refunds-panel__count span {
        margin: 0;
    }

    .tw-refunds-case {
        padding: 19px 17px 0;
        border-radius: 17px;
    }

    .tw-refunds-case__top {
        flex-direction: column;
        gap: 12px;
    }

    .tw-refunds-case__top h2 {
        font-size: 15px;
    }

    .tw-refunds-case__meta {
        grid-template-columns: 1fr;
    }

    .tw-refunds-case__meta > div {
        padding: 12px 13px;
    }

    .tw-refunds-case__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .tw-refunds-case__order-link {
        width: 100%;
        min-height: 40px;
        justify-content: center;
        border-radius: 10px;
        background: #fff1eb;
    }

    .tw-case-page {
        padding-top: 0;
    }

    .tw-case-hero {
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 17px;
        padding: 21px 18px;
        border-radius: 18px;
    }

    .tw-case-hero h1 {
        font-size: 20px;
    }

    .tw-case-status {
        align-self: flex-start;
    }

    .tw-case-card {
        margin-bottom: 15px;
        border-radius: 16px;
    }

    .tw-case-card__header {
        min-height: 54px;
        padding: 15px 16px;
    }

    .tw-case-card__body {
        padding: 16px;
    }

    .tw-case-info-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .tw-case-info-grid > div,
    .tw-case-reason {
        padding: 13px;
    }

    .tw-case-event__content {
        flex-direction: column;
        gap: 4px;
    }

    .tw-case-event__content span {
        flex: auto;
    }

    .tw-case-answer__icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }
}

/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 420px) {

    .tw-refunds-panel__hero h1 {
        font-size: 21px;
    }

    .tw-refunds-case__meta strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .tw-case-hero h1 {
        font-size: 18px;
    }
}