/* Shared Toolarsh theme layer. Mirrors the home page across older tool pages. */
:root {
  --tlh-ink: #0B0E14;
  --tlh-panel: #11151F;
  --tlh-panel-2: #171C29;
  --tlh-line: #232838;
  --tlh-brass: #3b82f6;
  --tlh-brass-bright: #60A5FA;
  --tlh-slate: #7C97B8;
  --tlh-txt: #E7E9EE;
  --tlh-dim: #8B92A3;
}

html,
body {
  background: var(--tlh-ink) !important;
  color: var(--tlh-txt) !important;
  font-family: 'Inter', sans-serif;
}

.font-display { font-family: 'Space Grotesk', sans-serif; }
.font-mono-tool { font-family: 'JetBrains Mono', monospace; }

.tlh-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: .7rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--tlh-dim);
}

.drawer-tab { clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 12px 100%); }

.tlh-card,
.age-card,
.bmi-card,
.bn-card,
.snow-card,
.pdf-card,
.emi-card,
.bp-card,
.bituman-card,
.username-card,
.insta-card,
.yt-card,
.vsco-card,
.tool-card,
.converter-card,
.gematria-card,
.keyboard-card,
.contrast-card,
.password-card,
.qr-card,
.barcode-card,
[class*="bg-[#0a0a14]"] {
  background: var(--tlh-panel) !important;
  border: 1px solid var(--tlh-line) !important;
  border-radius: .6rem !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .55) !important;
}

.tlh-card,
.stat-card,
.ref-card,
.thumb-card,
.tool-card,
.converter-card,
.option-card,
.result-card,
.download-card,
.output-card,
.sys-card,
.letter-chip {
  transition: border-color .15s ease, transform .15s ease;
}

.tlh-card:hover,
.stat-card:hover,
.ref-card.ref-active,
.thumb-card:hover,
.tool-card:hover,
.converter-card:hover,
.option-card:hover,
.download-card:hover,
.output-card:hover,
.sys-card:hover {
  border-color: var(--tlh-brass) !important;
}

.tlh-card:hover,
.stat-card:hover,
.thumb-card:hover,
.tool-card:hover,
.converter-card:hover,
.option-card:hover,
.download-card:hover { transform: translateY(-2px); }

[class*="bg-[#0f0f1d]"],
[class*="bg-[#090911]"],
[class*="bg-[#0c0c18]"],
.tool-panel,
.form-panel,
.result-panel,
.output-panel,
.copy-panel,
.preview-panel,
.format-select,
.file-drop,
.password-display,
.stat-card,
.ref-card,
.advice-box,
.manual-checklist,
.thumb-meta,
.thumb-img-wrap,
.bn-scale-track,
.bmi-scale-track,
.snow-scale-track,
.pdf-input,
.hex-input,
.unit-input,
.sys-card,
.sys-card-header,
.letter-chip,
[class*="border-[#1f202b]"] {
  background-color: var(--tlh-panel-2) !important;
  border-color: var(--tlh-line) !important;
}

.tlh-icon-box,
.icon-badge,
.stat-icon,
.success-icon,
.feature-icon,
.tool-icon,
[class*="bg-indigo-900"],
[class*="bg-purple-900"],
[class*="bg-blue-900"],
[class*="bg-cyan-900"],
[class*="bg-emerald-900"] {
  background: var(--tlh-panel-2) !important;
  border: 1px solid var(--tlh-line) !important;
  border-radius: .45rem !important;
  color: var(--tlh-brass) !important;
  box-shadow: none !important;
}

.tlh-icon-box { transition: border-color .15s ease; }
.tlh-card:hover .tlh-icon-box,
.icon-badge:hover { border-color: var(--tlh-brass) !important; }

.accent-bar {
  background: linear-gradient(90deg, transparent, var(--tlh-brass), transparent) !important;
  opacity: .55 !important;
  animation: none !important;
}

[class*="from-indigo"],
[class*="to-indigo"],
[class*="from-purple"],
[class*="to-purple"],
[class*="from-blue"],
[class*="to-blue"],
[class*="from-cyan"],
[class*="to-cyan"],
[class*="from-pink"],
[class*="to-pink"] {
  --tw-gradient-from: var(--tlh-slate) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: var(--tlh-brass) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.glow-orb {
  filter: blur(70px) !important;
  opacity: .9 !important;
}
.glow-orb-1 { background: radial-gradient(circle, rgba(59, 130, 246, .12), transparent 70%) !important; }
.glow-orb-2 { background: radial-gradient(circle, rgba(124, 151, 184, .10), transparent 70%) !important; }

.back-link,
.tlh-navlink {
  font-family: 'JetBrains Mono', monospace;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tlh-dim) !important;
  font-weight: 500;
}

