@font-face{font-family:Inter;src:url("fonts/Inter-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#0f172a;--ok:#047857;--warn:#b45309;--bad:#be123c;--shadow:0 10px 30px rgba(15,23,42,.05);--radius:14px}
[data-theme="dark"]{--bg:#0b1120;--surface:#111827;--surface2:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;--primary:#e5e7eb;--shadow:0 10px 30px rgba(0,0,0,.18)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{height:68px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:900;font-size:18px;letter-spacing:-.02em}.mark{width:26px;height:26px;border-radius:8px;background:var(--primary);display:inline-block;position:relative}.mark:after{content:"";width:10px;height:6px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);position:absolute;left:7px;top:8px;transform:rotate(-45deg)}.menu{display:flex;gap:22px}.menu a{color:var(--muted);text-decoration:none;font-weight:700}.right-actions{display:flex;align-items:center;gap:8px}.mini-select,.theme-btn{height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:0 10px;font-weight:800}.theme-btn{width:40px}.hero{padding:58px 0 24px}.hero-text{max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 10px;color:var(--muted);font-weight:800;font-size:12px;margin-bottom:18px}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 rgba(34,197,94,.6);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}h1{font-size:48px;line-height:1.05;letter-spacing:-.055em;margin:0 0 18px}.hero p{font-size:18px;color:var(--muted);max-width:620px;margin:0}.checker,.result-card,.section,.footer,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.checker{padding:18px;margin:18px 0}.client-ip{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:var(--muted);flex-wrap:wrap}.client-ip b{color:var(--text)}.client-ip em{font-style:normal;font-size:18px}.client-ip small{font-weight:700}.searchbar{display:flex;gap:12px}.searchbar input{flex:1;height:54px;font-size:17px}input,select{height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:0 12px;outline:none}input:focus,select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.btn{height:40px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 16px;font-weight:900;color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.primary{height:54px;background:var(--primary);border-color:var(--primary);color:var(--bg);min-width:116px}.check-options{display:flex;gap:14px;margin-top:12px;color:var(--muted);align-items:center;flex-wrap:wrap}.check-options label{display:flex;align-items:center;gap:8px;font-weight:800}.check-options input{width:86px}.live-badge{display:inline-flex;gap:7px;align-items:center;margin-inline-start:auto;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab{height:38px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 14px;font-weight:900;color:var(--muted);cursor:pointer}.tab.active{background:var(--surface2);color:var(--text);border-color:var(--line)}.result-card{padding:18px;margin:18px 0}.result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.result-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.muted{color:var(--muted)}.result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.state{border-radius:999px;background:#ecfdf5;color:var(--ok);padding:6px 10px;font-size:12px;font-weight:900}.loader{display:flex;align-items:center;gap:12px;background:var(--surface2);border-radius:12px;padding:14px;margin-top:16px}.loader span{width:18px;height:18px;border-radius:50%;border:3px solid var(--line);border-top-color:#2563eb;animation:spin 1s linear infinite}.loader p{margin:0;color:var(--muted);font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}.share-box{display:flex;gap:8px;background:var(--surface2);border-radius:12px;padding:10px;margin-top:16px}.share-box input{flex:1}.share-box button{border:0;background:var(--primary);color:var(--bg);border-radius:10px;padding:0 14px;font-weight:900}.hidden{display:none!important}.result-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.result-table th,.result-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.result-table th{background:var(--surface2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.result-table tr:last-child td{border-bottom:0}.node-pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 9px;white-space:nowrap;cursor:help;font-weight:900}.node-pill small{color:var(--muted);font-weight:800;border-left:1px solid var(--line);padding-left:7px}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.status-online,.status-open{background:#ecfdf5;color:var(--ok)}.status-warning{background:#fffbeb;color:var(--warn)}.status-error,.status-closed{background:#fff1f2;color:var(--bad)}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.kv div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}.kv b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.error-box{background:#fff1f2;color:var(--bad);border:1px solid #fecdd3;border-radius:12px;padding:14px;margin-top:16px}.section{padding:26px;margin:18px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.section h2{margin:0;font-size:24px;letter-spacing:-.035em}.section p{margin:0;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-grid article{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}.tool-grid b{display:block;margin-bottom:6px}.tool-grid span{color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);text-align:center}.stats span{display:block;font-size:26px;font-weight:900;letter-spacing:-.04em}.stats small{color:var(--muted);font-weight:800}.footer{border-radius:0;border-left:0;border-right:0;border-bottom:0;margin-top:40px;padding:24px 0;color:var(--muted);box-shadow:none}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.admin-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:34px 0 18px}.admin-hero h1{font-size:30px;margin:0 0 6px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:var(--surface2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.badge.active{background:#ecfdf5;color:var(--ok)}.badge.inactive{background:#fff1f2;color:var(--bad)}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.btn.small{height:32px;padding:0 10px;font-size:12px}.btn.danger{color:var(--bad);background:var(--surface);border-color:#fecdd3}.stat{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.stat b{display:block;font-size:28px;letter-spacing:-.04em}.alert{padding:12px 14px;border-radius:12px;margin:14px 0;font-weight:800}.alert.ok{background:#ecfdf5;color:var(--ok);border:1px solid #bbf7d0}.alert.err{background:#fff1f2;color:var(--bad);border:1px solid #fecdd3}.login-box{max-width:420px;margin:80px auto}.footer-space{height:50px}label{font-weight:800}textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px}
@media(max-width:900px){h1{font-size:34px}.menu{display:none}.nav{gap:10px}.right-actions{margin-inline-start:auto}.searchbar,.result-head,.split{display:flex;flex-direction:column;align-items:stretch}.live-badge{margin-inline-start:0}.tool-grid,.stats,.grid-2,.grid-3,.kv{grid-template-columns:1fr}.result-table,.table{display:block;overflow-x:auto}.hero{padding-top:38px}.section-head{display:block}.btn.primary{width:100%}}
[dir="rtl"] .result-table th,[dir="rtl"] .result-table td,[dir="rtl"] .table th,[dir="rtl"] .table td{text-align:right}


/* v8 mobile and interaction fixes */
.hamburger{display:none;width:40px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:99px}
.searchbar input{border-radius:16px;background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(15,23,42,.06);font-weight:700;letter-spacing:.01em}
.searchbar input::placeholder{color:var(--muted);font-weight:700}
.node-cell{position:relative;display:inline-block}
.node-popup{position:absolute;z-index:60;top:calc(100% + 8px);inset-inline-start:0;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.18);padding:12px;display:none;color:var(--text);text-align:start}
.node-cell.open .node-popup,.node-cell:hover .node-popup{display:block}
.node-popup b{display:block;font-size:14px;margin-bottom:8px}.node-popup .line{display:flex;gap:7px;margin:5px 0;color:var(--muted);font-size:12px}.node-popup .line span:first-child{min-width:82px;font-weight:900;color:var(--text)}.node-popup a{color:var(--text);font-weight:900;text-decoration:underline;text-underline-offset:3px;word-break:break-all}.node-pill{cursor:pointer;user-select:none}.contact-card{padding:22px;margin:28px 0}.contact-list{display:grid;gap:12px;margin-top:16px}.contact-list a,.contact-list div{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:14px;color:var(--text);text-decoration:none;font-weight:800}.contact-list small{display:block;color:var(--muted);font-weight:700;margin-top:4px}
@media(max-width:900px){.hamburger{display:flex}.topbar{height:auto;min-height:68px}.nav{min-height:68px;position:relative;flex-wrap:wrap}.menu{display:none;position:absolute;top:62px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;z-index:70;flex-direction:column;gap:4px}.menu.open{display:flex}.menu a{padding:12px;border-radius:10px}.menu a:hover{background:var(--surface2)}.right-actions{gap:6px}.searchbar{gap:10px}.searchbar input{width:100%;height:58px;font-size:16px;border-radius:16px;padding:0 16px}.checker{padding:16px}.check-options label{width:100%;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:9px 10px}.check-options input,.check-options select{width:120px}.node-popup{position:fixed;left:16px!important;right:16px!important;top:auto;bottom:18px;width:auto;max-height:60vh;overflow:auto}.result-actions{display:grid;grid-template-columns:1fr;gap:8px}.result-actions .btn{width:100%}}

/* v9 fixes: strong mobile search, recent history, advanced options, floating node popup */
.host-wrap{position:relative;flex:1;min-width:0}
.host-wrap input{width:100%}
.recent-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.recent-chip{border:1px solid var(--line);background:var(--surface2);color:var(--muted);height:30px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;cursor:pointer}
.recent-chip:hover{color:var(--text);border-color:#93c5fd}
.advanced-options{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.advanced-options summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:900;color:var(--text);display:flex;align-items:center;justify-content:space-between}
.advanced-options summary::-webkit-details-marker{display:none}
.advanced-options summary:after{content:'+';width:24px;height:24px;border-radius:8px;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.advanced-options[open] summary:after{content:'−'}
.advanced-options .check-options{margin-top:0;padding:0 14px 14px}
.node-cell{position:relative;display:inline-flex;vertical-align:middle}
.node-cell.open{z-index:80}
.node-popup{top:calc(100% + 10px);bottom:auto;min-width:290px;max-width:340px;pointer-events:auto}
.node-cell.open .node-popup{display:block!important}
.node-flag{font-size:17px;line-height:1}
.result-table td{overflow:visible}
.result-table{overflow:visible}
.table-wrap{overflow:auto}
@media(max-width:900px){
  .searchbar{display:grid!important;grid-template-columns:1fr;gap:12px;width:100%}
  .host-wrap{width:100%;display:block}
  .searchbar input#hostInput{display:block;width:100%!important;min-width:0;height:64px;font-size:17px;border-radius:18px;padding:0 18px;box-sizing:border-box}
  .checker form{width:100%}
  .recent-chips{gap:7px}
  .recent-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .advanced-options{border-radius:16px}
  .advanced-options .check-options{display:grid;grid-template-columns:1fr;gap:10px}
  .result-table{display:table;min-width:760px;overflow:visible}
  #resultContent{overflow-x:auto;overflow-y:visible;padding-bottom:14px}
  .node-popup{position:absolute!important;left:0!important;right:auto!important;top:calc(100% + 10px)!important;bottom:auto!important;width:300px;max-width:calc(100vw - 42px);max-height:none;overflow:visible}
  [dir="rtl"] .node-popup{right:0!important;left:auto!important}
}


/* v10 final fixes */
*,button,input,select,textarea,summary,a{font-family:Inter,Arial,sans-serif!important}
.client-ip-link{color:var(--text);text-decoration:none;border-bottom:1px dashed var(--muted)}
.client-ip-link:hover{color:#2563eb;border-bottom-color:#2563eb}
.history-delete-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.history-delete-form input{width:140px}
.node-popup{position:fixed!important;left:var(--node-popup-left,16px)!important;top:var(--node-popup-top,120px)!important;right:auto!important;bottom:auto!important;width:var(--node-popup-width,320px)!important;max-width:calc(100vw - 24px)!important;z-index:9999!important;overflow:visible!important}
.node-cell:hover .node-popup{display:none}
.node-cell.open .node-popup{display:block!important}
.result-card,#resultContent,.result-table,.result-table tbody,.result-table tr,.result-table td{overflow:visible}
@media(max-width:900px){
  #resultContent{overflow-x:auto;overflow-y:visible}
  .node-popup{position:fixed!important;max-height:70vh!important;overflow:auto!important}
  .node-popup .line{align-items:flex-start}
}

/* v11 clean google-like header/search + public node label */
body{background:radial-gradient(circle at top,#eef4ff 0,#f8fafc 320px,var(--bg) 680px)}
[data-theme="dark"] body{background:radial-gradient(circle at top,#17233d 0,#0b1120 420px,var(--bg) 760px)}
.topbar{height:56px;box-shadow:none;background:color-mix(in srgb,var(--surface) 84%,transparent)}
.nav{height:56px;gap:12px}.brand{font-size:16px}.mark{width:22px;height:22px;border-radius:7px}.mark:after{left:6px;top:7px;width:8px;height:5px}.menu{gap:8px}.menu a{font-size:13px;padding:7px 10px;border-radius:999px}.menu a:hover{background:var(--surface2);color:var(--text)}.mini-select,.theme-btn,.hamburger{height:32px;border-radius:999px}.theme-btn,.hamburger{width:34px}
.hero{padding:44px 0 12px;text-align:center}.hero-text{max-width:760px;margin:0 auto}.eyebrow{margin-bottom:14px;background:color-mix(in srgb,var(--surface) 78%,transparent)}h1{font-size:42px;margin-bottom:10px}.hero p{margin:0 auto;font-size:16px;max-width:540px}
.checker{max-width:760px;margin:16px auto 22px;padding:18px 18px 14px;border-radius:28px;box-shadow:0 18px 55px rgba(15,23,42,.08)}.client-ip{justify-content:center;margin-bottom:12px;font-size:13px}.searchbar{align-items:center;gap:10px}.searchbar input#hostInput{height:60px;border-radius:999px;border-color:color-mix(in srgb,var(--line) 70%,transparent);background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 28px rgba(15,23,42,.07);font-size:18px;padding:0 24px}.btn.primary{height:52px;border-radius:999px;min-width:104px}.tabs{justify-content:center;margin-top:12px}.tab{border-radius:999px;height:34px;padding:0 13px;font-size:13px}.advanced-options{max-width:620px;margin:12px auto 0;border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.advanced-options summary{padding:10px 14px;font-size:13px}.advanced-options .check-options{justify-content:center}.recent-chips{justify-content:center}.node-pill{gap:8px;border-radius:999px;padding:6px 11px;cursor:pointer;background:var(--surface2)}.node-location{font-weight:900}.node-pill small{display:none}.node-popup b{font-size:15px}.section{border-radius:22px}
@media(max-width:900px){.topbar{min-height:56px}.nav{min-height:56px}.menu{top:52px}.hero{padding:28px 0 8px}h1{font-size:30px}.hero p{font-size:14px}.checker{width:100%;padding:14px;border-radius:22px}.client-ip{justify-content:flex-start}.searchbar input#hostInput{height:58px!important;border-radius:22px!important;font-size:16px!important;padding:0 16px!important}.btn.primary{height:50px}.tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.tab{flex:0 0 auto}.node-location{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* v12 requested fixes: mobile collapses, footer/version, failed state, anti-bot field */
.bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.status-failed,.status-warning{background:#fff1f2!important;color:var(--bad)!important;border:1px solid #fecdd3}.state.failed{background:#fff1f2;color:var(--bad)}
.mobile-collapse{display:block}.mobile-collapse-summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.mobile-collapse-summary::-webkit-details-marker{display:none}.mobile-collapse-summary span{font-size:24px;font-weight:900;letter-spacing:-.035em;color:var(--text)}.mobile-collapse-summary small{color:var(--muted);font-weight:700;max-width:520px;text-align:end}.mobile-collapse-summary:after{content:'−';flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--muted)}.mobile-collapse:not([open]) .mobile-collapse-summary{margin-bottom:0}.mobile-collapse:not([open]) .mobile-collapse-summary:after{content:'+'}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner div{display:grid;gap:4px}.footer-inner b{color:var(--text);font-size:13px}.footer-inner span,.footer-inner small{color:var(--muted);font-size:13px}
@media(max-width:900px){.mobile-collapse-summary{margin-bottom:0}.mobile-collapse[open] .mobile-collapse-summary{margin-bottom:14px}.mobile-collapse-summary span{font-size:18px}.mobile-collapse-summary small{display:block;text-align:start;font-size:12px}.mobile-collapse-summary:after{content:'+'}.mobile-collapse[open] .mobile-collapse-summary:after{content:'−'}.footer-inner{align-items:flex-start}.footer-inner div{width:100%}}


/* v13 layout fix: keep Check button aligned with the input, while recent chips stay below */
.searchbar{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:start !important;
  gap:12px !important;
}
.searchbar .host-wrap{
  min-width:0 !important;
  width:100% !important;
}
.searchbar input#hostInput{
  display:block !important;
  width:100% !important;
  height:64px !important;
  line-height:64px !important;
  margin:0 !important;
}
.searchbar .btn.primary{
  height:64px !important;
  min-width:130px !important;
  margin:0 !important;
  padding:0 28px !important;
  align-self:start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.recent-chips{
  grid-column:1 / -1;
}
@media(max-width:900px){
  .searchbar{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .searchbar .btn.primary{
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
  }
  .searchbar input#hostInput{
    height:58px !important;
    line-height:58px !important;
  }
}


/* Final layout fixes */
html,body,button,input,select,textarea,option,label,a,span,div,p,strong,small,table,th,td,code,pre{
  font-family:Inter,Arial,sans-serif!important;
}
.searchbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  align-items:center!important;
  gap:12px!important;
}
.host-wrap{width:100%!important;min-width:0!important;}
.searchbar input#hostInput{
  width:100%!important;
  height:58px!important;
  margin:0!important;
}
.searchbar .btn.primary{
  width:132px!important;
  min-width:132px!important;
  height:58px!important;
  margin:0!important;
  align-self:center!important;
}
.flag-icon{
  width:20px!important;
  height:15px!important;
  display:inline-block!important;
  vertical-align:-2px!important;
  border-radius:2px!important;
  object-fit:cover!important;
  margin-inline-end:5px!important;
}
.client-ip .flag-icon{
  width:22px!important;
  height:16px!important;
}
.node-flag .flag-icon{
  width:18px!important;
  height:13px!important;
  margin-inline-end:0!important;
}
.kv .flag-icon{
  width:22px!important;
  height:16px!important;
}
@media(max-width:900px){
  .searchbar{
    grid-template-columns:1fr!important;
  }
  .searchbar .btn.primary{
    width:100%!important;
    min-width:0!important;
  }
}
/* Fix Check button alignment */
.searchbar{
    align-items:start !important;
}

.searchbar .btn.primary{
    height:64px !important;
    min-height:64px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    transform:none !important;
    position:relative !important;
    top:0 !important;
    align-self:start !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.searchbar input#hostInput{
    height:64px !important;
    margin:0 !important;
}

@media(max-width:900px){
    .searchbar .btn.primary{
        height:56px !important;
        min-height:56px !important;
        align-self:stretch !important;
    }
}
/* v16: clean URL checks, share buttons, no datalist arrow, progressive row loading */
input[list]::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important}
#hostInput::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important}
.share-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:14px}
.share-box input{width:100%}
.share-socials{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}
.share-socials a{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);background:var(--surface2);font-weight:900;font-size:12px}
.status-running{background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;display:inline-flex!important;align-items:center;gap:7px}
.mini-spinner{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:spin .8s linear infinite}
.row-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:800;background:var(--surface2);border-radius:12px;padding:10px 12px;margin:8px 0 14px}.row-loading span{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.state.running{background:#eff6ff;color:#2563eb}
.dns-node-block{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}
@media(max-width:900px){.share-box{grid-template-columns:1fr}.share-box button{width:100%}.share-socials a{flex:1 1 auto}}