/* A small Ctrl+K-styled search-and-pick dialog — see command-palette.css for
   the pattern this borrows (dialog/input/results shape, scroll shadows). */

.quick-picker-dialog {
  border: 0;
  padding: 0;
  background: transparent;
  width: min(420px, calc(100% - 24px));
  max-height: calc(100dvh - 48px);
}
.quick-picker-dialog::backdrop { background: rgba(34, 31, 25, .34); }

.quick-picker-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--paper-raised);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.quick-picker-close { position: absolute; top: 10px; right: 10px; }

.quick-picker-input {
  min-height: var(--tap);
  padding: 14px 44px 14px 16px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 15px;
}
.quick-picker-input:focus { outline: none; }

.quick-picker-results {
  max-height: min(360px, 60dvh);
  overflow-y: auto;
  padding: 6px;
  background:
    linear-gradient(var(--paper-raised) 30%, transparent),
    linear-gradient(transparent, var(--paper-raised) 70%) 0 100%,
    linear-gradient(rgba(23, 23, 19, .12), transparent),
    linear-gradient(transparent, rgba(23, 23, 19, .12)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--paper-raised);
  background-size: 100% 24px, 100% 24px, 100% 10px, 100% 10px;
  background-attachment: local, local, scroll, scroll;
}

.quick-picker-row {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.quick-picker-row.is-active,
.quick-picker-row:hover { background: var(--paper); }

.quick-picker-row-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-reading);
}
.quick-picker-row-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: var(--text-body);
}

.quick-picker-empty { margin: 0; padding: 20px 16px; color: var(--muted); font-size: var(--text-body); text-align: center; }