.record-detail-box{background:#fff;border-radius:15px;width:min(910px,100%);max-height:90vh;overflow:auto;padding:27px;position:relative;box-shadow:0 20px 55px #16382b55}.detail-top{display:flex;align-items:center;gap:13px;padding-right:32px}.detail-pet{width:52px;height:52px;border-radius:15px;background:#d68f64;color:#fff;display:grid;place-items:center;font-weight:750;font-size:19px}.detail-top h2{margin:0;font-size:24px}.detail-top h2 span{font-size:15px;color:#6d817a;font-weight:500}.detail-top>div:nth-child(2){flex:1}.detail-top .eyebrow{font-size:9px;color:#468b76;font-weight:750;letter-spacing:.6px}.detail-top p{font-size:12px}.detail-tabs{display:flex;gap:19px;border-bottom:1px solid #e6ede9;margin-top:25px}.detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 11px;color:#72847e;font-size:12px;font-weight:650}.detail-tabs button.selected{color:#176e59;border-color:#176e59}.detail-grid{display:grid;grid-template-columns:1fr 225px;gap:22px;margin-top:20px}.detail-section{border:1px solid #e6ede9;border-radius:10px;padding:17px;margin-bottom:12px}.detail-section h3,.detail-side h3{font-size:13px;margin:0 0 14px}.detail-section h3 span{font-size:11px;color:#7c8d88;font-weight:500;margin-left:4px}.detail-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-fields div{border-right:1px solid #edf1ef}.detail-fields div:last-child{border:0}.detail-fields small,.detail-side small{font-size:9px;color:#80908b;font-weight:750;letter-spacing:.35px}.detail-fields p,.detail-side p{font-size:11px;color:#3f5d53;margin-top:4px}.detail-text{font-size:12px;line-height:1.6;color:#456057}.detail-side{background:#f3f8f5;border-radius:10px;padding:17px;height:max-content}.detail-side>div{border-top:1px solid #dfebe4;padding:11px 0}.outline-button{margin-top:5px;width:100%;background:#fff;border:1px solid #cde2d7;color:#176e59;border-radius:7px;padding:9px;font-weight:700;font-size:11px}.detail-footer{border-top:1px solid #e6ede9;margin-top:8px;padding-top:14px;display:flex;justify-content:space-between;color:#81918c;font-size:10px}@media(max-width:700px){.record-detail-box{padding:20px}.detail-top .primary{display:none}.detail-grid{grid-template-columns:1fr}.detail-fields{grid-template-columns:1fr}.detail-fields div{border-right:0;border-bottom:1px solid #edf1ef;padding-bottom:7px}.detail-footer{display:grid;gap:4px}.detail-tabs{gap:12px;overflow:auto;white-space:nowrap}}