/* Lost & Found pets */
.lf{display:flex;flex-direction:column;gap:14px}
.lf-pad{padding:22px}.lf h1{margin:0 0 6px;font-size:24px}.lf-sub{color:var(--pb-text-3,#6b7280);margin:0 0 14px}
.lf-back{display:inline-block;margin-bottom:10px;font-size:14px;color:var(--pb-text-3,#6b7280);text-decoration:none}
.lf-flash{padding:11px 14px;border-radius:12px;font-size:14px}.lf-flash--ok{background:#ecfdf5;color:#065f46}.lf-flash--err{background:#fef2f2;color:#991b1b}
.lf-hero{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 22px;background:linear-gradient(135deg,#fff7ed,#fff)}
.lf-hero p{margin:0;color:var(--pb-text-3,#6b7280)}.lf-hero__cta{display:flex;gap:8px;flex-wrap:wrap}
.lf-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.lf-tabs::-webkit-scrollbar{display:none}
.lf-tabs a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.1);color:inherit;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.lf-tabs a.is-on{background:#f97316;border-color:#f97316;color:#fff}
.lf-filter{display:flex;gap:8px;flex-wrap:wrap}.lf-filter input[type=search]{flex:1;min-width:180px}
.lf-filter input,.lf-filter select,.lf-form input:not([type=file]),.lf-form select,.lf-form textarea{padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:12px;font:inherit;background:#fff;width:100%;box-sizing:border-box}
.lf-filter select{width:auto}
.lf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.lf-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.lf-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.lf-card__img{position:relative;aspect-ratio:4/3;background:#f3f4f6;display:grid;place-items:center;color:#d1d5db;font-size:40px}.lf-card__img img{width:100%;height:100%;object-fit:cover}
.lf-card__body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}.lf-card__body strong{font-size:15px}.lf-card__body small{color:#6b7280}
.lf-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}
.lf-card .lf-tag{position:absolute;top:8px;left:8px}
.lf-tag--lost{background:#dc2626}.lf-tag--found{background:#2563eb}.lf-tag--ok{background:#16a34a}
.lf-empty{padding:34px 20px;text-align:center}.lf-empty i{font-size:34px;color:#d1d5db}.lf-empty h2{margin:10px 0 4px}.lf-empty p{margin:0;color:#6b7280}
.lf-pager{display:flex;justify-content:center;align-items:center;gap:14px;color:#6b7280}.lf-pager a{color:#c2410c;font-weight:600;text-decoration:none}
.lf-form{display:flex;flex-direction:column;gap:12px}.lf-form label{display:block;font-size:13px;font-weight:700}.lf-form label small{font-weight:400;color:#6b7280}
.lf-form label>input,.lf-form label>select,.lf-form label>textarea{margin-top:5px;font-weight:400}
.lf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.lf-note{margin:0;font-size:13px;color:#6b7280}.lf-errs{background:#fef2f2;color:#991b1b;border-radius:12px;padding:10px 14px 10px 30px;margin:0 0 14px;font-size:14px}
.lf-detail{padding:20px}.lf-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.lf-detail__img{border-radius:16px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;align-self:start;min-height:200px;font-size:60px;color:#d1d5db}.lf-detail__img img{width:100%;height:auto;display:block}
.lf-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0;font-size:14.5px}.lf-facts dt{color:#6b7280}.lf-facts dd{margin:0}
.lf-desc{line-height:1.6}.lf-contact{padding:10px 12px;border-radius:12px;background:#fff7ed;margin:12px 0}
.lf-actions,.lf-owner{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lf-owner{padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.lf-tips{padding:16px}.lf-tips ul{margin:8px 0 0;padding-left:18px;font-size:14px;color:#4b5563;line-height:1.6}
@media(max-width:700px){.lf-detail__grid{grid-template-columns:1fr}}