/* ─────────────────────────────────────────────
   SAM1337 TOOLS — Global Base Stylesheet v40
   Dark cyber-green design system
───────────────────────────────────────────── */

:root {
  --bg:        #050807;
  --bg2:       #080d0a;
  --panel:     #0b110d;
  --panel2:    #0e1612;
  --line:      rgba(255,255,255,.08);
  --line2:     rgba(125,255,170,.12);
  --muted:     #6b726e;
  --muted2:    #8a918d;
  --text:      #ecf2ee;
  --text2:     #bec9c1;
  --green:     #7dffaa;
  --green2:    #52de80;
  --green3:    #3ab868;
  --green-dim: rgba(125,255,170,.08);
  --green-glow:rgba(125,255,170,.18);
  --red:       #ff6b6b;
  --amber:     #ffc46b;
  --radius:    14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --shadow-lg: 0 24px 80px rgba(0,0,0,.55);
  --shadow-xl: 0 40px 120px rgba(0,0,0,.7);
  --transition: .22s cubic-bezier(.4,0,.2,1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
  background-image:
    radial-gradient(ellipse 80% 40% at 50% 0%, rgba(125,255,170,.08) 0%, transparent 60%),
    radial-gradient(ellipse 50% 30% at 80% 80%, rgba(82,222,128,.04) 0%, transparent 50%),
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
  background-size: auto, auto, 42px 42px, 42px 42px;
}

/* ─── Noise overlay ─── */
.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .14;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
  will-change: transform;
  animation: noiseDrift 8s steps(2, end) infinite;
}
@keyframes noiseDrift {
  0%   { transform: translate(0,0); }
  25%  { transform: translate(-1px, 1px); }
  50%  { transform: translate(1px, -1px); }
  75%  { transform: translate(-1px, -1px); }
  100% { transform: translate(0,0); }
}

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(125,255,170,.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(125,255,170,.4); }

/* ─── Typography ─── */
h1, h2, h3, h4 { line-height: 1.1; letter-spacing: -.04em; font-weight: 600; }
h1 { font-size: clamp(42px,6vw,72px); }
h2 { font-size: clamp(28px,4vw,48px); }
h3 { font-size: clamp(16px,2vw,22px); }

h1 strong, h2 strong {
  font-weight: 600;
  color: transparent;
  background: linear-gradient(110deg, #e8f5ec 10%, var(--green) 55%, #52de80 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

/* ─── SVG normalization ─── */
svg {
  display: block;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

/* ─── Brand logo ─── */
.brand-mark {
  display: grid;
  place-items: center;
  width: 40px; height: 40px;
  min-width: 40px;
  border-radius: 12px;
  border: 1px solid rgba(125,255,170,.22);
  background: rgba(125,255,170,.07);
  overflow: hidden;
  position: relative;
}
.brand-mark::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 0 16px rgba(125,255,170,.15);
  pointer-events: none;
}
.brand-image img {
  display: block !important;
  width: 100% !important; height: 100% !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

/* ─── Eyebrow / kicker ─── */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid rgba(125,255,170,.16);
  border-radius: 40px;
  background: rgba(125,255,170,.04);
  color: #80e89d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow span {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
  animation: pulseDot 2.4s ease-in-out infinite;
}
@keyframes pulseDot {
  0%, 100% { opacity: 1; box-shadow: 0 0 10px var(--green); }
  50%       { opacity: .5; box-shadow: 0 0 4px var(--green); }
}

/* ─── Primary action button ─── */
.primary-action, .btn-primary {
  height: 48px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--green), var(--green2));
  color: #041008;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  box-shadow: 0 4px 24px rgba(125,255,170,.3);
}
.primary-action::before, .btn-primary::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.18), transparent);
  opacity: 0;
  transition: opacity .2s;
}
.primary-action:hover::before, .btn-primary:hover::before { opacity: 1; }
.primary-action:hover, .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(125,255,170,.45);
}
.primary-action:active, .btn-primary:active { transform: translateY(0); }
.primary-action svg, .btn-primary svg { width: 17px; height: 17px; }

.secondary-action {
  height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.025);
  color: var(--muted2);
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition);
}
.secondary-action:hover {
  border-color: var(--line2);
  color: var(--text);
  background: rgba(125,255,170,.04);
}

