/* DATASMITH Pet 메뉴 (v2.34.0) — Drawer 규칙은 모든 화면 폭 공통이므로 /datasmith-shell.css 로 이관했습니다.
   · 여기에는 Pet 고유 보정만 남깁니다. */
.mobile-bar{display:none!important}
.rail{background:#FFFFFF;box-shadow:none}
body.pet-drawer-open .rail{box-shadow:0 0 40px rgba(15,74,63,.22)}
.main{padding-bottom:32px}

/* v2.34.5: 프로필 선택 팝업 — 안쪽 여백·좌우 전폭·카드 정렬 (모달 내부 여백 토큰 사용) */
#modalIn .pp{width:100%;max-width:none;margin:0;box-sizing:border-box;padding:var(--mx-modal-pad-y,20px) var(--mx-modal-pad-x,22px) calc(var(--mx-modal-pad-y,20px) + env(safe-area-inset-bottom,0px))}
#modalIn .pp-head{margin-bottom:16px}
#modalIn .pp-head .eyebrow{margin-bottom:2px}
#modalIn .pp-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;justify-content:stretch}
#modalIn .pp-card{flex:none!important;width:auto!important;min-width:0;min-height:156px;padding:22px 10px 16px;justify-content:center;border-radius:14px;overflow:hidden}
#modalIn .pp-card .pp-nm,#modalIn .pp-card .pp-mt{max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
#modalIn .pp-card.add{min-height:156px}
#modalIn .pp-foot{justify-content:stretch}
#modalIn .pp-foot .btn{width:100%}
@media (max-width:520px){#modalIn .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* v2.34.14: 상단바 우측 — 주요 동작(성분 빠른 분석)은 채움 버튼, 로그아웃은 조용한 텍스트 버튼으로 위계 분리 */
.topbar .tb-right{gap:10px}
.topbar .tb-btn.tb-primary{height:34px;padding:0 14px 0 12px;border-radius:999px;border:0;background:var(--green,#0F4A3F);color:#fff;font-weight:600;gap:7px;box-shadow:0 2px 8px -2px rgba(15,74,63,.45)}
.topbar .tb-btn.tb-primary:hover{background:var(--green-2,#17604F);color:#fff;border:0}
.topbar .tb-btn.tb-primary svg{flex:0 0 auto}
.topbar .tb-btn.tb-quiet{border:0;background:transparent;padding:0 6px;height:34px;color:var(--ink-3,#6a756f);font-weight:500}
.topbar .tb-btn.tb-quiet:hover{color:var(--ink,#101917);background:rgba(16,25,23,.05);border:0}
.topbar .tb-avatar{width:34px;height:34px}
@media (max-width:520px){
  .topbar .tb-btn.tb-primary{width:34px;padding:0;justify-content:center}
  .topbar .tb-btn.tb-primary .tb-lbl{display:none}
}
.topbar .tb-right span.tb-btn{border:0;background:transparent;padding:0 4px;color:var(--ink-3,#6a756f)}

/* v2.34.17: 메뉴명 양옆의 세로 막대(|) 제거 */
.topbar-in .tb-title{padding-left:0!important;border-left:0!important}
.tb-title .sep{display:none!important}

/* v2.34.23: 새 반려동물 모달 — 입력/버튼 간격 정돈 */
#modalIn .pp .field label{display:block;margin-bottom:6px}
#modalIn .pp .row{gap:8px}
#modalIn .pp .row .btn{min-width:88px}
@media (max-width:520px){#modalIn .pp .row .btn{flex:1 1 0}}