/* Consistent, compact husbandry and workshop panels. */
.overlay:is([data-page="animals"],[data-page="housing"],[data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .modal{overflow-x:hidden}
.overlay .housing-list{display:grid;gap:10px;margin-top:8px}
.overlay .housing-summary{padding:12px;background:#fffdf5;border:1px solid #dce3d4}
.overlay .housing-overview{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px}
.overlay .housing-overview .art-thumb{width:60px;height:60px;margin:0;object-fit:contain}
.overlay .housing-overview .emoji{font-size:42px;text-align:center}
.overlay .housing-overview h3{margin:0 0 4px;font-size:16px}
.overlay .housing-overview p{margin:0;font-size:13px;line-height:1.5}
.overlay .housing-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e1e6d9}
.overlay .housing-actions p{font-size:11px;line-height:1.45;margin:0 0 6px}
.overlay .housing-actions .wide{margin-top:0;width:100%;min-height:44px}
.overlay .housing-actions>div{min-width:0}
.overlay:is([data-page="animals"],[data-page="housing"]) .cards.animal-list{grid-template-columns:1fr;gap:7px}
.overlay .animal-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(88px,auto);align-items:center;gap:10px;padding:10px}
.overlay .animal-row .art-thumb{width:44px;height:44px;margin:0;object-fit:contain}
.overlay .animal-row>.emoji{font-size:32px;text-align:center}
.overlay .animal-info{min-width:0}
.overlay .animal-info h3{margin:0 0 3px;font-size:14px}
.overlay .animal-info p{margin:0;font-size:12px;line-height:1.4}
.overlay .animal-info .progress{margin-top:6px}
.overlay .animal-row .wide{width:auto;max-width:120px;min-height:44px;margin:0;padding:8px;font-size:12px;overflow-wrap:anywhere}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .cards{grid-template-columns:1fr;gap:8px}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .card .art-thumb{float:left;width:48px;height:48px;object-fit:contain;margin:0 10px 6px 0}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .card>.emoji{float:left;font-size:30px;margin-right:10px}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .card h3{font-size:15px;margin:4px 0 8px}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .card p{font-size:13px;line-height:1.5}
.overlay:is([data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) .card button{clear:both;width:100%;display:block;margin-top:8px}
.overlay:is([data-page="animals"],[data-page="housing"],[data-page="production"],[data-page="buildingProduction"],[data-page="buildingUpgrades"]) button{white-space:normal;overflow-wrap:anywhere}
@media(max-width:340px){
 .overlay .housing-actions{grid-template-columns:1fr;gap:9px}
 .overlay .animal-row{grid-template-columns:36px minmax(0,1fr) 88px;gap:6px;padding:8px}
 .overlay .animal-row .art-thumb{width:36px;height:36px}
}