/* Base container */
.bfnp-calculator {
    max-width: 820px;
    margin: 28px auto;
    padding: 22px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(20,40,70,0.06);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    color: #243140;
}

/* Title */
.bfnp-title {
    text-align: center;
    font-size: 1.5rem;
    color: #2b5aa7;
    margin-bottom: 18px;
}

/* Rows and fields */
.bfnp-row {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:14px;
}
.bfnp-field {
    flex:1 1 48%;
    display:flex;
    flex-direction:column;
}
.bfnp-field.full-width { flex-basis:100%; }

/* labels and selects */
.bfnp-field label { font-weight:600; margin-bottom:6px; }
.bfnp-select, .bfnp-qty {
    padding:10px 12px;
    border-radius:8px;
    border:1px solid #e3e8f0;
    background:#fbfdff;
    font-size:14px;
}

/* Ingredients grid */
.bfnp-ingredients {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:10px;
    margin-top:8px;
}
.bfnp-item {
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px;
    background:#f7fbff;
    border:1px solid #e6f0fb;
    border-radius:8px;
}
.bfnp-item label { flex:1; display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
.bfnp-item input[type="checkbox"] { transform:scale(1.05); }
.bfnp-item .bfnp-qty { width:80px; padding:6px; }

/* loading / note */
.bfnp-loading { color:#667085; }
.bfnp-note { color:#667085; font-size:13px; margin-top:6px; }

/* Button */
.bfnp-center { text-align:center; margin-top:12px; }
.bfnp-button {
    background:#2c6ecb;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    box-shadow: 0 6px 18px rgba(44,110,203,0.12);
    transition: background .18s ease;
}
.bfnp-button:hover { background:#1f53a0; }

/* Results card */
.bfnp-results {
    margin-top:18px;
    background:#f7fbff;
    border-radius:10px;
    border:1px solid #dbeefc;
    padding:14px;
}
.bfnp-output { display:flex; flex-direction:column; gap:10px; }
.bfnp-totals { display:flex; flex-wrap:wrap; gap:10px; }
.bfnp-tile {
    background:#fff; padding:10px 12px; border-radius:8px; border:1px solid #e6eefb;
    min-width:120px;
}

/* breakdown list */
.bfnp-breakdown { margin-top:8px; }
.bfnp-breakdown li { margin:6px 0; }

/* Responsive */
@media (max-width:900px) {
    .bfnp-ingredients { grid-template-columns: repeat(2, 1fr); }
    .bfnp-field { flex-basis: 100%; }
}
@media (max-width:520px) {
    .bfnp-ingredients { grid-template-columns: repeat(1, 1fr); }
    .bfnp-item { flex-direction:column; align-items:stretch; }
    .bfnp-item .bfnp-qty { width:100%; }
    .bfnp-button { width:100%; }
}