body{
    margin:0;
    background:#efefef;
    font-family:Arial, Helvetica, sans-serif;
    color:#000080;
    font-size:12px;
}

a{
    color:#000080;
}

.ml-wrap{
    width:1000px;
    margin:0 auto;
}

.ml-header{
    display:flex;
    gap:8px;
    margin-top:10px;
}

.ml-logo{
    width:220px;
    height:118px;
    border:2px solid #333;
    border-radius:8px;
    background:#fff;
}

.ml-toparea{
    flex:1;
}

.ml-links-top{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    line-height:18px;
}

.ml-links-top a{
    color:#000080;
    margin-right:12px;
    text-decoration:underline;
}

.ml-links-top .vermelho{
    color:#cc0000;
    font-weight:bold;
}

.ml-tabs{
    display:flex;
    border-left:2px solid #333;
    border-top:2px solid #333;
    margin-top:2px;
}

.ml-tabs a{
    display:block;
    padding:5px 14px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    background:#fff;
    color:#000080;
    font-weight:bold;
    text-decoration:none;
    font-size:13px;
}

.ml-tabs a.ativo{
    background:#ffe100;
    color:#333;
}

.ml-search{
    height:44px;
    background:#ffe100;
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:8px;
    padding:0 12px;
    color:#000080;
    font-weight:bold;
}

.ml-search span{
    font-size:18px;
    line-height:16px;
}

.ml-search input[type=text]{
    width:130px;
    height:22px;
    border:2px solid #777;
    background:#fff;
}

.ml-search button{
    background:#1a167c;
    color:#fff;
    border:2px solid #666;
    font-weight:bold;
    font-size:13px;
    padding:2px 10px;
    cursor:pointer;
}

.ml-search label{
    display:flex;
    align-items:center;
    gap:4px;
    color:#111;
    font-size:12px;
    line-height:14px;
}

.ml-search input[type=checkbox]{
    width:16px;
    height:16px;
}

.ml-search a{
    margin-left:auto;
    color:#8b0000;
    font-size:12px;
    line-height:14px;
}

.pc-box{
    width:1040px;
    margin:55px auto 0;
    background:#f7f1c0;
    border-radius:10px;
    overflow:hidden;
    border-bottom:16px solid #ffe100;
}

.pc-title{
    background:#ffe100;
    color:#003399;
    font-size:24px;
    font-weight:bold;
    padding:4px 28px;
}

.pc-intro{
    font-size:14px;
    color:#8b0000;
    font-weight:bold;
    padding:14px 24px 8px;
}

.pc-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 32px;
    padding:0 38px 55px;
}

.pc-item{
    display:grid;
    grid-template-columns:28px 1fr;
    border-bottom:1px solid #c8bd86;
    min-height:92px;
    padding:18px 0 12px;
}

.pc-ico{
    font-size:18px;
    text-align:center;
    padding-top:3px;
}

.pc-item h2{
    margin:0 0 4px;
    font-size:18px;
}

.pc-item h2 a{
    color:#263c8d;
}

.pc-item p{
    margin:0;
    color:#000080;
    font-size:12px;
    line-height:18px;
}

.pc-red{
    color:#d00000;
}

.ml-footer{
    text-align:center;
    margin:24px 0;
    color:#000080;
    font-size:12px;
}

.ml-footer a{
    color:#000080;
}

.tabs-old{
    display:flex;
    margin:18px 38px 0;
}

.tabs-old a{
    background:#ffe100;
    color:#000080;
    border-radius:9px 9px 0 0;
    border-right:2px solid #fff;
    padding:3px 22px;
    text-align:center;
    min-width:110px;
    font-size:12px;
}

