/* ==========================================================
   GLP CUBAGEM - BASES C3.4
   ========================================================== */

.cubagem-tabs{
  display:flex;
  align-items:center;
  gap:8px;

  margin-bottom:18px;

  padding:6px;

  border:1px solid #dce7ee;
  border-radius:14px;

  background:#ffffff;

  width:max-content;

  box-shadow:
    0 8px 24px rgba(32,63,89,.05);
}

.cubagem-tab-btn{
  height:38px;

  padding:0 16px;

  border:0;
  border-radius:10px;

  background:transparent;

  color:#61798a;

  font-size:11px;
  font-weight:850;

  cursor:pointer;

  transition:.15s ease;
}

.cubagem-tab-btn.active{
  color:#fff;

  background:
    linear-gradient(
      135deg,
      #2947c7,
      #13b9c7
    );

  box-shadow:
    0 8px 18px rgba(41,71,199,.16);
}

.cubagem-tab-panel{
  display:none;
}

.cubagem-tab-panel.active{
  display:block;
}


.bases-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;

  gap:24px;

  margin-bottom:18px;

  padding:24px;

  border:1px solid #dce7ee;
  border-radius:20px;

  background:#fff;

  box-shadow:
    0 14px 34px rgba(32,63,89,.06);
}

.bases-hero h2{
  margin:0 0 6px;

  font-size:23px;
  letter-spacing:-.6px;
}

.bases-hero p{
  margin:0;

  color:#738898;

  font-size:12px;
  line-height:1.6;
}

.bases-status{
  display:inline-flex;
  align-items:center;
  gap:7px;

  padding:8px 11px;

  border-radius:999px;

  background:#ecf8f5;

  color:#087e69;

  font-size:9px;
  font-weight:900;
}

.bases-status::before{
  content:"";

  width:7px;
  height:7px;

  border-radius:50%;

  background:#13b9a5;
}


.bases-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:15px;

  margin-bottom:18px;
}

.base-card{
  padding:20px;

  border:1px solid #dce7ee;
  border-radius:18px;

  background:#fff;

  box-shadow:
    0 12px 30px rgba(32,63,89,.05);
}

.base-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;

  gap:14px;

  margin-bottom:18px;
}

.base-card-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:12px;

  background:#eef7fb;

  color:#2857c8;

  font-size:17px;
  font-weight:900;
}

.base-card h3{
  margin:0;

  font-size:15px;
}

.base-card .desc{
  margin-top:5px;

  color:#8093a2;

  font-size:10px;
  line-height:1.5;
}

.base-count{
  margin:18px 0 4px;

  font-size:29px;
  font-weight:900;

  letter-spacing:-1px;

  color:#173149;
}

.base-count-label{
  color:#7b8f9f;

  font-size:9px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.6px;
}

.base-meta{
  margin-top:15px;

  min-height:38px;

  color:#778d9e;

  font-size:10px;
  line-height:1.5;
}

.base-actions{
  display:flex;
  gap:8px;

  margin-top:16px;
}

.base-upload-btn{
  width:100%;
  min-height:42px;

  border:0;
  border-radius:11px;

  background:#173a60;

  color:#fff;

  font-size:10px;
  font-weight:850;

  cursor:pointer;

  transition:.15s ease;
}

.base-upload-btn:hover{
  transform:translateY(-1px);

  background:#214f7d;
}

.base-upload-btn.primary{
  background:
    linear-gradient(
      135deg,
      #2947c7,
      #16b7c7
    );
}

.base-upload-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
}


.import-feedback{
  display:none;

  margin-bottom:18px;

  padding:14px 16px;

  border-radius:13px;

  font-size:11px;
  line-height:1.6;
}

.import-feedback.show{
  display:block;
}

.import-feedback.ok{
  border:1px solid #bfe8db;
  background:#edf9f5;
  color:#08735f;
}

.import-feedback.error{
  border:1px solid #f1c8c8;
  background:#fff1f1;
  color:#a73131;
}

.import-feedback.info{
  border:1px solid #cde0ee;
  background:#f1f7fb;
  color:#315c79;
}


.import-history{
  border:1px solid #dce7ee;
  border-radius:18px;

  background:#fff;

  overflow:hidden;

  box-shadow:
    0 12px 30px rgba(32,63,89,.05);
}

.import-history-head{
  padding:17px 19px;

  border-bottom:1px solid #e2ebf0;
}

.import-history-head h3{
  margin:0;

  font-size:15px;
}

.import-history-head p{
  margin:4px 0 0;

  color:#8194a2;

  font-size:9px;
}

.import-history table{
  width:100%;

  border-collapse:collapse;
}

.import-history th{
  padding:11px 13px;

  background:#f7fafc;

  color:#718797;

  text-align:left;

  font-size:8px;
  font-weight:900;

  letter-spacing:.6px;

  text-transform:uppercase;
}

.import-history td{
  padding:12px 13px;

  border-top:1px solid #edf2f5;

  color:#35536a;

  font-size:10px;
}

.status-chip{
  display:inline-flex;

  padding:5px 7px;

  border-radius:999px;

  background:#eaf7f2;

  color:#087863;

  font-size:8px;
  font-weight:900;
}


@media(max-width:950px){

  .bases-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:700px){

  .cubagem-tabs{
    width:100%;
  }

  .cubagem-tab-btn{
    flex:1;
  }

  .bases-hero{
    flex-direction:column;
  }

}