.pet-profile-entry{width:100%;display:flex;align-items:center;gap:13px;padding:18px;margin:20px 0;background:#eaf0e2;border:1px solid #d9e4cd;border-radius:var(--radius);text-align:left;color:var(--primary)}.pet-profile-entry>svg:first-child{width:30px;height:30px;flex:none}.pet-profile-entry>span{flex:1;min-width:0}.pet-profile-entry strong{display:block;font-size:16px}.pet-profile-entry small{display:block;margin-top:6px;color:#7b8f68;font-size:12px}.pet-profile-entry>svg:last-child{width:19px;height:19px;flex:none}.pets-page{color:var(--primary);padding-bottom:12px}.pets-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px;min-width:0}.pets-heading>div{flex:1;min-width:0}.pets-heading h1{font-size:22px;line-height:1.5;margin:0}.pets-heading p{font-size:12px;line-height:1.7;color:#7e916b;margin:3px 0 0}.pets-heading .btn{flex:none;padding:10px 12px;font-size:12px;gap:5px}.pets-heading .btn svg{width:16px;height:16px}.pet-privacy{display:flex;gap:5px;align-items:center;margin-bottom:15px;font-size:11px;color:#7e916b}.pet-privacy svg{width:13px;height:13px}.pet-grid{display:grid;grid-template-columns:1fr;gap:var(--ui-petsCardGap,12px)}.pet-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #e0e6d7;border-radius:var(--radius);text-align:left;min-width:0}.pet-photo{width:var(--ui-petsPhotoSize,72px);height:var(--ui-petsPhotoSize,72px);object-fit:cover;border-radius:13px;flex:none;background:#e8eedf}.pet-card-copy{flex:1;min-width:0;display:grid;gap:4px}.pet-card-copy small{font-size:11px;color:#7e916b}.pet-card-copy strong{font-size:18px;overflow-wrap:anywhere}.pet-card-copy>span{font-size:12px;color:#7b8f68;overflow-wrap:anywhere}.pet-card-copy b{font-size:14px;margin-top:3px}.pet-card>svg{width:17px;height:17px;flex:none}.pet-empty{text-align:center;background:#edf2e5;border:1px dashed #cbd9bc;border-radius:var(--radius);padding:43px 18px}.pet-empty>svg{width:51px;height:51px;color:#829769;margin-bottom:17px}.pet-empty h2{font-size:20px;margin:0 0 9px}.pet-empty p{font-size:13px;line-height:1.9;color:#7e916b;margin-bottom:22px}.pet-form{padding:19px;background:#fff;border:1px solid #e0e6d7;border-radius:var(--radius)}.pet-form fieldset{padding:0;margin:0;border:0;min-width:0}.pet-form .field{margin-bottom:17px;min-width:0}.pet-form .field span{display:block;font-size:13px;margin-bottom:8px}.pet-form .field small{font-size:10px;font-weight:400;color:#8b9b78}.pet-form input,.pet-form select,.pet-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid #d9e2d0;background:#f8faf4;border-radius:10px;padding:11px;color:var(--primary);font-family:inherit;font-size:14px;line-height:1.5}.pet-form textarea{resize:vertical;min-height:86px}.pet-form input:focus,.pet-form textarea:focus,.pet-form select:focus{outline:2px solid #9ad632;outline-offset:1px}.pet-form input::placeholder,.pet-form textarea::placeholder{color:#96a487;font-size:12px}.pet-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pet-photo-editor{display:flex;align-items:center;gap:15px;margin-bottom:24px}.pet-photo-editor>div{min-width:0;flex:1}.pet-upload-label{position:relative;overflow:hidden;cursor:pointer}.pet-upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.pet-photo-editor small{display:block;font-size:10px;color:#8b9b78;margin-top:8px;line-height:1.6}.pet-text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#7a8c6a;margin-top:10px}.pet-initial-weight{border-top:1px solid #e5eadd;border-bottom:1px solid #e5eadd;margin:3px 0 18px;padding:17px 0 0}.pet-form h2,.pet-history h2{font-size:16px;margin:0 0 18px}.pet-initial-weight h2 small{font-size:10px;color:#8b9b78;font-weight:400}.pet-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.pet-form-actions .btn{min-width:90px}.pet-error{font-size:12px;color:#a44e3d;line-height:1.7;white-space:pre-wrap}.pet-overview{display:flex;align-items:center;gap:17px;padding:20px;background:#edf2e5;border:1px solid #dfe6d5;border-radius:var(--radius)}.pet-overview>div{min-width:0;flex:1}.pet-species{font-size:11px;color:#7b8f68}.pet-overview h2{font-size:23px;overflow-wrap:anywhere;margin:4px 0 6px}.pet-overview p{font-size:13px;overflow-wrap:anywhere;line-height:1.6;margin:0 0 8px;color:#6e845c}.pet-sex{display:inline-block;font-size:10px;padding:3px 8px;background:#dfe9cf;border-radius:6px}.pet-weight-hero{margin:15px 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:19px;background:var(--primary);color:#e7efdb;border-radius:var(--radius)}.pet-weight-hero>span{font-size:12px;flex:1}.pet-weight-hero>strong{font-size:25px;color:var(--accent);font-variant-numeric:tabular-nums}.pet-weight-hero time{font-size:11px;width:100%;text-align:right;color:#adc09b}.pet-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.pet-facts>div{padding:15px;border:1px solid #e0e6d7;border-radius:12px;background:#fff;min-width:0}.pet-facts dt{font-size:11px;color:#8b9b78;margin-bottom:8px}.pet-facts dd{font-size:13px;margin:0}.pet-notes{padding:0 3px;margin:23px 0}.pet-notes h3{font-size:14px}.pet-notes p{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#6e845c}.pet-weight-form{margin:19px 0}.pet-history{margin-top:25px}.pet-weight-list{border:1px solid #e0e6d7;border-radius:var(--radius);overflow:hidden;background:white}.pet-weight-list article{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e7ecdf}.pet-weight-list article:last-child{border:0}.pet-weight-list article>div{flex:1;min-width:0}.pet-weight-list strong{font-size:18px;display:inline-block;margin-right:10px}.pet-weight-list time{font-size:11px;color:#839672;white-space:nowrap}.pet-weight-list p{font-size:12px;line-height:1.7;color:#7b8f68;margin:7px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.pet-weight-list .icon-button{flex:none;color:#9a9f8d}.pet-empty-weight{padding:24px;text-align:center;border:1px dashed #d8e1cc;border-radius:12px;color:#8b9b78;font-size:13px}.pet-delete{color:#a25b48;margin:24px 0 8px}.pet-delete svg{width:15px;height:15px}.pet-confirm{padding:18px;background:#fff3ee;border:1px solid #dfc9bf;border-radius:14px;margin-top:20px}.pet-confirm h3{font-size:15px;margin:0 0 7px}.pet-confirm p{font-size:12px;line-height:1.8;color:#916b59}.pet-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.pet-danger{background:#a45440;color:white}.pets-page .list-pagination{gap:6px;font-size:11px}.pets-page .list-pagination .btn{font-size:11px;padding:8px}.pets-page .list-pagination>span{font-size:10px}
@media(max-width:350px){.pets-heading{gap:5px}.pets-heading h1{font-size:20px}.pets-heading p{font-size:11px}.pets-heading .btn{padding:8px;font-size:11px}.pet-form{padding:14px}.pet-form-grid{gap:8px}.pet-card{padding:12px;gap:10px}.pet-card .pet-photo{width:min(var(--ui-petsPhotoSize,72px),65px);height:min(var(--ui-petsPhotoSize,72px),65px)}}
.pet-photo-placeholder{display:inline-flex;align-items:center;justify-content:center;background:#e4ecd8;color:#7d9869}.pet-photo-placeholder svg{width:42%;height:42%}.pets-dashboard-heading{margin-bottom:15px}.pets-dashboard-heading h1{font-size:24px}.pet-companion-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius);padding:0 0 2px}.pet-companion-rail::-webkit-scrollbar{display:none}.pet-companion{position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:228px;overflow:hidden;border-radius:var(--radius);background:#dce8cc;text-align:left;color:var(--primary);scroll-snap-align:start;border:1px solid #d7e2c9}.pet-companion .pet-companion-image{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover}.pet-companion .pet-photo-placeholder{justify-content:flex-start;padding-left:24px;box-sizing:border-box;background:radial-gradient(ellipse at 20% 95%,#acc48b 0,transparent 52%),linear-gradient(135deg,#e7eedb,#c8d9b1)}.pet-companion .pet-photo-placeholder svg{width:102px;height:102px;color:#78975f;opacity:.75}.pet-companion-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,47,40,.24),transparent 70%);pointer-events:none}.pet-companion-eyebrow{position:absolute;left:18px;top:17px;font-size:12px;color:white;background:rgba(16,47,40,.74);padding:5px 9px;border-radius:8px;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-companion-info{position:absolute;right:14px;bottom:17px;width:46%;max-width:230px;box-sizing:border-box;background:rgba(253,255,248,.94);border:1px solid rgba(226,234,214,.7);border-radius:18px;padding:15px 14px;display:grid;gap:7px;box-shadow:0 4px 16px #1231260c}.pet-companion-info strong{font-size:19px;line-height:1.4;overflow-wrap:anywhere;margin-bottom:2px}.pet-companion-info>span{font-size:12px;line-height:1.6;color:#748668;overflow-wrap:anywhere}.pet-companion-arrow{position:absolute;right:13px;top:15px;width:28px;height:28px;display:grid;place-items:center;background:rgba(251,255,241,.9);border-radius:50%}.pet-companion-arrow svg{width:17px;height:17px}.pet-companion-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;padding:11px 0 4px}.pet-companion-dots button{height:18px;min-width:18px;display:grid;place-items:center;border-radius:20px}.pet-companion-dots button:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#cdd6c3}.pet-companion-dots button.active:before{background:var(--primary)}.pet-companion-dots button span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.pet-companion-empty{background:#e9f0df;border:1px dashed #cbd9bc;border-radius:var(--radius);padding:26px 20px;text-align:center}.pet-companion-empty>svg{width:49px;height:49px;color:#88a167}.pet-companion-empty h2{font-size:17px;margin:12px 0 7px}.pet-companion-empty p{font-size:12px;line-height:1.8;color:#7d916d;margin:0}.pet-add-wide{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--primary);color:white;border-radius:32px;width:100%;padding:13px 18px;margin:13px 0 20px;font-weight:600;font-size:16px;min-height:48px}.pet-add-wide svg{width:22px;height:22px;color:var(--accent)}.pet-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:26px}.pet-shortcuts>button{background:#fff;border:1px solid #e3e9db;border-radius:18px;display:flex;align-items:center;gap:9px;min-width:0;padding:15px 11px;min-height:80px;text-align:left;box-shadow:0 3px 9px #17342905}.pet-shortcuts>button>span{display:grid;place-items:center;flex:none;width:34px;height:38px;border-radius:11px;background:#e0eccf;color:var(--primary)}.pet-shortcuts>button:nth-child(2)>span,.pet-shortcuts>button:nth-child(4)>span{background:var(--primary);color:var(--accent)}.pet-shortcuts>button>span>svg{width:22px;height:22px}.pet-shortcuts strong{font-size:12px;line-height:1.6;flex:1;min-width:0;overflow-wrap:anywhere}.pet-shortcuts>button>svg{width:13px;height:13px;flex:none;color:#8a9b78}.pet-recent>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.pet-recent h2{display:flex;gap:8px;align-items:center;font-size:18px;margin:0;line-height:1.5}.pet-recent h2>svg{width:23px;height:23px;color:#4b6d41}.pet-recent header .pet-text-button{margin:0;flex:none}.pet-recent header .pet-text-button svg{width:14px;height:14px}.pet-recent-list{background:white;border:1px solid #e3e9db;border-radius:18px;overflow:hidden}.pet-recent-row{display:flex;align-items:center;gap:11px;padding:15px 13px;border-bottom:1px solid #edf0e7;min-width:0}.pet-recent-row:last-child{border-bottom:0}.pet-record-symbol{width:35px;height:38px;display:grid;place-items:center;background:#e2edcf;border-radius:10px;flex:none;color:#385637}.pet-record-symbol svg{width:21px;height:21px}.pet-record-copy{display:grid;gap:4px;flex:1;min-width:0;text-align:left;color:var(--primary);padding:0}.pet-record-copy strong{font-size:13px;line-height:1.5}.pet-record-copy>span{font-size:12px;line-height:1.7;color:#6e835e;overflow-wrap:anywhere;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pet-record-copy time{font-size:10px;color:#98a38d}.pet-recent-row>svg{width:15px;height:15px;color:#8c9d7a;flex:none}.pet-recent-empty{padding:25px 17px;text-align:center;border:1px dashed #d8e1cc;border-radius:16px;font-size:12px;line-height:1.8;color:#819371;background:#f2f5eb}.pet-record-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.pet-record-tabs button{border-radius:18px;background:#e9efdf;padding:8px 12px;font-size:11px;color:#718762}.pet-record-tabs button.active{background:var(--primary);color:var(--accent)}.pet-record-form{margin-bottom:19px}.pet-record-hint{font-size:11px;color:#7e916b;line-height:1.8;margin:0 0 15px}.pet-record-actions{display:flex;align-items:center;gap:3px;flex:none}.pet-record-actions .pet-text-button{margin:0;max-width:65px;line-height:1.6;font-size:10px;display:flex;flex-wrap:wrap;justify-content:center}.pet-record-actions .pet-text-button svg{width:14px;height:14px}.pet-record-actions .icon-button{width:29px;height:34px;color:#8a967c}.pet-record-actions .icon-button svg{width:14px;height:14px}
@media(max-width:360px){.pet-shortcuts{gap:8px}.pet-shortcuts>button{padding:13px 9px;gap:7px}.pet-shortcuts>button>span{width:29px;height:34px}.pet-shortcuts strong{font-size:11px}.pet-companion-info{width:49%;padding:13px 10px;right:11px}.pet-companion-info>span{font-size:11px}.pet-companion{height:215px}.pet-recent-row{gap:8px;padding:13px 10px}}
/* Photo and facts occupy separate columns, so any uploaded aspect ratio stays visible. */
.pet-companion{background:#e0eacf}.pet-companion .pet-companion-image{inset:0 auto 0 0;width:56%;height:100%;object-fit:contain;background:#d8e5c5}.pet-companion .pet-photo-placeholder{justify-content:center;padding-left:0}.pet-companion-shade{display:none}.pet-companion-eyebrow{left:58%;right:44px;top:19px;max-width:none;padding:0;border-radius:0;background:transparent;color:#5c7750;font-size:11px}.pet-companion-info{left:58%;right:10px;top:48px;bottom:12px;width:auto;max-width:none;padding:12px 10px;align-content:center;gap:6px}.pet-companion-info strong{font-size:18px}.pet-companion-info>span{font-size:11px}.pet-companion-arrow{right:11px;top:13px;width:25px;height:25px}