body{
    font-family: Calibri, Arial, sans-serif;
    background:#f4f4f4;
    margin:0;
}

.container{
    max-width:1200px;
    background:#fff;
    margin:20px auto;
    padding:20px;
}

h2{text-align:center;}

table{
    width:100%;
    border-collapse:collapse;
}

th,td{
    border:1px solid #000;
    padding:6px;
    vertical-align:middle;
}

th{
    background:#e6e6e6;
    text-align:center;
}

.section-row td{
    background:#e6e6e6;
    font-weight:bold;
    text-align:center;
}

input,select{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:13px;
}

.header-input{
    border-bottom:1px solid #000;
    width:auto;
    font-weight:bold;
}

.center{text-align:center;}
.right{text-align:right;}

.actions{
    margin:10px 0;
    display:flex;
    gap:10px;
}

.actions button{
    padding:6px 12px;
    cursor:pointer;
}

/* FILE INPUT */
#quoteTable input[type="file"]{
    width:90%;
    font-size:10px;
}

/* IMAGE PREVIEW FIX */
.preview-img{
    width:70px;
    height:70px;
    object-fit:cover;
    border:1px solid #999;
    display:block;
    margin:4px auto;
}

#quoteTable img{
    max-width:70px;
    max-height:70px;
}

.footer-text{font-size:12px;}

.red td{
    background:red;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

.brand-box{
    text-align:center;
    line-height:1.6;
}

.logo{
    height:60px;
    margin-bottom:5px;
}