/* ─── Language switcher ─── */
select.language-switch {
  -webkit-appearance: none;
  appearance: none;
  height: 38px;
  padding: 0 28px 0 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 11px;
  background-color: #090e0b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237a8780' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 16px;
  color: #8e9891;
  font: 10px 'JetBrains Mono', monospace;
  cursor: pointer;
  max-width: 128px;
  transition: var(--transition);
  outline: none;
}
select.language-switch:hover { border-color: rgba(125,255,170,.22); color: #c8f0d6; }
select.language-switch:focus {
  border-color: rgba(125,255,170,.4);
  box-shadow: 0 0 0 3px rgba(125,255,170,.07);
  color: #c8f0d6;
}
select.language-switch option { background: #090e0b; color: #dce4df; }

/* ─── Scanner & Results shells ─── */
.scanner, .results {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--line);
  background: rgba(12,17,14,.92);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.scanner {
  margin-top: 36px;
  padding: 24px;
  border-radius: var(--radius-xl);
  text-align: left;
  position: relative;
  overflow: hidden;
}
.scanner::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(125,255,170,.12) 0%, transparent 50%);
  pointer-events: none;
}
.scanner label {
  display: block;
  margin-bottom: 9px;
  color: #6a726e;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
}
.scan-row { display: flex; gap: 10px; }

.domain-input, .filter {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  height: 54px;
  padding: 0 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(5,9,7,.9);
  transition: var(--transition);
}
.domain-input:focus-within, .filter:focus-within {
  border-color: rgba(125,255,170,.4);
  box-shadow: 0 0 0 3px rgba(125,255,170,.06), inset 0 1px rgba(125,255,170,.04);
}
.domain-input svg, .filter svg { width: 18px; height: 18px; color: #4e5552; flex-shrink: 0; }
.domain-input input, .filter input {
  width: 100%; min-width: 0; border: 0; outline: 0;
  background: transparent; color: var(--text);
  font-family: 'JetBrains Mono', monospace; font-size: 14px;
}
.domain-input input::placeholder, .filter input::placeholder { color: #3e4441; }

.scan-btn {
  height: 54px; padding: 0 26px;
  display: flex; align-items: center; justify-content: center; gap: 9px;
  border: 0; border-radius: var(--radius);
  background: linear-gradient(135deg, var(--green), var(--green2));
  color: #041008; font-weight: 700; font-size: 13px;
  cursor: pointer; position: relative; overflow: hidden;
  transition: var(--transition);
  box-shadow: 0 4px 20px rgba(125,255,170,.28);
  white-space: nowrap;
}
.scan-btn::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.2), transparent 60%);
  opacity: 0; transition: opacity .2s;
}
.scan-btn:hover::after { opacity: 1; }
.scan-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(125,255,170,.42); }
.scan-btn:disabled { opacity: .6; cursor: wait; transform: none; box-shadow: none; }
.scan-btn svg { width: 17px; height: 17px; flex-shrink: 0; }
.scan-btn.loading svg { animation: spin 1s linear infinite; }

