/* E-Safe Missing Kids front-end (v1.2.3) */
.esmk-wrap{--gap:12px;--cardW:130px;--cardH:146px;--speed:50s;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.esmk-header{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px}
.esmk-header h3{margin:0}
.esmk-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.esmk-attrib{font-size:12px;color:#666}
.esmk-filterlink{font-size:13px;text-decoration:underline;cursor:pointer}
.esmk-scroller{position:relative;overflow:hidden;border:1px solid #eee;border-radius:12px;background:#fafafa}
.esmk-track{display:flex;gap:var(--gap);padding:10px;animation:esmk-marquee var(--speed) linear infinite}
.esmk-track:hover{animation-play-state:paused}
@keyframes esmk-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.esmk-card{width:var(--cardW);min-width:var(--cardW);height:var(--cardH);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;border-radius:12px;background:white;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:8px;position:relative;color:inherit}
.esmk-thumb{width:100%;height:86px;background:#ddd center/cover no-repeat;border-radius:8px}
.esmk-name{margin-top:6px;font-size:13px;line-height:1.2;color:#111;text-align:center;font-weight:600}
.esmk-card:hover .esmk-name{text-decoration:underline}
.esmk-tooltip{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);width:320px;max-width:80vw;opacity:0;pointer-events:none;transition:.15s;z-index:50;padding:10px;display:flex;align-items:flex-start}
.esmk-tooltip-image{width:120px;height:120px;background:#ddd center/cover no-repeat;border-radius:10px;flex:0 0 auto}
.esmk-tooltip-meta{margin-left:12px;min-width:0}
.esmk-tooltip .esmk-desc{margin:.4rem 0 0;font-size:12px;color:#333;max-height:80px;overflow:auto}
.esmk-card:hover .esmk-tooltip{opacity:1;pointer-events:auto}
.esmk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.esmk-tile{display:flex;gap:10px;padding:10px;background:#fff;border:1px solid #eee;border-radius:12px;text-decoration:none;color:inherit;align-items:center}
.esmk-tile-img{width:92px;height:92px;background:#ddd center/cover no-repeat;border-radius:10px}
.esmk-tile-name{font-weight:700}
.esmk-tile-loc{font-size:12px;color:#555}
.esmk-modal[hidden]{display:none}
.esmk-modal{position:fixed;inset:0;z-index:9999}
.esmk-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(110%) blur(1px)}
.esmk-modal-card{position:relative;max-width:520px;margin:8vh auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:18px 18px 14px}
.esmk-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.esmk-modal .esmk-field{margin-bottom:10px}
.esmk-modal input[type="text"]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:10px}
.esmk-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
@media (prefers-reduced-motion: reduce){.esmk-track{animation:none}}