/**
 * Profiles for Plugin - Admin Styles
 *
 * Styles the plugin selector checklist and taxonomy-style admin page.
 */

/* Plugin selector container */
#profiles-for-plugin-plugins .tabs-panel {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #dcdcde;
  background: #fff;
  padding: 8px;
}

/* Search input — inherit .form-field input sizing, just fill the panel */
#profiles-for-plugin-plugins .profiles-for-plugin-search {
  width: 100%;
  margin-bottom: 8px;
  box-sizing: border-box;
  padding: 3px 6px;
  font-size: 12px;
  height: auto;
}

/* Checkbox list - matches WP categorychecklist */
#profiles-for-plugin-plugins .categorychecklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

#profiles-for-plugin-plugins .categorychecklist li {
  margin: 0;
  padding: 2px 0;
  line-height: 1.6;
}

#profiles-for-plugin-plugins .categorychecklist label {
  display: block;
  padding: 2px 4px;
  cursor: pointer;
}

#profiles-for-plugin-plugins .categorychecklist label:hover {
  background: #f0f0f1;
}

#profiles-for-plugin-plugins .categorychecklist input[type="checkbox"] {
  margin-right: 6px;
  vertical-align: middle;
}

/* Plugin version */
#profiles-for-plugin-plugins .plugin-version {
  color: #787c82;
  font-size: 12px;
}

/* Inactive dot indicator */
#profiles-for-plugin-plugins .plugin-inactive-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4807e;
  margin-left: 4px;
  vertical-align: middle;
}

/* Always active label */
#profiles-for-plugin-plugins .plugin-always-active {
  color: #2271b1;
  font-size: 12px;
  font-style: italic;
}

/* Dependency label */
#profiles-for-plugin-plugins .plugin-dep-label {
  color: #dba617;
  font-size: 12px;
  font-style: italic;
}

/* Hidden items (filtered by search) */
#profiles-for-plugin-plugins .categorychecklist li.hidden {
  display: none;
}

/* Description paragraph below checklist */
#profiles-for-plugin-plugins > p.description {
  margin-top: 8px;
  font-style: normal;
}

/* Active profile state in list table */
.post-state {
  color: #2271b1;
  font-weight: 600;
}
