@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');

.accounts-panel{padding:26px}.account-row{padding:18px 0;border-bottom:1px solid var(--line)}.account-row strong{overflow-wrap:anywhere}.account-actions{display:flex;flex-wrap:wrap;gap:18px}.header nav{gap:18px}
@media(max-width:720px){.header{height:auto!important;min-height:78px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.header nav{flex-wrap:wrap;gap:12px}}
/* A warm pet-rescue palette, shared by the artwork, controls, and map pins. */
:root{font-family:'Nunito',sans-serif;color:#293c2e;background:#faf8f1;--teal:#315b3d;--muted:#687060;--line:#e4e6d9}
.header{height:88px;background:#fffef9;border-bottom-color:#e4e6d9}
a.brand{font-family:'Nunito',sans-serif;font-weight:900;color:#2e5035;letter-spacing:-1.2px}
.brand-light{font-weight:600}.brand small{color:#77745c;letter-spacing:1.8px}
.brand-mark{background:#f4bd52;color:#315438;border-radius:17px;transform:rotate(-7deg);box-shadow:0 3px 0 #db9f3540}
.brand-mark svg{width:35px;height:35px}
.nav-current{padding:31px 0;border-bottom:3px solid #de9940;font-size:14px}
main{padding-top:22px}
.heading{position:relative;min-height:214px;margin-bottom:22px;padding:16px 28px;background:#fffdf5;border:1px solid #e9e4d1;border-radius:23px;overflow:hidden;gap:12px}
.heading-copy{position:relative;z-index:1;flex:1;min-width:0}
.eyebrow{font-size:11px;letter-spacing:1.6px;color:#7b6033}
h1{font-family:'Nunito',sans-serif;font-weight:900;letter-spacing:-1.1px;font-size:34px;line-height:1.13;color:#315339;margin-bottom:9px}
.heading p{font-size:15px;color:#69725e}
.home-illustration{display:block;width:318px;height:212px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply;margin:-15px 8px -15px 0}
.live-status{display:inline-flex;margin-top:14px;font-size:12px;background:#eaf1df;border-color:#d9e5c9;color:#365b3b;padding:7px 11px}
.live-status i{background:#55823b;box-shadow:0 0 0 3px #dce9cd}
.workspace{height:calc(100vh - 384px);border-radius:20px;border-color:#dde1cf;box-shadow:0 8px 28px #424f2510;background:#fffefa}
.animal-section{background:#f4f5e9;padding:23px}.section-label{font-size:11px;color:#5c684d;letter-spacing:1px}
select,input,textarea{border-color:#d2d9c6;border-radius:11px;color:#334832;background:#fffefa}
.animal-detail h2,.modal-heading h2{font-family:'Nunito',sans-serif;font-weight:900;color:#315339;letter-spacing:-.6px}
.animal-detail p{color:#67735e}.animal-meta{font-size:13px}.badge{background:#ffe8b7;color:#805119;border-radius:7px;font-size:11px}.badge.reunited{background:#e0edd6;color:#356133}
.button{font-family:'Nunito',sans-serif;border-radius:12px;font-weight:800;font-size:14px}
.primary{background:#315b3d;box-shadow:0 3px 0 #1f422824}.primary:hover{background:#24472e}
.secondary{color:#3c5238;background:#fffefa;border-color:#d8dfcd}.secondary:hover{background:#f0f3e6}
.text-button{font-size:14px}.danger{color:#a74331}
.sightings-heading h2{font-size:16px}.sightings-heading h2 span{background:#f8e6bd;color:#725623;border-radius:7px;font-size:12px}
.sightings-heading>span{font-size:12px}.sighting{border-color:#ebeddf}.sighting-number{background:#edf0e4;color:#5b714d}.sighting:first-child .sighting-number{background:#ae5126}
.sidebar-foot{background:#fcf4df;color:#6d6146;font-size:12px}.sidebar-foot span{color:#b95e34}
.map-toolbar{background:#fffef9}.map-toolbar strong{font-size:14px}.map-toolbar span{font-size:12px}
.map-bottom{background:#fffef9}.map-bottom>span{font-size:12px;flex-wrap:wrap}
.legend-dot{background:#ae5126}.legend-dot.older{background:#648052}
.map-pin span{background:#648052}.map-pin.latest span{background:#ae5126;box-shadow:0 0 0 7px #d9773328,0 2px 8px #49351735}
.leaflet-popup-content{font-family:'Nunito',sans-serif}.leaflet-popup-content-wrapper{border-radius:14px}
.empty-symbol{color:#ba7631}.empty-title{color:#385333}.empty-copy{color:#68735e}
.notice{background:#fff0cb;border-color:#ead9a2;border-radius:12px;color:#745820}
dialog{background:#fffef9;border-radius:20px;border-color:#dce1cf}dialog::backdrop{background:#243a2966}.toast{background:#315339;border-radius:14px}
footer{color:#777961;font-size:12px}.footer-divider{color:#c0c6ab}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#c77424}
@media(min-width:1400px){.home-illustration{width:360px;height:224px;margin-right:50px}.heading{padding-left:32px}h1{font-size:37px}}
@media(max-width:1000px){.heading{padding:19px 22px}.heading h1{font-size:31px}.home-illustration{width:265px;height:192px;margin-right:0}.workspace{grid-template-columns:310px minmax(0,1fr)}.map-bottom{gap:10px}}
@media(max-width:720px){.header{height:78px}.heading{min-height:0;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:0;align-items:center;border-radius:18px}.heading h1{font-size:27px}.heading p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1px}.home-illustration{width:155px;height:155px;margin:0 0 0 -5px;object-fit:cover;object-position:43% center;border-radius:20px}.live-status{font-size:11px}.workspace{height:auto;border-radius:18px}.animal-section{padding:20px}.map-bottom>span{font-size:11px}main{padding-top:18px}.map-section{height:480px}}
@media(max-width:420px){.heading{grid-template-columns:minmax(0,1fr) 106px;padding:18px 15px}.heading h1{font-size:25px}.home-illustration{width:115px;height:145px}.eyebrow{max-width:185px;line-height:1.5}.brand small{letter-spacing:1.2px}.header .button{padding:10px 12px}}
