/* ---------- components/desc-suggest/desc-suggest.css ---------- */
/* ===== description suggestions =====
   The drop list under the Description box: descriptions already used in saved entries and drafts, each with a cross to remove it from the list. */
.fld.has-dd{position:relative}
#dPop{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:100%;width:max-content;max-width:min(360px,90vw);max-height:425px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px -10px rgba(0,0,0,.4);padding:6px;z-index:30}
#dPop.on{display:block}
#dPop .dso{display:flex;align-items:center;gap:8px;padding:7px 6px 7px 10px;border-radius:10px;font-size:14px;cursor:pointer}
#dPop .dso.sel,#dPop .dso:hover{background:var(--bg)}
#dPop .dsn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dPop .dsn mark{background:none;color:var(--accent);font-weight:700}
#dPop .dsx{flex:none;background:none;color:var(--mute);padding:0 7px;font-size:18px;line-height:1.2;border-radius:6px;opacity:.65;cursor:pointer}
#dPop .dsx:hover{opacity:1;background:var(--line);color:var(--err)}
/* phone: the list opens under the right-hand Description box, so it grows to the LEFT (it used to run off the right edge of the screen), and it never gets taller than the space above the keyboard */
@media (max-width:560px){#dPop{left:0;right:0;width:auto;min-width:0;max-width:none;max-height:min(425px,var(--pop-h,425px));overflow-x:hidden;overflow-y:auto}#dPop::-webkit-scrollbar,#fPop::-webkit-scrollbar{width:5px}#dPop::-webkit-scrollbar-thumb,#fPop::-webkit-scrollbar-thumb{background:var(--mute);border-radius:3px}}
@media (hover:none) and (pointer:coarse){#dPop .dso{padding:10px 4px 10px 10px}#dPop .dsx{padding:2px 12px}}

/* stockbook price hint: only the x3 / x2 price is shown (hint only, never typed into the box) */
#dPop .dsp{flex:none;font-size:12px;color:var(--mute);white-space:nowrap}
#dPop .dsp em{font-style:normal;color:var(--accent);font-weight:700}