/**
 * Elibrary Test — Phase 4.6.1 Premium Test Card Experience
 * Visual-only enhancement of the existing selected-test card.
 * Scoped to .eltest-app; no engine logic or external dependencies.
 */

.eltest-app .eltest-testinfo {
 position:relative; overflow:hidden; margin:15px 0 7px; padding:20px;
 border:1px solid rgba(59,130,246,.20); border-radius:24px;
 background:radial-gradient(circle at 92% 6%,rgba(99,102,241,.14),transparent 25%),radial-gradient(circle at 8% 92%,rgba(14,165,233,.10),transparent 28%),linear-gradient(145deg,#fff 0%,#f8fbff 48%,#f7f5ff 100%);
 box-shadow:0 24px 55px rgba(15,23,42,.12),0 7px 18px rgba(37,99,235,.09),inset 0 1px 0 rgba(255,255,255,.98);
 transform:translateZ(0); isolation:isolate;
}
.eltest-app .eltest-testinfo::before { content:'';position:absolute;width:210px;height:210px;right:-105px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(59,130,246,.06) 36%,transparent 70%);pointer-events:none;z-index:-1; }
.eltest-app .eltest-testinfo::after { content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none; }
.eltest-app .eltest-testinfo-topline { position:relative;display:flex;align-items:center;gap:11px;margin-bottom:12px; }
.eltest-app .eltest-testinfo-icon { position:relative;display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:linear-gradient(145deg,#e0edff 0%,#eef2ff 52%,#fff 100%);border:1px solid rgba(59,130,246,.22);box-shadow:0 8px 16px rgba(37,99,235,.14),0 2px 0 rgba(255,255,255,.92) inset,0 -2px 0 rgba(59,130,246,.05) inset;font-size:20px;transform:translateY(-1px); }
.eltest-app .eltest-testinfo-icon::after { content:'';position:absolute;inset:4px;border-radius:10px;border:1px solid rgba(255,255,255,.65);pointer-events:none; }
.eltest-app .eltest-testinfo-topcopy { display:flex;flex-direction:column;gap:3px;min-width:0; }
.eltest-app .eltest-testinfo-kicker { font-size:.60rem;font-weight:950;letter-spacing:.14em;color:#2563eb;text-transform:uppercase; }
.eltest-app .eltest-testinfo-context { font-size:.73rem;font-weight:800;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.eltest-app .eltest-testinfo-badge { position:relative;display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 100%);border:1px solid rgba(99,102,241,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);color:#4338ca;font-size:.61rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase; }
.eltest-app .eltest-testinfo-title { position:relative;margin:0;font-size:clamp(1.22rem,3vw,1.58rem);line-height:1.08;letter-spacing:-.035em;font-weight:950;color:#0b1730;text-wrap:balance; }
.eltest-app .eltest-testinfo-subtitle { position:relative;margin:6px 0 13px;font-size:.81rem;line-height:1.48;color:#64748b; }
.eltest-app .eltest-testinfo-path { position:relative;display:flex;align-items:center;gap:7px;margin:0 0 13px;padding:9px 11px;border-radius:12px;background:rgba(239,246,255,.82);border:1px solid rgba(59,130,246,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.92);color:#475569;font-size:.68rem;font-weight:800; }
.eltest-app .eltest-testinfo-highlights { position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 13px; }
.eltest-app .eltest-testinfo-chip { position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:39px;padding:7px 6px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.90));border:1px solid rgba(148,163,184,.19);box-shadow:0 4px 10px rgba(15,23,42,.035),inset 0 1px 0 #fff;color:#64748b;font-size:.66rem;font-weight:750; }
.eltest-app .eltest-testinfo-chip b { color:#1e3a8a;font-size:.79rem;font-weight:950; }
.eltest-app .eltest-testinfo-chip.is-free { background:linear-gradient(180deg,#f2fff7,#ecfdf3);border-color:rgba(34,197,94,.20);box-shadow:0 4px 12px rgba(22,163,74,.06),inset 0 1px 0 #fff;color:#166534; }
.eltest-app .eltest-testinfo-chip.is-free b { color:#16a34a; }
.eltest-app .eltest-testinfo-meta { position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 15px; }
.eltest-app .eltest-testinfo-row { position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;min-height:47px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.66);border:1px solid rgba(226,232,240,.90);box-shadow:inset 0 1px 0 rgba(255,255,255,.95); }
.eltest-app .eltest-testinfo-key { font-size:.58rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em; }
.eltest-app .eltest-testinfo-val { font-size:.73rem;font-weight:850;line-height:1.35;color:#1e293b;word-wrap:break-word;overflow-wrap:break-word; }
.eltest-app .eltest-testinfo-cta { position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:54px;margin-top:3px;border-radius:16px;background:linear-gradient(135deg,#2563eb 0%,#315ed7 42%,#4f46e5 72%,#6d28d9 100%);box-shadow:0 5px 0 #1e3a8a,0 15px 30px rgba(37,99,235,.23),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.08);color:#fff;font-weight:950;letter-spacing:.025em;text-decoration:none;transform:translateY(0) translateZ(0);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,filter .18s ease; }
.eltest-app .eltest-testinfo-cta::before { content:'';position:absolute;left:9%;right:9%;top:1px;height:1px;background:rgba(255,255,255,.58);border-radius:999px;pointer-events:none; }
.eltest-app .eltest-testinfo-cta::after { content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 27%,rgba(255,255,255,.36) 46%,transparent 63%);transform:translateX(-120%);animation:eltest-testcard-shine 5.8s ease-in-out infinite;pointer-events:none; }
@keyframes eltest-testcard-shine { 0%,61%{transform:translateX(-120%)} 74%,100%{transform:translateX(120%)} }
.eltest-app .eltest-testinfo-cta:hover,.eltest-app .eltest-testinfo-cta:focus-visible { filter:brightness(1.045);transform:translateY(-2px);box-shadow:0 7px 0 #1e3a8a,0 18px 34px rgba(37,99,235,.27),inset 0 1px 0 rgba(255,255,255,.32);color:#fff; }
.eltest-app .eltest-testinfo-cta:active { transform:translateY(2px);box-shadow:0 3px 0 #1e3a8a,0 9px 18px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.20); }
@media (max-width:520px){ .eltest-app .eltest-testinfo{padding:16px;border-radius:20px}.eltest-app .eltest-testinfo-highlights{grid-template-columns:1fr}.eltest-app .eltest-testinfo-chip{justify-content:flex-start;padding-left:10px}.eltest-app .eltest-testinfo-meta{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .eltest-app .eltest-testinfo-cta::after{animation:none}.eltest-app .eltest-testinfo-cta{transition:none} }