.back-link:hover,
.tlh-navlink:hover,
[class*="hover:text-white"]:hover { color: var(--tlh-brass-bright) !important; }
.back-link i { transition: transform .2s ease; }
.back-link:hover i { transform: translateX(-3px); }

.tlh-menu-link {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .875rem;
  color: var(--tlh-dim);
  transition: color .15s ease;
}
.tlh-menu-link::before { content: '\203A'; color: var(--tlh-line); transition: color .15s ease; }
.tlh-menu-link:hover { color: var(--tlh-txt); }
.tlh-menu-link:hover::before { color: var(--tlh-brass); }

.tlh-social,
.dl-icon-btn,
.copy-btn,
[class*="hover:border-indigo-500"],
[class*="hover:border-blue-500"],
[class*="hover:border-purple-500"],
[class*="hover:border-cyan-500"],
[class*="hover:border-emerald-500"] {
  border-color: var(--tlh-line) !important;
  color: var(--tlh-dim) !important;
}
.tlh-social:hover,
.dl-icon-btn:hover,
.copy-btn:hover,
[class*="hover:border-indigo-500"]:hover,
[class*="hover:border-blue-500"]:hover,
[class*="hover:border-purple-500"]:hover,
[class*="hover:border-cyan-500"]:hover,
[class*="hover:border-emerald-500"]:hover {
  border-color: var(--tlh-brass) !important;
  color: var(--tlh-brass-bright) !important;
}

.tlh-mobile-link {
  display: block;
  padding: .65rem .1rem;
  font-size: .95rem;
  font-weight: 500;
  color: var(--tlh-txt);
  border-bottom: 1px solid var(--tlh-line);
}
.tlh-mobile-link:last-of-type { border-bottom: none; }

.tlh-tab {
  background: var(--tlh-panel) !important;
  border: 1px solid var(--tlh-line) !important;
  color: var(--tlh-dim) !important;
  font-family: 'JetBrains Mono', monospace;
  font-size: .7rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: border-color .15s ease, color .15s ease;
}
.tlh-tab:hover { border-color: var(--tlh-brass) !important; color: var(--tlh-brass-bright) !important; }

.tlh-cta-primary,
.calc-btn,
.dl-pill,
button[type="submit"],
[class*="bg-indigo-600"],
[class*="bg-blue-600"],
[class*="bg-purple-600"],
[class*="bg-cyan-600"],
[class*="bg-emerald-600"],
[class*="bg-[#7a0d0d]"] {
  background: var(--tlh-brass) !important;
  color: var(--tlh-ink) !important;
  border: 1px solid var(--tlh-brass) !important;
  border-radius: .45rem !important;
  box-shadow: 0 10px 25px -10px rgba(59, 130, 246, .4) !important;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

.tlh-cta-primary:hover,
.calc-btn:hover,
.dl-pill:hover,
button[type="submit"]:hover,
[class*="hover:bg-indigo-700"]:hover,
[class*="hover:bg-blue-700"]:hover,
[class*="hover:bg-purple-700"]:hover,
[class*="hover:bg-cyan-700"]:hover,
[class*="hover:bg-emerald-700"]:hover,
[class*="hover:bg-[#911313]"]:hover {
  background: #60A5FA!important;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -10px rgba(59, 130, 246, .5) !important;
}

input,
textarea,
select,
.date-input,
.bmi-input,
.bn-input,
.snow-input,
.url-input,
.pdf-input,
.format-select,
[class*="focus:border-indigo-500"],
[class*="focus:border-blue-500"],
[class*="focus:border-purple-500"],
[class*="focus:border-cyan-500"],
[class*="focus:border-emerald-500"] {
  background-color: var(--tlh-panel-2) !important;
  border: 1px solid var(--tlh-line) !important;
  color: var(--tlh-txt) !important;
  border-radius: .45rem !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3) inset !important;
}

