/* ================================
   Intern Workflow Scoped Styles
   ================================ */

/* Table tweaks */
.admin-table td.actions {
  min-width: 160px;
  text-align: center;
}

/* Action icons row */
.actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

.actions i {
  font-size: 1.3em;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

/* Pending icon */
.actions .pending { color: #f0ad4e; }
.actions .pending:hover { color: #ec971f; transform: scale(1.1); }

/* Approve icon */
.actions .approve { color: #5cb85c; }
.actions .approve:hover { color: #4cae4c; transform: scale(1.1); }

/* Complete icon */
.actions .complete { color: #007bff; }
.actions .complete:hover { color: #0056b3; transform: scale(1.1); }

/* Reject icon */
.actions .reject { color: #d9534f; }
.actions .reject:hover { color: #c9302c; transform: scale(1.1); }

/* Edit icon */
.actions .edit { color: #f0ad4e; }
.actions .edit:hover { color: #ec971f; transform: scale(1.1); }

/* View icon */
.actions .view { color: #17a2b8; }
.actions .view:hover { color: #117a8b; transform: scale(1.1); }

/* Delete icon */
.actions .delete { color: #6c757d; }
.actions .delete:hover { color: #343a40; transform: scale(1.1); }

/* Status tags (intern overrides) */
.tag {
  font-weight: 600;
  font-size: 0.85em;
  text-transform: capitalize;
}
.tag.pending { background: #f0ad4e; }
.tag.approved { background: #5cb85c; }
.tag.complete { background: #007bff; }
.tag.rejected { background: #d9534f; }
.tag.inprogress { background: #17a2b8; }

/* Dropdown styling for host assignment */
select {
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9em;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
select:hover { border-color: #007bff; }

/* Responsive adjustments */
@media (max-width: 768px) {
  .actions { gap: 8px; }
  .actions i { font-size: 1.1em; }
  .admin-table td.actions { min-width: 120px; }
  .tag { font-size: 0.75em; padding: 3px 6px; }
}