/* EFL Search — rows inside the theme's command palette. Theme tokens do the theming. */
.efl-srch-row{display:flex;align-items:center;gap:12px;width:100%;text-align:start}
.efl-srch-row.is-active{background:rgba(114,151,255,.14);border-radius:10px}
.efl-srch-ic{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(114,151,255,.12)}
.efl-srch-ic svg{width:16px;height:16px}
.efl-srch-txt{display:flex;flex-direction:column;min-width:0;gap:1px}
.efl-srch-label{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.efl-srch-sub{font-size:11.5px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.efl-srch-head{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;opacity:.7}
.efl-srch-head svg{width:14px;height:14px;color:#00edff}
html[data-theme="light"] .efl-srch-row.is-active{background:rgba(90,80,220,.10)}
html[data-theme="light"] .efl-srch-ic{background:#eef1fb}

/* ---- responsive: the palette fits every screen ---- */
/* The list scrolls inside the palette; dvh keeps it above the mobile keyboard. */
#commandResults{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(420px,calc(100vh - 190px));max-height:min(420px,calc(100dvh - 190px));padding-bottom:env(safe-area-inset-bottom,0)}
#commandResults{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,#8aa0d8 45%,transparent) transparent}
#commandResults::-webkit-scrollbar{width:8px}
#commandResults::-webkit-scrollbar-track{background:transparent}
#commandResults::-webkit-scrollbar-thumb{background:color-mix(in srgb,#8aa0d8 40%,transparent);border-radius:999px}

/* Fingers, not cursors: taller rows and roomier hit areas. */
@media (pointer:coarse){
	.efl-srch-row{min-height:50px}
	.efl-srch-ic{width:34px;height:34px}
	#commandResults{max-height:min(58vh,calc(100dvh - 170px))}
}

/* Narrow phones: tighter chrome, labels still one clean line. */
@media (max-width:420px){
	.efl-srch-row{gap:10px;padding:0 8px}
	.efl-srch-sub{font-size:11px}
	.efl-srch-head{padding:6px 8px 4px}
}

/* Short landscape phones: never let the palette drown under the fold. */
@media (max-height:480px){
	#commandResults{max-height:calc(100dvh - 140px)}
}

/* ---- the in-palette field: exists only where the topbar bar is hidden ---- */
.command .efl-srch-field{display:none}
.command.centered .efl-srch-field{display:flex;align-items:center;gap:10px;height:46px;margin:0 0 12px;padding:0 12px 0 14px;border-radius:13px;border:1px solid rgba(114,151,255,.32);background:rgba(255,255,255,.05)}
.command.centered .efl-srch-field svg{width:19px;height:19px;color:#7defff;flex:0 0 auto}
.command.centered .efl-srch-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font-size:16px;font-weight:500}
.command.centered .efl-srch-field input::placeholder{opacity:.55}
html[data-theme="light"] .command.centered .efl-srch-field{border-color:#e2e6f2;background:#f7f8fd}
html[data-theme="light"] .command.centered .efl-srch-field svg{color:#5a50dc}