/* CommissarySpace Scheduler - Admin UI helpers (302.14) */

.cs-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}

.cs-actions .button.button-small{
  line-height:1.8;
}

.cs-actions .cs-danger{
  border-color:#b32d2e;
  color:#b32d2e;
}

.cs-actions .cs-danger:hover,
.cs-actions .cs-danger:focus{
  border-color:#8a1f20;
  color:#8a1f20;
}

/* Resource image slots */
#cs-resource-images-wrapper{
  max-width: 760px;
}

#cs-resource-images-wrapper .cs-resource-image-slot{
  position:relative;
  border:1px solid #dcdcde;
  background:#fff;
  padding:12px 12px 6px;
  border-radius:8px;
  margin: 10px 0;
}

#cs-resource-images-wrapper .cs-drag-handle{
  position:absolute;
  top:10px;
  right:10px;
  font-size:16px;
  cursor:move;
  user-select:none;
  opacity:0.7;
}

#cs-resource-images-wrapper .cs-resource-image-preview img{
  max-width:150px;
  height:auto;
  display:block;
}

#cs-resource-images-wrapper .cs-resource-image-slot hr{
  display:none;
}


/* Traffic light / punch status dots */
.cs-status-cell{
  white-space:nowrap;
}
.cs-status-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  margin:0 2px;
  vertical-align:middle;
}
.cs-status-black{
  background:#444;
}
.cs-status-blue{
  background:#2271b1;
}
.cs-status-green{
  background:#46b450;
}
.cs-status-yellow{
  background:#f0ad4e;
}
.cs-status-red{
  background:#dc3232;
}