/* Valley Desk - universal search results panel (fixed so the hero's overflow:hidden cannot clip it) */
#heroSearch{scroll-margin-top:84px;font-size:12px!important}
#heroSearch::placeholder{font-size:12px!important}
.vd-hero-search{scroll-margin-top:84px}
.vds-panel{position:fixed;z-index:950;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg1,#fff);color:var(--t1,#0b1526);border:1px solid var(--bg4,#d3dbe8);border-radius:16px;box-shadow:0 22px 60px rgba(12,22,40,.22),0 2px 0 rgba(255,255,255,.4) inset;padding:6px;animation:vdsIn .16s ease-out}
.vds-panel[hidden]{display:none}
[data-theme=dark] .vds-panel{box-shadow:0 22px 60px rgba(0,0,0,.6)}
@keyframes vdsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.vds-row{display:flex;align-items:center;gap:6px;border-radius:11px;padding:2px;transition:background .12s}
.vds-row.on{background:var(--brand-soft,rgba(10,104,242,.08))}
.vds-link{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:8px 8px;color:inherit;text-decoration:none;border-radius:9px}
.vds-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:13px;color:var(--c,#0a68f2);background:color-mix(in srgb,var(--c,#0a68f2) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#0a68f2) 28%,transparent)}
.vds-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.vds-t{font:700 12px/1.3 var(--head,inherit);color:var(--t1,#0b1526);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vds-t mark{background:var(--brand-soft,rgba(10,104,242,.14));color:var(--brand,#0a68f2);border-radius:3px;padding:0 1px}
.vds-m{font-size:11px;line-height:1.35;color:var(--t3,#5b6a82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vds-ty{font-weight:700;color:var(--t2,#4a586e)}
.vds-closed{font-style:normal;font-weight:700;color:#b45309}
.vds-ext{flex:none;display:inline-flex;align-items:center;gap:5px;margin-right:6px;padding:6px 10px;border-radius:9px;font-size:11px;font-weight:700;color:var(--brand,#0a68f2);background:var(--brand-soft,rgba(10,104,242,.08));text-decoration:none;white-space:nowrap}
.vds-ext:hover,.vds-ext:focus-visible{background:var(--brand,#0a68f2);color:#fff;outline:0}
.vds-link:focus-visible{outline:2px solid var(--brand,#0a68f2);outline-offset:-2px}
.vds-sec{padding:8px 10px 4px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--t3,#5b6a82)}
.vds-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
.vds-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;color:var(--t1,#0b1526);background:var(--bg2,#f6f8fc);border:1px solid var(--bg4,#d3dbe8);text-decoration:none;transition:border-color .12s,background .12s}
.vds-chip:hover,.vds-chip:focus-visible{border-color:var(--brand,#0a68f2);background:var(--brand-soft,rgba(10,104,242,.08));outline:0}
.vds-chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.vds-chip i.fa-solid{width:auto;height:auto;border-radius:0;font-size:11px;color:var(--brand,#0a68f2)}
.vds-foot{display:flex;justify-content:space-between;gap:10px;padding:8px 10px 6px;margin-top:4px;border-top:1px solid var(--bg3,#e9eef7);font-size:11px;color:var(--t3,#5b6a82)}
.vds-keys{display:none}
@media (hover:hover) and (pointer:fine){.vds-keys{display:inline}}
.vds-load,.vds-empty{padding:22px 14px;text-align:center;color:var(--t2,#4a586e);font-size:12px}
.vds-empty{display:flex;flex-direction:column;align-items:center;gap:7px}
.vds-empty>i{font-size:22px;color:var(--t3,#5b6a82)}
.vds-empty b{color:var(--t1,#0b1526)}
.vds-empty a{color:var(--brand,#0a68f2);font-weight:700}
.vds-all{margin-top:4px;padding:8px 14px;border-radius:10px;background:var(--brand-soft,rgba(10,104,242,.08));text-decoration:none}
.vds-spin{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid var(--bg4,#d3dbe8);border-top-color:var(--brand,#0a68f2);border-radius:50%;animation:vdsSp .7s linear infinite}
@keyframes vdsSp{to{transform:rotate(360deg)}}
@media (max-width:480px){.vds-ext span{display:none}.vds-ext{padding:8px 9px}}
.vd-lite .vds-panel,.vd-lite .vds-spin{animation:none}
@media (prefers-reduced-motion:reduce){.vds-panel{animation:none}}
@media print{.vds-panel{display:none}}
