/* Official EAKC Mobility Form Style */

@page{
    size:A4 portrait;
    margin:12mm 14mm 15mm 14mm;
}

*{
    box-sizing:border-box;
}

body{
    font-family:"Times New Roman", Times, serif;
    font-size:12pt;
    line-height:1.45;
    background:#f3f5f7;
    color:#000;
    margin:0;
    padding:20px;
}

.form-wrapper{
    width:100%;
    max-width:800px;
    margin:auto;
    background:#fff;
    padding:28px;
}

.form-header{
    text-align:center;
}

.logo{
    width:90px;
}

h1,h2,h3{
    margin:0;
}

h2{
    background:#0056A6;
    color:#fff;
    font-size:16pt;
    padding:8px 12px;
    margin:25px 0 15px;
    font-weight:bold;
}

h3{
    font-size:13pt;
    margin:18px 0 10px;
}

.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

label{
    display:block;
    font-weight:bold;
    margin:10px 0 5px;
}

input,
select,
textarea{
    width:100%;
    padding:8px;
    border:1px solid #bdbdbd;
    font-family:"Times New Roman", Times, serif;
    font-size:12pt;
    background:#fff;
}

textarea{
    resize:vertical;
}

span{
    display:block;
    padding:8px;
    min-height:36px;
}

.note{
    background:#eef3fb;
    border-left:5px solid #0056A6;
    padding:12px;
    margin-bottom:12px;
}

.form-table{
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
}

.form-table th{
    background:#0056A6;
    color:#fff;
    padding:10px;
    border:1px solid #0056A6;
    font-weight:bold;
}

.form-table td{
    border:1px solid #cfcfcf;
    padding:10px;
    vertical-align:top;
}

.add-btn{
    margin-top:12px;
    background:#0056A6;
    color:#fff;
    border:none;
    padding:9px 16px;
    cursor:pointer;
}

.remove-btn{
    background:#c62828;
    color:#fff;
    border:none;
    padding:6px 10px;
    cursor:pointer;
}

.submit-btn{
    width:100%;
    background:#0056A6;
    color:#fff;
    border:none;
    padding:15px;
    font-size:14pt;
    font-weight:bold;
    margin-top:30px;
    cursor:pointer;
}

.word-counter{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:2px;
    font-size:11pt;
    color:#555;
    margin:4px 0 0 0;
    line-height:1;
    flex-wrap:nowrap;
}

.page-break{
    page-break-before:always;
}
@media print {

    input,
    textarea,
    select {
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #000 !important;
        border-radius: 0;
        background: #fff !important;
        color: #000 !important;
        -webkit-text-fill-color: #000;
        box-shadow: none;
        padding: 6px;
        box-sizing: border-box;
    }

    textarea {
        resize: none;
    }

    .submit-btn,
    .add-btn,
    .remove-btn,
    .word-counter {
        display: none !important;
    }

    .page-break {
        break-before: page;
        page-break-before: always;
    }
}
/* ---------- FINAL EAKC POLISH ---------- */

.print-value{
    min-height:22px;
    padding:3px 0;
    font-weight:bold;
}

.signature-box{
    height:55px;
    border-bottom:1px solid #000;
}

.long-line{
    height:38px;
    border-bottom:1px solid #000;
}

.footer-bar{
    margin-top:35px;
    border-top:1px solid #999;
    padding-top:10px;
    font-size:10pt;
    color:#555;
    display:flex;
    justify-content:space-between;
}

@media print{

    .footer-bar{
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        padding:8px 12mm;
        background:#fff;
        border-top:1px solid #999;
    }

}
.filled-field{
    background:#fff;
    color:#000;
    border:1px solid #bdbdbd;
    font-family:"Times New Roman", Times, serif;
    font-size:12pt;
}

textarea.filled-field{
    resize:none;
}

select.filled-field{
    appearance:none;
    background:#fff;
}
.last-page-footer{
    margin-top:40px;
    padding-top:12px;
    border-top:1px solid #000;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:"Times New Roman", Times, serif;
    font-size:11pt;
}

@media print{
    .last-page-footer{
        page-break-inside:avoid;
    }
}