.tabs-old a.on{
    background:#ddd;
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

.old-note{
    background:#eee;
    margin:0 38px;
    padding:7px 16px;
    color:#111;
    font-size:12px;
}

.old-subnote{
    background:#fff8bd;
    margin:0 38px;
    padding:8px 16px;
    color:#000080;
    font-weight:bold;
    font-size:12px;
}

.old-table{
    border-collapse:collapse;
    margin:22px 38px;
    width:875px;
    font-size:12px;
}

.old-table th{
    background:#ffe100;
    color:#000080;
    border-right:2px solid #bdb76b;
    padding:5px;
    text-align:left;
}

.old-table td{
    background:#eee;
    border-right:2px solid #fff;
    padding:5px;
    vertical-align:top;
    color:#000080;
}

.old-table tr:nth-child(even) td{
    background:#ddd;
}

.old-actions a{
    display:inline-block;
    background:#ffe100;
    border:1px solid #aaa;
    padding:2px 5px;
    margin:1px;
    text-decoration:none;
}

.old-center{
    text-align:center;
    margin:18px;
    color:#000080;
}

.old-legend{
    border:1px solid #c9c9d6;
    margin:70px 38px 20px;
    padding:8px 15px;
    color:#111;
    background:#f5f5f5;
}

.old-legend-row{
    display:flex;
    justify-content:space-around;
    text-align:center;
}

.tiny{
    font-size:11px;
    color:#111;
}

.red{
    color:red;
}

.black{
    color:#111;
}
/* Complemento para /pc/usuario/produtos.php */
.tabs-produtos{width:875px;margin:18px auto 0}.tabs-produtos a{height:31px;line-height:14px;padding:3px 20px 0;min-width:132px;border-radius:9px 9px 0 0;background:#ffe100;color:#000;text-align:center}.tabs-produtos a.on{background:#e9e9e9;color:#333;font-weight:bold;text-decoration:none}.old-note,.old-subnote,.old-filter{width:843px;margin-left:auto;margin-right:auto}.old-subnote{min-height:45px}.old-subnote-empty{height:52px}.old-filter{margin-top:12px;border-radius:7px;background:linear-gradient(90deg,#eee 0,#eee 51%,#fff8bd 51%,#fff8bd 100%);height:26px;padding-top:8px}.old-filter select{height:20px;min-width:205px;color:red}.old-filter-right{float:right;margin-right:10px}.old-filter-left{margin-left:8px}.old-empty-box{width:875px;margin:8px auto 32px;background:#fff8bd;border-radius:7px;text-align:center;color:#333;font-weight:bold;padding:16px 0}.old-count{width:850px;margin:34px auto 8px;color:#000080;font-weight:bold}.old-table{width:875px;margin:0 auto 18px}.old-table th{font-size:12px;color:#111;border-right:2px solid #bdb76b}.old-table td{font-size:12px}.old-table .diag{
    width:58px;
    height:82px;
    padding:0;
    vertical-align:bottom;
    text-align:center;
    background:#ffe100 url('/pc/assets/img/header_art_activos_b_port.gif') no-repeat center top;
    position:relative;
    border-right:1px solid #b9a600 !important;
}

.old-table .diag span{
    display:block;
    position:absolute;
    left:-18px;
    bottom:16px;
    width:95px;
    text-align:center;
    transform:rotate(-58deg);
    transform-origin:center;
    font-size:11px;
    font-weight:bold;
    color:#333;
    line-height:11px;
}.old-table-ativos th.diag:last-child{
    background:#ffe100 url('/pc/assets/img/header_art_activos_c_port.gif') no-repeat center top;
}.old-table-ativos th.diag,.old-table-vendidos th.diag{font-size:11px;line-height:12px}.old-actions{white-space:nowrap;text-align:center}.old-actions a{background:#ffec41;border:1px solid #d2c435;box-shadow:inset 0 0 0 1px #fff;font-size:14px;line-height:16px;min-width:18px;text-align:center}.compra-ja{display:inline-block;margin-left:55px;font-weight:bold;font-style:italic;text-align:center}.venda-tipo{display:inline-block;margin-left:80px;color:#008000;font-weight:bold;font-style:italic;text-align:center}.old-select-links{display:flex;gap:28px;justify-content:center;border-top:3px solid #bbb;width:875px;margin:12px auto 0;padding-top:28px}.old-options{width:875px;margin:24px auto 70px;color:#000080}.old-options .ml-blue-btn{display:block;margin:12px auto 0}.old-options-two .ml-blue-btn{display:inline-block;margin:12px 70px 0}.old-legend{width:843px;margin:0 auto 20px;background:#fff}.old-legend-row{padding-top:10px}.old-icon-action{display:inline-block;background:#ffec41;border:1px solid #d2c435;min-width:22px;line-height:18px}.old-note-final{width:875px;margin:18px auto;color:#111}.old-note-final span:not(.red){margin-left:53px}.old-table-vendidos td,.old-table-nao-vendidos td{text-align:center}.old-table-vendidos td:nth-child(2),.old-table-nao-vendidos td:nth-child(2){text-align:left}.old-count-perguntas{margin-top:36px}.perguntas-form{width:862px;margin:0 auto}.old-submit-line{text-align:right;color:#333;font-weight:bold;margin:8px 18px 12px 0}.pergunta-box{border:2px solid #1b167f;background:#fff8bd;margin:12px 0}.pergunta-head{background:#ffe100;border-bottom:1px solid #1b167f;padding:4px 10px;color:#111}.pergunta-head span{margin-left:110px}.pergunta-head>a{float:right}.pergunta-body{padding:12px 16px;color:#000}.pergunta-data{float:right;margin-right:70px}.pergunta-body textarea{width:724px;height:48px;margin-left:92px;display:block}.ml-blue-btn{background:#1b167f;color:#fff;border:2px solid #333;font-weight:bold;font-size:12px;padding:1px 10px;cursor:pointer}

/* Correção forte da aba Perguntas Pendentes */
.tabs-produtos{
    width:875px !important;
    margin:18px auto 0 !important;
}
.tabs-produtos a{
    box-sizing:border-box !important;
    height:34px !important;
    min-width:175px !important;
    padding:3px 10px 0 !important;
    line-height:14px !important;
    font-size:12px !important;
    background:#ffe100 !important;
    color:#000 !important;
    border-right:2px solid #efefef !important;
    border-radius:9px 9px 0 0 !important;
}
.tabs-produtos a.on{
    background:#e8e8e8 !important;
    color:#333 !important;
    font-weight:bold !important;
    text-decoration:none !important;
}
.old-note,
.old-subnote,
.old-filter{
    width:843px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.old-note{
    height:auto !important;
    padding:5px 16px !important;
    background:#e9e9e9 !important;
    color:#111 !important;
    font-size:12px !important;
}
.old-filter{
    box-sizing:content-box !important;
    height:28px !important;
    margin-top:12px !important;
    padding:7px 16px 0 !important;
    border-radius:7px !important;
    background:linear-gradient(90deg,#eeeeee 0,#eeeeee 49%,#fff8bd 49%,#fff8bd 100%) !important;
    color:#000080 !important;
}
.old-filter select{
    height:21px !important;
    color:red !important;
    font-size:12px !important;
    border:1px solid #777 !important;
    background:#fff !important;
}
.old-filter-right{
    float:right !important;
    margin-right:35px !important;
}
.old-filter-left{
    margin-left:0 !important;
}
.old-count-perguntas{
    width:862px !important;
    margin:36px auto 8px !important;
    color:#000080 !important;
    font-weight:bold !important;
    font-size:12px !important;
}
.perguntas-form{
    width:862px !important;
    margin:0 auto !important;
    padding:0 !important;
}
.old-submit-line{
    text-align:right !important;
    color:#333 !important;
    font-weight:bold !important;
    font-size:12px !important;
    margin:8px 18px 12px 0 !important;
}
.pergunta-box{
    width:858px !important;
    margin:12px auto 14px !important;
    border:2px solid #1b167f !important;
    background:#fff8bd !important;
    color:#000 !important;
    box-sizing:border-box !important;
}
.pergunta-head{
    display:grid !important;
    grid-template-columns:205px 1fr 205px !important;
    align-items:center !important;
    min-height:24px !important;
    background:#ffe100 !important;
    border-bottom:1px solid #1b167f !important;
    padding:0 10px !important;
    color:#111 !important;
    font-size:12px !important;
    box-sizing:border-box !important;
}
.pergunta-head span{
    margin-left:0 !important;
}
.pergunta-head > a{
    float:none !important;
    justify-self:start !important;
}
.pergunta-body{
    min-height:110px !important;
    padding:12px 16px !important;
    background:#fff8bd !important;
    color:#000 !important;
    font-size:12px !important;
    line-height:15px !important;
    box-sizing:border-box !important;
}
.pergunta-data{
    float:right !important;
    margin-right:70px !important;
    color:#000 !important;
}
.pergunta-body textarea{
    width:724px !important;
    height:52px !important;
    margin-left:92px !important;
    margin-top:-1px !important;
    display:block !important;
    border:1px solid #777 !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.ml-blue-btn{
    background:#1b167f !important;
    color:#fff !important;
    border:2px solid #333 !important;
    font-weight:bold !important;
    font-size:12px !important;
    padding:2px 10px !important;
    cursor:pointer !important;
}


/* =========================================================
   CORREÇÃO DEFINITIVA - Produtos Ativos
   Cabeçalho diagonal clássico estável, sem imagem estourada.
   Mantém a tabela dentro dos 875px.
========================================================= */

.old-table-ativos{
    width:875px !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    margin:0 auto 18px !important;
    border-spacing:0 !important;
}

.old-table-ativos .col-codigo{width:100px !important;}
.old-table-ativos .col-titulo{width:285px !important;}
.old-table-ativos .col-preco{width:100px !important;}
.old-table-ativos .col-qtd{width:50px !important;}
.old-table-ativos .col-ofertas{width:50px !important;}
.old-table-ativos .col-vencedoras{width:50px !important;}
.old-table-ativos .col-visitas{width:50px !important;}
.old-table-ativos .col-finaliza{width:75px !important;}
.old-table-ativos .col-rep{width:65px !important;}
.old-table-ativos .col-acoes{width:50px !important;}

.old-table-ativos th,
.old-table-ativos td{
    box-sizing:border-box !important;
}

.old-table-ativos .ativos-header-row th{
    background:#ffe100 !important;
    color:#111 !important;
    border-right:2px solid #bdb76b !important;
    border-bottom:2px solid #bdb76b !important;
    padding:5px !important;
    font-size:12px !important;
    font-weight:bold !important;
    text-align:left !important;
    vertical-align:bottom !important;
}

.old-table-ativos .ativos-header-row .th-codigo,
.old-table-ativos .ativos-header-row .th-titulo,
.old-table-ativos .ativos-header-row .th-preco{
    height:38px !important;
    line-height:14px !important;
}

.old-table-ativos .ativos-header-row .th-rot{
    height:78px !important;
    padding:0 !important;
    position:relative !important;
    overflow:hidden !important;
    vertical-align:bottom !important;
    text-align:center !important;
    background:#ffe100 !important;
}

/* linhas diagonais iguais ao visual antigo */
.old-table-ativos .ativos-header-row .th-rot::before{
    content:"" !important;
    position:absolute !important;
    left:-40px !important;
    top:38px !important;
    width:120px !important;
    height:1px !important;
    background:#bdb76b !important;
    transform:rotate(-50deg) !important;
    transform-origin:center !important;
}

.old-table-ativos .ativos-header-row .th-rot span{
    position:absolute !important;
    left:-31px !important;
    bottom:22px !important;
    width:105px !important;
    display:block !important;
    transform:rotate(-55deg) !important;
    transform-origin:center center !important;
    color:#333 !important;
    font-size:10px !important;
    font-weight:bold !important;
    line-height:10px !important;
    text-align:center !important;
    white-space:normal !important;
}

.old-table-ativos .ativos-header-row .th-acoes span{
    left:-22px !important;
    bottom:24px !important;
}

.old-table-ativos td{
    padding:5px !important;
    font-size:12px !important;
    color:#000080 !important;
    vertical-align:top !important;
    border-right:2px solid #fff !important;
}

.old-table-ativos td:nth-child(4),
.old-table-ativos td:nth-child(5),
.old-table-ativos td:nth-child(6),
.old-table-ativos td:nth-child(7),
.old-table-ativos td:nth-child(8),
.old-table-ativos td:nth-child(9){
    text-align:center !important;
}

.old-table-ativos td:nth-child(10){
    text-align:center !important;
    padding:4px 1px !important;
}

.old-table-ativos .old-actions{
    width:50px !important;
    white-space:normal !important;
}

.old-table-ativos .old-actions a{
    display:inline-block !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    line-height:17px !important;
    padding:0 !important;
    margin:1px !important;
    font-size:13px !important;
    text-align:center !important;
    background:#ffec41 !important;
    border:1px solid #d2c435 !important;
    box-shadow:inset 0 0 0 1px #fff !important;
}

.old-table-ativos .compra-ja{
    margin-left:65px !important;
}

.old-table-ativos + .old-select-links{
    width:875px !important;
}