/* -------------------------------------------------------
   Scriptorium Wizard Modal UI
------------------------------------------------------- */

.vatg-finalize-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}

.vatg-finalize-actions .button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:6px;
    text-decoration:none;
    font-size:13px;
}

/* Bundle button icon */
.vatg-finalize-actions .button-primary::before{
    content:"📦";
    font-size:14px;
}

/* Guide button icon */
.vatg-finalize-actions a.button:not(.button-primary)::before{
    content:"📘";
    font-size:14px;
}

/* Close button icon */
.vatg-finalize-actions button::before{
    content:"✕";
    font-size:12px;
}

/* -------------------------------------------------------
   Finalize Modal Buttons (Clean + Readable)
------------------------------------------------------- */

.vatg-finalize-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}

/* Base button style */

.vatg-finalize-actions .button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:6px;
    border:1px solid #d0d0d0;
    background:#ffffff;
    color:#222;
    text-decoration:none;
    font-size:13px;
}

/* Hover */

.vatg-finalize-actions .button:hover{
    background:#f5f5f5;
}

/* Download Bundle */

.vatg-finalize-actions .button-primary{
    font-weight:600;
}

/* Close button slightly muted */

.vatg-finalize-actions button{
    margin-left:auto;
    margin-top:6px;
    background:#fafafa;
}

/* Icons */

.vatg-finalize-actions .button-primary::before{
    content:"📦";
}

.vatg-finalize-actions a.button:not(.button-primary)::before{
    content:"📘";
}

.vatg-finalize-actions button::before{
    content:"📜";
}

/* -------------------------------------------------------
   Finalize Success Badge
------------------------------------------------------- */

.vatg-finalize-success{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    color:#2f6f3e;
    background:#f2f7f3;
    border:1px solid #d9e6dc;
    padding:4px 10px;
    border-radius:999px;
    margin-bottom:8px;
}