/* Mon Panier — ajout PWA déclaré. Styles des basiques de cuisine :
 * message de liste de courses, question rapide du scan, écran de profil
 * « Aliments hors courses ». Aucune règle n'existe sans porter une classe
 * introduite par ces ajouts ; la copie design n'est pas modifiée. */

/* --- Message en tête de liste de courses --- */
.mp-courses-basics-note{display:grid;gap:8px;margin:10px 0 0;padding:12px 14px;border:1px solid #d9e3dc;border-radius:14px;background:#fff}
.mp-courses-basics-note p{margin:0;color:#3f4f46;font-size:13px;line-height:1.5}
.mp-courses-basics-note-actions{display:flex;flex-wrap:wrap;gap:8px}
.mp-courses-basics-note-actions .mp-ui-action{min-height:36px;padding:6px 10px;font-size:13px}

/* --- Question rapide huile/beurre (écran Idées · scan frigo) --- */
.scan-v3-fats{display:grid;gap:8px;border:1px solid #d9e3dc;border-radius:12px;padding:10px;background:#fff}
.scan-v3-fats h2{font-size:1.1rem;margin:0}
.scan-v3-fats-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #eef2ec;color:#3f4f46;font-size:14px}
.scan-v3-fats-line:first-of-type{border-top:0}
.scan-v3-fats-choices{display:flex;gap:8px}
.scan-v3-fats-choices .mp-ui-action{min-height:40px;padding:6px 14px;font-size:14px}
.scan-v3-fats-value{color:#315b3b;font-size:14px}

/* --- Profil : une seule liste « Toujours chez toi » --- */
.kb-screen{display:grid;gap:18px;padding:0 0 16px}
.kb-intro{margin:0;color:#647168;font-size:13px;line-height:1.5}
.kb-add{display:flex;gap:10px;align-items:center;min-width:0;min-height:56px;padding:5px 6px 5px 14px;border:1px solid #dce4da;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgb(45 62 49 / 3%)}
.kb-add-symbol{display:grid;place-items:center;flex:none;color:#77867b}
.kb-add-symbol .mp-ui-icon{width:20px;height:20px}
.kb-add input{box-sizing:border-box;flex:1;width:100%;min-width:0;min-height:44px;border:0;padding:8px 0;background:transparent;color:#283a30;font-size:16px}
.kb-add input:focus-visible{outline:none}
.kb-add:focus-within{outline:2px solid var(--page-green,var(--mp-ui-action-accent));outline-offset:2px}
.kb-add .mp-ui-action{flex:none;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:13px}
.kb-add .mp-ui-action .mp-ui-icon{width:20px;height:20px}
.kb-list{overflow:hidden;border:1px solid #e5eae1;border-radius:20px;background:#fff;box-shadow:0 5px 16px rgb(45 62 49 / 3%)}
.kb-row{display:grid;grid-template-columns:30px minmax(0,1fr) 44px;gap:12px;align-items:center;min-height:68px;padding:9px 10px 9px 16px;border-top:1px solid #eef1eb}
.kb-row:first-child{border-top:0}
.kb-row-marker{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf5ef;color:var(--page-green,var(--mp-ui-action-accent))}
.kb-row-marker .mp-ui-icon{width:16px;height:16px}
.kb-row-copy{min-width:0}
.kb-row-copy strong{color:#2c3d32;font-size:15px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}
.kb-row .kb-remove{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#7d897f}
.kb-remove .mp-ui-icon{width:18px;height:18px}
.kb-empty{margin:0;padding:24px 16px;color:#647168;font-size:14px;line-height:1.5;text-align:center}
@media(hover:hover){.kb-row .kb-remove:hover{background:#f8efed;color:#a65042}}
@media(max-width:350px){.kb-row{gap:9px;padding-left:12px}.kb-add{gap:8px;padding-left:12px}}