/* Publish Form Button Styles - Static CSS served from /public */
[data-btn="next"] {
    background-color: #0f172a !important;
    color: #fff !important;
    border: none !important;
    padding: .625rem 1.5rem !important;
    font-weight: 700 !important;
    border-radius: .5rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
    font-size: .875rem !important;
    transition: background-color .2s !important
}

[data-btn="next"]:hover {
    background-color: #1e293b !important
}

[data-btn="publish"] {
    background-color: #059669 !important;
    color: #fff !important;
    border: none !important;
    padding: .625rem 1.5rem !important;
    font-weight: 700 !important;
    border-radius: .5rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
    font-size: .875rem !important;
    transition: background-color .2s !important
}

[data-btn="publish"]:hover {
    background-color: #047857 !important
}

[data-btn="publish"]:disabled {
    background-color: #9ca3af !important;
    cursor: not-allowed !important;
    opacity: .6 !important
}

[data-btn="back"] {
    background-color: transparent !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    padding: .625rem 1rem !important;
    font-weight: 500 !important;
    border-radius: .5rem !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
    font-size: .875rem !important;
    transition: background-color .2s !important
}

[data-btn="back"]:hover {
    background-color: #f1f5f9 !important
}

[data-btn="back"]:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
    color: #94a3b8 !important
}