/* Resources Management V1 */

.resource-admin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.resource-admin-head h2{margin:0 0 6px}

.resource-admin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.resource-admin-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 10px;
  padding:10px 12px;
  border:1px solid #51401f;
  border-radius:9px;
  background:rgba(11,7,5,.48);
}

.resource-admin-toolbar label{
  color:#d7c6a8;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.resource-admin-toolbar select{
  min-width:230px;
  background:#160e0a;
  border:1px solid #5d4526;
  color:#f2e5d1;
  border-radius:7px;
  padding:9px 10px;
}

.resource-admin-list{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
}

.resource-admin-labels{
  display:grid;
  grid-template-columns:72px .85fr 1.15fr 1.25fr 190px;
  gap:10px;
  padding:0 11px;
  color:#9f9079;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.resource-admin-row{
  display:grid;
  grid-template-columns:72px .85fr 1.15fr 1.25fr 190px;
  gap:10px;
  align-items:end;
  border:1px solid #51401f;
  border-radius:10px;
  padding:11px;
  background:rgba(11,7,5,.55);
}

.resource-admin-row .field label{
  color:#bcae95;
}

.resource-icon-field input{
  text-align:center;
  font-size:19px !important;
}

.resource-row-controls{
  display:flex;
  gap:6px;
  justify-content:flex-end;
}

.resource-row-controls .btn{
  min-width:40px;
  padding-inline:10px;
}

.resource-admin-empty{
  border:1px dashed #5d4a2b;
  border-radius:9px;
  padding:18px;
  color:#a99a83;
  background:rgba(12,8,6,.42);
}

@media(max-width:1050px){
  .resource-admin-labels{display:none}
  .resource-admin-row{
    grid-template-columns:80px 1fr 1fr;
  }
  .resource-admin-row .field:nth-child(4){
    grid-column:1/-1;
  }
  .resource-row-controls{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}

@media(max-width:620px){
  .resource-admin-row{grid-template-columns:1fr}
  .resource-admin-row .field:nth-child(4),
  .resource-row-controls{grid-column:auto}
  .resource-admin-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .resource-admin-toolbar select{min-width:0;width:100%}
}