/* Beszámoló form - only form-specific styles, shared styles are in main.css (.hk-form) */

.beszamolo-intro {
    margin: 1em 10px 2em;
    font-size: 14px;
    line-height: 1.6;
}
.beszamolo-intro p {
    margin: 0.5em 0;
}

/* Masked input */
.form-item-masked .masked-input-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.form-item-masked .mask-prefix,
.form-item-masked .mask-separator {
    font-weight: bold;
    font-size: 14px;
    color: #555;
    user-select: none;
}

.form-item-masked .mask-part {
    text-align: center;
    font-family: monospace;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 0.3em;
    width: auto !important;
}
.form-item-masked .mask-year {
    max-width: 4.5em;
}
.form-item-masked .mask-num {
    max-width: 3.5em;
}

.form-item-masked .mask-part.error {
    border-color: #bd2727 !important;
}




/* Responsive */
@media (max-width: 650px) {
    .form-item-masked .masked-input-group {
        margin-left: 0;
    }
}