/* picker.css — utilities for native <select> based pickers (status, priority, assignees) */

/* Base: a select that fits inside table cells */
.pick {
  background: transparent;               /* looks like a cell editor */
  border: 1px solid transparent;
  border-radius: 4px; /* Less rounded (was 999px) */
  padding: 6px 10px;
  min-height: 34px;
  font-size: var(--fs-12);
  font-weight: 800;
  cursor: pointer;
  color: var(--text);
  transition: all var(--dur) var(--ease);
  appearance: none; /* Remove native dropdown icon */
  text-align: center; /* Center text by default */
  text-align-last: center; /* For Chrome/Safari */
}

/* Hide arrow in IE11 */
.pick::-ms-expand { display: none; }

/* Option styling (limited support in some browsers) */
option {
    padding: 12px; /* Bigger padding */
    font-size: 14px; /* Bigger text */
    min-height: 40px; /* Taller options */
}

.pick:hover {
  background: color-mix(in srgb, var(--panel) 70%, transparent);
  border-color: var(--border);
}

.pick:focus, .pick:focus-visible {
  outline: none;
  box-shadow: var(--ring);
  border-color: color-mix(in srgb, var(--brand) 35%, var(--border));
}

/* Width helpers */
.pick-w-sm { width: 120px; }
.pick-w-md { width: 150px; }
.pick-w-lg { width: 190px; }


/* A “pill background” for the select itself (via class on select) */
.pick-pill { background: color-mix(in srgb, var(--panel) 75%, transparent); border-color: var(--border); }
.pick-pill:hover { background: color-mix(in srgb, var(--panel) 90%, transparent); }


/* Chips row (display selected assignees as “monday-ish” pills) */
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 78%, transparent);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  font-size: var(--fs-12);
  font-weight: 700;
}


/* tiny utility to make a select look like a “cell editor” centered */
.pick-center { text-align: center; }