/* SAM1337 TOOLS v55 — unified light theme, full-width mobile forms, touch-safe UI */
:root{
  --sam-green:#16a05a;--sam-green-dark:#0d7d45;--sam-green-soft:#ecf8f1;
  --sam-ink:#17221c;--sam-muted:#66736b;--sam-line:#e3e9e5;--sam-bg:#f7faf8;--sam-card:#ffffff;
}
html{background:#f7faf8!important;color:#17221c!important}
body{background:#f7faf8!important;color:#17221c!important;overflow-x:hidden!important}
body:has(.site-header){background:#f7faf8!important}
.noise{display:none!important}

/* Header: force one consistent light appearance on every page. */
.site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e5ebe7!important;box-shadow:0 6px 24px rgba(16,35,24,.07)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.site-header::after{background:linear-gradient(180deg,rgba(22,160,90,.025),transparent 60%)!important}
.site-header::before{background:linear-gradient(90deg,transparent,rgba(22,160,90,.18),transparent)!important}
.site-header .brand{color:#17221c!important}
.site-header .brand em{color:#159653!important}
.site-header .brand-mark{background:#f0f8f3!important;border-color:#d8e9de!important;box-shadow:none!important}
.site-header .brand-mark::after{box-shadow:none!important}
.site-header nav{background:#f7faf8!important;border-color:#e1e8e3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-header nav a{color:#66736b!important}
.site-header nav a:hover{color:#0d7d45!important;background:#eef8f2!important;border-color:#d4e9dc!important}
.site-header nav a.active{color:#0d7d45!important;background:#eaf7ef!important;border-color:#cfe6d8!important;box-shadow:none!important}
.site-header .header-actions select.language-switch{background:#fff!important;color:#34433a!important;border-color:#dfe7e2!important}
.site-header .nav-toggle{background:#fff!important;color:#24352b!important;border-color:#dce5df!important;box-shadow:0 3px 12px rgba(16,35,24,.06)!important}
.nav-backdrop{background:rgba(17,31,23,.16)!important;backdrop-filter:blur(2px)!important}

/* Generic tools: remove the old dark inline design and make the form predictable. */
.tool-shell{width:min(1100px,calc(100% - 32px))!important;max-width:1100px!important;padding:54px 0 80px!important}
.tool-hero h1{color:#17221c!important}
.tool-hero>p{color:#66736b!important}
.tool-kicker{background:#eff9f3!important;border-color:#d8ecdf!important;color:#16884e!important}
.tool-kicker::before{background:#18a957!important;box-shadow:0 0 8px rgba(24,169,87,.25)!important}
.tool-card{background:#fff!important;border:1px solid #e2e9e4!important;box-shadow:0 14px 42px rgba(16,35,24,.07)!important}
.tool-card::before{background:linear-gradient(90deg,transparent,#9ed8b6,transparent)!important}
.tool-card::after{background:radial-gradient(circle,rgba(22,160,90,.045),transparent 70%)!important}
.tool-form{width:100%!important;display:flex!important;gap:12px!important;align-items:stretch!important}
.tool-input{width:100%!important;min-width:0!important;background:#fff!important;color:#17221c!important;border:1px solid #d9e2dc!important;box-shadow:none!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.tool-input::placeholder{color:#9aa69f!important}
.tool-input:focus{border-color:#67bb88!important;box-shadow:0 0 0 4px rgba(22,160,90,.08)!important}
.tool-btn{background:linear-gradient(135deg,#19a85a,#12884a)!important;color:#fff!important;box-shadow:0 6px 18px rgba(22,160,90,.20)!important}
.tool-btn.running{background:#4b9f6c!important;color:#fff!important}
.tool-out{background:#f8faf9!important;color:#26372d!important;border-color:#dfe7e2!important;box-shadow:none!important}
.tool-out::before{background:#f1f7f3!important;border-bottom-color:#e1e9e4!important;color:#547061!important}
.output-actions button{background:#fff!important;color:#425149!important;border-color:#dce5df!important}
.output-actions button:hover,.output-actions button.copied{background:#eef8f2!important;color:#0d7d45!important;border-color:#bfe0cb!important}
.tool-note{color:#728078!important}
.tool-nav a{background:#f7faf8!important;color:#187d4b!important;border-color:#dce8e0!important}
.tool-nav a:hover{background:#eef8f2!important;color:#0d7d45!important}

/* Mobile: every URL/domain/IP field occupies its own full row. */
@media(max-width:760px){
  main{width:calc(100% - 20px)!important;max-width:none!important}
  .tool-shell{width:calc(100% - 16px)!important;padding:30px 0 54px!important}
  .tool-hero{margin-bottom:18px!important}
  .tool-hero h1{font-size:clamp(27px,8.5vw,39px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .tool-card{padding:16px!important;border-radius:16px!important}
  .tool-form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  .tool-input,.tool-btn{width:100%!important;max-width:none!important;min-width:0!important;height:52px!important;min-height:52px!important;box-sizing:border-box!important}
  .tool-input{font-size:14px!important;padding:0 14px!important}
  .tool-btn{font-size:13px!important;padding:0 16px!important}
  .tool-out{font-size:11px!important;line-height:1.65!important;overflow:auto!important;max-width:100%!important}
  .output-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .output-actions button{width:100%!important;min-height:42px!important}
  .tool-nav a{width:100%!important;justify-content:center!important;min-height:44px!important}
}
@media(max-width:390px){
  main{width:calc(100% - 14px)!important}
  .tool-shell{width:calc(100% - 8px)!important}
  .tool-card{padding:13px!important}
  .tool-input,.tool-btn{height:50px!important;min-height:50px!important}
}

/* Homepage: remove remaining dark surfaces and keep search/filter usable. */
.home-hero{padding-top:64px!important}
.home-copy h1,.directory-heading h2,.about-panel h2{color:#17221c!important}
.home-copy>p,.directory-heading>div>p:last-child{color:#66736b!important}
.home-stats{background:#fff!important;border-color:#e1e9e4!important;box-shadow:0 14px 40px rgba(16,35,24,.06)!important}
.home-stats>div{border-color:#e8eee9!important}
.home-stats small{color:#7a8780!important}.home-stats span{color:#68766e!important}
.home-stats b{-webkit-text-fill-color:#158d50!important;background:none!important}
.tool-directory{border-top-color:#e5ebe7!important}
.directory-controls{width:100%!important}
.tool-search{background:#fff!important;color:#17221c!important;border-color:#dce5df!important;box-shadow:none!important}
.tool-search::placeholder{color:#9aa69f!important}
.tool-search:focus{border-color:#65b985!important;box-shadow:0 0 0 4px rgba(22,160,90,.07)!important}
.filter-btn{background:#fff!important;color:#59675f!important;border-color:#dfe7e2!important}
.filter-btn:hover{background:#eef8f2!important;color:#0d7d45!important;border-color:#c9e3d2!important}
.filter-btn.active{background:#eaf7ef!important;color:#0d7d45!important;border-color:#bfe0cb!important;box-shadow:none!important}
.tool-card{background:#fff!important;border-color:#e1e8e3!important;box-shadow:0 8px 24px rgba(16,35,24,.045)!important}
.tool-card:hover{background:#fbfefc!important;border-color:#bfe0cb!important;box-shadow:0 12px 30px rgba(16,35,24,.08)!important}
.tool-card-body p{color:#189253!important}.tool-card-body span{color:#68766e!important}.tool-card-body h3{color:#17221c!important}
.tool-card-footer{border-top-color:#e9eeeb!important;color:#748078!important}.tool-card-footer a{color:#13864b!important;border-color:#dce6e0!important}
.tool-badge{color:#6e7c74!important;border-color:#dfe7e2!important}
.category-chip{background:#fff!important;color:#647169!important;border-color:#e0e8e3!important}
.category-chip b{color:#168c4f!important}
.about-panel,.how-card{background:#fff!important;border-color:#e1e8e3!important;color:#17221c!important;box-shadow:0 10px 30px rgba(16,35,24,.045)!important}
.about-copy,.about-copy p,.about-copy li,.how-card p{color:#68766e!important}
.directory-empty{background:#fff!important;border-color:#dce6e0!important;color:#68766e!important}

/* Search: make it resilient and never leave a stale "No tools found" state. */
.tool-grid .tool-card[data-hidden="1"]{display:none!important}
.tool-grid .tool-card[data-hidden="0"]{display:flex!important}
.directory-empty:not(.show){display:none!important}

/* Dedicated legacy pages use their own CSS; force their major surfaces light too. */
.s46-page,.s46-wrap{background:#f7faf8!important;color:#17221c!important}
.s46-card,.s46-status,.s46-mini,.s46-history .s46-card{background:#fff!important;color:#17221c!important;border-color:#e1e8e3!important;box-shadow:0 12px 34px rgba(16,35,24,.06)!important}
.s46-hero h1,.s46-section h2,.s46-card h2,.s46-card h3{color:#17221c!important}
.s46-hero p,.s46-card p,.s46-section p{color:#68766e!important}
.s46-input{background:#fff!important;border-color:#d9e3dd!important;color:#17221c!important}
.s46-input input{background:#fff!important;color:#17221c!important}
.s46-input input::placeholder{color:#9aa69f!important}
.s46-btn{background:#168f4f!important;color:#fff!important}
.s46-filter{background:#fff!important;color:#17221c!important;border-color:#d9e3dd!important}
.s46-results,.s46-list,.s46-row,.s46-history-list{border-color:#e4ebe6!important}
.s46-kicker{color:#168c4f!important}.s46-badge{background:#eff8f2!important;color:#168c4f!important;border-color:#d6eadc!important}

@media(max-width:760px){
  .site-header{width:calc(100% - 12px)!important}
  .home-hero{padding:42px 0 40px!important}
  .home-copy h1{font-size:clamp(34px,11vw,48px)!important}
  .directory-heading h2{font-size:28px!important}
  .directory-controls{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .tool-search{width:100%!important;min-width:0!important;height:50px!important;flex:0 0 auto!important}
  .filter-row{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .filter-btn{width:100%!important;min-height:42px!important;height:42px!important}
  .tool-grid{grid-template-columns:1fr!important;width:100%!important;gap:12px!important}
  .tool-card{width:100%!important;min-width:0!important;padding:16px!important}
  .tool-card-body{padding:18px 0!important}
  .tool-card-body h3{font-size:18px!important}
  .tool-card-body span{font-size:12px!important;line-height:1.7!important}
  .tool-card-footer span{min-width:0!important;max-width:calc(100% - 46px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.tool-card.is-search-hidden{display:none!important}
.tool-search{font-size:15px!important}
@media(max-width:760px){.tool-search{font-size:15px!important;padding:0 15px!important}.tool-card-footer span{font-size:10px!important}}
