/* The Tool Bakery – IP Checker (Website & Domain Lookup) modern UI */
.ttb-ipdns-wrap{display:flex;align-items:center;justify-content:center;padding:24px}
.ttb-ipdns-card{
  background:var(--ttb-surface,#0b0f14);
  color:var(--ttb-foreground,#e8edf2);
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  padding:28px;
  width:100%;
  max-width:960px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.ttb-ipdns-title{font-size:clamp(18px,2.4vw,22px);margin:0 0 14px;color:#cfe1f6;letter-spacing:.02em}
.ttb-ipdns-form{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.ttb-ipdns-input{
  flex:1 1 340px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.02);
  color:#eaf2fb;
  padding:12px 14px;
  font-size:15px;
}
.ttb-ipdns-input::placeholder{color:#8ea4b9}
.ttb-ipdns-btn{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  color:#eaf2fb;border-radius:14px;
  padding:10px 14px;
  font-weight:600;font-size:14px;cursor:pointer;
  transition:transform .06s ease, background .2s ease, border-color .2s ease;
}
.ttb-ipdns-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}
.ttb-ipdns-btn-ghost{background:transparent;color:#cfe1f6}
.ttb-ipdns-meta{margin:8px 0 4px;color:#9bb0c3;font-size:14px}
.ttb-ipdns-label{opacity:.85;margin-right:6px}
.ttb-ipdns-domain{font-weight:700;color:#e8edf2}

.ttb-ipdns-results{margin-top:12px;border-top:1px dashed rgba(255,255,255,.12);padding-top:12px}
.ttb-ipdns-headrow, .ttb-ipdns-row{
  display:grid;
  grid-template-columns: 60px 100px 1.2fr 1fr 1.3fr 70px 50px;
  gap:10px;
  align-items:center;
}
.ttb-ipdns-headrow{color:#9bb0c3;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.ttb-ipdns-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ttb-ipdns-ip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;color:#e8edf2;word-break:break-all}
.ttb-ipdns-mute{color:#9bb0c3}
.ttb-ipdns-copy{border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.04);padding:6px 10px;font-size:12px;cursor:pointer}
.ttb-ipdns-actions{display:flex;gap:10px;margin-top:12px}
.ttb-ipdns-toast{margin-top:6px;min-height:18px;font-size:13px;color:#a6c48b}
.ttb-ipdns-note{margin-top:10px;color:#8fa3b8;font-size:12px}

@media (max-width: 860px){
  .ttb-ipdns-headrow, .ttb-ipdns-row{
    grid-template-columns: 64px 1fr 1fr 1fr 1fr 52px 56px;
  }
}
@media (max-width: 640px){
  .ttb-ipdns-headrow, .ttb-ipdns-row{
    grid-template-columns: 56px 1fr 1fr 0.8fr 0.8fr 46px 52px;
  }
}

/* Loading spinner */
.ttb-ipdns-loading{
  display: none;
  align-items:center;
  gap:10px;
  padding:8px 0 12px;
  color:#9bb0c3;
  font-size:14px;
}
.ttb-ipdns-spinner{
  width:18px; height:18px;
  border:2px solid rgba(255,255,255,0.25);
  border-top-color:#cfe1f6;
  border-radius:50%;
  animation: ttb-ipdns-spin .8s linear infinite;
}
@keyframes ttb-ipdns-spin { to { transform: rotate(360deg); } }

.ttb-ipdns-results { position: relative; }
.ttb-ipdns-results.is-loading .ttb-ipdns-loading { display: flex; }