/* ===============================
   iOS Picker Overlay
   =============================== */

.ios-picker-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:3000;
}

.ios-picker-overlay.open{
  display:flex;
  animation:fadeIn .25s ease;
}

@keyframes fadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}

/* Bottom Sheet */
.ios-picker-sheet{
  width: min(640px, 100%);
  max-height: 90vh;
  background:linear-gradient(180deg,#efeaea,#f5f6f9);
  border-radius:22px 22px 0 0;
  box-shadow:0 -8px 22px rgba(0,0,0,0.15);
  padding-bottom:20px;
  animation:slideUp .25s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

@keyframes slideUp{
  from{ transform:translateY(60px); opacity:0; }
  to{ transform:translateY(0); opacity:1; }
}

/* Header */
.ios-picker-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 20px;
  border-bottom:1px solid rgba(200,200,210,0.6);
}

.ios-picker-title{
  margin:0;
  font-family:"Anton";
  font-size:1.35rem;
}

/* Buttons */
.ios-picker-btn-cancel{
  background:none;
  border:none;
  color:#777;
  font-family:"Oxanium";
  font-size:1rem;
  padding:6px 10px;
}

.ios-picker-btn-done{
  background:linear-gradient(180deg,#2f6bff,#1a4dde);
  border:none;
  padding:6px 16px;
  color:white;
  border-radius:12px;
  font-family:"Oxanium";
  font-weight:700;
}

.ios-picker-search{
  padding:10px 20px;
  border-bottom:1px solid rgba(220,220,230,0.6);
  flex-shrink:0;
}
.ios-picker-search input{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--border-ios, rgba(220,220,230,0.9));
  border-radius:12px;
  font-family:"Oxanium";
  font-size:1rem;
  background:#fff;
  box-shadow:0 6px 12px rgba(15,23,42,0.06);
}

/* Columns */
.ios-picker-columns{
  display:flex;
  flex:1;
  min-height:0;
  overflow:hidden;
}

.ios-picker-column{
  flex:1;
  border-right:1px solid rgba(220,220,230,0.5);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:10px 0;
  background:white;
}

.ios-picker-column:last-child{
  border-right:none;
}

/* Items */
.ios-picker-item{
  padding:12px 14px;
  text-align:center;
  font-family:"Oxanium";
  font-size:1rem;
  color:#333;
  cursor:pointer;
}

.ios-picker-item:hover{
  background:#eef3ff;
}

.ios-picker-item.selected{
  background:rgba(47,107,255,0.12);
  color:#2f6bff;
  font-weight:700;
  border-left:3px solid #2f6bff;
}