/* ------------------ IMPORT INTER FONT ------------------ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ------------------ WRAPPER ------------------ */

.agc-wrapper{
    font-family: 'Inter', sans-serif;
    max-width: 760px;
    margin: 40px auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06);
    border: 1px solid #f1f5f9;
}

/* ------------------ HEADINGS ------------------ */

.agc-wrapper h2{
    font-size: 20px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 20px;
    color: #0f172a;
}

/* ------------------ LABELS ------------------ */

.agc-wrapper label{
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    margin-top: 18px;
    color: #334155;
}

/* ------------------ INPUT + SELECT ------------------ */

.agc-wrapper input,
.agc-wrapper select{
    width: 100%;
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    transition: all 0.2s ease;
    outline: none;
}

.agc-wrapper input:focus,
.agc-wrapper select:focus{
    border-color: #2563eb;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
}

/* ------------------ FLEX FIELDS ------------------ */

.agc-field{
    display: flex;
    gap: 12px;
}

.agc-field input{
    flex: 1;
}

.agc-field select{
    width: 120px;
}

/* ------------------ MONEY FIELD ------------------ */

.agc-money{
    display: flex;
    align-items: center;
    gap: 10px;
}

.agc-money span{
    font-weight: 600;
    font-size: 14px;
    color: #0f172a;
}

/* ------------------ READONLY STYLE ------------------ */

.agc-wrapper input[readonly]{
    background: #f1f5f9;
    font-weight: 500;
}

/* ------------------ SECTION DIVIDER ------------------ */

.agc-wrapper h2:first-child{
    margin-top: 0;
}

/* ------------------ RESPONSIVE ------------------ */

@media (max-width: 768px){

    .agc-wrapper{
        padding: 25px;
    }

    .agc-field{
        flex-direction: column;
    }

    .agc-field select{
        width: 100%;
    }

    .agc-money{
        flex-direction: column;
        align-items: flex-start;
    }
}























/* .agc-wrapper{
max-width:650px;
background:#f3f4f6;
padding:30px;
border-radius:14px;
}
.agc-field{
display:flex;
gap:10px;
margin-bottom:15px;
}
.agc-field input{
flex:1;
padding:8px;
}
.agc-field select{
width:120px;
}
h2{
margin-top:25px;
}

.agc-money{
display:flex;
align-items:center;
gap:5px;
}
.agc-money span{
font-weight:600;
font-size:16px;
} */