.meal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.meal-action-button{width:100%;min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:1px solid rgba(226,232,240,.2);border-radius:16px;background:rgba(255,255,255,.08);color:#e7eef5;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.meal-action-button i{flex:0 0 auto;font-size:13px;color:#dbe7f0}
.meal-action-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meal-action-button:hover,.meal-action-button:focus-visible{background:rgba(255,173,50,.18);border-color:rgba(255,173,50,.58);color:#fff1d2;box-shadow:0 0 0 3px rgba(255,173,50,.1);outline:none}
.meal-action-button:active{transform:scale(.98)}
.meal-action-danger:hover,.meal-action-danger:focus-visible{background:rgba(248,113,113,.16);border-color:rgba(248,113,113,.58);color:#ffe4e6}
.meal-action-danger:hover i,.meal-action-danger:focus-visible i{color:#fda4af}

/* Glass meal cards: readable foreground over the app's dark photo backdrop. */
.meal-card-glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(214,236,245,.2)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.125),rgba(255,255,255,.055) 48%,rgba(255,255,255,.075))!important;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.25);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.meal-card-glass::before{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.13),transparent 32%),linear-gradient(120deg,rgba(8,20,29,.22),rgba(8,14,20,.52));}
.meal-card-main{display:flex;align-items:center;gap:14px;min-width:0}
.meal-card-icon{width:72px;height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(255,255,255,.1);box-shadow:0 8px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.18);font-size:32px}
.meal-card-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:brightness(.78) saturate(1.08)}
.meal-card-content{min-width:0;flex:1}
.meal-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0}
.meal-card-title{min-width:0;margin:0;color:#fff;font-size:18px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.meal-type-badge{max-width:92px;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(219,238,246,.25);border-radius:999px;background:rgba(255,255,255,.1);color:#e8f1f5;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.meal-card-meta{max-width:100%;margin:7px 0 0;color:#c1ccd5;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meal-card-macros{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;align-items:center;gap:6px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:#d1dbe3;font-size:13px;line-height:1;white-space:nowrap}
.meal-card-macros span{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.meal-card-macros .meal-card-calories{color:#b7ff00;font-size:16px;font-weight:900;text-align:left;text-shadow:0 0 14px rgba(183,255,0,.2)}
.meal-health-row{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);min-width:0}
.meal-health-bars{display:flex;gap:3px;flex:0 0 auto}
.meal-health-bars div{width:10px;height:5px;border-radius:999px;background:rgba(255,255,255,.14)}
.meal-health-bars div.is-filled{background:#b7ff00;box-shadow:0 0 8px rgba(183,255,0,.42)}
.meal-health-score{flex:0 0 auto;color:#b7ff00;font-size:16px;font-weight:900}
.meal-health-label{min-width:0;color:#c2cbd2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.food-diary-modal{max-height:min(82vh,760px);overflow:auto}
.food-diary-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.food-diary-form-grid label,.food-diary-wide-field{display:flex;flex-direction:column;gap:6px;color:#94a3b8;font-size:12px;font-weight:600}
.food-diary-wide-field{margin-bottom:12px}
.food-diary-nutrients{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.food-diary-section-title{margin-bottom:10px;color:#fff;font-size:13px;font-weight:800}
.food-diary-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.food-diary-modal-actions button{min-height:44px}
.food-diary-move-note{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid rgba(255,173,50,.2);border-radius:14px;background:rgba(255,138,0,.08);color:#fed7aa;font-size:13px;line-height:1.45;margin-bottom:14px}
@media (max-width:520px){.food-diary-form-grid{grid-template-columns:1fr}.food-diary-date-grid{grid-template-columns:1fr}.meal-action-button{font-size:11px;gap:5px;padding-right:4px;padding-left:4px}.meal-action-button i{font-size:12px}.meal-card-glass{border-radius:22px!important}.meal-card-icon{width:66px;height:66px;flex-basis:66px;border-radius:20px}.meal-card-main{gap:12px}.meal-card-title{font-size:17px}.meal-card-macros{gap:3px;font-size:12px}.meal-card-macros .meal-card-calories{font-size:14px}.meal-health-bars{gap:2px}.meal-health-bars div{width:8px}.food-diary-modal-actions{position:sticky;bottom:0;background:rgba(10,18,28,.94);padding-bottom:max(4px,env(safe-area-inset-bottom))}}
@media (max-width:360px){.meal-actions{gap:6px}.meal-action-button{font-size:10px;gap:4px}.meal-action-button i{font-size:11px}.meal-card-icon{width:60px;height:60px;flex-basis:60px}.meal-card-title{font-size:16px}.meal-type-badge{padding-right:8px;padding-left:8px}.meal-card-macros{font-size:11px}.meal-card-macros .meal-card-calories{font-size:13px}}