/* HBY Web Tools — strat comun de UX, accesibilitate și responsive design. */
:root{--tools-bg:#07111f;--tools-panel:rgba(13,29,47,.8);--tools-line:rgba(203,225,255,.15);--tools-text:#f8fbff;--tools-muted:#aebcd0;--tools-accent:#4f8cff;--tools-accent-2:#34d399}
.hby-tools-page{isolation:isolate;max-width:100%;overflow-x:clip;background:radial-gradient(circle at 8% 2%,rgba(79,140,255,.22),transparent 27%),radial-gradient(circle at 93% 16%,rgba(52,211,153,.13),transparent 26%),linear-gradient(145deg,#07111f,#0c1930 54%,#07111f)}
.hby-tools-page:before{position:absolute;z-index:0;inset:0;opacity:.26;background-image:linear-gradient(rgba(174,188,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(174,188,208,.09) 1px,transparent 1px);background-size:38px 38px;content:'';pointer-events:none;mask-image:linear-gradient(to bottom,#000,transparent 58%)}
.hby-tools-page :focus-visible{outline:3px solid #fda4af;outline-offset:3px}
.hby-tools-page button,.hby-tools-page a,.hby-tools-page input,.hby-tools-page select,.hby-tools-page textarea{touch-action:manipulation}
.hby-tools-page input,.hby-tools-page select,.hby-tools-page textarea{font-size:16px}
.hby-tools-page .container{width:min(100%,1280px);padding-right:max(1rem,env(safe-area-inset-right));padding-left:max(1rem,env(safe-area-inset-left))}
.hby-tools-page h1{max-width:18ch;margin-right:auto;margin-left:auto;text-wrap:balance}
.hby-tools-page h1+p,.hby-tools-page h1~p{ text-wrap:pretty }
.hby-tools-page .bg-charcoal,.hby-tools-page .bg-obsidian{background-color:rgba(7,17,31,.72)!important}
.hby-tools-page>.container{position:relative;border-bottom:1px solid rgba(174,188,208,.12)}
.hby-tools-page>.container>.text-center:first-child{max-width:780px;margin-right:auto;margin-left:auto;padding:1.3rem 1rem 2rem;border:1px solid rgba(203,225,255,.13);border-radius:1.5rem;background:linear-gradient(140deg,rgba(16,37,62,.78),rgba(8,19,35,.45));box-shadow:0 26px 65px rgba(0,0,0,.18)}
.hby-tools-page [class*="bg-neutral-900/"],.hby-tools-page [class*="from-neutral-800/"]{border-color:rgba(203,225,255,.14)!important;background-color:rgba(11,27,47,.76)!important;box-shadow:0 20px 55px rgba(0,0,0,.2)}
.hby-tools-page [class*="bg-black/40"],.hby-tools-page [class*="bg-black/50"],.hby-tools-page [class*="bg-black/60"]{background-color:rgba(2,9,18,.62)!important}
.hby-tools-page details{scroll-margin-top:7rem}
.hby-tools-page summary{cursor:pointer}
.hby-tools-page [class*="rounded-"]{scroll-margin-top:7rem}

/* Hub de unelte: căutare, filtre și carduri adaptabile. */
.tools-hub-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem;margin:0 auto 2.4rem;max-width:1024px}
.tools-hub-search{display:flex;align-items:center;gap:.65rem;min-width:min(100%,330px);padding:.7rem .9rem;border:1px solid var(--tools-line);border-radius:999px;background:rgba(255,255,255,.06);color:var(--tools-text)}
.tools-hub-search input{width:100%;border:0;outline:0;background:transparent;color:inherit;font-size:.9rem}.tools-hub-search input::placeholder{color:#a3a3a3}
.tools-filter{min-height:38px;padding:.55rem .8rem;border:1px solid var(--tools-line);border-radius:999px;background:rgba(255,255,255,.035);color:#d4d4d4;font-size:.72rem;font-weight:800;letter-spacing:.03em;transition:.2s ease;cursor:pointer}
.tools-filter:hover,.tools-filter[aria-pressed="true"]{border-color:rgba(251,113,133,.65);background:rgba(225,29,72,.18);color:#fff}
.tool-card[hidden]{display:none!important}.tool-card{min-height:220px}.tool-card:focus-visible{outline:3px solid #fda4af;outline-offset:4px}
.tools-empty{grid-column:1/-1;margin:0;padding:2rem;border:1px dashed var(--tools-line);border-radius:1rem;color:var(--tools-muted);text-align:center}
.tools-trust-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;max-width:1024px;margin:0 auto;border:1px solid var(--tools-line);border-radius:1rem;background:var(--tools-line)}
.tools-trust-bar>div{padding:1rem;background:rgba(15,15,15,.86);color:#d4d4d4;font-size:.78rem;text-align:center}.tools-trust-bar strong{display:block;margin-bottom:.22rem;color:#fff;font-size:.88rem}
.tools-related{position:relative;z-index:2;border-top:1px solid var(--tools-line);background:#0d0d0d;padding:2rem 0}.tools-related p{margin:0 0 .75rem;color:#d4d4d4;font-size:.78rem;font-weight:800}.tools-related>div>div{display:flex;flex-wrap:wrap;gap:.55rem}.tools-related a{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--tools-line);border-radius:999px;padding:.42rem .7rem;color:#bdbdbd;font-size:.72rem;text-decoration:none;transition:.2s ease}.tools-related a:hover{border-color:rgba(251,113,133,.7);background:rgba(225,29,72,.16);color:#fff}.tools-related a.tools-related__home{border-color:rgba(251,113,133,.5);color:#fff}

/* Instrumentele individuale: contururi mai clare și controale plăcute pe orice ecran. */
.hby-tools-page .hby-input{min-height:44px}.hby-tools-page button:not([class*="text-"]){min-height:40px}.hby-tools-page [x-cloak]{display:none!important}
.hby-tools-page .grid{min-width:0}.hby-tools-page img,.hby-tools-page canvas{max-width:100%}

/* Sidebar-ul devine un meniu accesibil, fără a acoperi conținutul pe telefon. */
.hby-tools-sidebar{position:fixed;z-index:90;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem)}.hby-tools-sidebar__toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;border:1px solid rgba(203,225,255,.22);border-radius:999px;padding:.65rem .95rem;background:#112743;color:#f8fbff;box-shadow:0 14px 35px rgba(0,0,0,.32);font-size:.75rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.hby-tools-sidebar__toggle:hover{background:#1b3a63}.hby-tools-sidebar__backdrop{position:fixed;z-index:-1;inset:0;background:rgba(1,7,14,.56);backdrop-filter:blur(3px)}.hby-tools-sidebar__drawer{position:fixed;right:clamp(.75rem,2vw,1.5rem);bottom:calc(clamp(.75rem,2vw,1.5rem) + 56px);width:min(350px,calc(100vw - 1.5rem));max-height:min(700px,calc(100dvh - 5.8rem));overflow-y:auto;overscroll-behavior:contain;transform:translateY(12px) scale(.97);visibility:hidden;opacity:0;pointer-events:none;border:1px solid rgba(203,225,255,.18);border-radius:1.25rem;background:rgba(8,22,39,.96);box-shadow:0 30px 85px rgba(0,0,0,.5);padding:1rem;transition:.2s ease}.hby-tools-sidebar__drawer.is-open{transform:translateY(0) scale(1);visibility:visible;opacity:1;pointer-events:auto}.hby-tools-sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.hby-tools-sidebar__brand{color:#fff;font-weight:900;text-decoration:none}.hby-tools-sidebar__brand span{color:#63a3ff}.hby-tools-sidebar__head button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:.6rem;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.hby-tools-sidebar__drawer>p{margin:0 0 1rem;color:#aebcd0;font-size:.72rem;line-height:1.45}.hby-tools-sidebar__drawer a{display:flex;align-items:center;gap:.6rem;min-height:37px;border-radius:.65rem;padding:.45rem .55rem;color:#cdd7e6;font-size:.78rem;font-weight:700;text-decoration:none}.hby-tools-sidebar__drawer a:hover,.hby-tools-sidebar__drawer a.is-active{background:rgba(79,140,255,.16);color:#fff}.hby-tools-sidebar__all{margin-bottom:.55rem;background:rgba(52,211,153,.1)}.hby-tools-sidebar__group{margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(203,225,255,.11)}.hby-tools-sidebar__group>span{display:block;padding:0 .55rem .25rem;color:#7c91ab;font-size:.61rem;font-weight:900;letter-spacing:.1em}
@media(max-width:767px){
  .hby-tools-page .container{padding-top:2.1rem;padding-bottom:2.1rem}
  .hby-tools-page h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.02}
  .tools-hub-controls{justify-content:flex-start;margin-bottom:1.5rem}.tools-hub-search{width:100%;min-width:0}
  .tools-filter{flex:0 0 auto}.tool-card{min-height:0}
  .tools-trust-bar{grid-template-columns:1fr}.tools-trust-bar>div{text-align:left}
  .hby-tools-sidebar{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom))}.hby-tools-sidebar__drawer{right:max(.75rem,env(safe-area-inset-right));bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 56px);width:min(350px,calc(100vw - 1.5rem))}
}
@media(prefers-reduced-motion:reduce){.hby-tools-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}