/* Aizyne AI Tool Finder full-width nav5 fix */

html,
body.tf-body{
    width:100%;
    min-width:100%;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden;
    background:#07111f!important;
    color:#f5f8ff!important;
}

/* Important: this page intentionally avoids .wrap and .container. */
#tf-app{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:1rem clamp(1rem,2.4vw,3rem) 2.5rem!important;
    box-sizing:border-box;
}

body.az-platform-nav-ready #tf-app{
    padding-top:1rem!important;
}

.tf-hero{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr)!important;
    gap:.9rem!important;
    margin:0 0 .9rem!important;
}

.tf-panel,
.tf-card,
.tool-card,
.result-header{
    width:100%!important;
    box-sizing:border-box!important;
    background:rgba(13,27,46,.92)!important;
    border:1px solid rgba(130,170,220,.22)!important;
    border-radius:15px!important;
    padding:1rem 1.1rem!important;
    box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}

.tf-hero-main{
    background:linear-gradient(135deg,rgba(74,144,226,.09),rgba(123,104,238,.06)),rgba(13,27,46,.92)!important;
}

.tf-hero-side{
    background:rgba(16,31,53,.88)!important;
}

.tf-badge{
    display:inline-flex;
    padding:.3rem .6rem;
    border-radius:999px;
    background:rgba(0,217,255,.10);
    border:1px solid rgba(0,217,255,.24);
    color:#b8dcff;
    font-size:.76rem;
    font-weight:800;
}

.tf-hero h1{
    font-size:clamp(1.75rem,2.8vw,2.55rem)!important;
    line-height:1.14!important;
    margin:.45rem 0 .65rem!important;
    max-width:980px!important;
}

.tf-lead{
    color:#d8e8ff;
    font-size:.96rem;
    line-height:1.55;
    max-width:980px;
}

.tf-muted{
    color:#a9b6c8;
    line-height:1.55;
}

.tf-free-pill{
    display:inline-flex;
    padding:.38rem .7rem;
    border-radius:999px;
    background:rgba(0,255,136,.075);
    border:1px solid rgba(0,255,136,.24);
    color:#c8ffe0;
    font-weight:850;
    margin:.35rem 0;
}

.tf-actions{
    display:flex;
    gap:.65rem;
    flex-wrap:wrap;
    margin-top:.9rem;
}

.tf-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:.62rem .95rem;
    border-radius:10px;
    background:linear-gradient(135deg,rgba(74,144,226,.92),rgba(123,104,238,.88));
    border:1px solid rgba(143,220,255,.32);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:750;
    font-size:.9rem;
    cursor:pointer;
}

.tf-btn.tf-secondary{
    background:rgba(74,144,226,.08);
    color:#b8dcff!important;
    border-color:rgba(143,220,255,.22);
}

.tf-form-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(220px,1fr))!important;
    gap:.75rem!important;
    margin-top:.7rem!important;
}

.tf-form label,
.tf-fieldset legend{
    display:block;
    font-weight:750;
    margin:.25rem 0;
}

.tf-form select,
.tf-form input{
    width:100%;
    padding:.7rem .8rem;
    border-radius:10px;
    border:1px solid rgba(130,170,220,.28);
    background:#07111f;
    color:#fff;
    box-sizing:border-box;
}

.tf-fieldset{
    margin:1rem 0 0;
    border:1px solid rgba(130,170,220,.20);
    border-radius:14px;
    padding:.85rem;
}

.tf-fieldset label{
    display:inline-flex!important;
    align-items:center;
    gap:.45rem;
    margin:.35rem .7rem .35rem 0!important;
    color:#d8e8ff;
    font-weight:500!important;
}

.tf-fieldset input{
    width:auto;
}

.tf-results{
    margin:1rem 0;
}

.recommendation-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(220px,1fr));
    gap:.75rem;
    margin-top:.75rem;
}

.tool-card.primary{
    border-color:rgba(0,217,255,.34)!important;
}

.tool-rank{
    display:inline-flex;
    padding:.25rem .5rem;
    border-radius:999px;
    background:rgba(0,217,255,.10);
    color:#b8dcff;
    font-size:.74rem;
    font-weight:800;
    margin-bottom:.5rem;
}

.risk-box{
    border-radius:12px;
    padding:.8rem;
    margin:.75rem 0;
}

.risk-low{background:rgba(0,255,136,.07)!important;border:1px solid rgba(0,255,136,.23)!important;color:#c8ffe0!important}
.risk-medium{background:rgba(255,170,0,.08)!important;border:1px solid rgba(255,170,0,.28)!important;color:#ffd68a!important}
.risk-high{background:rgba(255,80,80,.08)!important;border:1px solid rgba(255,80,80,.30)!important;color:#ffb8b8!important}

.tf-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(220px,1fr))!important;
    gap:.75rem!important;
}

.tf-notice{
    background:rgba(255,170,0,.08);
    border:1px solid rgba(255,170,0,.35);
    color:#ffd68a;
    border-radius:12px;
    padding:.8rem;
    margin:.8rem 0;
}

@media(max-width:1180px){
    .tf-form-grid,
    .recommendation-grid{
        grid-template-columns:repeat(2,minmax(220px,1fr))!important;
    }
}

@media(max-width:850px){
    .tf-hero,
    .tf-form-grid,
    .tf-cards,
    .recommendation-grid{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:640px){
    #tf-app{
        padding:.85rem!important;
    }

    .tf-panel,
    .tf-card,
    .tool-card,
    .result-header{
        padding:.85rem!important;
    }

    .tf-actions .tf-btn{
        width:100%;
    }
}