.header-actions{display:flex;gap:8px}
.body-page{display:grid;gap:14px;padding-bottom:120px}
.body-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.body-header h1{margin:4px 0}
.body-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.body-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.body-kpi-grid article{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);min-width:0}
.body-kpi-grid span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}
.body-kpi-grid strong{display:block;font-size:21px;margin-top:4px}
.body-kpi-grid small{display:block;margin-top:4px;color:var(--muted);line-height:1.25;overflow-wrap:anywhere}
.body-kpi-grid small.good{color:#72e993}
.body-kpi-grid small.bad{color:#ff8178}
.body-waist-progress{padding-top:5px;border-top:1px solid var(--line)}
.body-entry-card,.body-goals-card,.body-chart-card{padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);min-width:0}
.body-entry-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,190px);gap:12px;align-items:center;margin-bottom:12px}
.body-entry-head strong{display:block;font-size:17px}
.body-entry-head input{width:100%;min-width:0;padding:10px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit}
.body-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.body-form-grid label{display:grid;gap:5px;min-width:0}
.body-form-grid label.full{grid-column:1/-1}
.body-form-grid span{font-size:10px;color:var(--muted);text-transform:uppercase}
.body-form-grid input,.body-form-grid textarea{width:100%;min-width:0;padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit}
.body-form-grid textarea{min-height:70px;resize:vertical}
.body-entry-card .primary-button,.body-goals-card .secondary-button{margin-top:12px;width:100%}
.body-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.body-chart-head strong{display:block;font-size:17px}
.body-chart-head span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.body-chart-card svg{display:block;width:100%;height:210px;margin-top:8px;overflow:visible}
.body-chart-card.is-empty svg{height:145px}
.chart-grid{stroke:rgba(255,255,255,.10);stroke-width:1}
.chart-weight{fill:none;stroke:#0a84ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.chart-waist{fill:none;stroke:#34c759;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.chart-weight-dot{fill:#0a84ff}.chart-waist-dot{fill:#34c759}
.chart-weight-label{fill:#0a84ff;font-size:13px;font-weight:700}.chart-waist-label{fill:#34c759;font-size:13px;font-weight:700}
.chart-date{fill:#8e8e93;font-size:12px}
.body-chart-empty text:first-child{fill:var(--text);font-size:17px;font-weight:700}.body-chart-empty text:last-child{fill:#8e8e93;font-size:12px}
.body-history-list{display:grid;gap:9px}
.body-history-row{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.body-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.body-history-head strong{font-size:15px;text-transform:none}
.body-history-head button{border:0;border-radius:10px;padding:7px 9px;background:rgba(255,69,58,.12);color:#ff8178;font:inherit;font-size:12px}
.body-history-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:12px}
.body-history-values span,.body-history-note span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}
.body-history-values strong{display:block;font-size:13px;margin-top:3px}
.body-history-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--text);font-size:12px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.body-history-note span{margin-bottom:4px}
.body-empty{padding:18px;border-radius:18px;border:1px dashed var(--line);color:var(--muted);text-align:center}
.body-home-shortcut{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left}
.body-home-shortcut>span{font-size:26px}.body-home-shortcut strong,.body-home-shortcut small{display:block}.body-home-shortcut small{margin-top:4px;color:var(--muted)}.body-home-shortcut b{font-size:26px}
@media(min-width:760px){.body-kpi-grid{grid-template-columns:repeat(4,1fr)}.body-history-values{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){
  .body-header p{max-width:270px}
  .body-entry-head{grid-template-columns:minmax(0,1fr) minmax(140px,45%)}
  .body-form-grid{grid-template-columns:1fr}
  .body-form-grid label.full{grid-column:1}
  .body-chart-card{padding:12px}
  .body-chart-card svg{height:190px}
}
@media(max-width:380px){.body-entry-head{grid-template-columns:1fr}.body-entry-head input{max-width:none}.body-kpi-grid{grid-template-columns:1fr 1fr}.body-kpi-grid strong{font-size:19px}}