/* ─── Alert ─── */
.alert { display: none; margin-top: 14px; padding: 11px 14px; border-radius: var(--radius); font-size: 12px; line-height: 1.6; }
.alert.show { display: block; }
.alert.error  { border: 1px solid rgba(255,107,107,.2); background: rgba(255,107,107,.06); color: #f5a5a5; }
.alert.warning{ border: 1px solid rgba(255,196,107,.2); background: rgba(255,196,107,.06); color: #f5d5a5; }
.alert.success{ border: 1px solid rgba(125,255,170,.2); background: rgba(125,255,170,.06); color: #a5f5c5; }

/* ─── Results ─── */
.results {
  margin-top: 0; margin-bottom: 60px;
  border-radius: var(--radius-xl); overflow: hidden; scroll-margin-top: 84px;
}
.hidden { display: none !important; }

.result-head {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  padding: 24px; border-bottom: 1px solid var(--line);
  background: rgba(125,255,170,.018);
}
.result-head small, .section-title small { color: #5e6762; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.result-head h2 { margin: 6px 0 3px; font-family: 'JetBrains Mono', monospace; font-size: 22px; letter-spacing: -.04em; }
.result-head p { margin: 0; color: #5e6762; font-size: 12px; }
.result-head b { color: var(--green2); }

.actions { display: flex; flex-wrap: wrap; gap: 7px; }
.actions button, #refreshBtn {
  height: 36px; padding: 0 13px;
  border: 1px solid var(--line); border-radius: 9px;
  background: rgba(255,255,255,.022); color: #8e9690; font-size: 11px;
  cursor: pointer; transition: var(--transition);
}
.actions button:hover, #refreshBtn:hover { border-color: var(--line2); color: #c4f5d2; background: rgba(125,255,170,.04); }
.actions button.copied { background: rgba(125,255,170,.1); color: var(--green); border-color: var(--line2); }

.result-body { padding: 22px; }
.filter { height: 46px; }
.filter input { font-family: 'DM Sans', sans-serif; font-size: 13px; }
.filter span { white-space: nowrap; color: #515854; font-size: 10px; }

.result-list { margin-top: 14px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.result-row {
  height: 52px; display: flex; align-items: center; gap: 13px; padding: 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.045); background: rgba(0,0,0,.14);
  transition: background .15s; animation: rowFadeIn .3s ease both;
}
.result-row:last-child { border-bottom: 0; }
.result-row:hover { background: rgba(125,255,170,.025); }
@keyframes rowFadeIn { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
.result-row > span { width: 26px; color: #3d5244; font-family: 'JetBrains Mono', monospace; font-size: 10px; flex-shrink: 0; }
.result-row code { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c4cdc7; font-family: 'JetBrains Mono', monospace; font-size: 12px; }
.result-row a { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: #4e5954; text-decoration: none; transition: var(--transition); flex-shrink: 0; }
.result-row a svg { width: 15px; height: 15px; }
.result-row a:hover { color: var(--green); background: rgba(125,255,170,.07); }

/* ─── Pager ─── */
.pager { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; color: #5e6662; font-size: 11px; }
.pager div { display: flex; gap: 6px; }
.pager button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.022); color: #8a918d; cursor: pointer; transition: var(--transition); }
.pager button:hover:not(:disabled) { border-color: var(--line2); color: var(--green); }
.pager button:disabled { opacity: .22; cursor: default; }

/* ─── History section ─── */
.history-section { padding: 60px 0; scroll-margin-top: 65px; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; }
.section-title h2 { margin: 5px 0 0; font-size: 28px; letter-spacing: -.035em; }

.history-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 22px; }
.history-card {
  text-align: left; min-width: 0; min-height: 130px; padding: 17px;
  border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.018);
  transition: var(--transition);
}
.history-card:hover { transform: translateY(-2px); border-color: var(--line2); background: var(--green-dim); box-shadow: 0 8px 30px rgba(0,0,0,.3); }
.history-card span { float: right; padding: 4px 8px; border: 1px solid var(--line); border-radius: 20px; color: #666d69; font-size: 9px; }
.history-card h3 { clear: both; margin: 30px 0 0; overflow: hidden; text-overflow: ellipsis; color: #c9cec9; font-family: 'JetBrains Mono', monospace; font-size: 12px; white-space: nowrap; }
.history-card p { margin: 8px 0 0; color: #4d5450; font-size: 10px; }

.empty { grid-column: 1/-1; padding: 36px; text-align: center; color: #525854; font-size: 12px; }

/* ─── Features grid ─── */
.features { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; padding: 26px 0 70px; }
.features article { padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.016); transition: var(--transition); }
.features article:hover { border-color: var(--line2); background: var(--green-dim); transform: translateY(-2px); }
.features span { font-family: 'JetBrains Mono', monospace; color: #4ea867; font-size: 10px; }
.features h3 { margin: 32px 0 8px; font-size: 14px; }
.features p  { margin: 0; color: #646c67; font-size: 12px; line-height: 1.75; }

/* ─── Footer ─── */
footer { width: min(1180px,calc(100% - 40px)); margin: auto; padding: 26px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); color: #474d4a; font-size: 10px; }
footer a { color: inherit; text-decoration: none; }
footer a:hover { color: var(--green2); }

/* ─── Safe note ─── */
.safe { display: flex; align-items: center; gap: 8px; margin: 12px 2px 0; color: #4e5650; font-size: 11px; }
.safe svg { width: 13px; height: 13px; color: #5ea873; flex-shrink: 0; }

.tool-note { color: #5c6460; font-size: 12px; line-height: 1.7; margin-top: 14px; }
.section-kicker { margin: 0; color: #60c87a; font: 700 9px 'JetBrains Mono', monospace; letter-spacing: .18em; text-transform: uppercase; }

/* ─── Keyframes ─── */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes glowPulse { 0%,100% { box-shadow: 0 0 18px rgba(125,255,170,.18); } 50% { box-shadow: 0 0 36px rgba(125,255,170,.38); } }
@keyframes resultsReveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.results-reveal { animation: resultsReveal .35s ease both; }

/* ─── Utility ─── */
.mono { font-family: 'JetBrains Mono', monospace; }
.green { color: var(--green); }
.license-link { color: inherit; text-decoration: none; opacity: .65; transition: opacity .2s; }
.license-link:hover { opacity: 1; text-decoration: underline; }
main { width: min(1180px,calc(100% - 40px)); margin: auto; position: relative; }

/* ─── Mobile ─── */
@media (max-width: 720px) {
  main { width: min(100% - 24px,1180px); }
  .scan-row { flex-direction: column; }
  .scan-btn { width: 100%; }
  .safe { align-items: flex-start; line-height: 1.6; }
  .result-head { flex-direction: column; align-items: flex-start; padding: 18px; }
  .result-body { padding: 15px; }
  .actions { width: 100%; }
  .actions button { flex: 1; padding: 0 8px; }
  .result-row { padding: 0 10px; gap: 9px; }
  .result-row code { font-size: 11px; }
  .history-section { padding: 44px 0; }
  .section-title h2 { font-size: 22px; }
  .history-grid, .features { grid-template-columns: 1fr; }
  .features { padding-bottom: 50px; }
  footer { flex-direction: column; gap: 8px; text-align: center; }
}
@media (max-width: 480px) {
  main { width: calc(100% - 16px); }
  .scanner { padding: 14px; border-radius: 16px; }
  .domain-input { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
  .noise { animation: none; }
}

/* =========================================================
   SAM1337 TOOLS — WHITE UI REFRESH v41
   Clean white workspace + subtle graphite accents.
   Existing structure/animations are intentionally preserved.
========================================================= */
:root{
  --bg:#f7f8fa; --bg2:#ffffff; --panel:#ffffff; --panel2:#fbfcfd;
  --line:#e5e7eb; --line2:#d9dee5; --muted:#69707d; --muted2:#7d8490;
  --text:#111827; --text2:#4b5563; --green:#111827; --green2:#374151; --green3:#6b7280;
  --green-dim:rgba(17,24,39,.045); --green-glow:rgba(17,24,39,.10);
  --red:#dc2626; --amber:#b45309; --shadow-lg:0 24px 70px rgba(15,23,42,.08);
  --shadow-xl:0 36px 100px rgba(15,23,42,.12);
}
html,body{background:#f7f8fa!important;color:#111827!important}
body{
  background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(17,24,39,.045),transparent 62%),
    linear-gradient(rgba(17,24,39,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,24,39,.025) 1px,transparent 1px)!important;
  background-size:auto,42px 42px,42px 42px!important;
}
.noise{opacity:.025!important}
::-webkit-scrollbar-track{background:#f1f3f5!important}
::-webkit-scrollbar-thumb{background:#c8cdd5!important}
::-webkit-scrollbar-thumb:hover{background:#aeb5c0!important}
h1,h2,h3,h4{color:#111827!important}
h1 strong,h2 strong{background:linear-gradient(110deg,#111827 10%,#4b5563 55%,#9ca3af 90%)!important;background-clip:text!important;-webkit-background-clip:text!important}
a{color:#111827}
.eyebrow,.tool-kicker{
  color:#4b5563!important;background:#fff!important;border-color:#e5e7eb!important;
}
.eyebrow span,.tool-kicker::before{background:#111827!important;box-shadow:0 0 10px rgba(17,24,39,.22)!important}
button,input,select,textarea{font-family:inherit}
.primary-action,.btn-primary,.scan-btn,.tool-btn{
  background:linear-gradient(135deg,#111827,#374151)!important;color:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.16)!important;
}
.primary-action:hover,.btn-primary:hover,.scan-btn:hover,.tool-btn:hover{box-shadow:0 12px 30px rgba(15,23,42,.20)!important}
.site-header{
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e5e7eb!important;
  box-shadow:0 8px 30px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
}
.site-header::before{background:linear-gradient(90deg,transparent,#d1d5db,transparent)!important}
.site-header::after{background:linear-gradient(180deg,rgba(17,24,39,.02),transparent 60%)!important}
.site-header .brand{color:#111827!important}
.site-header .brand em{color:#6b7280!important}
.site-header .brand-mark{border-color:#e5e7eb!important;background:#fff!important;box-shadow:0 3px 12px rgba(15,23,42,.05)!important}
.site-header nav{background:#f8fafc!important;border-color:#e5e7eb!important}
.site-header nav a{color:#6b7280!important}
.site-header nav a:hover{color:#111827!important;background:#fff!important;border-color:#e5e7eb!important}
.site-header nav a.active{color:#111827!important;background:#fff!important;border-color:#dfe3e8!important;box-shadow:0 3px 12px rgba(15,23,42,.06)!important}
.site-header select.language-switch{
  background-color:#fff!important;color:#4b5563!important;border-color:#e5e7eb!important;
}
.site-header > .nav-toggle{background:#fff!important;border-color:#e5e7eb!important}
.site-header > .nav-toggle > span{background:#111827!important}
.workspace,.home-page,.tool-shell,.extension-page{position:relative;z-index:1}
.tool-card,.scanner-shell,.results,.trust-row,.install-card,.check-section,.extension-hero,.notice,.links-panel a{
  background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 18px 55px rgba(15,23,42,.06)!important;
}
.tool-card::before{background:linear-gradient(90deg,transparent,#d1d5db,transparent)!important}
.tool-card::after{background:radial-gradient(circle,rgba(17,24,39,.035),transparent 70%)!important}
.tool-input,.domain-input input{
  background:#fff!important;color:#111827!important;border-color:#dfe3e8!important;
}
.tool-input:focus,.domain-input input:focus{border-color:#9ca3af!important;box-shadow:0 0 0 4px rgba(17,24,39,.06)!important}
.tool-input::placeholder{color:#9ca3af!important}
.tool-out{background:#f8fafc!important;border-color:#e5e7eb!important;color:#374151!important}
.tool-out::before{background:#f1f5f9!important;border-color:#e5e7eb!important;color:#6b7280!important}
.output-actions button{background:#fff!important;color:#4b5563!important;border-color:#e5e7eb!important}
.output-actions button:hover{color:#111827!important;background:#f8fafc!important;border-color:#cbd5e1!important}
.tool-note,.tool-hero>p,.scanner-shell p,.trust-row span,.install-card li{color:#6b7280!important}
.tool-nav a{color:#374151!important;background:#fff!important;border-color:#e5e7eb!important}
.tool-nav a:hover{color:#111827!important;background:#f8fafc!important;border-color:#cbd5e1!important}
.sidebar{background:rgba(255,255,255,.96)!important;border-color:#e5e7eb!important;box-shadow:12px 0 35px rgba(15,23,42,.06)!important}
.side-link{color:#6b7280!important}
.side-link:hover,.side-link.active{color:#111827!important;background:#f8fafc!important}
.side-icon,.tool-icon,.trust-icon,.field-icon{color:#374151!important}
.safe{color:#6b7280!important}
.api-pill,.free-badge{background:#fff!important;border-color:#e5e7eb!important;color:#4b5563!important}
.api-pill i{background:#111827!important;box-shadow:0 0 8px rgba(17,24,39,.18)!important}
.result-row{border-color:#eef0f2!important}
.result-row code,.live-history-domain{color:#374151!important}
.result-row a{color:#6b7280!important}
.examples button{background:#fff!important;border-color:#e5e7eb!important;color:#4b5563!important}
.examples button:hover{background:#f8fafc!important;color:#111827!important}
.alert{border-color:#e5e7eb!important;background:#fff!important;color:#374151!important}
@media(max-width:820px){
  .site-header nav{background:#fff!important;box-shadow:0 28px 70px rgba(15,23,42,.12)!important}
  .site-header nav a{background:#f8fafc!important;border-color:#e5e7eb!important}
}