/* IP Viewer premium UI synced with DNS Toolkit */
:root{
  --ipmyp-ui-bg:#ffffff;
  --ipmyp-ui-surface:#f8fbff;
  --ipmyp-ui-surface-2:#eef4ff;
  --ipmyp-ui-border:#d9e3f0;
  --ipmyp-ui-border-strong:#c8d5e6;
  --ipmyp-ui-text:#0f172a;
  --ipmyp-ui-muted:#64748b;
  --ipmyp-ui-primary:#2d59df;
  --ipmyp-ui-primary-strong:#1e3a8a;
  --ipmyp-ui-primary-soft:#e8f0ff;
  --ipmyp-ui-radius-xl:28px;
  --ipmyp-ui-radius-lg:22px;
  --ipmyp-ui-radius-md:16px;
  --ipmyp-ui-radius-sm:14px;
  --ipmyp-ui-shadow:0 10px 28px rgba(15,23,42,.06);
  --ipmyp-ui-shadow-soft:0 8px 22px rgba(15,23,42,.04);
}
.ipvj-lite-box{max-width:1290px;margin:12px auto;color:var(--ipmyp-ui-text);font-family:inherit;direction:rtl;background:transparent;border:none;border-radius:18px;padding:0}
.ipvj-lite-box *,.ipvj-lite-box *::before,.ipvj-lite-box *::after{box-sizing:border-box}
.ipvj-lite-shell{padding:12px;border-radius:var(--ipmyp-ui-radius-xl);border:1px solid var(--ipmyp-ui-border);background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);box-shadow:var(--ipmyp-ui-shadow)}
.ipvj-lite-panel{padding:18px;border-radius:var(--ipmyp-ui-radius-lg);background:linear-gradient(135deg,var(--ipmyp-ui-primary-strong) 0%,var(--ipmyp-ui-primary) 100%);box-shadow:0 14px 30px rgba(45,89,223,.18);color:#fff;text-align:center;min-height:108px}
.ipvj-lite-kicker{font-size:11px;font-weight:800;opacity:.86;margin-bottom:6px;letter-spacing:.02em}
.ipvj-lite-ip-wrap{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.ipvj-lite-ip{font-size:clamp(22px,2.4vw,32px);font-weight:900;color:#fff;word-break:break-all;line-height:1.2}
.ipvj-lite-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:none;transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease;flex-shrink:0}
.ipvj-lite-copy:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.ipvj-lite-copy:focus-visible,.ipvj-lite-btn:focus-visible,.ipvj-lite-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.18),0 0 0 5px rgba(45,89,223,.12)}
.ipvj-lite-copy-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ipvj-lite-copy-icon svg{display:block;width:18px;height:18px;fill:currentColor}
.ipvj-lite-copy.is-copied .ipvj-lite-copy-text{content:""}
.ipvj-lite-section{margin-top:12px;padding:16px;border-radius:22px;border:1px solid var(--ipmyp-ui-border);background:#fff;box-shadow:var(--ipmyp-ui-shadow-soft)}
.ipvj-lite-header,.ipvj-lite-search-title{font-size:15px;font-weight:900;margin:0 0 10px;color:var(--ipmyp-ui-text);text-align:center}
.ipvj-lite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ipvj-lite-card{background:#f9fbff;border:1px solid var(--ipmyp-ui-border);border-radius:16px;padding:12px 14px;min-height:54px;box-shadow:0 4px 12px rgba(15,23,42,.03)}
.ipvj-lite-card.is-hidden{display:none}
.ipvj-lite-label{font-size:11px;color:var(--ipmyp-ui-muted);font-weight:700;line-height:1.4}
.ipvj-lite-value{font-size:13px;font-weight:800;margin-top:4px;word-break:break-word;color:var(--ipmyp-ui-text);line-height:1.55}
.ipvj-lite-search-section{border-radius:22px}
.ipvj-lite-row{display:flex;gap:10px;align-items:center}
.ipvj-lite-input,.ipvj-lite-search-section input[type="text"].ipvj-lite-input{flex:1;min-height:48px;padding:0 14px;border-radius:22px !important;-webkit-border-radius:22px !important;appearance:none;-webkit-appearance:none;border:1px solid var(--ipmyp-ui-border-strong);font-size:12px;font-weight:700;background:#fff;color:var(--ipmyp-ui-text);transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;overflow:hidden;background-clip:padding-box}
.ipvj-lite-input::placeholder{color:#94a3b8;font-weight:700}
.ipvj-lite-input:focus{border-color:var(--ipmyp-ui-primary);box-shadow:0 0 0 3px rgba(45,89,223,.12)}
.ipvj-lite-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:14px;background:var(--ipmyp-ui-primary);color:#fff;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 8px 16px rgba(45,89,223,.18);transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease}
.ipvj-lite-btn:hover{transform:translateY(-1px)}
.ipvj-lite-status{font-size:11px;color:var(--ipmyp-ui-muted);margin-top:8px;min-height:18px;text-align:center;line-height:1.8}
.ipvj-lite-map{border:1px solid var(--ipmyp-ui-border);border-radius:18px;overflow:hidden;background:#f8fbff}
.ipvj-lite-map-canvas{width:100%;height:260px;position:relative}
.ipvj-lite-map-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#f3f4f6 0,#e5e7eb 50%,#f3f4f6 100%);background-size:200% 100%;animation:ipvj-lite-shimmer 1.2s infinite}
.ipvj-lite-map.is-ready .ipvj-lite-map-skeleton{display:none}
.ipvj-lite-box.is-loading .ipvj-lite-btn{opacity:.75;pointer-events:none}
.ipvj-lite-box.is-only-ip .ipvj-lite-section{display:none}
@keyframes ipvj-lite-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (max-width:640px){.ipvj-lite-shell{padding:10px}.ipvj-lite-panel,.ipvj-lite-section{padding:14px}.ipvj-lite-grid{grid-template-columns:1fr}.ipvj-lite-row{flex-direction:column}.ipvj-lite-btn{width:100%}.ipvj-lite-copy{width:100%}.ipvj-lite-map-canvas{height:220px}}

/* 3.2.9 stable radius fix */
.ipvj-lite-input,.ipvj-lite-search-section input[type="text"].ipvj-lite-input{border-radius:14px !important;-webkit-border-radius:14px !important;}