//#########################



// Dashboard



//#########################



.bbml-rg-table {



    width: 100%;



    border-collapse: collapse;



    font-size: 11px;



}



.bbml-rg-table th {



    background: #f3f4f6;



    text-align: left;



}



.bbml-rg-table {



    width: 100%;



    border-collapse: collapse;



    font-size: 11px;



}



.bbml-rg-table th,



.bbml-rg-table td {



    border: 1px solid #ccc;



    padding: 6px;



    vertical-align: top;



    background: #f3f4f6;



    text-align: left;



}



.bbml-rg-status {



    display: inline-block;



    padding: 3px 8px;



    border-radius: 10px;



    color: #fff;



    font-size: 11px;



    font-weight: 600;



}



 //##########################



.bbml-table {



    width: 100%;



    border-collapse: collapse;



    font-family: 'Segoe UI', sans-serif;



    font-size: 13px;



}







.bbml-table th {



    background: #f4f6f9;



    padding: 10px;



    text-align: left;



    border-bottom: 2px solid #ddd;



    font-weight: 600;



}







.bbml-table td {



    padding: 10px;



    border-bottom: 1px solid #eee;



    vertical-align: top;



}







.bbml-table tr:nth-child(even) {



    background: #fafafa;



}







.bbml-table tr:hover {



    background: #f1f7ff;



}







/* colunas menores */



.bbml-small {



    font-size: 12px;



    line-height: 1.4;



}







/* status */



.bbml-status {



    display: inline-block;



    padding: 4px 10px;



    border-radius: 10px;



    font-size: 12px;



    



    font-weight: 600;



    color: #fff;



}







/* tamanhos */



.bbml-col-doc {



    width: 70px;



}







.bbml-col-status {



    width: 130px;



}







.bbml-col-cliente {



    width: 140px;



}







/* anexos */



.bbml-anexo {



    font-size: 16px;



    text-decoration: none;



}







//#########################



// Cards no Dashboard



//#########################



.bbml-cards {



    display: flex !important;



    justify-content: center;



    align-items: stretch;



    gap: 12px;



    margin-bottom: 25px;



    flex-wrap: wrap;



}







.bbml-card {



    width: 180px;



    padding: 18px;



    border-radius: 14px;



    color: #fff;



    font-weight: 600;



    box-shadow: 0 4px 10px rgba(0,0,0,0.12);



    text-align: center;



}







.bbml-card-title {



    font-size: 13px;



    margin-bottom: 8px;



    opacity: 0.95;



}







.bbml-card-value {



    font-size: 28px;



    line-height: 1;



}







.bbml-card-total { background: #2c3e50; }



.bbml-card-andamento { background: #4b5563; }



.bbml-card-coletado { background: #f2713e; }



.bbml-card-acondicionado { background: #2563eb; }



.bbml-card-transporte { background: #06b6d4; }



.bbml-card-parceiro { background: #7c3aed; }



.bbml-card-procedimentos { background: #14b8a6; }



.bbml-card-entregue { background: #16a34a; }







//#########################



// Botões



//#########################



.bbml-actions {



    display: flex;



    gap: 10px;



    flex-wrap: wrap;



    margin-bottom: 20px;



    align-items: center;



}







.bbml-btn {



    display: inline-block;



    padding: 10px 16px;



    border: none;



    border-radius: 10px;



    background: #002d58;



    color: #fff !important;



    text-decoration: none !important;



    cursor: pointer;



    font-size: 14px;



    line-height: 1.2;



    transition: 0.2s ease;



}







.bbml-btn:hover {



    opacity: 0.92;



}







.bbml-btn-primary {



    background: #002d58;



}







.bbml-btn-secondary {



    background: #6b7280;



}







.bbml-btn-dark {



    background: #2c3e50;



}







//#########################



// Linha dos Filtros 



//#########################



.bbml-filtros-form {



    display: flex;



    flex-wrap: wrap;



    align-items: end;



    gap: 14px;



    margin-bottom: 20px;



    padding: 18px;



    background: #ffffff;



    border: 1px solid #e5e7eb;



    border-radius: 14px;



    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);



}







.bbml-filtro-item {



    display: flex;



    flex-direction: column;



    gap: 6px;



}  







.bbml-filtro-item label {



    font-size: 13px;



    font-weight: 600;



    color: #374151;



}







.bbml-filtro-item input,



.bbml-filtro-item select {



    height: 42px;



    padding: 0 12px;



    border: 1px solid #d1d5db;



    border-radius: 10px;



    background: #fff;



    font-size: 14px;



    color: #111827;



    box-sizing: border-box;



}







.bbml-filtro-item input:focus,



.bbml-filtro-item select:focus {



    outline: none;



    border-color: #0ea5e9;



    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);



}







.bbml-filtro-data input {



    width: 160px;



}







.bbml-filtro-status select {



    width: 240px;



}







.bbml-filtro-busca input {



    width: 320px;



}







.bbml-filtro-acoes {



    display: flex;



    gap: 10px;



    align-items: end;



}







.bbml-filtro-btn {



    height: 42px;



    padding: 0 18px;



    border: none;



    border-radius: 16px;!important; /* 👈 AQUI resolve */



    font-size: 14px;



    font-weight: 600;



    cursor: pointer;



    transition: 0.2s;



}







.bbml-filtro-btn-primary {



    background: #002d58;



    color: #fff;



}







.bbml-filtro-btn-primary:hover {



    background: #145a80;



}







.bbml-filtro-btn-light {



    background: #e5e7eb;



    color: #002d58;



}







.bbml-filtro-btn-light:hover {



    background: #145a80;



}