.ia-panel{

    background:#fff;

    border-radius:20px;

    box-shadow:var(--shadow);

    padding:25px;

    position:sticky;

    top:30px;

    height:calc(100vh - 60px);

    overflow-y:auto;

}

.ia-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;

    padding-bottom:18px;

    border-bottom:1px solid var(--borda);

}

.ia-header h2{

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--verde);

    font-size:22px;

}

.ia-header span{

    color:#888;

    font-size:13px;

}

.ia-placeholder{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    height:100%;

    color:#777;

}

.ia-placeholder i{

    font-size:70px;

    color:var(--verde);

    margin-bottom:25px;

}

.ia-placeholder h3{

    margin-bottom:12px;

    font-size:22px;

}

.ia-placeholder p{

    line-height:1.7;

    margin-bottom:25px;

}

.ia-placeholder ul{

    list-style:none;

    width:100%;

}

.ia-placeholder li{

    background:#f5f7fb;

    margin-bottom:10px;

    padding:12px 15px;

    border-radius:12px;

    text-align:left;

    font-weight:600;

}

#ia-content h2{

    margin-bottom:15px;

    font-size:26px;

}

#ia-content h3{

    margin:25px 0 12px;

    color:var(--verde);

}

#ia-content p{

    line-height:1.8;

    color:#555;

}

#ia-content hr{

    border:none;

    border-top:1px solid #ececec;

    margin:25px 0;

}
.ia-vazio{
    padding:40px;
    text-align:center;
    color:#777;
}

.ia-loading{
    padding:40px;
    text-align:center;
}

.ia-erro{
    padding:20px;
    color:#d00000;
    font-weight:600;
}

.campo{
    margin-bottom:18px;
}

.campo label{
    display:block;
    margin-bottom:6px;
    font-size:13px;
    font-weight:600;
    color:#555;
}

.campo input,
.campo textarea{

    width:100%;

    border:1px solid #ddd;

    border-radius:8px;

    padding:12px;

    font-family:Inter,sans-serif;

    font-size:14px;

    resize:vertical;

    box-sizing:border-box;

}

.campo textarea{

    min-height:90px;

}

.grande{

    min-height:250px;

}

.acoes-ia{

    display:flex;

    gap:10px;

    margin-top:20px;

}

.btn-salvar,
.btn-publicar{

    flex:1;

    border:none;

    border-radius:8px;

    padding:12px;

    color:#fff;

    font-weight:600;

    cursor:pointer;

}

.btn-salvar{

    background:#049d84;

}

.btn-publicar{

    background:#0069d9;

}

.btn-salvar:hover{

    opacity:.9;

}

.btn-publicar:hover{

    opacity:.9;

}
.blocoIA{

margin-bottom:25px;

}

.blocoIA h3{

margin-bottom:10px;

font-size:18px;

}

.blocoIA textarea{

width:100%;

height:260px;

padding:15px;

resize:vertical;

border:1px solid #ddd;

border-radius:10px;

font-family:Inter;

font-size:14px;

line-height:1.7;

box-sizing:border-box;

}

.blocoIA button{

margin-top:10px;

background:#049d84;

color:#fff;

border:none;

padding:12px 18px;

border-radius:8px;

cursor:pointer;

font-weight:600;

}

.gerarNovamente{

width:100%;

padding:15px;

background:#111;

color:#fff;

border:none;

border-radius:10px;

font-size:15px;

font-weight:600;

cursor:pointer;

}
#ia-content{

padding:20px;

}

.iaBox{

margin-bottom:25px;

}

.iaBox label{

display:block;

font-size:12px;

font-weight:700;

letter-spacing:1px;

margin-bottom:8px;

color:#888;

}

.iaBox input{

width:100%;

padding:15px;

font-size:22px;

font-weight:700;

border-radius:12px;

border:1px solid #ddd;

box-sizing:border-box;

}

.iaBox textarea{

width:100%;

height:520px;

padding:18px;

font-size:15px;

line-height:1.8;

border-radius:12px;

border:1px solid #ddd;

resize:vertical;

box-sizing:border-box;

font-family:Inter;

}

.iaBox button{

margin-top:10px;

background:#049d84;

color:#fff;

border:none;

padding:12px 18px;

border-radius:10px;

cursor:pointer;

font-weight:600;

}

.novo{

width:100%;

padding:15px;

border:none;

background:#111;

color:#fff;

border-radius:10px;

font-size:15px;

cursor:pointer;

}

.loadingIA{

padding:100px;

text-align:center;

}