/* style.css – تنسيقات بسيطة للواجهة العامة */
.mcc-calculator {
    max-width: 900px;
    margin: 0 auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mcc-section {
    margin-bottom: 20px;
}
.mcc-section label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.mcc-section input,
.mcc-section select {
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#mcc-materials-table {
    width: 100%;
    border-collapse: collapse;
}
#mcc-materials-table th,
#mcc-materials-table td {
    border: 1px solid #e1e1e1;
    padding: 8px;
    text-align: center;
}
#mcc-materials-table th {
    background: #f7f7f7;
}
.mcc-total {
    font-size: 1.2em;
    text-align: right;
}
.btn {
    cursor: pointer;
    background: #006799;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 6px 12px;
}
.btn:hover {
    background: #004e71;
}