input::placeholder,
textarea::placeholder { color: var(--tlh-dim) !important; }
input:hover,
textarea:hover,
select:hover,
.date-input:hover,
.bmi-input:hover,
.bn-input:hover,
.snow-input:hover,
.url-input:hover,
.pdf-input:hover,
.format-select:hover { border-color: #2d3346 !important; }

input:focus,
textarea:focus,
select:focus,
.date-input:focus,
.bmi-input:focus,
.bn-input:focus,
.snow-input:focus,
.url-input:focus,
.pdf-input:focus,
.format-select:focus {
  outline: none !important;
  border-color: var(--tlh-brass) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .18), 0 1px 2px rgba(0, 0, 0, .3) inset !important;
}

input[type="checkbox"],
input[type="radio"] { accent-color: var(--tlh-brass) !important; }
input[type="range"] { accent-color: var(--tlh-brass) !important; }

.input-icon,
[class*="text-indigo-400"],
[class*="text-indigo-600"],
[class*="text-indigo-300"],
[class*="text-blue-400"],
[class*="text-blue-600"],
[class*="text-purple-400"],
[class*="text-purple-600"],
[class*="text-cyan-400"],
[class*="text-cyan-600"],
[class*="text-emerald-400"],
[class*="text-emerald-600"],
[class*="text-orange-400"],
[class*="text-yellow-400"] { color: var(--tlh-brass) !important; }

.text-white { color: var(--tlh-txt) !important; }
.text-gray-300 { color: var(--tlh-txt) !important; }
.text-gray-400,
.text-gray-500 { color: var(--tlh-dim) !important; }
.text-red-300,
.text-red-400,
.text-red-500,
.text-red-600 { color: #f3a8a8 !important; }
.text-green-300,
.text-green-400,
.text-green-500,
.text-emerald-300 { color: var(--tlh-brass-bright) !important; }

.result-number {
  font-family: 'Space Grotesk', sans-serif !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--tlh-brass) !important;
  text-shadow: none !important;
}
.result-number-accent { color: var(--tlh-brass) !important; }

.category-badge,
.component-badge,
.result-pill,
[class*="bg-indigo-900/20"],
[class*="bg-blue-900/20"],
[class*="bg-purple-900/20"],
[class*="bg-cyan-900/20"],
[class*="bg-emerald-900/20"] {
  background: rgba(59, 130, 246, .10) !important;
  border-color: rgba(59, 130, 246, .35) !important;
  color: var(--tlh-brass-bright) !important;
}

.bmi-marker { background: var(--tlh-brass) !important; }
.seg-under,
.seg-normal,
.seg-over,
.seg-obese,
.fill-balanced,
.fill-cpu,
.fill-gpu,
.snow-fill,
.scale-segment,
.progress-fill,
.meter-fill,
.bar-fill {
  background: linear-gradient(90deg, var(--tlh-slate), var(--tlh-brass)) !important;
}

.error-banner,
[class*="bg-red-900"],
[class*="bg-red-50"] {
  background: rgba(127, 29, 29, .16) !important;
  border: 1px solid rgba(239, 68, 68, .3) !important;
  color: #f3a8a8 !important;
}

.border-indigo-500,
.border-blue-500,
.border-purple-500,
.border-cyan-500,
.border-emerald-500,
[class*="border-indigo-500"],
[class*="border-blue-500"],
[class*="border-purple-500"],
[class*="border-cyan-500"],
[class*="border-emerald-500"] {
  border-color: var(--tlh-brass) !important;
}

.shadow-indigo-950\/20,
.shadow-indigo-950\/30,
.shadow-indigo-900\/20,
.shadow-red-950\/20,
[class*="shadow-indigo"],
[class*="shadow-blue"],
[class*="shadow-purple"],
[class*="shadow-cyan"],
[class*="shadow-emerald"] {
  --tw-shadow-color: rgba(59, 130, 246, .22) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.stat-icon-celebrate {
  background: rgba(59, 130, 246, .12) !important;
  border-color: rgba(59, 130, 246, .3) !important;
  color: var(--tlh-brass) !important;
}

.thumb-img-wrap { background: #000 !important; }
.thumb-overlay { background: rgba(0, 0, 0, .55) !important; }
.download-link { color: var(--tlh-brass) !important; }
.download-link:hover { color: var(--tlh-brass-bright) !important; }

@keyframes fadein {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fadein { animation: fadein .5s ease-out; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}