/* Dropdown yani hizli ekle butonu (hizli-ekle.js sozlesmesi).
   Gorunum: dropdown'a BITISIK segment (ayri buton degil) — gap yok, paylasilan kenar.
   acilir.js select'i .p360-acilir sarmalina alir, sarmal ayni yerde kalir. */
.p360-hizli-alan { display: flex; gap: 0; align-items: stretch; }
.p360-hizli-alan > select { flex: 1; min-width: 0; }
.p360-hizli-alan > .p360-acilir { flex: 1; min-width: 0; width: auto; display: block; }
.p360-hizli-alan .p360-acilir-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.p360-hizli-btn {
  flex-shrink: 0; white-space: nowrap; margin-left: -1px;
  display: inline-flex; align-items: center; gap: 6px;
  height: 33px; padding: 0 14px;
  border: 1px solid var(--border); border-radius: 8px;
  border-top-left-radius: 0; border-bottom-left-radius: 0;
  background: var(--surface); color: var(--text);
  font-family: var(--font); font-size: 12.5px; font-weight: 500;
  cursor: pointer; transition: background 0.14s ease;
}
.p360-hizli-btn:hover { background: var(--hover-bg); }
.p360-hizli-btn i { font-size: 13px; }
.p360-hizli-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }