/* Compact animal pages and protected-photo thumbnails. */
.mpl-app img[src*="action=mpl_animal_photo"],.mpl-app img[src*="action=mpl_fb_photo"],.mpl-app img[src*="action=mpl_quick_photo"],.mpl-app img[src*="action=mpl_chip_test_photo"],.mpl-app .mpl-animal-thumbnail{
 display:block!important;width:auto!important;height:auto!important;max-width:min(160px,100%)!important;max-height:120px!important;object-fit:contain!important;border-radius:8px;aspect-ratio:auto!important;
}
.mpl-app .mpl-photo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,160px))!important;gap:12px!important}
.mpl-app .mpl-search-reference{padding:12px!important;margin:14px 0!important}
.mpl-app .mpl-search-reference figcaption{margin-bottom:10px!important}
.mpl-app .mpl-search-reference figcaption strong{font-size:17px!important}
.mpl-app .mpl-search-reference figcaption span{font-size:14px!important}
.mpl-animal-thumbnail[data-mpl-expand]{cursor:zoom-in}
.mpl-animal-thumbnail[data-mpl-expand]:focus-visible{outline:3px solid #ffe082;outline-offset:4px}
.mpl-photo-viewer{padding:16px;border:1px solid #607265;border-radius:12px;background:#142019;color:#fff;max-width:94vw;max-height:94vh}
.mpl-photo-viewer::backdrop{background:#000d}
.mpl-photo-viewer img{display:block;max-width:85vw;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:12px auto}
.mpl-photo-viewer button{min-height:44px;padding:8px 16px;background:#ffe082;color:#182019;border:0;border-radius:8px;font-size:16px}
.mpl-photo-viewer p{margin:8px 0;font-size:15px;color:#fff}
@media(min-width:769px){
 .mpl-app:not(.mpl-landing){max-width:1120px!important;padding:24px!important;border-radius:16px!important;font-size:16px!important;line-height:1.5!important}
 .mpl-app:not(.mpl-landing) h1{font-size:30px!important;line-height:1.2!important;margin:8px 0 14px!important}
 .mpl-app:not(.mpl-landing) h2{font-size:22px!important;line-height:1.3!important;margin:10px 0 12px!important}
 .mpl-app:not(.mpl-landing) h3{font-size:19px!important;line-height:1.3!important;margin:10px 0!important}
 .mpl-app:not(.mpl-landing) h4{font-size:17px!important;line-height:1.3!important;margin:8px 0!important}
 .mpl-app:not(.mpl-landing) :is(p,li,dt,dd,label,summary){font-size:15px!important;line-height:1.5!important}
 .mpl-app:not(.mpl-landing) p{margin:10px 0!important}
 .mpl-app:not(.mpl-landing) label{margin:10px 0!important}
 .mpl-app:not(.mpl-landing) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;line-height:1.4!important;padding:9px 12px!important;min-height:40px}
 .mpl-app:not(.mpl-landing) :is(.mpl-button,button,.mpl-found-link){font-size:14px!important;line-height:1.35!important;min-height:36px!important;padding:8px 14px!important;border-radius:8px!important}
 .mpl-app:not(.mpl-landing) :is(.mpl-panel,.mpl-chip){padding:16px!important;margin-block:12px!important}
 .mpl-app:not(.mpl-landing) :is(.mpl-cards,.mpl-fields,.mpl-quick-fields,.mpl-fb-grid){gap:12px 18px!important}
 .mpl-app:not(.mpl-landing) :is(.mpl-trait-dropdown>summary,.mpl-filter-trait>summary){padding:10px 36px 10px 12px!important;min-height:40px!important}
 .mpl-app:not(.mpl-landing) .mpl-quick-status{padding:12px!important;margin:12px 0!important;font-size:15px!important}
 .mpl-app:not(.mpl-landing) .mpl-search-matches{margin-top:18px!important;padding-top:16px!important}
 .mpl-search-progress{width:min(480px,calc(100vw - 32px))!important;padding:12px!important;font-size:14px!important;line-height:1.45!important}
}
@media(max-width:768px){
 .mpl-app :is(button,.mpl-button){min-height:44px!important}
 .mpl-app img[src*="action=mpl_"],.mpl-app .mpl-animal-thumbnail{max-width:min(140px,100%)!important;max-height:110px!important}
}

/* Consistent, compact website content. Login keeps its existing design. */
.mpl-app:not(.mpl-landing){margin:16px auto!important;padding:20px!important;max-width:1100px!important;line-height:1.5!important}
.mpl-app:not(.mpl-landing) .mpl-brand-hero{grid-template-columns:1fr auto!important;gap:18px!important;align-items:center!important;padding:0 0 12px!important;margin:0!important;min-height:0!important}
.mpl-app:not(.mpl-landing) .mpl-brand-art{width:120px!important;max-width:120px!important}
.mpl-app:not(.mpl-landing) .mpl-brand-logo{width:100%!important;max-height:120px!important;object-fit:contain}
.mpl-view-account .mpl-brand-copy>p{display:none!important}
.mpl-app:not(.mpl-landing) .mpl-simple-navigation{margin:12px 0 18px!important}
.mpl-app:not(.mpl-landing) .mpl-simple-choices{gap:8px!important}
.mpl-app:not(.mpl-landing) .mpl-simple-choices a{min-height:42px!important;padding:9px 12px!important;font-size:14px!important}
.mpl-app:not(.mpl-landing) .mpl-personal-menu{margin-top:8px!important}
.mpl-app:not(.mpl-landing) .mpl-personal-menu>summary{padding:8px 12px!important;min-height:40px!important}
.mpl-app:not(.mpl-landing) .mpl-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:14px!important}
.mpl-app:not(.mpl-landing) .mpl-panel{border-radius:12px!important}
.mpl-app:not(.mpl-landing) :is(p,li,dd){overflow-wrap:anywhere}
.mpl-app:not(.mpl-landing) textarea{min-height:90px!important}
.mpl-step-panel[hidden],.mpl-step-controls button[hidden]{display:none!important}
.mpl-step-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.mpl-app .mpl-step-bar button{background:#1b3023!important;color:#e5eee7!important;border:1px solid #486350!important;font-weight:500!important;font-size:13px!important}
.mpl-app .mpl-step-bar button[aria-current=step]{border-color:#e7ee00!important;color:#f4f56a!important}
.mpl-app .mpl-step-bar button:disabled{opacity:.55;cursor:default}
.mpl-step-status{font-weight:600;color:#f2ef8b!important;outline-offset:4px}
.mpl-step-controls{display:flex;justify-content:space-between;gap:12px;padding-top:14px;margin-top:14px;border-top:1px solid #3d5143}
.mpl-step-controls button:last-child{margin-left:auto}
.mpl-step-panel{min-width:0}
@media(max-width:768px){
 .mpl-app:not(.mpl-landing){padding:16px!important;margin:10px auto!important;border-radius:10px!important}
 .mpl-app:not(.mpl-landing) h1{font-size:26px!important;line-height:1.2!important}
 .mpl-app:not(.mpl-landing) h2{font-size:21px!important}
 .mpl-app:not(.mpl-landing) .mpl-brand-art{width:72px!important;max-width:72px!important}
 .mpl-app:not(.mpl-landing) .mpl-brand-logo{max-height:72px!important}
 .mpl-app:not(.mpl-landing) .mpl-panel{padding:14px!important;margin-block:12px!important}
 .mpl-step-bar{display:grid;grid-template-columns:1fr}
 .mpl-step-bar button{text-align:left}
}

.mpl-step-duplicate-title{display:none!important}
.mpl-form-other-options{margin-top:18px;padding-top:12px;border-top:1px solid #3d5143}
.mpl-form-other-options>summary{cursor:pointer;font-size:14px!important;padding:8px 0}
.mpl-form-other-options:not([open])>.mpl-simple-navigation{display:none!important}

.mpl-section-fold{border:1px solid #405748;border-radius:9px;margin:10px 0;background:#132019}
.mpl-app .mpl-section-fold>summary{cursor:pointer;padding:12px 14px!important;font-weight:600;color:#e5eee7!important;min-height:44px;box-sizing:border-box}
.mpl-section-fold[open]>summary{border-bottom:1px solid #405748;color:#f1ef89!important}
.mpl-section-fold> :not(summary){margin:12px!important}
.mpl-section-fold:not([open])> :not(summary){display:none!important}
.mpl-fold-duplicate-title{display:none!important}

/* Compact controls for the found report and its live match suggestions. */
.mpl-app:not(.mpl-landing) [data-mpl-quick-report] :is(.mpl-step-bar,.mpl-step-controls) button,
.mpl-app:not(.mpl-landing) [data-mpl-quick-report] .mpl-match-controls .mpl-button{
 width:auto!important;
 min-height:32px!important;
 padding:6px 10px!important;
 font-size:13px!important;
}
[data-mpl-quick-report] .mpl-match-controls{
 margin:12px 0 0;
 padding:10px 12px;
 border:1px solid #405748;
 border-radius:8px;
}
[data-mpl-quick-report] .mpl-match-controls p{margin:4px 0!important}
[data-mpl-quick-report] .mpl-match-controls [hidden]{display:none!important}
[data-mpl-quick-report] .mpl-match-controls summary{cursor:pointer;padding:6px 0}
@media(max-width:768px){
 .mpl-app:not(.mpl-landing) [data-mpl-quick-report] :is(.mpl-step-bar,.mpl-step-controls) button,
 .mpl-app:not(.mpl-landing) [data-mpl-quick-report] .mpl-match-controls .mpl-button{min-height:44px!important}
 [data-mpl-quick-report] .mpl-step-bar{display:flex;flex-wrap:wrap}
}

@media(max-width:768px),(pointer:coarse){
 .mpl-app .mpl-trait-checks{gap:8px}
 .mpl-app .mpl-trait-checks label{
  min-height:44px;
  box-sizing:border-box;
  padding:8px 12px;
  cursor:pointer;
 }
 .mpl-app .mpl-trait-checks input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
}