/*
 * LOT 31 · CĂUTAREA (inc/sections/zz-cauta.php, assets/js/mds-cauta.js)
 * Telefon: ecran întreg, câmpul sus (înălțimea o dă scriptul din visualViewport).
 * Calculator: paletă în mijloc, cu tastele afișate jos.
 */
.cx{ --ink:#f5f3f0; --ink2:#9c9a96; --ink3:#7d7a74; --s1:#18181b; --s2:#1f1f23; --s3:#2a2a2f; --hair:rgba(255,255,255,.08); --up:#00ba7c; --lk:#1d9bf0; --f:var(--xf, var(--mds-sans, system-ui));
	position:fixed; inset:0; z-index:95; color:var(--ink); font-family:var(--f); -webkit-font-smoothing:antialiased; }
.cx[hidden]{ display:none; }
html.cx-lock, html.cx-lock body{ overflow:hidden; }
.cx a{ color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.cx button{ font-family:inherit; cursor:pointer; }
.cx__vh{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.cx__bg{ position:absolute; inset:0; background:rgba(0,0,0,.62); }
.cx__p{ position:absolute; display:flex; flex-direction:column; overflow:hidden; background:#0b0b0d; outline:0; }

/* câmpul */
.cx__f{ display:flex; align-items:center; gap:12px; flex:none; margin:0; }
.cx__in{ position:relative; display:flex; align-items:center; gap:10px; flex:1; min-width:0; height:44px; padding:0 8px 0 14px; border-radius:12px; background:var(--s2); box-shadow:inset 0 0 0 1.5px rgba(29,155,240,.55); }
.cx__in > svg{ width:17px; height:17px; flex:none; color:var(--ink3); }
.cx__in input{ flex:1; min-width:0; height:100%; padding:0; border:0; background:none; color:var(--ink); font:400 15.5px/22px var(--f); outline:0; -webkit-appearance:none; appearance:none; }
.cx__in input::placeholder{ color:var(--ink3); }
.cx__in input::-webkit-search-cancel-button, .cx__in input::-webkit-search-decoration{ -webkit-appearance:none; appearance:none; }
.cx__clr{ display:grid; place-items:center; width:28px; height:28px; flex:none; padding:0; border:0; border-radius:50%; background:var(--s3); color:var(--ink2); }
.cx__clr[hidden]{ display:none; }
.cx__clr svg{ width:13px; height:13px; }
.cx .cx__esc{ display:none; }
.cx__can{ flex:none; padding:8px 0; border:0; background:none; color:var(--lk); font:500 15.5px/22px var(--f); }

/* filtrele */
.cx__ch{ display:flex; gap:8px; flex:none; padding:12px 16px 4px; overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; }
.cx__ch::-webkit-scrollbar{ display:none; }
.cx__c{ flex:none; padding:7px 14px; border:0; border-radius:999px; background:var(--s2); color:var(--ink2); font:600 13.5px/18px var(--f); white-space:nowrap; }
.cx__c.on{ background:var(--ink); color:#0b0b0d; }

/* lista */
.cx__b{ flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; transition:opacity .15s ease; }
.cx__b::-webkit-scrollbar{ display:none; }
.cx.is-busy .cx__b{ opacity:.6; }
.cx-g{ margin-top:18px; }
.cx-h{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:0 0 4px; }
.cx-h h3{ margin:0; color:var(--ink); font:700 20px/26px var(--f); letter-spacing:-.01em; }
.cx-h__a{ flex:none; padding:0; border:0; background:none; color:var(--lk); font:600 15.5px/22px var(--f); }
.cx .cx-r{ display:flex; align-items:center; gap:12px; min-width:0; min-height:62px; padding:8px 0; border-bottom:1px solid var(--hair); border-radius:0; background:none; cursor:pointer; }
.cx-r:active{ opacity:.7; }
.cx-l{ display:grid; place-items:center; width:36px; height:36px; flex:none; padding:3px; border-radius:50%; background:#fff; color:#111; object-fit:contain; font:700 15.5px/1 var(--f); }
.cx-l--t{ padding:0; }
.cx-l--sq{ border-radius:10px; }
.cx-r__n{ flex:1; min-width:0; }
.cx-r__n b{ display:block; overflow:hidden; font:600 15.5px/22px var(--f); white-space:nowrap; text-overflow:ellipsis; }
.cx-r__n small{ display:flex; align-items:center; gap:0; overflow:hidden; color:var(--ink3); font:400 13.5px/20px var(--f); white-space:nowrap; text-overflow:ellipsis; }
.cx-r__n small .fi{ width:16px; height:12px; flex:none; margin-right:6px; border-radius:2px; }
.cx-fr{ font-style:normal; }
.cx-rt{ margin-right:6px; color:#ffd400; font-style:normal; font-weight:600; }
.cx .cx-r--t{ min-height:0; padding:12px 0; }
.cx-r--t .cx-r__n b{ display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cx mark{ background:none; color:var(--lk); }
.cx-r__v{ display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:none; }
.cx-r__v:empty{ display:none; }
.cx-r__v b{ display:flex; align-items:center; gap:6px; font:500 15.5px/22px var(--f); font-variant-numeric:tabular-nums; white-space:nowrap; }
.cx-lv{ width:6px; height:6px; flex:none; border-radius:50%; background:var(--up); box-shadow:0 0 0 3px rgba(0,186,124,.18); }
.cx-pl{ min-width:66px; padding:0 8px; border-radius:7px; color:#fff; font:600 13.5px/24px var(--f); font-style:normal; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.cx-pl--up{ background:#00a86e; } .cx-pl--dn{ background:#e0303b; } .cx-pl--eq{ background:var(--s3); color:var(--ink2); }
/* steaua „Urmărește” a pluginului, lângă rând */
.cx .ec-srow{ display:flex; align-items:center; gap:4px; border-bottom:1px solid var(--hair); }
.cx .ec-srow > .cx-r{ flex:1; min-width:0; border-bottom:0; }
.cx .ec-srow .ec-star--s{ margin-right:-8px; }
/* recente */
.cx-rc__i{ display:flex; align-items:center; border-bottom:1px solid var(--hair); }
.cx-rc__i > .cx-r{ flex:1; border-bottom:0; }
.cx-rc__x{ display:grid; place-items:center; width:36px; height:36px; flex:none; margin-right:-8px; padding:0; border:0; border-radius:50%; background:none; color:var(--ink3); }
.cx-rc__x svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
/* ideile din screener */
.cx-rp{ display:flex; flex-wrap:wrap; gap:8px; padding-top:6px; }
.cx-rp a{ padding:9px 14px; border-radius:12px; background:var(--s1); color:var(--ink); font:500 13.5px/18px var(--f); }
.cx-rp a.is-sel{ box-shadow:inset 0 0 0 1.5px var(--lk); }
/* toate rezultatele, gol, eroare */
.cx-all{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding:14px 16px; border-radius:14px; background:var(--s1); color:var(--lk) !important; font:600 15.5px/22px var(--f); }
.cx-all span{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cx-all svg{ width:14px; height:14px; flex:none; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.cx-e{ padding:28px 0 8px; }
.cx-e b{ display:block; font:600 15.5px/22px var(--f); }
.cx-e p{ margin:4px 0 0; color:var(--ink2); font:400 13.5px/20px var(--f); }
.cx__k{ display:none; }
.cx kbd{ display:inline-block; min-width:20px; padding:2px 6px; border-radius:6px; background:var(--s3); color:var(--ink2); font:500 11.5px/16px var(--f); text-align:center; }

/* ── telefon: ecran întreg ── */
@media (max-width:759px){
	.cx__bg{ display:none; }
	.cx__p{ left:0; right:0; top:0; height:100%; height:100dvh; padding-top:env(safe-area-inset-top, 0px); }
	.cx__f{ padding:10px 16px 0; }
	/* 16px: sub această mărime iOS mărește pagina când intri în câmp */
	.cx__in input{ font-size:16px; }
	.cx__b{ padding:0 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
}

/* ── calculator: paleta ── */
@media (min-width:760px){
	.cx__bg{ -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
	.cx__p{ top:10vh; left:50%; width:min(640px, calc(100% - 32px)); max-height:76vh; border-radius:20px; background:#141416; box-shadow:0 0 0 1px var(--hair), 0 40px 90px -20px #000; transform:translateX(-50%); }
	.cx.is-on .cx__p{ animation:cx-in .16s ease-out; }
	@keyframes cx-in{ from{ opacity:0; transform:translateX(-50%) translateY(-6px); } }
	.cx__f{ padding:0; border-bottom:1px solid var(--hair); }
	.cx__in{ height:60px; padding:0 18px; border-radius:0; background:none; box-shadow:none; }
	.cx__in > svg{ width:20px; height:20px; }
	.cx__in input{ font:400 20px/26px var(--f); }
	.cx .cx__esc{ display:inline-block; }
	.cx__can{ display:none; }
	.cx__ch{ padding:12px 18px 0; }
	.cx__b{ padding:0 18px 12px; }
	.cx-g{ margin-top:14px; }
	.cx-h{ margin-bottom:4px; }
	.cx-h h3{ color:var(--ink3); font:600 13.5px/20px var(--f); letter-spacing:0; }
	.cx-h__a{ font-size:13.5px; line-height:20px; }
	.cx .cx-r{ min-height:56px; margin:0 -10px; padding:8px 10px; border:0; border-radius:12px; }
	.cx .cx-r--t{ padding:8px 10px; }
	.cx .ec-srow, .cx-rc__i{ margin:0 -10px; padding-right:10px; border:0; border-radius:12px; }
	.cx .ec-srow > .cx-r, .cx .cx-rc__i > .cx-r{ margin:0; }
	.cx .cx-r.is-sel, .cx .ec-srow:has(.is-sel), .cx-rc__i:has(.is-sel){ background:var(--s2); }
	.cx .ec-srow:has(.is-sel) .cx-r, .cx .cx-rc__i:has(.is-sel) .cx-r{ background:none; }
	.cx-r:active{ opacity:1; }
	.cx-all{ margin-top:12px; }
	.cx-all.is-sel{ box-shadow:inset 0 0 0 1.5px var(--lk); }
	.cx__k{ display:flex; gap:20px; flex:none; padding:12px 18px; border-top:1px solid var(--hair); color:var(--ink3); font:400 11.5px/16px var(--f); }
	.cx__k kbd{ margin-right:2px; }
}
@media (prefers-reduced-motion:reduce){ .cx.is-on .cx__p{ animation:none; } .cx__b{ transition:none; } }