/* Shared real-phone mobile picker for Add/Edit Card, Archive, Price Guide, and Trade-style dropdowns. */
.ccc-mobile-picker-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  background:rgba(0,0,0,.52);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  touch-action:none;
}
.ccc-mobile-picker-overlay.open{ display:block; }
.ccc-mobile-picker-sheet{
  position:fixed;
  left:0;
  right:0;
  top:auto;
  bottom:var(--ccc-picker-vv-bottom, 0px);
  z-index:12010;
  width:100vw;
  height:min(72dvh, 560px);
  height:min(calc(var(--ccc-picker-vvh, 100vh) * .72), 560px);
  max-height:calc(var(--ccc-picker-vvh, 100vh) - 18px - env(safe-area-inset-top, 0px));
  display:none;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:8px;
  padding:22px 12px calc(12px + env(safe-area-inset-bottom, 0px));
  border:1px solid var(--border);
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-radius:22px 22px 0 0;
  background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);
  box-shadow:0 -20px 60px rgba(0,0,0,.62);
  overflow:hidden;
  transform:translate3d(0,100%,0);
  opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease;
  will-change:transform;
}
.ccc-mobile-picker-sheet.open{
  display:grid;
  transform:translate3d(0,0,0);
  opacity:1;
}
.ccc-mobile-picker-sheet::before{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  width:46px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.35);
}
.ccc-mobile-picker-title{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:0 2px 1px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ccc-mobile-picker-search-wrap{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.ccc-mobile-picker-search-wrap .material-symbols-outlined{ font-size:18px; color:var(--muted); }
.ccc-mobile-picker-search{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:16px;
  font-weight:700;
}
.ccc-mobile-picker-search::placeholder{ color:var(--muted); opacity:.82; }
.ccc-mobile-picker-options{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  display:grid;
  align-content:start;
  gap:4px;
  padding:2px 2px calc(8px + env(safe-area-inset-bottom, 0px));
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.ccc-mobile-picker-option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  text-align:left;
}
.ccc-mobile-picker-option:active,
.ccc-mobile-picker-option[aria-selected="true"]{ background:rgba(255,255,255,.08); }
.ccc-mobile-picker-option-label{ min-width:0; overflow-wrap:anywhere; }
.ccc-mobile-picker-option-meta{
  flex:0 0 auto;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.ccc-mobile-picker-option .material-symbols-outlined{ font-size:18px; opacity:.85; flex:0 0 auto; }
.ccc-mobile-picker-empty{ padding:11px 10px; color:var(--muted); font-size:13px; }
html.ccc-mobile-picker-lock,
body.ccc-mobile-picker-lock{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
@media (min-width:781px){
  .ccc-mobile-picker-overlay,
  .ccc-mobile-picker-sheet{ display:none !important; }
}