.record-summary{display:flex;align-items:center;gap:12px;margin:0 0 17px}.record-summary>div{display:flex;align-items:center;gap:8px;background:#f0f8f4;color:#507068;border-radius:9px;padding:10px 12px;font-size:12px}.record-summary>div span{color:#287b64;font-size:17px}.record-summary p{font-size:12px}.record-summary b{color:#193f35}.record-filter{margin-left:auto;background:white;border:1px solid #dfe9e4;color:#788a84;border-radius:8px;padding:10px 14px;font:12px inherit;text-align:left;min-width:270px}.record-board{display:grid;gap:13px}.record-item{display:grid;grid-template-columns:58px 43px minmax(0,1fr) auto;align-items:center;gap:15px;background:#fff;border:1px solid #e2ebe6;border-radius:12px;padding:17px 19px;box-shadow:0 2px 7px #274e4108}.record-date{height:44px;border-right:1px solid #e8efeb;padding-right:13px;display:flex;gap:6px;align-items:center}.record-date b{font-size:23px;letter-spacing:-1px}.record-date span,.record-notes small{font-size:9px;font-weight:750;line-height:1.25;color:#82938d;letter-spacing:.35px}.record-pet{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:750;color:#fff}.record-pet.thor{background:#d68f64}.record-pet.mel{background:#9b87cb}.record-pet.nina{background:#63a590}.record-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.record-line h3{font-size:14px}.record-line h3 small{font-weight:500;color:#6f827b}.record-line p{margin-top:3px;font-size:11px}.record-status{font-size:10px;font-weight:700;border-radius:12px;padding:5px 8px;white-space:nowrap}.vaccine{color:#2b8b70;background:#e2f4eb}.consult{color:#7568b3;background:#ece9fd}.return{color:#be7d38;background:#fff0dc}.record-notes{display:grid;grid-template-columns:1.25fr 1.3fr .75fr;gap:20px;border-top:1px solid #edf2ef;margin-top:11px;padding-top:10px}.record-notes p{font-size:11px;color:#425e55;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-action{border:0;background:transparent;color:#19755e;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}@media(max-width:820px){.record-summary{flex-wrap:wrap}.record-filter{margin-left:0;width:100%}.record-item{grid-template-columns:48px 42px minmax(0,1fr)}.record-action{grid-column:3}.record-notes{grid-template-columns:1fr}.record-notes>div:not(:first-child){display:none}}@media(max-width:520px){.record-summary>div:nth-child(2){display:none}.record-item{padding:14px 12px;gap:10px}.record-date{padding-right:8px}.record-line{align-items:flex-start;flex-direction:column;gap:5px}.record-status{position:absolute;right:12px}.record-main{min-width:0}.record-notes{display:none}}