.kc-food-view{min-width:0;color:var(--kc-color-text);font-family:var(--kc-font-family-sans)}
.kc-food-missing summary{cursor:pointer;font-weight:var(--kc-font-weight-semibold);padding-block:var(--kc-space-2)}
.kc-food-missing li{overflow-wrap:anywhere}
.kc-food-view h3{margin:0 0 var(--kc-space-3);font-size:var(--kc-font-size-md);font-weight:var(--kc-font-weight-bold)}
.kc-food-view .kc-food-allergen{white-space:normal;gap:var(--kc-space-2)}
.kc-food-view .kc-food-allergen svg{width:20px;height:20px;flex:none}
.kc-food-table{width:100%;border-collapse:collapse;font-size:var(--kc-font-size-sm);color:var(--kc-color-text);table-layout:fixed}
.kc-food-table caption{text-align:left;font-size:var(--kc-font-size-md);font-weight:var(--kc-font-weight-bold);margin-bottom:var(--kc-space-3)}
.kc-food-table th,.kc-food-table td{padding:var(--kc-space-3);border-bottom:1px solid var(--kc-color-border);vertical-align:middle;overflow-wrap:anywhere}
.kc-food-table thead{background:var(--kc-color-surface-muted);color:var(--kc-color-text-secondary)}
.kc-food-table th:first-child{width:44%;text-align:left}
.kc-food-table tbody th{font-weight:var(--kc-font-weight-medium)}
.kc-food-table td,.kc-food-table thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.kc-food-table small{display:block;color:var(--kc-color-text-muted);font-weight:var(--kc-font-weight-regular);font-size:var(--kc-font-size-xs)}
.kc-food-table caption small{display:inline}
.kc-food-view .kc-food-help{margin:var(--kc-space-2) 0 0;font-size:var(--kc-font-size-xs);line-height:var(--kc-line-height-body);color:var(--kc-color-text-muted)}
@media(max-width:440px){.kc-food-table th,.kc-food-table td{padding:var(--kc-space-2)}.kc-food-table th:first-child{width:42%}}

/* Ícone e nome compartilham a identificação das plaquinhas. */
.kc-food-symbols{align-items:stretch;gap:var(--kc-space-2)}
.kc-food-symbol{display:flex;flex-direction:column;justify-content:center;gap:var(--kc-space-2);min-width:72px;max-width:124px;padding:var(--kc-space-3);border-radius:var(--kc-radius-md);white-space:normal;text-align:center;font-size:var(--kc-font-size-sm)}
.kc-food-symbol svg{width:26px;height:26px;flex:none}
.kc-food-symbol small{display:block;font-size:var(--kc-font-size-xs);font-weight:var(--kc-font-weight-regular)}
.kc-food-composition-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--kc-space-2);margin-bottom:var(--kc-space-2)}
.kc-food-composition-heading h3{margin:0}
.kc-food-composition-title{gap:var(--kc-space-2)}
.kc-food-composition-heading>span{color:var(--kc-color-text-secondary);font-size:var(--kc-font-size-sm)}
.kc-food-composition{margin:0;display:grid}
.kc-food-composition-scale{color:var(--kc-color-text-muted);font-size:var(--kc-font-size-xs)}
.kc-food-composition-row{display:grid;grid-template-columns:minmax(140px,.65fr) minmax(0,2fr);align-items:center;gap:var(--kc-space-4);padding:var(--kc-space-3) 0;border-bottom:1px solid var(--kc-color-border);font-size:var(--kc-font-size-sm)}
.kc-food-composition-row dt{font-weight:var(--kc-font-weight-semibold)}
.kc-food-composition-row dd{margin:0;display:grid;grid-template-columns:minmax(60px,1fr) minmax(180px,.65fr);gap:var(--kc-space-4);align-items:center}
.kc-food-ratio{position:relative;display:block;min-width:0;height:9px;border-radius:var(--kc-radius-pill);background:var(--kc-color-surface-muted);overflow:hidden}
.kc-food-ratio>span{position:absolute;inset:0 auto 0 0;border-radius:inherit}
.kc-food-composition-row--numeric dd{display:flex;justify-content:flex-end}
.kc-food-ratio-portion{width:var(--food-portion);background:var(--kc-color-primary)}
.kc-food-ratio[data-unknown]>span{display:none}
.kc-food-ratio-values{font-variant-numeric:tabular-nums;font-weight:var(--kc-font-weight-semibold);text-align:right;white-space:normal;min-width:0}
@media(max-width:600px){.kc-food-composition-row{grid-template-columns:1fr;gap:var(--kc-space-2)}.kc-food-ratio-values{overflow-wrap:anywhere}.kc-food-composition-row dd{grid-template-columns:minmax(40px,1fr) minmax(140px,1fr);gap:var(--kc-space-3)}.kc-food-composition-heading>span{font-size:var(--kc-font-size-xs)}.kc-food-symbol{min-width:66px;padding:var(--kc-space-2)}}
