/* Salud · estilos propios */
.top-mid { margin: 0 auto; text-align: center; }
.topbar .top-actions { margin-left: 0; }
.me { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.hero { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.hero .big { font-size: 36px; }
.tag.warn { color: #b45309; background: rgba(217, 119, 6, .12); border-color: transparent; }
.note { margin: 0; font-size: 11.5px; color: var(--text-3); line-height: 1.5; }
.scale-bar { position: relative; display: grid; grid-template-columns: 14fr 26fr 20fr 40fr; gap: 2px; height: 10px; }
.scale-bar i { border-radius: 2px; }
.scale-bar .s1 { background: #f2c94c; border-radius: 5px 2px 2px 5px; } .scale-bar .s2 { background: #3fb67a; } .scale-bar .s3 { background: #f2994a; } .scale-bar .s4 { background: #eb5757; border-radius: 2px 5px 5px 2px; }
.scale-bar b { position: absolute; top: -4px; width: 4px; height: 18px; margin-left: -2px; border-radius: 2px; background: var(--text); box-shadow: 0 0 0 2px var(--panel); transition: left .25s var(--ease); }
.scale-l { display: grid; grid-template-columns: 14fr 26fr 20fr 40fr; font-size: 10.5px; color: var(--text-3); margin-top: -6px; }
.glasses { display: flex; flex-wrap: wrap; gap: 4px; }
.glasses i { width: 16px; height: 22px; border-radius: 2px 2px 5px 5px; background: linear-gradient(transparent 22%, #38bdf8 22%); box-shadow: inset 0 0 0 1.5px #38bdf8; opacity: .85; }
.run { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 10px; align-items: end; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; }
.chips button { height: 28px; padding: 0 10px; border: 1px solid var(--border-2); border-radius: 99px; background: var(--panel); font-size: 12px; color: var(--text-2); }
.chips button:hover { background: var(--hover); color: var(--text); }
#runStats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tbl tr.cur td { background: var(--accent-soft); font-weight: 600; }
.zones { display: grid; gap: 4px; }
.z-head { display: flex; justify-content: space-between; padding: 4px 2px 8px; font-size: 12.5px; color: var(--text-2); }
.z-head b { color: var(--text); }
.z { display: grid; grid-template-columns: minmax(0, 1fr) auto 64px; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 8px; text-align: left; cursor: copy; border-left: 4px solid; background: var(--sunken); }
.z b { font-variant-numeric: tabular-nums; }
.z small { color: var(--text-3); text-align: right; }
.z1 { border-color: #94a3b8; } .z2 { border-color: #3fb67a; } .z3 { border-color: #f2c94c; } .z4 { border-color: #f2994a; } .z5 { border-color: #eb5757; }
@media (max-width: 1100px) { .me { grid-template-columns: repeat(3, minmax(0, 1fr)); } .top-mid { display: none; } .topbar .top-actions { margin-left: auto; } }
@media (max-width: 700px) { .me, .run { grid-template-columns: 1fr 1fr; } #runStats { grid-template-columns: 1fr 1fr; } }