/* =========================================================
   PAIDIA BOOK PAGE NUMBERING V2
   Integrated Book Edit UI
   ========================================================= */


.paidia-integrated-numbering{

    margin-top:28px;

    padding-top:24px;

    border-top:
        1px solid #dce6e3;
}


.ipn-head{

    margin-bottom:18px;
}


.ipn-head h3{

    margin:0 0 6px;

    font-size:22px;
}


.ipn-head p{

    margin:0;

    color:#6c7a77;
}


.ipn-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;

    margin-top:18px;
}


.ipn-grid label{

    display:grid;

    gap:8px;

    font-weight:700;
}


.ipn-grid input,
.ipn-override-form input{

    min-height:50px;

    padding:10px 13px;

    border:
        1px solid #d6e1de;

    border-radius:13px;

    font:inherit;

    background:#fff;
}


.ipn-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    margin:18px 0;

    padding:14px;

    border-radius:14px;

    background:#f2f7f5;
}


.ipn-checkbox input{

    width:19px;

    height:19px;
}


.ipn-preview-box{

    padding:16px;

    border:
        1px solid #dce6e3;

    border-radius:15px;

    background:#fbfdfc;
}


.ipn-preview-title{

    margin-bottom:8px;

    font-weight:800;
}


.ipn-preview-row{

    display:grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:center;

    gap:12px;

    padding:9px 0;

    border-bottom:
        1px solid #edf2f0;
}


.ipn-preview-row:last-child{

    border-bottom:0;
}


.ipn-advanced{

    margin-top:18px;

    padding:15px;

    border-radius:14px;

    background:#f5f8f7;
}


.ipn-advanced summary{

    cursor:pointer;

    font-weight:800;
}


.ipn-advanced > p{

    color:#687773;
}


.ipn-override-form{

    display:grid;

    grid-template-columns:
        140px 1fr auto;

    gap:9px;
}


.ipn-override-form button,
.ipn-override-row button{

    border:0;

    border-radius:11px;

    padding:9px 14px;

    cursor:pointer;

    background:#e6f0ed;

    color:#174f43;

    font:inherit;
}


.ipn-overrides-list{

    margin-top:12px;
}


.ipn-override-row{

    display:grid;

    grid-template-columns:
        110px 1fr auto;

    gap:10px;

    align-items:center;

    padding:9px 3px;

    border-bottom:
        1px solid #dde6e3;
}


.ipn-save{

    width:100%;

    min-height:52px;

    margin-top:18px;

    border:0;

    border-radius:14px;

    cursor:pointer;

    background:#185648;

    color:white;

    font:inherit;

    font-weight:800;
}


.ipn-message{

    min-height:22px;

    margin-top:10px;

    color:#17624f;

    font-weight:700;
}


.ipn-message.error{

    color:#a52e2e;
}


.ipn-empty{

    color:#73827e;

    padding:8px 0;
}


@media(max-width:700px){

    .ipn-grid{

        grid-template-columns:
            1fr;
    }


    .ipn-override-form{

        grid-template-columns:
            1fr;
    }
}