/* ======================================
   FILTROS DASHBOARD CONDUCTORES
====================================== */

.dc-filters-box{

  width:100%;

  padding:16px;

  border:1px solid #d8dee9;

  border-radius:16px;

  background:#fff;

  margin-bottom:16px;

}

.dc-toolbar{

  display:flex;

  align-items:flex-end;

  gap:10px;

  flex-wrap:wrap;

}

.dc-group{

  display:flex;

  flex-direction:column;

}

.dc-group label{

  font-size:12px;

  font-weight:600;

  color:#5c6b82;

  margin-bottom:4px;

}

.dc-group input,
.dc-group select{

  height:34px;

  min-width:180px;

  padding:0 12px;

  border:1px solid #cfd6e4;

  border-radius:10px;

  font-size:13px;

}

.dc-btn-group{

  margin-left:0;

}

.dc-btn-group .dbx-btn{

  min-width:140px;

}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:1200px){

  .dc-toolbar{

    flex-wrap:wrap;

  }

}

@media (max-width:768px){

  .dc-toolbar{

    flex-direction:column;

    align-items:stretch;

  }

  .dc-group{

    width:100%;
  }

  .dc-group input,
  .dc-group select{

    width:100%;
    min-width:100%;

  }

  .dc-btn-group{

    margin-left:0;
  }

}

/* ==========================
   BOTÓN EXCEL
========================== */

.dbx-btn-excel{

    width:38px;
    height:38px;

    border:none;
    border-radius:6px;

    background:#217346; /* Verde Excel */

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;

    cursor:pointer;

    transition:.2s;

    box-shadow:0 2px 6px rgba(0,0,0,.15);

}

.dbx-btn-excel:hover{

    background:#1b5e37;

    transform:translateY(-1px);

}

.dbx-btn-excel i{

    font-size:14px;

}