.record-surface { margin: 28px 0; padding: 30px; border: 1px solid #ffffff12; border-radius: 28px; background: linear-gradient(145deg,#18242bce,#10161de8); box-shadow: 0 20px 55px #00000018; }
.record-surface__heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.record-surface__heading h4 { margin: 8px 0; font-size: 22px; font-weight: 600; }
.record-surface__heading p { margin: 0; color: #8fa2ad; font-size: 12px; }
.record-count { color: #a6b8c3; font-size: 12px; white-space: nowrap; border: 1px solid #ffffff16; border-radius: 99px; padding: 8px 14px; }
.diet-journal__row { display: grid; grid-template-columns: 130px minmax(120px,1.4fr) minmax(85px,1fr) minmax(85px,1fr) auto; align-items: center; gap: 20px; padding: 24px 0; border-top: 1px solid #ffffff0d; }
.diet-journal__row time { font-variant-numeric: tabular-nums; color: #c1d0d8; font-size: 13px; }
.diet-journal__row time span { display: block; margin-top: 8px; color: #8299a5; font-size: 11px; }
.diet-journal__food strong { display: block; font-size: 16px; font-weight: 500; color: #edf6f5; }
.diet-journal__food small { display: block; margin-top: 6px; color: #91a5af; font-size: 12px; }
.diet-journal__food details { margin-top: 10px; font-size: 12px; color: #aabbbf; overflow-wrap: anywhere; }
.diet-journal__food details p { margin-top: 8px; }
.journal-number strong { font-size: 23px; font-weight: 500; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.journal-number small { display: block; color: #829ba7; margin-top: 5px; font-size: 10px; }
.journal-number--protein strong { color: #a9eed2; }
.diet-journal__row .btn { font-size: 11px; padding: 10px 14px; white-space: nowrap; background: #ffffff03; border-color: #ffffff18; }
.diet-journal__row .btn span { margin-left: 10px; }
.record-surface .body-journal { --bs-table-bg: transparent; --bs-table-border-color: #ffffff0c; font-variant-numeric: tabular-nums; }
.record-surface .body-journal th { background: transparent; font-size: 11px; font-weight: 500; color: #819aa8; padding: 14px 18px 20px; border: 0; letter-spacing: .06em; }
.record-surface .body-journal td { padding: 25px 18px; border-width: 1px 0 0; font-size: 15px; color: #bdccd4; background: transparent; }
.body-journal td strong { font-size: 23px; font-weight: 500; color: #b5f6df; }
.body-journal small { font-size: 10px; color: #7e98a6; }
.body-journal time { font-size: 12px; }
.record-pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid #ffffff10; padding-top: 22px; margin-top: 8px; }
.record-pagination__status { font-size: 11px; color: #93a9b7; }
.record-pagination__actions { display: flex; gap: 8px; }
.record-pagination button { min-height: 38px; font-size: 11px; border: 1px solid #ffffff1c; background: #ffffff04; color: #d6e7e5; border-radius: 99px; padding: 8px 15px; }
.record-pagination button:disabled { opacity: .3; }
.record-pagination button:focus-visible { outline: 2px solid #b5f6df; outline-offset: 3px; }
[data-record-item][hidden] { display: none !important; }
.meal-studio { padding: 30px; border-radius: 28px; margin-top: 26px; }
.meal-studio .section-heading { margin-bottom: 28px; align-items: start; gap: 16px; }
.meal-studio .section-heading .text-muted-small { max-width: 260px; font-size: 11px; line-height: 1.7; text-align: right; }
.meal-studio .meal-combination-grid { gap: 22px; }
.meal-studio .meal-combination-card { position: relative; gap: 0; padding: 26px; border-radius: 22px; background: linear-gradient(160deg,#b0e5ef06,#11191d60); border-color: #ffffff12; }
.meal-option-number { font-size: 10px; letter-spacing: .15em; color: #91b2be !important; margin-bottom: 24px; }
.meal-ingredients { display: grid; gap: 14px; min-height: 65px; }
.meal-ingredients > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.meal-ingredients strong { font-size: 15px; font-weight: 500; }
.meal-ingredients span { font-size: 11px; white-space: nowrap; color: #94abb6 !important; }
.meal-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 30px 0 22px; padding-top: 23px; border-top: 1px solid #ffffff10; }
.meal-numbers strong { display: block; font-size: 29px; font-weight: 500; font-variant-numeric: tabular-nums; color: #e4f3f0; letter-spacing: -1px; }
.meal-numbers > div:last-child strong { color: #a9eed2; }
.meal-numbers small { font-size: 10px; display: block; margin-top: 6px; color: #8da5b1 !important; }
.meal-studio .meal-combination-card > small { font-size: 11px; line-height: 1.7; color: #8fa7b2; flex-grow: 1; margin-bottom: 26px; }
.meal-studio .meal-combination-action { gap: 12px; }
.meal-studio .meal-combination-action .btn,.meal-studio .meal-combination-action select { font-size: 11px; min-height: 40px; }
@media (min-width: 801px) and (max-width: 1200px) { .meal-studio .meal-combination-grid { grid-template-columns: 1fr; } .diet-journal__row { grid-template-columns: 110px minmax(100px,1fr) 80px 80px; gap: 12px; } .diet-journal__row form { grid-column: 2 / -1; } }
@media (max-width: 800px) {
 .record-surface,.meal-studio { padding: 22px 18px; border-radius: 24px; }
 .record-surface__heading { align-items: start; gap: 12px; }
 .record-surface__heading h4 { font-size: 20px; }
 .record-surface__heading p { line-height: 1.7; }
 .diet-journal__row { grid-template-columns: 1fr 1fr; gap: 18px; padding: 25px 0; }
 .diet-journal__row time { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; }
 .diet-journal__row time span { margin: 0; }
 .diet-journal__food { grid-column: 1 / -1; }
 .diet-journal__row form { grid-column: 1 / -1; }
 .record-surface .body-journal thead { display: none; }
 .record-surface .body-journal tbody { display: grid; }
 .record-surface .body-journal tr { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #ffffff0d; padding: 22px 0; gap: 16px 10px; }
 .record-surface .body-journal td { padding: 0; border: 0; font-size: 12px; }
 .record-surface .body-journal td:first-child { grid-column: 1 / -1; }
 .body-journal td[data-label]::before { content: attr(data-label); display: block; font-size: 10px; color: #7c97a6; margin-bottom: 10px; }
 .body-journal td:first-child::before { display: none; }
 .body-journal td strong { font-size: 19px; }
 .record-pagination { align-items: start; flex-wrap: wrap; }
 .meal-studio .section-heading { flex-direction: column; }
 .meal-studio .section-heading .text-muted-small { text-align: left; }
 .meal-studio .meal-combination-grid { grid-template-columns: 1fr; gap: 18px; }
 .meal-studio .meal-combination-card { padding: 24px; }
}